/*

Theme Name: EarthlyTouch

Theme URI: http://www.mavenwebsolutions.com/

Version: 1.0

Description: 2 Column theme

Author: Maven Web Solutions

Author URI: http://www.mavenwebsolutions.com/

Share URI: http://www.mavenwebsolutions.com/

*/





/* Revision: 05/2009 */









/* main attributes

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

body {

	background: #fff url(images/bg_body.jpg) repeat-x;

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	line-height:18px;

}





hr {

	color:#e4e4e4;

	background-color:#e4e4e4;

	border:#e4e4e4;

	height:1px;

	margin: 5px 15px 0px 15px;

}













/* text attributes

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



a {

    color: #c61306;

    text-decoration: underline;

}



a:hover {

	color: #850302;

    text-decoration: underline;

}



h1 {

	position: absolute;

	height: 0px;

	overflow: hidden;

}



h2 {

	color: #327d9a;

	font-size: 24px;

	text-transform: none;

	font-weight: bold;

	margin: 0px 0px 10px 0;

}



h3 {

	color: #000;

	font-size: 24px;

	text-transform: none;

	font-weight: normal;

	margin: 0px 0px 20px 0;

}



h4 {

	color: #327d9a;

	font-size: 16px;

	text-transform: none;

	font-weight: bold;

	margin: 0px 0px 10px 0;

}



h5, h6 { 

font-size: 20px; 

}





p {  

	font-size: 14px;

    line-height: 18px; 

    margin-top: 0px;

	color: #6c6c6c;

	text-align:justify;

}





.blue{

	color:#327d9a;

	font-weight:bold;

}





#content-bottom ul {

	margin:0;	

	padding-left:0px;

	list-style:none;

}



#content-bottom li {

	margin-bottom:10px;	

}


.page-post ul {
	position:relative;
}

.page-post li {

	font-size: 14px;

    line-height: 18px; 

    margin-top: 4px;

	color: #6c6c6c;

	text-align:justify;

}






/* layout

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



	    

#container {

	width: 1002px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	margin-top:23px;

	margin-bottom: 25px;

}















/* header

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



#header {

	position:relative;

	height:120px;

	margin:0;

	padding:0;

}



#header .logo{

	position:relative;

	margin:0;

	padding:0;

}



#menu {

	position:relative;

	margin-top:7px;

	background-color:#003;

	height:48px;

}



#pages {

	background-image: url(images/navigation-bg.gif);

	height: 48px;

}



#pages ul { 

        list-style-type: none; 

	list-style-image: none; 

	float: left;  

	padding: 0px 0px 0px 0px; 

	margin-left: 0px; 

	margin-top: 0px;

}



#pages li { 

        float: left; 

	display: block; 

	height: 43px;

}



#pages li a:link,

#pages li a:visited {

	float: left;

	color: #fff;

	display: block;

	padding-top: 14px;

	height: 34px;

	font-size: 15px;

	text-transform:uppercase;

	text-decoration:none;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	background-image: url(images/navigation-line.gif);

	background-position: right;

	background-repeat: no-repeat;

	padding-left: 32px;

	padding-right: 32px;

}



#pages li a:hover,

#pages li a:active {

	color: #F3ECC4;

	font-size: 15px;

	background-image: url(images/navigation-hover.gif);

	background-repeat: repeat-x;

}



.current_page_item {

	background-image: url(images/pages-hover.gif) !important;

}













/* content area

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



#content{

	position:relative;	

	margin-top:20px;

	min-height:400px;

    height:auto !important;

    height:400px;

}



#content-top{

	position:relative;	

}



#content-bottom{

	position:relative;

	margin-top:30px;

}





#left-div {

	position:relative;

	margin-top: 20px;

	width: 700px;

}





.post-wrapper {

	padding: 0 15px 15px 15px;

}





.post-title {

	font-weight: normal; 

	color: #076081;
	
	margin-bottom: 5px;

}

.post-stamp {

	font-weight: normal; 
	font-size: 10px;	
	margin-bottom: 15px;
	color: #999;

}




#sidebar-wrapper {

	position:absolute;

	width: 283px;

	right:0;

	top:0;

}



#sidebar {

	position:relative;

	width: 283px;

}





.sidebar-box {

	padding-top: 5px;

	margin-bottom: 15px;

	width:282px;

	background-color: #F6F6F6;

	border-bottom: 1px solid #E7E7E7;

	background: url(images/sidebar_bg.gif);

}



.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {

	display: block; 

	color: #4B4A41; 

	width: 99%; 

	padding: 3px 3px 3px 3px; 

	background-image: none !important;

} 



.sidebar-box ul li {

	background-image: none !important;

	color: #4B4A41 !important;

}

.sidebar-box ul li:hover, .sidebar-box ul li a:hover {

	background-image: none !important;

	background-color: #f8f8f8 !important;

}



.sidebar-box ul li a:hover {

	width: 100%;display: 

	block; color: #393939; 

	padding: 3px 3px 3px 3px;

} 



.sidebar-box h3 { 

	margin-top: 3px; 

	font-size: 14px; 

	color: #fff; 

	padding-top: 0px; 

	font-weight: normal; 

	padding-bottom: 4px; 

	text-transform: uppercase;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	margin-left: 10px; 

}





#content-bottom{

	position:relative;

	height:400px;

	margin: 50px 0;

}





#content-bottom .left {

	position:absolute;

	height: 400px;

	width: 210px;

	left:15px;

}



#content-bottom .middle {

	position:absolute;

	width:460px;

	height:400px;

	left:270px;

}





#content-bottom .right {

	position:absolute;

	width:230px;

	height:400px;

	right:0px;



}



#content-bottom .divider {

	position:absolute;

	width:1px;

	top:-10px;

	height:400px;

	background-color: #c6c6c6;

}	



.home-post-wrap {
	padding: 0 15px 15px 15px;
	position:relative;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #EBEBEB;

}



.post-content {

	margin-top: 5px;

}







/* footer

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



#footer-container {

	position:relative;

	height:40px;

	margin-top:10px;

	padding:0;	

	background: #fff url(images/bg_footer.jpg) repeat-x;

}



#footer {

	position:relative;

	margin: 0 auto 0 auto;

	width: 1002px;

	height: 40px;

	color: #327d9a;

}



#footer .links ul {

    padding: 0;

    margin: 0;

}



#footer .links li {

    display: inline;

    margin: 0;

	padding: 0 2px;

}



#footer .links {

	position: absolute;

	top: 12px;

	right: 0;

	z-index: 40;

}



#footer .copy {

	position:absolute;

	top:12px;

	left:0;

	z-index:30;

}



#footer a{

    color: #327d9a;

    text-decoration: underline;

}



#footer a:hover{

    color: #327d9a;

    text-decoration: underline;

}













/* images

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



img {

	border: 0;

	margin: 0;

	padding: 0;

}



p img {

	padding: 0;

	max-width: 100%;

	}



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

	}













/* home page

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



#splash {

	position:relative;

}



#splash-top {

	position:relative;

	height: 277px;

}



#splash-bottom {

	position:relative;

	height: 177px;

	background:url(images/home_bottom_box.jpg) #fff repeat-x;	

}



#splash-box {

	position:absolute;

	height:177px;

	width:250px;

	background:url(images/home_bottom_box.jpg) #fff no-repeat;

	text-align:center;

}



#splash-box h2 {

	color: #327d9a;

	font-size: 16px;

	text-transform: none;

	font-weight: bold;

	margin:10px 0px 0px 0;

}



#splash-box .description {

	margin:10px 20px 0 20px;

	

}



#splash-box .button {

	margin:15px;

}

























.readmore {

background-image: url(images/read-more.gif);

background-repeat: no-repeat;

background-position: left;

float: right;

padding-left: 20px;

}



.readmore a:link, .readmore a:hover {

color: #393939;

}



.thumbnail-home {

border: 0px;

margin: 0px 0px 0px 0px;

}



.titles { 

font-weight: normal; 

font-size: 24px; 

text-decoration: none;

}



.titles a:link, .titles a:visited, .titles a:active {

text-decoration: none;

font-size: 20px;

font-weight: normal;

font-family: Trebuchet MS;

margin-bottom: 10px;

display: block;

}



.titles-featured a, .titles-featured a:hover, .titles-featured {

font-size: 25px;

line-height: 30px;

color: #545249;

}



pre, blockquote  {

overflow: auto;

padding: 0 10px;

margin: 20px 30px;

line-height: 1.8em;

background-color: #f5f5f5;

border: 1px solid #e0e0e0;

}





pre { 

padding-top: 10px; 

padding-bottom: 10px; 

}





.comment-inside {

background-image: url(images/comment-bg.gif);

padding-left: 15px;

padding-right: 15px;

padding-top: 0px;

padding-bottom: 0px;

width: 542px;

position:relative;

color: #AA9D6C;

}







#extras {

float: left;

width: 780px;

color: #C7AA92;

text-align: left;

padding: 0 10px 10px;

margin: 10px 12px 20px;

background-color: #f5f5f5;

border-top: 1px solid #e0e0e0;

border-bottom: 1px solid #e0e0e0;

}















.commentlist li{

display: block;

float: left;

clear: both;

margin-left: 0px;

margin-bottom: 10px;

}



.commentlist ol {

margin-left: 0px; 

padding-left: 0px;



}

#commentwrap {

position:relative;

display: block;

width: 570px;

margin-bottom: 20px;

margin-top: 20px;

margin-left: 5px;

}

.commentlist ol li{

margin-left: 0px;

}



.commentlist {

margin-left: 0px; 

padding-left: 0px;

}



#commentform {

	position:relative;

margin: 1em 0;

background: #FFFFFF;

margin-left: 20px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 370px;

}

#commentform textarea:hover {

background: #FFFFFF;

border: 1px solid #d6d3d3;

}

#commentform textarea:focus {

background: #ffffff;

border: 1px solid #939793;

}



#commentform #email {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

background-image: url(images/comment-email.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #author {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

background-image: url(images/comment-author.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

background-image: url(images/comment-website.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #email:focus {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #939793;

width: 280px;

background-image: url(images/comment-email.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #author:focus {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #939793;

width: 280px;

background-image: url(images/comment-author.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform #url:focus {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #939793;

width: 280px;

background-image: url(images/comment-website.gif);

background-position: 7px 7px;

background-repeat: no-repeat;

height: 20px;

padding-left: 30px;

padding-top: 6px;

}



#commentform input{

margin-bottom: 3px;

}



.icons {

margin-top: 0px; 

margin-bottom: -5px;

margin-right: 10px;

}

#search .input {

width:74px;

height:35px;

background:none;

border:none;

vertical-align:middle;

margin:0;

padding:0;

margin-left: 33px;

}





.articleinfo {

	border-bottom: 4px solid #F0EACA; padding-bottom: 7px; 

	color: #57554B;

}



.recent-comments li {

list-style-image: url(images/comment-icon.gif);

}



.list2 {

color: #A2A2A2;

list-style-image: url(images/bullet.gif);

margin-top: 0px;

font-size: 11px;

}



.list2 a:hover{

color: #393939;

list-style-image: url(images/bullet.gif);

margin-top: 0px;

font-size: 11px;

}



.list2 a {

color: #A2A2A2;

margin-top: 0px;

font-size: 11px;

}



.toptitle {

font-size: 20px;

color: #D27005;

margin-left: 15px; 

display: block;

margin-top: 15px;

margin-bottom: 10px;

}

.toptitle2 {

font-size: 24px;

color: #FFF;

display: block;

margin-top: 15px;

margin-bottom: 10px;

}





.thumbnail-div {

border: 5px solid #F8F4E0;

width: 90px;

height: 150px;

float: left;

}



.thumbnail-div-featured {

border: 10px solid #F8F4E0;

width: 200px; 

height: 200px;

float: left;

}



#featured {

background-color: #FFF;

padding: 10px;

width: 593px;

border: 1px solid #EBEBEB;

}



.home-squares {

width: 280px;

display: block;

padding: 10px;

border: 1px solid #EBEBEB;

float: left;

margin-right: 12px;

margin-top: 10px;

margin-bottom: 10px;

}



.comment-author {

width: 100%; 

margin-bottom: 5px;

display: block;

padding-left: 15px;

background-image: url(images/comment-icon.gif);

background-repeat: no-repeat;

background-position: left;

}

.random-image {

width: 70px;

height: 80px;

border: 5px solid #F8F4E0;

float: left;

}



.random-content {

float: right;

width: 190px;

}

.random {

width: 280px;

float: left;

margin-top: 10px;

}

.home-headings {

height: 27px;

border: 1px solid #DDD7B3;

background-color: #F4EFD2;

background-image: url(images/heading-bg.gif);

width: 268px;

color: #575447;

font-size: 13px;

font-weight: bold;

padding-left: 10px;

padding-top: 8px;

}



.featured-content {

float: right;

width: 353px;

margin-right: 5px;

}



.children {

display:none;

} 



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */