/* unknown.com - Created 7/14/10 */ 
/* Some Good Science */
/* www.somegoodscience.com */

/* ===================================IMAGE REPLACEMENT===================================================== */

.no { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

/* ===================================H1/H2/H3/H4/H5======================================================== */

/* ===================================ANCHORS=============================================================== */

a#logo { float:left; width:788px; height:74px; background:url(/images/themdamnedyounglivers.jpg) no-repeat; margin:0 auto 0 auto;}

/* ===================================LAYOUT================================================================ */

/* INDEX */

body { text-align:center; background:#000; margin:0px; }

#body_container { width:812px; height:1000px; margin:0 auto; }
 	#header_container { width:800px; height:74px; float:left; margin:20px 0 20px 5px; }
	#content_container { width:800px; float:left; text-align:left; margin-left:10px; }
	.img_link {margin:0 20px 20px 0; position:relative; vertical-align:top; border:0; }
	#pagehead { width:261px; height:54px;float:right;vertical-align:top; position:relative; bottom:100px; right:20px;}
	#pagehead h2 {font-size:42px; padding:0; margin:0;}

	#content { text-align:left; float:right; position:relative; width:365px; height:260px; bottom:326px; right:22px;}
		#content p { line-height:150%; }

	#footer { width:100%; height:89px; float:left; margin:0; position:relative;bottom:300px;}
		#social_nav_container { width:975px; margin:0 auto; }
		#footer_container p { font-size:11px; }
		#mailing_list_signup { width:298px; height:109px; float:left; background:url(/images/index/mailing-list-bg.png) no-repeat; padding:50px 10px 0 40px; }
		#follow_us_online { width:280px; height:109px; float:left; background:url(/images/index/follow-bg.jpg) no-repeat; padding:50px 20px 0 20px; }
		#site_map { width:331px; height:109px; float:left; background:url(/images/index/site-map-bg.png) no-repeat; padding:50px 20px 0 17px; }	

/* INTERIOR */
		#interior_map_container { width:751px; float:left; margin:0 0 0 27px;}
		#interior_daily_content_container { width:709px; float:left; margin:0 0 0 27px; padding:20px; border:1px solid #cccccc;}
		#interior_daily_content_container p {line-height:190%;}
		#interior_daily_content_container p a:link { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold;}
		#interior_daily_content_container p a:visited { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold;}
		#interior_daily_content_container p a:hover { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; color:#ffffff; text-decoration:underline; font-weight:bold;}
		#interior_daily_content_container p a:active { font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold;}


/* ================================================NAV====================================================== */

#social_navigation { width: 527px; height: 29px; z-index: 1; float:left; margin:30px 0 0 230px; }
#social_navigation a { display: block; }
#social_navigation li { float:left; }
#social_navigation li a { height:29px; }

#facebook a { width:120px; background:url(/images/footer/facebook.jpg) top left; }
#twitter a { width:108px; background:url(/images/footer/twitter.jpg) top left; margin:0 0 0 80px; }
#contact_me a { width:139px; background:url(/images/footer/contact-me.jpg) top left; margin:0 0 0 80px; }

/* ================================================TEXT===================================================== */

h1,h2,h3,h4,h5,h6,p,span,label { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; text-align:left; line-height:150%; }

h2,h3 { font-size:24px; }

h6 { font-size:20px; margin:0 0 0 10px; }


/* ================================================LINKS==================================================== */

a:link { font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; }
a:visited { font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; }
a:hover { font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:underline; }
a:active { font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; }

/* ================================================MARGIN/PADDING=========================================== */

.five_top { margin:5px 0 0 0; }
.ten_top { margin:10px 0 0 0; }
.thirty_top { margin:30px 0 0 0; }

/* ================================================FLOATS=================================================== */

.left { float:left; }
.right { float:right; }

/* ================================================TEXT ALIGNMENT=========================================== */

.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }


