/*
Theme Name: Elements of Elegance
Theme URI: http://www.elementofelegance.com/
Description: Custom wordpress theme designed for Elements of Elegance.
Version: 1.0
Author: David Bilbo
Author URI: http://www.push-here.com/
Tags: brown, blue, custom header, fixed width, two columns, widgets

*/



/* Structure */
@import url("reset.css");
html, body { 
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background:#312a1d url(images/bg.jpg) repeat-x;
font-family:arial,sans-serif;
font-size:12px;
color:#756951;
} 
 
#container { 
width:1000px; 
text-align:left;  
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background:url(images/wbg.jpg) repeat-y #fff; 
} 
 
#wrapper {
padding:0 0 5em; /* bottom padding for footer */
}

#header {
position:relative; 
height:150px; 
background:url(images/headers/rbg.php) no-repeat;
border-bottom:5px #55afca solid;
width:100%;
} 
 
#leftcol{
width:200px; 
float:left; 
position:relative; 
min-height:300px;
background: url(images/cbg.jpg) no-repeat;
}
 
#maincol{
background-color: #FFFFFF;  
float: right; 
display:inline; 
position: relative; 
width:800px; 
}
 
#footer{
height:20px; 
background-color:#FFFFFF; 
clear:both;
position:absolute;
width:100%;
bottom:20px; /* stick to bottom */
} 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*Elements*/

h1 { 
font:1.5em georgia,serif; 
margin:0.5em 0;
}

h2, h3 {
font:1.25em georgia,serif; 
margin:0 0 0.5em;
}

h4 {
font:1em georgia,serif; 
margin:0 0 0.5em;
}
	
h1, h2, h3, h4 {
color:#55afca;
}

a {
color:#55afca;
text-decoration:none;
}

a:hover {
color: #756951;
text-decoration:none;
}

p { 
line-height:1.5; 
margin:0 0 1em;
}

/*main div edits*/
.mainin {
padding: 20px 20px 10px 30px;
}

.mainin h3, .mainin h2 a, .mainin h2 a:link, .mainin h2 a:visited {
color: #55afca;
text-decoration:none;
font-size: 18px;
}

.mainin h2 a:hover {
color: #756951;
text-decoration:none;
}

.mainin p {
padding: 0 15px;
}

.maininnb small {
display:none;
}

.mainin small {
padding: 0 15px;
font-size:9px;
color: #756951;
}

.maininnb .postmetadata {
display:none;
}

.mainin .postmetadata  {
font-size:9px;
color: #756951;
}

.maininnb h2 {
display:none;
}

.mainin ul {
padding-left: 15px;
list-style: square inside url(images/blt.png);
}

.mainin li {
padding: 3px 0;
}

.mainin li span{
padding: 3px 0;
}

.mainin .post {
padding:15px 0;
}

.leftin {
padding: 10px;
}

/*sidebar div edits*/
.sidebarbox {
padding-bottom: 30px;
}

.sidebarbox h2 {
border-bottom: 1px solid #55afca;
padding: 2px 5px;
}

.sidebarbox ul {
padding-left: 5px;
}

.sidebarbox li, .sidebarbox li a, .sidebarbox li a:link, .sidebarbox li a:visited {
color: #756951;
text-decoration:none;
font-family:arial,sans-serif;
font-size:11px;
padding:2px 0;
}

.sidebarbox li a:hover {
color: #55afca;
text-decoration:none;
}

.sidebarbox li.widget {
list-style-type: none;
text-decoration: none;
}

/*footer div edits*/
.footerin {
padding: 3px 10px;
font-size:10px;
border-top: 1px #e1ddd4 solid;
color: #aea697;
}

.footerin a {
color: #aea697;
}

.footerin a:hover {
color: #55afca;
}

.footerin p {
text-align: justify;
}

/*top navigation*/ 
.headernav {
padding: 55px 5px 0 605px;
}

ul#navlist {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li {
display: inline;
list-style-type: none;
}

#navlist a { 
padding: 0 5px;
}

#navlist a:link, #navlist a:visited {
color: #756951;
border-right: 1px solid #756951;
text-decoration: none;
text-size:10px;
}

#navlist a:hover {
color: #55afca;
border-right: 1px solid #756951;
text-decoration: none;
}

#navlist li.current_page_item a {
color: #55afca;
border-right: 1px solid #756951;
text-decoration: none;
}

#navlist li.page-item-9 a, #navlist li.page-item-9 a:link, #navlist li.page-item-9 a:visited, #navlist li.page-item-9 a:active, #navlist li.page-item-9 a:hover {
border-right: none;
}

textarea#comment {
width: 350px;
}