@import "content.css";
@import "members.css";
html,body{
	background:  url("images/faux.gif") 50% 0 repeat-y;
	background-color: #000;
	margin:0;
	padding:0;
	font-family: Arial, Verdana, sans-serif;
	font-size:100%;

}

a{
	text-decoration: none;
}

h1{
	font-size: 16px;
	font-weight: bold;
	color: white;
	padding:0;
	margin: 0 0 4px 0;
}

h1 .green{
	color: #bbe87d;
}

.red{
	color: #d43232;
}

#wrapper{
	width: 974px;
	margin:auto;
}


/* ============================
   Header Area
	===========================*/

#header{
	float:left;
	width:100%;
	height: 198px;
	background: #000 url('images/hdr_beer_bkd.jpg') no-repeat;
	background-position: 191px 0px;
}

#header .beer, .beer a{
	float:left;
	border:0;
}

#leaderboard{
	float:right;
	padding:0;
	width: 728px;
	height: 90px;

}

#logo{
	position: relative; 
	width:  280px;
	border:0;
	margin:5px 0 0 510px;
	padding:0;
}


/* ============================
    Top Navigation
	===========================*/


#navi {
	float: left;
	width: 100%; 
	height: 38px; 
	background: url(images/nav_bkd.gif) repeat-x; 
}

#navi ul { 
	xdisplay:table;
	xmargin: 0 auto; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	white-space:nowrap;
} 

#navi ul li { 
	float: left; 
	xdisplay:table-cell;
} 

#navi ul a{
	display:block;
	float: left; 
	height: 26px; 
	padding: 10px 25px 0 25px;
	font: bold 0.8em arial; 
	color: #fff; 
	text-decoration: none;
	border: 1px solid #5c5c5c; 
	border-width: 0 1px; 
}

#navi ul a:hover { 
	background: url(images/nav_bkd_green.gif) repeat-x; 
	color: #fff;
} 
#navi .solid { 
	background: url(images/nav_bkd_green.gif) repeat-x; 
	color: #fff;
} 

#navigenre {
	float: left;
	width: 100%; 
	height: 32px; 
	background-color: #596e46;
	border: thin solid #abe677;
	padding-top: 6px;
}

#navigenre ul{
	list-style:none;
}

#navigenre li{
	margin: 8px 10px 0 10px;
	padding:0;
	list-style:none;
	display: inline;
	
}
#navigenre a{
	color: white;
	font-size: .88em;
}
#navigenre a:hover{
	color: red;
	font-size: .88em;
}


/* ============================
    Holder for everything inside the wrapper under the top header/nav
	===========================*/
#main{
	margin:auto auto auto 2px;
	width: 100%;
}
/* ============================
    Left Side column
	===========================*/

#leftcol{
	float:left;
	width: 140px;
	margin-left: 4px;
	background-color: #6ea561;
}

#search{
	background-color: #000;
	color:white;
	width: 136px;
	margin:auto;
	padding:2px;
}

#awesomesauce{
	width: 139px;
	margin: 3px 0 3px 1px;
	background: #000000;
}

#awesomesauce h1{
	margin-top: 3px;
}
#awesomesauce ul{
	margin:0;
	padding:0;
}
#awesomesauce li{
	margin:auto;
	width: 124px;
	height: 124px;
	list-style:none;
	padding: 2px;
	background-color:white;
	border-bottom: medium solid #656b61;
	border-left: medium solid #656b61;
}
#awesomesauce img{
	border: thin solid black;
}

.skyscraper{
	width: 120px;
	margin-left:8px;
	float:left;
}
/* ============================
    Primary Content Area
	===========================*/

#content{
	width: 505px;
	float:left;
	margin-left: 6px;
	display: inline;
	overflow:hidden;
}

#mono{
	width: 500px;
	height:300px;
	float: left;
}

#mssHolder{
position: relative; 
float: left;

}


/* Recent Stuff */
.recentcontainer{
	float: left;
	width: 100%;
	background-color: #888;
	margin:6px 0 0 3px;
}

.recentheaders{
	float:left;
	width: 340px;
	font-size: 1.15em;
	margin-left: 8px;
	margin-top:3px;
}

.recentheaders a{
color: black;
}
#hdr_recentvids{
	float:left;
	width: 100%;
	height:30px;
	background-color:black;
}

.recentbits{
	width:100%;
	padding: 5px 0 10px 0;
	background: url("images/bkd_recent.gif") bottom white repeat-x;
	float:left;
}

.recentthumb{
	float:left;
	margin: 4px 4px 4px 8px;
}

	a .recentthumb{
		border: medium solid black;
	}

	a:hover .recentthumb{
		border:medium solid #dd5d5d;
	}

.recentdesc {
	font-size: .75em;
	float:left;
	margin: 0 0 0 10px;
	width:320px;
}

.recenttags {
	float:left;
	font-size: .75em;

	margin: 20px 0 0 10px;
}

.recenttags a, a:active, a:visited{
	font-weight: bold;
	color: #dd5d5d;
}
.ratingbar{
	float:left;
	margin-left: 5px;
	width: 10px;
	height: 100px;
	background: url("images/bkd_rating_multi.gif") bottom white no-repeat;
}

#recentfooter{
	float:left;
	width: 100%;
	height:20px;
	background-color:black;
}

#recentfooter a{
	float:right;
	margin-right:15px;
	color: white;
	font-size: .95em;
	font-weight:bold;
}

#traffictrade ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size: 1.05em;
	font-weight:700;
}
#traffictrade li, #traffictrade a{
	display: inline;
	margin:0;
	padding:0;
	font-size: .75em;
	color: white;
	font-weight:500;
}

/* ============================
	 Thumbnail Only Templates Options
	===========================*/

.thumbsonly {
	float: left;
	display: inline;
	margin:2px;
	padding:0;
}
.thumbsonly a{
	display: block;
	float: left;
	margin:0;
	padding: 2px;
	text-align: center;
}

.thumbsonly a:hover{
	border-color: red;
	background-color: #eee;
}
.thumbbits{
	width:460px;
	padding: 5px 0 10px 20px;
	background: white;
	float:left;
}

/* ============================
    Right Side Column
	===========================*/

#rightcol{
	float:right;
	display: inline;
	width: 300px;
	background-color: #403f3f;
}

#right_rectangle{
	float:right;
	width:300px;
}

#street_header{
	float: right;
	margin:15px 2px 0 0px;
	width: 298px;
	height: 35px;
	background-color: black;
	border-bottom: thin gray solid;
}

#street_header h1{
	margin-top: 7px;
	margin-left:8px;
	}

#tags_header{
	float: right;
	margin:15px 5px 0 0px;
	width: 290px;
	height: 35px;
	background-color: black;
	border-bottom: thin gray solid;
}

#tags_header h1{
	margin-top: 7px;
	margin-left:8px;
	}

.rightdark{
	float: right;
	margin-right:2px;
	width:297px;
	background-color: #5c5c5c;
	color:#ccc;
	clear:both;
}

.orb{
	height: 18px;
	float:left;
	margin: 8px 8px 0 8px;
	}

.extrathumbs{
	border:thin solid #b6b4b4;
	}

.extrathumbs a:hover{
	border-color: #c24b4e;
}

/* ============================
    Partners Extra Icons
	===========================*/
#partnericons img{border:0px;padding:4px;}
#partnericons{
	float: right;
	width: 298px;
}

#partnericons ul{
	float: left;
	list-style: none;
	padding:0;
	margin:0;
}
#partnericons li{
	list-style: none;
	display: inline;
	padding:0;
	margin:0;
}

ul.thumbnails a{
display: block;
float: left;
border: 1px solid gray;
border-bottom: 1px solid black;
border-left: 1px solid black;
background-color: #5c5c5c;
}

ul.thumbnails a:hover{
border: 1px solid red;
}

/* ============================
    Footer
	===========================*/
#footer {
	float: left;
	width: 100%; 
	padding: 10px 0 20px 12px; 
	background: url(images/bkd_footer.gif) bottom black repeat-x; 
	border-top: thin solid gray; 
}

#footer ul { 
	float: left; 
	width: 130px; 
	margin: 0 0 0 20px; 
	padding: 0; 
	list-style: none; 
} 

#footer ul li { 
	font: bold 0.7em arial; 
} 

#footer ul li a { 
	color: #c2bfbf; 
} 

#footer strong{ 
	font-size: 1.15em !important; 
	color: white; 
} 



/* ============================
    Misc Stylings
	===========================*/
.smallfont{
	font-size: .72em;
}
.mediumfont{
	font-size: .90em;
}
.transparent_class {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}



/* ============================
    Share Options
	===========================*/

.sharebits {
	width: 480px;
	min-height: 118px;
	float: left;
	padding-left: 15px;
	border-right: 1px solid #E5EFF5;
	overflow: hidden;
	}

.big-button {
	width: 52px;
	float: left;
	margin: 5px 0 0;
	padding-left: 15px;
	overflow: hidden;
	}

#retweet{
	width: 50px;
	margin-top: 24px;
	}

#stumbleupon{
	width: 50px;
	margin-top: 24px;
	}
/* ============================
    Compatibility Hacks
	===========================*/

#padding{
	padding: 8px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */