/*  
Theme Name: robotsarego
Theme URI: http://www.robotsarego.com/
Description: Theme for www.robotsarego.com
Version: 1.0
Author: Landon Durnan
Author URI: http://www.robotsarego.com/
*/

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }
.sIFR-active #about h2 { visibility: hidden; font-size: 18px; margin-bottom: 8px; }
.sIFR-active #home #story h2,
.sIFR-active #home #recent h2 { visibility: hidden; font-size: 18px; margin-bottom: 8px; }
.sIFR-active #home #secondary-content h3 { visibility: hidden; font-size: 14px; margin-bottom: 8px; }
.sIFR-active #interior #primary-content h1,
.sIFR-active #interior #primary-content h2 { visibility: hidden; font-size: 1.2em; }
.sIFR-active #interior #secondary-content h2 { visibility: hidden; font-size: 12px; }


html,body,#main-container{ height: 100%; }

body > #main-container {height: auto; min-height: 100%;}


/* CLEAR FIX*/
.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 */

a:link, a:visited{ color: #FFD91D; text-decoration: none; }
a:hover, a:focus{ color: #012641; -moz-outline: 0; }

#home a:link, #home a:visited{ color: #fff; }

#content{ font-size: 1.1em; }

html{ background: url(/images/html-bg.gif) center top;}
body{ background: url(/images/body-bg.gif) center top repeat-x; }

#main-container{ background: url(/images/main-container-bg.jpg) center top no-repeat; }
	#container-wrap{  padding-bottom: 41px;}
		#container{ width: 960px; margin: 0px auto;}
	
			#header{ height: 163px; width: 960px; position: relative;}
				#header #logo{ position: absolute; left: 9px; top: 1px; }
					#header #logo a{ background: url(/images/logo.jpg) no-repeat; width: 145px; height: 153px; display: block; text-indent: -3000px; }
				#header #navigation{ position: absolute; top: 109px; left: 170px;}
					#header #navigation #main-nav{ background: url(/images/main-nav.jpg) no-repeat; width: 442px; height: 35px; }
						#header #navigation #main-nav li{ float: left; display: inline; }
						
							#header #navigation #main-nav li#main-home{ margin-right: 30px;}
							#header #navigation #main-nav li#main-blog{ margin-right: 34px;}
							#header #navigation #main-nav li#main-work{ margin-right: 39px;}
							
							#header #navigation #main-nav li a{  display: block; height: 35px; text-indent: -3000px; background: url(/images/main-nav.jpg) no-repeat; }
							#header #navigation #main-nav li#main-home a{ width: 82px;}
							#header #navigation #main-nav li#main-blog a{ width: 67px; background-position: -115px 0; }
							#header #navigation #main-nav li#main-work a{ width: 84px; background-position: -214px 0px;}
							#header #navigation #main-nav li#main-contact a{ width: 105px; background-position: -338px 0; }
							/*Hover*/
							#header #navigation #main-nav li#main-home a:hover{ background-position: 0 -35px; }
							#header #navigation #main-nav li#main-blog a:hover{ background-position: -115px -35px; }
							#header #navigation #main-nav li#main-work a:hover{ background-position: -214px -35px;}
							#header #navigation #main-nav li#main-contact a:hover{ background-position: -338px -35px; }
							/*Active*/
							#header #navigation #main-nav li#main-home a.active{ background-position: 0 -70px; }
							#header #navigation #main-nav li#main-blog a.active{ background-position: -115px -70px; }
							#header #navigation #main-nav li#main-work a.active{ background-position: -214px -70px;}
							#header #navigation #main-nav li#main-contact a.active{ background-position: -338px -70px; }
							
						#header #navigation #main-nav li#main-contact{ margin-right: 0; }	
				#header #about{ 
					background: url(/images/about-bg.jpg) no-repeat; 
					color: #fff;
					width: 165px; 
					height: 106px; 
					position: absolute; 
					top: 22px; 
					right: 10px;
					padding: 14px 8px 5px 127px;
					line-height: 1.1em;
					}
					#header #about h2{ font-size: 12px; }
					#header #about p{ margin-bottom: .75em; text-shadow: 0.1em 0.1em #021325; }

			#content{ background: url(/images/content-bg.jpg) 0 286px no-repeat; width: 960px; margin: 0px auto; position: relative;}

#footer{ margin-top: -40px; height: 40px; clear: both; background: url(/images/footer-bg.gif) center bottom repeat-x;}
			

#home #content{ height: 600px; }
#home #primary-content{ position: absolute; height: 260px; width: 960px; }

	#home #story{ width: 620px; color: #fff; position: absolute; left: 10px; height: 230px; overflow: hidden;}
		#home #story h2{ margin: 35px 0 0 285px; font-size: 14px; }
		#home #story h2 a{  }
		#home #story div.photo{ margin: -35px 21px 0 0; background: url(/images/main-photo-bg.jpg) no-repeat; width: 245px; height: 174px; padding: 16px 10px; float: left;}
		#home #story div.posted{ margin: -25px 0 0; float: right; background: url(/images/date-bg.jpg) no-repeat; width: 76px; height: 49px; padding: 24px 0 0 5px; text-align: center; font-family: Tahoma, Arial, sans-serif; color: #000; line-height: 1.35em;}
			#home #story div.posted span{ display: block; clear: both; font-size: 170%; text-transform: uppercase; font-weight: bold; line-height: 1em;}
		#home #story p img{ display: none; }
		#home #story p a{ text-decoration: underline !important; }
		#home #story p a:hover{ text-decoration: none !important; }
		#home #story .more-link{ right: 0; bottom: 0; display: block; position: absolute; background: url(/images/readmore.gif) no-repeat; width: 74px; height: 13px; text-indent: -3000px;}
		#home #story .comment{ background: url(/images/comment.gif) no-repeat; width: 21px; height: 19px; display: block; text-align: center; font-size: 10px; position: absolute; left: 285px; bottom: 0;}


	#home #recent{ position: absolute; left: 650px; width: 300px;}
		#home #recent h2{ margin: 35px 0 0 8px; color: #fff; font-size: 14px; }
		#home #recent ul{ width: 300px; height: 159px; background: url(/images/recent-bg.jpg) no-repeat; margin-left: 0; margin-bottom: 2px; padding: 5px 0 0;}
			#home #recent ul li{ 
				display:block;
				height:24px;
				margin:6px 0;
				padding:0 12px;
				position:relative; 
				}
			/*#recent ul li.first-child{ padding-top: 11px;}
			#recent ul li.last-child{ padding-bottom: 11px;}*/
				#home #recent ul li a{ color: #B6B6B6;}
				#home #recent ul li a:hover{ color: #5DAFFF;}
				#home #recent ul li span.comment a{ position: absolute; right: 8px; top: 2px; background: url(/images/comment.gif) no-repeat; width: 21px; height: 19px; display: block; text-align: center; font-size: 10px;}
				#home #recent ul li span.comment span{ display: none; }
		#home #recent p.readmore{ float: right; }


#home #secondary-content{ position: absolute; top: 286px; height: 355px;}

.column{ width: 300px; float: left; margin-right: 25px; }
.col1{ margin-left: 0px; }
.col2{}
.col3{ margin-right: 0; }
	
#watching{ height: 100px; margin: 0 0 50px 10px; }
	#watching h3{ font-size: 14px; }
	#watching dl.films{ margin-top: 8px; }
		#watching dl.films dt,
		#watching dl.films dd{ display: none; }
		#watching dl.films dd .description{ display: none; }
			#watching dl.films dd a{ background: url(/images/movie-bg.gif) no-repeat; width: 73px; height: 98px; float: left; display: block; margin-right: 20px; }
			#watching dl.films dd a img{ margin: 4px; display: block; }

#listening{ margin-left: 10px; }
	#listening h3{ font-size: 12px; }
	#listening ul.tracks{ list-style: none; margin: 0; }
		#listening ul.tracks li{ background: url(/images/music-li.gif) left bottom repeat-x; padding: 4px 0 6px 0;}
		#listening ul.tracks li.alt{ background: url(/images/music-li-alt.gif) left bottom repeat-x; }
	
#flickr{ background: url(/images/flickr-bg.gif) no-repeat; width: 270px; height: 325px; padding: 15px; margin-top: -15px;}
	#flickr h3{ font-size: 12px; }
	#flickr .photos a{ border: 0; float: left; background: url(/images/flickr-photo.gif) no-repeat; padding: 4px; margin: 0 10px 10px 0;}
	#flickr .photos #flickr_badge_image3 a,
	#flickr .photos #flickr_badge_image6 a,
	#flickr .photos #flickr_badge_image9 a{ margin-right: 0; } /* I hate this */
	
#twitter{ color: #fff; margin-bottom: 2em;}
	#twitter h3{ font-size: 12px; }
	#twitter #tweet{  }
		#twitter #tweet ul{ margin: 0; list-style: none; }
	
#delicious{ }
	#delicious h3{ font-size: 12px; }
	#delicious ul.links{ list-style: none; margin: 0; }
		#delicious ul.links li{ background: url(/images/music-li.gif) left bottom repeat-x; padding: 4px 0 6px 0;}
		#delicious ul.links li.alt{ background: url(/images/music-li-alt.gif) left bottom repeat-x; }

#listening a:hover,
#twitter a:hover,
#delicious a:hover{ background-color: #02182F; }

/* Interior */
#interior{ background-position: center -331px; }
#interior #main-container { background: url(/images/main-interior-bg.jpg) center top no-repeat; }
#interior #header #logo a{ background: url(/images/logo-interior.jpg) no-repeat; }
#interior #header #about{ display: none; }
#interior #content{ background-image: none; }
#interior #primary-content{ position: relative; width: 500px; color: #fff; left: 70px; }
#interior #secondary-content{ position: absolute; top: 0; left: 565px; width: 300px; height: auto; padding: 10px 0 0 90px;}

	#interior #primary-content .post{ background: #285F98 url(/images/post-top.jpg) left top no-repeat; margin-bottom: 25px; }
	#interior #primary-content .post .post-wrap{ background: url(/images/post-bottom.jpg) left bottom no-repeat; padding: 10px 20px; }
	
	#primary-content h1,
	#primary-content h2,
	#primary-content h3,
	#primary-content h4,
	#primary-content h5,
	#primary-content h6{ color: #5DAFFF; }
	
	#interior #primary-content h1{ font-size: 16px; }
	#interior #primary-content h2 { font-size: 13px; }
	#interior #secondary-content h2 { font-size: 13px; }
	#interior #primary-content .post h1,
	#interior #primary-content .post h2{ margin: -10px -20px; padding: 12px 20px 10px; background: url(/images/post-header.jpg) 0 4px no-repeat; margin-bottom: 10px; color: #ffffff; line-height: normal; height: 40px;}
	#interior #primary-content .post h1.top{ background: url(/images/post-header-top.jpg) 0 0 no-repeat; padding-top: 15px;}
	#interior #primary-content .post h2{ padding-top: 26px; }
	

	strong, em{ color: #46D1FA; }
	
	blockquote{ background: url(/images/blue-separator1.gif) no-repeat; padding: 15px 20px 0 0; font-size: 90%; }
		blockquote p:first-child{ background: url(/images/blockquote.gif) no-repeat; padding: 0 0 0 35px; color: #56B1F8; font-size: 1.5em;}
		blockquote span{ color: #B6B16D; }
		blockquote cite{ float: right; font-size: 80%; color: #FFD91D; margin-top: .5em;}

	#primary-content .post ul li,
	#primary-content .post ol li{ color: #B6B16D; }
	
	#primary-content .post img{ border: 5px solid #ffffff; }
	
	#interior #primary-content #featured div.photo{ float: left; margin: 0 1em 0 -74px;}
	#interior #primary-content div.posted{ margin: 0px 0 0; float: right; background: url(/images/date-bg-white.jpg) no-repeat; width: 76px; height: 49px; padding: 24px 0 0 5px; text-align: center; font-family: Tahoma, Arial, sans-serif; color: #000; line-height: 1.35em;}
	#interior #primary-content div.posted span{ display: block; clear: both; font-size: 170%; text-transform: uppercase; font-weight: bold; line-height: 1em;}
	#interior #primary-content #featured p img{ display: none; }
	
	#primary-content .post .alignright{ float: right; margin: 0 -64px 1em 1em;}
	#primary-content .post .alignleft{ float: left; margin: 0 1em 1em -74px;}
	
	#secondary-content #sc-content img{ border: 5px solid #ffffff; }
	#secondary-content #sc-content p{ color: #ffffff; }
	

#interior #primary-content #comments{ width: 465px; padding: 15px;}
#interior #primary-content #comments textarea#comment{ width: 445px; }


#commentform div{ margin-bottom: 1em;}
#commentform div label{ display: block; }
#commentform div.name{ width: 49%; float: left;}
#commentform div.email{ width: 50%; float: right;}

#comments ol.commentlist{ list-style: none; margin: 0; padding: 0;}
#comments ol.commentlist li{ padding-bottom: 4px; margin-bottom: 15px; background: url(/images/music-li-alt.gif) left bottom repeat-x;}
#comments ol.commentlist .img{ border: 3px solid #ffffff; position: absolute; background: url(/images/default_normal.gif) no-repeat; }
#comments ol.commentlist .comment-box{ position: relative; margin: 0 0 0 70px; }