/*  
Theme Name: Tranquil
Theme URI: http://blog.dev.lowimpactliving.com
Description: The LIL blog them based off of the current site layout.
Version: 1.0
Author: Kristina Hedrick / Patrick Jackson
Author URI: http://www.fluidesign.com/
*/

/* ------------------------------------------------------------

	global elements

------------------------------------------------------------ */

* {
	padding: 0;
	margin: 0;
/*	list-style: none; */
	border: 0;
	outline: none;
}

/* clearfix solution */

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

body {  
	color: #6c665c;
	font: normal 12px/19px Arial, Verdana, sans-serif;
	padding: 0 0 2em 0;
	background: #eafafc url(images/bg.gif) 0 0 repeat-x;
}      

h3 {
	color: #03b5d2;
/*	font: normal 24px Georgia, Palatino, serif;    */
	font: normal 22px Arial, Verdana, Helvetica, sans-serif;    
	margin: 12px 0;
}

h4 {
	color: #57a503;
/*	font: normal 24px Georgia, Palatino, serif;    */
	font: normal 22px Arial, Verdana, Helvetica, sans-serif;    
	margin: 22px 0;
}

p {
	margin: 12px 0;
} 

input[type="text"], textarea {
	border: 1px solid;
	border-color: #909090 #CECECE #CECECE #CECECE; 
	color: #6c665c;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	padding: 1px;
}  

label {
	display: block;
}      

hr {
	border: 1px dashed #ccc;
	border-style: none none dashed none;
	height: 1px;
}
      
a:link, a:visited, a:active {          
	color: #57a503;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
} 

/* */

ul#textulist {
  list-style-type: square;
	list-style-position: outside;
  margin: 2em;
}

ol#textolist {
  list-style-type: decimal;
	list-style-position: outside;
  margin: 2em;
}

ul#nav {
	position: relative;
	margin-top: 24px;
	width: 878px;
	height: 65px;
	background-image: url("images/navbar_new.gif");
}

ul#nav li {
	text-indent: -9999px;
	position: absolute;
	top: 0;
}

ul#nav li, ul#nav a {
	height: 65px;
	display: block;
}

#tgetting {
	left: 27px;
	width: 115px;
}

#tyour {
	left: 173px;
	width: 103px;
}

#timpact {
	left: 300px;
	width: 132px;
}

#tgreen {
	left: 456px;
	width: 113px;
}

#tproducts {
	left: 580px;
	width: 146px;
} 

#tlowdown {
	left: 743px;
	width: 107px;
}

#tgetting a:hover {
	background:  transparent url(images/navbar_new.gif) -27px -65px no-repeat;
}

#tyour a:hover {
	background:  transparent url(images/navbar_new.gif) -173px -65px no-repeat;
}

#timpact a:hover {
	background:  transparent url(images/navbar_new.gif) -300px -65px no-repeat;
}

#tgreen a:hover {
	background:  transparent url(images/navbar_new.gif) -456px -65px no-repeat;
}

#tproducts a:hover {
	background:  transparent url(images/navbar_new.gif) -580px -65px no-repeat;
} 

#tlowdown a:hover {
	background:  transparent url(images/navbar_new.gif) -743px -65px no-repeat;
}

body#blog #tlowdown {
	background:  transparent url(images/navbar_new.gif) -743px -65px no-repeat;
}       

div#wrap {
	margin: 0 auto;
	width: 1055px;
}   

div#page {    
	padding: 0; 
	border-right: 1px solid #ccc; 
	float: left;
	width: 746px;
	position: relative;
	display: inline;
}

div#left {
	/*background: #ccc !important;*/
}   

div#topSignup {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url('images/topSignup.gif') 0 0 no-repeat;
	width: 220px;
	height: 56px;
	text-align: center;
	padding-top: 10px;  
	color: #0ec7e5;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
}        

input.go {
	vertical-align: middle;
	border: 0 !important;
}

* html input.go {
	vertical-align: bottom;
}

input#newsemail {
	width: 98px;
}    

.txt {
	border: 1px solid;
	border-color: #c0c0c0 #e0e0e0 #f5f5f5 #e0e0e0;
	font: 11px Arial, sans-serif;
	color: #878787;
	padding: 2px;
}

div#google {
	display: inline;
	float: left;
	width: 126px;
	margin: 0;
	padding-left: 12px;
} 

div#logo {
	float: left;
	width: 225px;    
	padding-top: 30px;
}   

div#googleTextAds {
/*	margin-bottom: 1em;   */
}

div#fullAdd {
	margin-top: 1em;

}

div#headerWrap {
	width: 878px; 
	position: relative;
}

/*div#head {
	padding-right: 24px;
}  */

div#friend {
	text-align: right;
	padding: 0.5em 0;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 1em;
	margin-right: 24px;
}

div#left {
	display: inline;
	float: left;
	width: 188px;
}  

div#registerLogo {
	margin-bottom: 8px;
}

div.paperShadow {
	background: url('images/paperShadowBg.gif') 0 0 repeat-y; 
	width: 177px; 
	margin: 12px 0;
}

div.paperShadowTop {
	background: url('images/paperShadowTop.gif') 0 0 no-repeat; 
}

div.paperShadowBot {
	background: url('images/paperShadowBot.gif') 0 100% no-repeat;  
	padding: 2px;
}  

div.noteBook {
	background: #fff url('images/graph_paper.gif'); 
	padding: 26px 20px 0 18px;    
} 

div.noteBook {
   font-size: 11px;
}  

div.noteBook ul {
	padding: 6px 0 24px 0;
}

div.noteBook li {    
	line-height: 14px;
	margin: 6px 0;   
}   

ul#mostPopularList {
	list-style-type: none;
}

ul#mostPopularList li a:link, ul#mostPopularList li a:visited, ul#mostPopularList li a:hover, ul#mostPopularList li a:active,
a.commentLink:link, a.commentLink:visited, a.commentLink:active, a.commentLink:hover
{
	color: #03b5d2;
}

a.commentLink:link,a.commentLink:visited, a.commentLink:hover, a.commentLink:active {
	font-weight: bold;
}     

ul.sidebarLinks {
	padding-left: 18px !important;
	list-style-type: none;
}

h2.sidebarHdrs {
	text-indent: -9999em;
	width: 133px; 
	margin: 0;
	padding: 0;
}

h2#hdrMostPopularPosts {
	background: url('images/hdrs/hdrMostPopularPost.gif') 0 0 no-repeat;
	height: 30px;
} 

h2#hdrIndexByTopic {
	background: url('images/hdrs/hdrIndexTopic.gif') 0 0 no-repeat;
	height: 14px;
} 

h2#hdrArchives {
	background: url('images/hdrs/hdrArchives.gif') 0 0 no-repeat;
	height: 14px;
}     

h2#hdrBlogroll {
	background: url('images/hdrs/hdrBlogroll.gif') 0 0 no-repeat;
	height: 14px;
}     

h2#hdrBlogTitle {         
	background: url('images/hdrs/blog-title2.gif') 0 0 no-repeat;
	text-indent: -9999em;            
	width: 490px;
	height: 45px;          
	margin: 3px 0 0 0;
	padding: 0;
}

h2.hdrSearch {
	font-size: 24px !important;
}     

div#main {    
	background: transparent url('images/mainBg.gif') 0 0 repeat-y;  
	float: left;
	padding: 0;
	width: 538px;   
	margin-left: 4px;
}             

/* Changes made by JWP on 4-4-08 to enable new header
- mainTop padding = 20 (from 24)
- mainBot last padding = 25 (from 30)
- hdrBlogtitle changed to pick up new image with larger size */

div#mainTop {
	background: transparent url('images/mainTop.gif') 0 0 no-repeat;
	padding-top: 20px;
} 

div#mainBot {
	background: transparent url('images/mainBot.gif') 0 100% no-repeat;
	padding: 0 29px 24px 25px;    
	min-height: 776px;
	height: auto !important;
	height: 776px;
}

a.more:link, a.more:visited, a.more:hover, a.more:active {
	color: #03b5d2;
	text-decoration: underline;
} 

div.postText {
	background: transparent url('images/postDotted.gif') 0 0 no-repeat; 
	padding: 4px 0 12px 0;     
	margin: 12px 0;   
}  

div.postText p img {
	border: 1px solid #ddd;
	padding: 1px;   
	margin: 6px 12px;   
}   

div.postText h2, div.resultsText h2 {
/*	font: 36px/1 normal Georgia, Palatino, serif; 	*/
	font: bold 22px Arial, Verdana, Helvetica, sans-serif;    
	margin: 12px 0;
}  

div.postText h2 a:link, div.postText h2 a:visited, div.postText h2 a:active, div.resultsText h2 a:link, div.resultsText h2 a:visited, div.resultsText h2 a:active {
	color: #03b5d2;     
	text-decoration: none;
}  

div.postText h2 a:hover, div.resultsText h2 a:hover {
	color: #03b5d2;     
	text-decoration: underline;	
}      

p.dateStamp {                        
	color: #685940;
/*	font: normal 14px Georgia, Palatino, serif; 	*/
	font: normal 14px Arial, Verdana, Helvetica, sans-serif;    
	margin: 24px 0;
}

div.postedBy, div.external, div.relPosts {
	font-size: 11px;
	margin: 10px 0;
} 

div.postedBy {
	margin-top: 16px !important;
} 

div.external img {                 
	margin: 0 2px 0 12px;     
	vertical-align: middle;
}

div#googleBodyAds {
	background: transparent url('images/postDotted.gif') 0 0 no-repeat;  
	padding: 48px 0 36px 0;  
} 


div#getFeed {
	background: transparent url('images/getFeedBg.gif') 0 0 no-repeat;
	height: 245px;   
	padding: 20px 20px 0 22px;    
}   

div#stayInformed p {
	line-height: 1em;
	font-size: 11px;
	width: 100px;
	float: left; 
	margin: 0 0 0 10px;
}

/* Added by JWP on 4-3-08 */
div#emailSignup p {
	line-height: 1em;
	font-size: 11px;
	width: 125px;
	float: left; 
	margin: 0 0 0 0px;
	color: #03b5d2;
}

img#feedIcon {
	float: left;
} 

div#badges {
	margin-top: 1em;
}

div#badges img {
	margin: 2px 0;
}

blockquote {
	color: #ff7e00;
	font-style: italic;
}

div#commentsWrap { 
	background: transparent url('images/postDotted.gif') 0 0 no-repeat; 
	padding-top: 4px;
} 

div.commentsText, div.resultsText {
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 24px;
} 

div.commentsText {
	padding-bottom: 0 !important;
}  

p.commentorName{
	font-weight: bold;
}  

p.commentDateStamp {
	color: #9a9a9a;    
	font-size: 11px;
} 

div#commentAds {
	background: transparent url('images/postDotted.gif') 0 0 no-repeat;   
	padding: 48px 0 36px 0;
} 

input.commentInput {
	width: 374px;
} 

textarea.commentTxtarea {
	height: 130px; 
	width: 374px; 	
} 

h3#postAComment {
	margin-bottom: 0;
}

h3.pagetitle {
	font: bold 22px Arial, Verdana, Helvetica, sans-serif;    
/*	font-size: 22px;	*/
}

p#haveAccount {
	margin: 0 0 24px 0;
}   

div#commentFormBox {
	background: transparent url('images/postDotted.gif') 0 100% no-repeat;    
	padding-bottom: 24px;
}   

div#footer {
	width: 557px;
	clear: both;
	border-top: 1px dashed #ccc;
	padding-top: 1em;
	margin: 10px 0 0 188px;
	color: #999;
}

#footer a:link, #footer a:visited {
	color: #999;
	font: x-small Arial, sans-serif;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

div#copy {
	clear: both;
	padding: 0.5em 0 0 188px;
	color: #19a7be;
	font: xx-small Arial, sans-serif;
}

#copy a:link, #copy a:visited {
	text-decoration: none;
}

a.byfluid:link, a.byfluid:visited, a.byfluid:hover, a.byfluid:active {
	color: #00ae52;
	line-height: 22px;
	text-decoration: none;
} 

a#lilLink:link, a#lilLink:visited, a#lilLink:hover, a#lilLink:active {
	color: #19a7be !important;  
}

#submit {                    
	background: #03b5d2; 
	color: #fff;
	font: 9px Arial, sans-serif;       
	padding: 2px;                   
	text-transform: uppercase;
}      

span.none {            
	color: #b1aeaa;
}  

p.cookies {
	float: left;
	font: 10px Arial, sans-serif;
	padding: 8px 0 0 40px;          
	margin: 0;
}  

p.cookies a:link, p.cookies a:visited {
	text-decoration: none;
} 

p.author {
/*	color: #41434C;   */
/*	text-transform: uppercase;	*/
/*	text-decoration: underline;	*/
	color: #57a503;
	font-weight: bold;
	font-size: 14px;

}

div#bottom_banner {
	width: 557px;
	clear: both;
	padding-top: 1em;
	margin: 10px 0 0 188px;
	color: #999;
}

/* Added by JWP on 4-22-08  */

table.providers {
	margin-right: 18px;
}

td.info {
	width: 50px;
	}


/* 
generic classes for floats / clears 
----------------------------------------------------------- */

.right {
	margin-right: 4px;
}

.fright {
	display: inline;
	padding: 0;
	float: right;
}

.fleft {
	display: inline;
	float: left;
}

.clear {
	clear: both;
}


/* tables
----------------------------------------------------------- */

div.box p, div.boxfeatured p {
	font: 11px/18px Arial, sans-serif;
	margin-left: 28px;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Added by JWP on 2-11-09 to support supplier images	*/
img.picfeatured {
	margin-bottom: 6px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	display: inline;
	float: left;
}