/*  
Theme Name: ovd
Theme URI: http://www.oliavradiydesign.com/
Description: This theme was designed and built by <a href="http://www.oliavradiydesign.com/">olia vradiy</a>
Version: 
Author: olia vradiy
*/

/*BASIC LAYOUT*/
body {font:100% 'Futura', Verdana, Arial, Helvetica, sans-serif; background:url('images/bg.gif'); margin:0 auto; padding:0; text-align:center/* IE fix */; color:#000;}
html, body {height:100%;}/* this is needed for the footer to always stick to bottom*/
#container {margin:0 10%/*determines width of center column*/; background:#fff; text-align:center; min-width:60%; position:relative;  /*this is needed for the footer to always stick to bottom*/min-height:100%; /* this is needed for the footer to always stick to bottom*/}   
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */clear:both; height:0; font-size: 1px; line-height:0px;}
#main {width:100%; width:auto; padding:0; margin: 3em 2.7em; text-align:left;}
#right_col {overflow:hidden; padding:0; width:100%; margin-top:5em; position:relative;}
#left_col {width:605px; float:left; margin-right:5em; padding-bottom:1em;}
#work {overflow:hidden; padding:0; width:86%; margin-top:5em; position:relative;}
#sidebar {text-align:left;}


/*HEADER*/
#header{margin-top:-2.57em /*this alignes header text with ruler*/; padding:0 2.3em;}
#header h1{text-align:left; font-size:1.3em; padding:0.45em 0;}
.header_color{background-color:#fff; padding:0 0.35em;}/*padding:0 0.45em;}*/
#rule {padding:0; margin:0 -12% /*how far rule extends beyond center column*/; width:100% /* IE fix */; width:auto;}
#rule h1 {font-size:1em; border-bottom:2px solid #15161a; padding:4em/*this controls the header's distance from top*/ 20% 0 20%; margin-top:0;}


/*FOOTER*/
#footer_container{width:100%; margin:0 auto; float:left; left:0; position:absolute;/* this is needed for the footer to always stick to bottom*/bottom: 0;/* this is needed for the footer to always stick to bottom*/}
#footer {color:#8a8891; font-size:0.7em; padding:1.1em/*this controls the distance between rule_bottom and footer*/ 0 0.9em 2.4em; text-align:left;}
#footer ul {margin:0; padding:0; list-style:none;}
#footer li {display:inline; margin:0; padding:0 0.3em 0 1.5em; background:url('images/o.png') left no-repeat;}
#footer a, a:visited {color:#8a8891!important; text-decoration:none;}
#footer a:hover {color:#afaeb4!important; text-decoration:underline!important;}
#footer .current_page_item a, a:visited, a:active {color:#afaeb4!important;}

/*MENU*/
#menu_container{position:relative; width:auto; float:left; margin:-0.5em 0 0 16.25em;}
#menu {font-size:1em; text-align:left; padding:0;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu li {display:inline; margin:0; padding:0 0.7em 0 1.7em; background:url('images/menu_o.png') left no-repeat;}
#menu .page-item-2{background:none !important; padding: 0 0.7em 0 0 !important;}/*no first bullet*/
#menu .page_item a, a:visited, a:active {color:#000!important; text-decoration:none;}
#menu .page_item a:hover {color:#7e7c85!important; text-decoration:underline;}
#menu .current_page_item a, a:visited, a:active {color:#7e7c85!important;}


/*TYPOGRAPHY*/
a {color:#8a8891; text-decoration:none;}
#header h1 a, a:hover, a:visited {color:#000!important; text-decoration:none;}
h2{font-size: 1.05em;}
h3{font-size:0.85em;}
p a, a:visited {color:#6b6970!important;text-decoration:none;}
p a:hover {color:#afaeb4!important; text-decoration:underline;}

.no_bullet{background:none !important;}
p {font-family:Georgia, serif; font-size:0.8em; line-height:1.6em; text-align:left;}
#work p {margin:0; padding:0;/*margin-top:13em;*/}
.gray {color:#6a6a6d;}

.commentlist {font-family:Georgia, serif; font-size:0.8em; line-height:1.6em; text-align:left;} 
.commentmetadata {font-size:0.6em;}
small {font-family:Georgia, serif; font-size:0.6em; line-height:1.2em;}

form {font-family:Georgia, serif; font-size:0.8em; line-height:1.6em; text-align:left;}
.btn {font-family:'Futura', Verdana, Arial, Helvetica, sans-serif; font-size:0.95em;background:#ffffff;text-decoration:none;font-weight:bold;border-bottom:1px solid #6b6970;border-right:1px solid #6b6970;border-top:1px solid #afaeb4;border-left:1px solid #afaeb4;padding:3px 5px 2px;vertical-align:top;}

#sidebar ul{font-family:Georgia, serif; font-size:0.9em; line-height:1.6em;}

#back {border-bottom:solid 1px #8a8891; margin:1.5em -1.5em; padding:0; text-align:center;}
#back ul {margin:0 auto; padding:0; list-style:none; color:#8a8891; text-align:right; font-size:0.65em;}
#back li {display:inline; margin:0; padding:0 0.3em 0 1.5em; background:url('images/o.png') left no-repeat;}
#back a, a:hover, a:visited {color:#8a8891; text-decoration:none;}

/*IMAGES
img {border:#fff 6px solid;}*/