/*
Theme Name: Essencious - Cloudy Day
Theme URI: http://essencious.org
Description: 
Version: 1.0
Author: Krystal Wu
Tags: 

*/

body{
	margin: 0;
	padding: 0;
	background:#252424 url(images/bg_strips.jpg) repeat-x;
	font-family: Tahoma, Trebuchet MS,Arial;
	font-size: 12px;
	line-height: 20px;
}

input, textarea{
    font-family: Arial;
	font-size: 12px;
    background:#b2b2b2;
    padding: 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 0px;
}
input[type=text]{
    height:20px;
    line-height:20px;
}
input[type=submit]{
    width: 100%;
}
strong{
	color: #5eadc6;
}

a img{
	border:0;
}

#outerwrapper{
	width: 100%;
	background: url(images/bg_cloud.png) repeat-x;
}

.clear{
    clear:both;
}

a{
    color:#494949;
    text-decoration: underline;
}   

/*-----------------------
	HEADER
----------------------------*/
#wrapper{
	width: 900px;
	margin: 0 auto;
	padding: 0;	
}

#header{
	height: 217px;	
	
}
#logo{
	float: left;
}
#navigation{
	float: right;	
	margin: 20px 0 0 0;
	font-size: 13px;
}
	#navigation ul{
		list-style:none;
	}
		#navigation ul li{
			float:left;
			margin: 0 0 0 8px;
		}
			#navigation ul li a{
				color: #b64366;
				font-weight: bold;
				text-decoration: none;
				width: 68px;
				display: block;
				padding: 4px 4px 3px 4px;
				text-align: center;
font-family:Arial;
line-height: 16px;
			}
			#navigation ul li a:hover{
				color: #ffffff;		
				background: url(images/bg_nav.png);								
			}
#tagline{
	clear: both;
	font-family:Georgia;
	color: #51656a;
	padding:55px 0 0 111px;
	width:543px;	
	font-style:italic;
}
/*-----------------------
	content
----------------------------*/
#contentwrapper{
	background: url(images/border_transparentgrey.png); 	
	width: 100%;
    height: auto;
	padding: 10px;
	position:relative;
	top: -30px;
}
	#content{
		background: #fff;	
		padding: 15px;
        height: auto;
	}
		#content #left{			
			background: #e9e9e9;
			width: 570px;
            float:left;
		}			
			#content #left h2{
				background: url(images/bg_heading_flower.png); 
				height: 54px;
				line-height: 54px;
				padding: 0 0 0 80px;
				color: #494949;
				font-weight: 600;
				font-variant:small-caps;
				clear:both;
			}
			#content #left .date{
				float:right;
				font-size: 10px;
				font-variant: normal;
				padding: 0 10px 0 0;
			}
			#content #left .post{	
				padding: 0 20px 0 20px;
				clear: both;
			}
			.postmetadata{
				font-size: 11px;				
			}
				.postmetadata .categories{
					padding: 10px 0 0 0;
					float:left;
				}
					.postmetadata .categories strong{
						color: #c8436c;
						font-weight: normal;
					}
			
				.postmetadata .comment_link{
					float:right;
					background: url(images/icon_arrow.png) no-repeat;
					padding: 10px 0 0 40px;
					height: 24px;
				}
					.postmetadata .comment_link a{
						color: #c8436c;
						font-weight: bold;
						text-decoration: none;
					}				
					.postmetadata .comment_link a:hover{
						text-decoration: underline;
					}
.link_exchange li{
link-style:none;
}
		#content #right{			
			background: #e9e9e9;
			width: 285px;
			margin-left: 585px;
			height: auto;
			padding: 15px 0 10px 0 ;
		}
         
			#content #right h2{
				height: 54px;
				line-height: 54px;
				padding: 0 0 0 80px;
				color: #494949;
				font-weight: 600;
				font-variant:small-caps;
				margin-top:0;
			}
				#content #right h2.about{
					background: url(images/bg_heading_about.png); 
				}
				#content #right h2.paper{
					background: url(images/bg_heading_paper.png); 
				}
				#content #right h2.pencil{
					background: url(images/bg_heading_pencil.png); 
				}
				#content #right h2.crown{
					background: url(images/bg_heading_crown.png); 
				}
				#content #right .post{	
					padding: 0 20px 0 20px;				
				}                
            #content #right ul{
                padding: 0 0 0 10px;
            }
                #content #right ul ul{
                    padding: 0 0 0 20px;
                }

#content #pagination{
    clear:both;
    margin:0 0 0 20px;
    padding-right:20px;
}                
	.previouspostslink{
        float:right;
    }
/*-----------------------
    Bottom
----------------------------*/	
#bottom_wrapper{
    clear:both;
    background: url(images/border_transparentgrey.png); 	
	width: 100%;
	padding: 10px;
}
    #bottom{
        background: #e9e9e9;        
    }
        #bottom .box{
            padding:5px 0 5px 0;
            width: 33%;
            float:left;
        }
            #bottom .box h2{
				background: url(images/bg_heading_flower.png); 
				height: 54px;
				line-height: 54px;
				padding: 0 0 0 80px;
				color: #494949;
				font-weight: 600;
				font-variant:small-caps;
				clear:both;
			}
				#bottom .box h2.twitter{
					background: url(images/bg_heading_twitter.png); 
				} 
				#bottom .box h2.heart{
					background: url(images/bg_heading_heart.png); 
				}
				#bottom .box h2.social{
					background: url(images/bg_heading_social.png); 
				} 
            #bottom .box p{
                margin: 0 10px 0 20px;
            }
            
            #bottom .box ul.linkouts{
                font-size: 11px;
                padding-left: 15px;
            }
                #bottom .box ul.linkouts h2{
                    display:none;
                }
                #bottom .box ul.linkouts li{
                    display:inline;
                }
    
/*-----------------------
    Footer
----------------------------*/	  
#footer{
    padding:15px;
    text-align:center;
    color: #7e7e7e;
    font-size: 11px;
}
    
    
/*-----------------------
    Comments
----------------------------*/	 
#comment{

}   
    #comment #leave_comment{
        padding: 0 20px 0 20px;
    }    
    #comment ul{
        list-style:none;
        margin:0;
        padding:0;
    }
    #comment .comment .comment-author cite{
		font-style:normal;
    }
        #comment ul li.even{
            margin: 15px 20px 15px 80px; 
            width:490px;           
        }
            #comment ul li.even .comment-author{
                background: url(images/bg_heading_face.png);
                height: 54px;
				line-height: 54px;
				padding: 0 0 0 80px;
				color: #494949;
				font-weight: 600;
				font-variant:small-caps;
				margin-top:0;
            }
            #comment ul li.even .comment-meta{
                text-align:right;
                padding-right: 25px;
            }
            #comment ul li.even .avatar{
                border:5px solid #c0dddd;
                float:left;
                margin-left:-160px;
                margin-top:10px;
            }
            #comment ul li.even p{
                padding-left: 30px;
                padding-right: 10px;
            }
        #comment ul li.odd{
            margin: 15px 20px 15px 0px; 
            width:490px;
        }
            #comment ul li.odd .comment-author{
                background: url(images/bg_heading_face.png);
                height: 54px;
				line-height: 54px;
				padding: 0 0 0 80px;
				color: #494949;
				font-weight: 600;
				font-variant:small-caps;
				margin-top:0;
            }
            #comment ul li.odd .comment-meta{
                text-align:left;
                padding: 0 0 0 30px
            }
            #comment ul li.odd .avatar{
                border:5px solid #c0dddd;
                float:right;
                margin-right:-80px;
                margin-top:10px;
            }
            #comment ul li.odd p{
                padding-left: 30px;
                padding-right: 10px;
            }
    
    .comment-childs{
        width:512px;
    }
        .comment-childs .avatar{
            display:none;
        }
        .comment-childs p{
            padding-left:0px !important;
        }
    
    .cluv{
        border-top: 1px dashed #403f3f !important;
        border-left: 0px solid #000000 !important;
        border-bottom: 0px solid #000000 !important;
        border-right: 0px solid #000000 !important;
        padding: 0 !important;
        margin: 10px 0 10px 0;
    }
    
#leave_comment{

}
    #leave_comment .comment_form{
        float:left;
        margin-right:23px;
    }
    #leave_comment .comment_message{
        float:right;
        width:339px;
    }


blockquote{
background:#f3eaed;
border-left:5px solid #583E46;
border-right:5px solid #583E46;
margin:0;
padding:1px 14px 1px 15px;
}