/*
	Brandon Tutmarc's allalom.com stylesheet
	
	Author: Brandon Tutmarc
	Website: http://www.brandontutmarc.com
	
	Table of Contents:
		layout
		navigation
		typography
		images
*/

/* layout
------------------------------------------------------- */

body {
	margin:25px 0px 0px 0px;
	padding:0;
	text-align:center;
	background-color: #FFFFFF;
}

#news_column {
width: 450px;
padding: 20px 0px 0px 20px;
float:left;
text-align:left;
}

#sidebar_column {
width: 214px;
float:right;
text-align:left;
padding: 20px 20px 0px 0px;
}

#foot-right-col { 
float: right; 
text-align: right;
padding: 0px; 
margin: 0 auto; 
width: 100px; 
}

#foot-left-col { 
float: left; 
padding: 0px; 
margin: 0 auto; 
width: 350px; 
}

#body_column {
width: 756px;
background-image:url(http://www.allalom.com/img/body_bg.gif);
background-position: top center;
background-repeat:repeat-y;
margin: 0 auto;
padding-bottom:20px;
overflow: auto;
}

#footer {
width: 756px;
margin: 0 auto;
padding-top: 5px;
text-align:left;
overflow: auto;
}

#header {
width: 756px;
margin: 0px auto;
text-align:left;
padding-bottom:20px;
height: 67px;
background-image:url(http://www.allalom.com/img/nav-bg.gif);
background-repeat:repeat-x;
}

/* line breaks
------------------------------------------------------- */

.linebreak {
padding: 10px 0px 10px 0px;
margin-bottom:15px;
border-bottom:1px solid;
border-bottom-color:#CCCCCC;
}

.sub_linebreak {
padding: 0px 0px 5px 0px;
margin-bottom:10px;
border-bottom:1px solid;
border-bottom-color:#CCCCCC;
}

.sidebar_gray {
padding: 0px 0px 10px 0px;
border-top:1px solid;
width: 214px;
margin-top:5px;
clear:left;
border-top-color:#CCCCCC;
}
.sidebar_linebreak {
padding: 0px 0px 10px 0px;
border-top:1px solid;
width: 214px;
clear:left;
border-top-color:#767676;
}

.sidebar_linebreak_thin {
padding: 0px 0px 4px 0px;
border-top:1px solid;
width: 214px;
clear:left;
border-top-color:#CCCCCC;
}

#nav_row {
float:right;
text-align:right;
padding: 21px 0px 0px 0px;
margin: 0 auto;
}

/* typography
------------------------------------------------------- */

a {color: #000000; text-decoration: none;}
#right-column a {color:#930f0f; font-weight:bold;}
a:hover {color: #838383; text-decoration: none;}

/* Dotted line around active button in Firefox */
:-moz-any-link:focus {
    outline-style: none !important;
    outline-width: 0px !important;
}
/* End Dotted line around active button in Firefox */

.newrelease_text {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2;
	font-size: 11px;
	color: #000000;
	letter-spacing: .3px;
	text-align:left;
}

.sub_sub {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2;
	font-size: 11px;
	color: #000000;
	letter-spacing: .3px;
	text-align:left;
}

.entry {
font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size:13px;
	line-height: 1.3;
	text-align:left;
	}

.headline {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 17px;
	line-height: 1.4;
	text-transform:uppercase;
	letter-spacing: .8px;
}

.artist_name {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: .8px;
	clear:left;
}

.timestamp {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 2.3;
	font-size: 10px;
	color: #999999;
	letter-spacing: .9px;
}

.artist_byline {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 1.3;
	font-size: 13px;
	color: #999999;
	
}

.subhead {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 1.5;
	font-size: 14px;
	color: #000000;
	text-transform:uppercase;
	letter-spacing: .9px;
}

.price {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	
	font-size: 14px;
	color: #FFFFFF;
	text-transform:uppercase;
	background:#999999;
	padding: 3px;
}

.price_small {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #FFFFFF;
	text-transform:uppercase;
	background:#999999;
	padding: 3px;
}


.foot_text {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 2;
	font-size: 10px;
	color: #000000;
	text-transform:uppercase;
	letter-spacing: .9px;
	text-align:left;
}

.cat_number {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 2;
	font-size: 10px;
	color: #666666;
	text-transform:uppercase;
	letter-spacing: .9px;
	text-align:left;
}


.show_date {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	letter-spacing:.9px;
	text-align:left;
}

.upcomingshows_text {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	font-size: 12px;
	color: #000000;
		text-align:left;
}

.nav_link {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 2;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing: .9px;
	margin-right: 20px;
	
}

.nav_link_over {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 2;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing: .9px;
	color: #838383;
	margin-right: 20px;
	
}

.nav_link_right {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 2;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing: .9px;	
}

.nav_link_right_over {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 2;
	font-size: 14px;
	color: #838383;
	text-transform:uppercase;
	letter-spacing: .9px;	
}

/* images
------------------------------------------------------- */

.newrelease_img {
float:left;
padding:0px 10px 10px 0px;
}

.artist_img {
float:left;
padding:0px 10px 5px 0px;
}

.cd_cover_padding_90 {
float:left;
padding:0px 10px 90px 0px;
}

.cd_cover_padding_170 {
float:left;
padding:0px 10px 170px 0px;
}

.cd_cover_padding_70 {
float:left;
padding:0px 10px 70px 0px;
}


.header_img {
float:left;
}

.entry_image {
padding:10px 0px 10px 0px;
}

.distro_loser_cd {
padding: 0px 0px 5px 0px;
}

img { border: none; }

/* CSS Table
------------------------------------------------------- */

.container {
	margin: 0px auto;
	padding: 0px;
	width: 450px; /* width of the layout -- can be set to any value including percentages */
	overflow: hidden;
	}
	


.sidebar-right {
	float: right;
	width: 150px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px 0px 30px 0px;
	overflow: hidden;
}

.sidebar-left {
	float: left;
	width: 150px; /* witdh of the left sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px 0px 30px 0px;
	overflow: hidden;
}

.content {
	margin: 0px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}

.content-inner
{
	width: 100%;
	overflow: hidden;
}