/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/


/*  Color Palette for Relative Strangers

ORANGE:   #ff9933
YELLOW:  #ffff33
GREY:  #cccccc
DARK GREY (BG):  #999999

*/

/*  RESET  */

*				{ margin: 0; padding:0; }  
html			{ overflow-y: scroll; }
html, body		{ height: 100%; }
body			{ font-size: 62.5%; font-family: Geneva, Arial, Helvetica, sans-serif; color: #272727; background:url(images/bg.gif) top center; }
ul				{ list-style: square inside; }
ol				{ list-style: decimal inside; }
a				{ outline: none; text-decoration: none; }
a img			{ border: none; }
img 			{ vertical-align: middle; }
table			{ border-collapse: collapse; }

								   
/*  UTILITY  */
 
.floatLeft				{ float: left; }
.floatRight				{ float: right; }
.clear					{ clear: both; }
.button					{ border: 1px solid  #272727; background: #FF9933; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #272727; }
.button:hover			{ background: #CCCCCC; color: #000000; }



/* TYPOGRAPHY */
p, li					{ font-size: 1.4em; line-height: 1.3em; magin: 0 0 10px 0; }
p#introparagraph		{ font-family: Arial, Helvetica, sans-serif; font-size: 2.0em; fonty-style: italic; line-height: 1.4em; }
p#introparagraph span	{ font-size: 2.4em; font-weight: bold; }
p#intorparagraph em		{ color: #990000; }
/* a						{ color: #990000; }
a:hover					{ background: #990000; color: white; }   Template from Chris Coyier */
a						{ color: white; }
a:hover					{ background: #FF9933; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
h1						{ font-size: 3.6em; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }
h2						{ font-size: 2.8em; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }
h3						{ font-size: 2.6em; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; }
h4						{ color: white; font-size: 2.0em; margin-bottom: 15px; }



/* STRUCTURE  */

#page-wrap				{ width: 960px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%; }
#push					{ hegiht: 250px; clear:both;}
#main-content			{ width: 580px; float:left; margin:auto; background:url(images/bg_content_orange_opacity_55.png) repeat-y top left; margin-top: 25px; -moz-border-radius: 5px; 		      					-webkit-border-radius: 5px; border-radius: 5px; padding: 10px 10px 250px 10px;  }  /*was just padding 10px */
#sidebar				{ width: 345px; float: right; border-left: #CCCCCC thin solid; margin-top: 25px; padding-left: 10px; }

 

/* HEADER  */

h1#logo					{ width: 960px; height: 186px; background: url(images/rs_logo.png) top left no-repeat; text-indent: -9999px; float: left; }
#subtitle 				{ width: 960px; height: 27px; background: url(images/rs_subtitle.png) no-repeat; float:left; margin-left: 365px; }


/* NAVIGATION BAR */

#nav-bar				{ padding-top: 40px;  margin-bottom: -7px; float: left; padding-left: 360px; height:auto; }  /* When "Projects is placed back - padding-left: 345px  */
#nav-bar ul li			{ display: inline; }
#nav-bar ul li a		{ text-transform: uppercase; color: white; font-size: 1.6em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#nav-bar ul li a:hover	{ background: #FF9933; color: white; }
#nav-bar ul li#rss 		{ background: url(images/rss_balloon.png) no-repeat; float: right; height:45px; width:39px; float: left; }
#nav-bar ul li#rss a	{ float:right; }
#subscribe				{ background: url(images/rss_balloon.png) no-repeat left bottom; width: 65px; height: 45px; float: right; padding-top: 40px;  margin-bottom: -7px; height:auto;
						margin-right: 175px; }    /* When "Projects is placed back - margin-right: 115px  */
#rss-link a				{ margin-left: 28px; text-transform: uppercase; color: white; font-size: 1.6em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 		  						5px; }
#rss-link a:hover		{ background: #FF9933; color: white; }



/* BLOG ENTRIES  */

.post h2				{ margin: 5px 0 5px 0; }
/* .datebox				{ width: 36px; float: left; padding: 5px; background: #FF9933; color: white; text-align: center; margin: 0 10px 0 0; 
						-moz-border-radius: 5px; -webkit-border-radius: 5px; } */
.datebox				{ width: 45px; float: left; padding: 10px 15px 10px 7px; background: url(images/puzzle_link_date_60x88_2.png) no-repeat; text-align: center ; margin: 0 10px 0 10px; }						
.day					{ font-size: 3.4em; margin-top: -11px; }
.month					{ font-size: 1.8em; text-transform: uppercase; margin: 0; }
.year					{ font-size: 1.5em; margin: 0; }		
.postmetadata			{ font-size: 1.2em; font-weight: normal; text-transform: uppercase; color: white; }
.postmetadata a			{ color: white; }
.postmetadata a:hover	{ color: white; text-decoration:underline; }
ol.commentlist			{ list-style: none }
ol.commentlist li p		{ font-size: 1.0em; }
.button-comment			{ border: 1px solid  #272727; background: #FF9933; padding: 3px 8px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:   	  						#272727; }
.button-comment:hover	{ background: #CCCCCC; color: #000000; }
#tiny-url				{ font-size: 14px; margin: 10px 0 20px 0; }
#share-this				{ font-size: 14px; margin: 10px 0 20px 0; }
.about-img a:hover		{ background: none; }  /* Erases the background colour that shows on the a:hover, set in Typography */
.more					{ border: 1px solid #272727; background: #FF9933; padding-left:3px; padding-right:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:   	  											  						#272727; }
.more:hover				{ background: #CCCCCC; color: #000000; }
.addthis_container		{ margin-top:10px; }


/* SIDEBAR  */

#about-rsman			{ background:url(images/about_rsman.png) no-repeat bottom left; width: 78px; height: 78px; float: left; padding-top: 20px; }
#about					{ border-bottom: #CCCCCC thin solid; font-size: 12px; }
#twitter				{ background:url(images/twitBird_latestTweets.png) no-repeat bottom left; width: 219px; height: 47px; padding-top: 20px; float:left; }
#at-deiren				{ width:70px; height: 50px; margin: 0 40px 10px 0; float:right;  padding-top: 43px; }
#at-deiren a			{ font-size:18px; color:#ffff33; }
#tweets					{ border-bottom: #CCCCCC thin solid; font-size: 12px; }
#twitter_update_list	{ margin-left: 10px; }
#recent-posts			{ background:url(images/recent_posts.png) no-repeat bottom left; width: 209px; height: 69px; padding-top: 20px; }
#recent-posts-con		{ padding-top: 10px; border-bottom: #CCCCCC thin solid; }
#recent-posts-date		{ font-size: 11px; margin-bottom: -5px; }
#recent-posts-title		{ font-size: 12px; margin-bottom: 5px; }
#archive				{ background:url(images/archive.png) no-repeat bottom left; width: 161px; height: 69px; padding-top: 20px; }
#archive-con			{ padding-top: 10px; padding-left: 10px; border-bottom: #CCCCCC thin solid; font-size:12px; }
#categories				{}
#friend-me				{ background:url(images/friend_me.png) no-repeat bottom left; width: 194px; height: 80px; padding-top: 20px; margin-left: -5px; margin-bottom: 10px; }
#social-sites			{ padding: 10px 10px 20px 80px; }
#social-sites a:hover	{ border:#FF9933 medium solid; }


/* FOOTER */
#footer 				{ height: 350px; background: #FF9933; padding-top: 20px; border-top:#CCCCCC thick solid;  position: relative;
        margin-top: -150px; clear:both;/* negative value of footer height */}
#footer-inside			{ width: 960px; margin: 0 auto; }
#footer p				{ color: white; }
#footer-1				{ width:220px; float:left; border-right:#CCCCCC thin solid; padding-right: 15px; }
#footer-1 h5			{ font-size: 16px; font-weight:bold; color:white; }
#footer-2				{ width:220px; float:left; border-right:#CCCCCC thin solid; padding-left: 15px; }
#footer-3				{ width:220px; float:left; border-right:#CCCCCC thin solid; padding-left: 15px; }
#footer-4				{ width:220px; float:left; padding-left: 15px;  }
#fotter a				{ color:white; }
#footer a:hover			{ background:#CCCCCC; }
#footer ul				{ color:white; }


/* #footer {
        position: relative;
        margin-top: -150px; 
        height: 150px;
        clear:both;}   added all of this */


/* 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 */