/*  
Theme Name: Simplehuman
Theme URI: http://www.simplehuman.com
Description: A simple theme for simplehuman's blog
Version: 1.0
Author: Carey Lew (Ninja-status)

*/


body {
    padding: 0;
	padding-bottom: 20px; /* Some nice space in IE */
	margin: 0;
	text-align: center;
	background: url(images/bodybg.gif);
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}

p { font-size: 12px; }

a {
	color: #555555;   
	outline: none;
	text-decoration: none;
}
a:hover {color: #f59a05; text-decoration: none;}

a img {
text-decoration: none;
border: 0;
}

imgstyle{margin: 5px; float: left;}

#sortbar {
	position:absolute;
	top:174px;
	margin-left:2px;
	color:#666666;
	clear:both;
	font-size:14px;
}

#mainContainer {
	width:982px;
	margin: 20px auto; /* funny little bug requires this */
	padding: 0;
	
	text-align:left;
	background: white;
	}	
	
#header { 
    width: 982px;
	height: 129px;
	}
	
#sortbar a { text-decoration: none; color: #666666;}
#sortbar a:hover {color: #26BCD7; }

.alignleft {
	float:left;
	margin-right:20px;
}
.alignright {
	float:right;
}

/* Main Content (Index) styles begin below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/	
	
.withSidebar { 
	float: left; 
	width: 716px;
	margin-top:20px;
	padding-bottom:20px;
	padding-right:30px;
	background:#ffffff url('images/shadow-vertical.png') repeat-y top right;
}	

#content {
    margin: 20px 0;	
}

#contentSeparator{
	padding-top:30px;
	width:716px;
	background:#ffffff url('images/shadow-horizontal.png') repeat-x top;
	overflow:auto;
}
#contentAuthor {
   margin: 10px 0 4px 0;
   color: #666666;
   width: 100%;
}   
   
#contentAuthor p {
   margin: 0;
   padding: 0;
   font-size:13px;
}
	
#contentHeader {
    margin: 0;
	margin-bottom: 20px;
	width: 100%;
	}
      
#contentHeader h1 {  
   margin: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 24px;
   color:#555555;
   }  
   
#contentHeader h1 a { color: #555555; text-decoration: none; }   

#contentHeader h1 a:hover {color: #26BCD7; text-decoration: none;}

#content p {
   padding-right:20px;
   margin: 4px 0;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size:13px;
    line-height:1.4;

   }
#content a {color: #f59a05;text-decoration: none;}
#content a:hover {text-decoration: underline; }
   
#contentText {    font-family: Helvetica Neue, Arial, sans-serif;
    font-size:13px;
    line-height:1.4;
}
#contentText p {
	margin-bottom:10px;
}

#contentText img {
	padding:0 20px 20px 0;
}
.readMore {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size:13px;
    line-height:1.4;

   color:#f59a05;
   }   
.readMore a  {
	text-decoration: none;
}
 
#socials { 
   margin-top:20px;
   color:#666666;
} 
#socials a{
   font-size:13px;
   color:#666666;
   text-decoration: none;
}
#socials  a:hover {color: #f59a05; text-decoration: none;}
   
#contentFooter {
   height: 20px;
   line-height: 20px;
   width: 100%;
   }   
   
#contentFooter p {
   }
   
.navigation {
	font-size:14px;
}
.pc {
padding: 0.2em;
text-align: center;
font: italic 0.85em Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
width: auto;
border-top: none;
border-right: 1px inset #999;
border-bottom: 1px solid #999;
border-left: 1px inset #999;
color: #666;
}

.pc p {text-align: left;}

   
/* Single Page/Post Styles 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.noSidebar { float: left; width: 982px; }	

#singleNavigation {
  margin: 20px 20px 0 20px;
  background: #ebf1f5;
  border: 1px solid #666;
  }
  
#singleNavigation p {
  margin: 0;
  padding: 10px;
  }  
   

#singleContent {
   margin: 20px;	
   }
   
#singleContent p {
   padding: 0 15px;
   }      
   
#singleHeader {
    margin: 0;
	padding: 0;
	background: #d0e7fb;
    border: 1px solid #666;
	width: 100%;
	height: 30px;
	line-height: 30px;
	}   
	
#singleHeader h1 {  
   margin: 0;
   padding: 0 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 2.2em;
   color: #0d4072;  
   }  
      
#singleFooter {
   margin-top: 10px;
   line-height: 25px;
   height: 25px;
   padding: 0;
   background: #f7f9fa;
   width: 100%;
   border: 1px solid #666;
   }   
   
#singleFooter p {
   margin: 0;
   padding: 0 10px;   
   }   
	
   
 



/* Begin Right Column 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.rightColumnContainer {
   float: right;
   width: 218px;
   }

.rightColumn {
   margin: 20px 0px 0 20px;
   margin-left: 0;
   }
   
.base { margin-bottom: 20px; }   
   
.rightColumn p {
   padding: 10px;
   margin: 0;
   }   
   
.rightColumn a {
	text-decoration:none;
}
.rightColumn h2 {
   margin: 20px 0 0 0;
   padding-top:15px;
   background: url(images/rightcol_background.png) no-repeat 0 0;
   text-indent: 15px;
   line-height: 22px;
   height: 50px;
   font-size: 17px;
   color: #4D4D4D; 
   }   
   
.rightColumn ul {
   padding-left: 0px;
   margin: 0 0 10px 0;  
   list-style: none;     
   
   font-size: 14px;
   color: #333333;
   }
   
.rightColumn li {
   line-height: 18px;
   padding: 0 0 0 4px;
   padding-bottom:5px;
   margin-bottom:5px;
   border-bottom:1px solid #B3B3B3;
   }   
   
.rightColumn form { margin: 10px 0; }   
.rightColumn p {
   padding-left: 4px;
   margin: 0;  
   list-style: none;     
   
   font-size: 14px;
   color: #333333;
}
div.ulMargin ul { margin-bottom: 15px; }
   
.sidePanelContainer {
	margin-bottom:10px;
	clear:both;
	overflow:auto;
}  

.newProductImage {
}
.newProductTitle {
	margin-left:2px;
	font-size:15px;
	font-weight:bold;
}
.newProductBlurb {
	margin-left:3px;
	margin-top:2px;
	font-size:12px;
}
.asSeenImage {
	float:left;
}
.asSeenContent {
	clear:both;

	margin-left:8px;
	width:110px;
}
.asSeenTitle {
	clear:both;
	font-size:15px;
	font-weight:bold;
}
.asSeenTitle {
	clear:both;
	font-size:15px;
	font-weight:bold;
}
.asSeenBlurb {
	margin-top:3px;
	clear:both;
	font-size:12px;
}
.simpleNewsImage {
	float:left;
}
.simpleNewsContent {
	float:left;
	margin-left:8px;
	width:110px;
}
.simpleNewsTitle {
	clear:both;
	font-size:15px;
	font-weight:bold;
}
.simpleNewsTitle {
	clear:both;
	font-size:15px;
	font-weight:bold;
}
.simpleNewsBlurb {
	margin-top:3px;
	clear:both;
	font-size:12px;
}

/* Footer Begins Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#footer { 
  margin: 0;
  padding: 20px;
  }
  
#footer p {  
  margin: 10px 0;
  line-height: 1.2em;
  }  
  
#footer a:link { text-decoration: none; }
#footer a:hover { text-decoration: underline; }  
  
/* Extra Styles (Colors, sizes, etc) Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
			
.small {font-size: 1.1em; }	
.medium { font-size: 1.6em; }
.large { font-size: 2em; }

.red { color: red; }
.bold { font-weight: bold; }

#clear { clear: both; }


/* Notice Styles Begin Below
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#notice {
  margin: 20px 20px 0 20px;
  background: #fbf7b6;
  border: 2px dashed black;
  }
  
#notice p {
  margin: 0;
  padding: 10px;
  }