/* 
Theme Name: Zefron.com
Author: Christine @ pinkchaos.org
Do not copy or redistribute anything in this stylesheet
*/

body{
margin:0;
background: #796e63 url(images/bg1.jpg) no-repeat center center fixed;
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover;    /* Mozilla*/
-o-background-size: cover;      /* Opera*/
background-size: cover;         /* Generic*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 120%;
text-align:left;
color:#000000;
}


.wrapper{
background: url('images/bg2.png') repeat-y;
background-position: top center;
margin: 0 auto;
width: 1140px;
}


.nav {
font-family: 'Oswald', sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 17px;
text-transform: uppercase;
}


.nav i, em{
color: #c8c3bd;
text-shadow:1px 1px 1px #8c8781;
}


.nav a{
padding: 0 10px 0 0;
color: #645f59;
text-shadow:1px 1px 1px #a09b95;
}


.nav a:hover{
color: #645f59;
text-shadow:1px 1px 1px #a09b95;
}


.recentimg{
padding:5px;
}


.recentimg a img{
height: 40px;
width: 40px;
background-color: #f1f1f1;
border: 1px solid #d3d3d3;
padding: 4px;
box-shadow: 0px 0px 3px #dddddd;
}


.recentimg a:hover img{
height: 40px;
width: 40px;
background-color: #f1f1f1;
border: 1px solid #d3d3d3;
padding: 4px;
box-shadow: 0px 0px 3px #dddddd;
}


.recent-posts{
color: #9b9b9b;
font-size: 12px;
text-align: justify;
}


.recent-posts li{
background: #fbfbfb;
display: block;
padding: 5px;
margin: 1px 0;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}


.recent-posts ul{
margin: 0 5px 0 5px;
}


a {
color:#86837f;
text-decoration:none;
}


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


b, strong{
color:#686461;
}


i, em{
color:#96918b;
}


u{
color:#858994;
}


ul,li,ol{
list-style:none;
margin:0px;
padding:0px;
}


p{
margin:0px;
padding:5px;
}


input, select, textarea{
background-color: #fefefe;
color:#9b9b9b;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 120%;
padding:7px;
}


input:hover, select:hover, textarea:hover{
background-color: #fefefe;
color:#9b9b9b;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 120%;
padding:7px;
}


img{
border:none;
}


a img{
background-color: #ffffff;
border: 1px solid #ebebeb;
padding: 7px;
box-shadow: 0px 0px 10px #f5f5f5;
}


a:hover img{
background-color: #ffffff;
border: 1px solid #ebebeb;
padding: 7px;
box-shadow: 0px 0px 10px #f5f5f5;
}


.content-wrap{
background-color: #ffffff;
border-bottom:1px solid #eaeaea;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-right:1px solid #eaeaea;
-webkit-box-shadow: inset 1px 1px 25px 1px #f4f4f4;
box-shadow: inset 1px 1px 25px 1px #f4f4f4;
width: 518px;
padding: 5px;
}


.content-top{
color: #86837f;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 20px;
text-align: center;
margin:5px 0;
text-transform: uppercase;
text-shadow:1px 1px 1px #ffffff;
text-transform: uppercase;
}


.content-top a{
color: #86837f;
text-decoration: none;
}


.content-top a:hover{
color: #86837f;
text-decoration: none;
}


.content-line { 
border-top:solid 1px #f4f4f4;
margin: 20px 0;
}


.content-meta{
background-color: #ffffff;
color: #9b9b9b;
font-size: 11px;
line-height: 11px;
padding: 7px 15px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}


.content-meta b{
color: #686461;
font-size: 11px;
font-weight: bold;
}


.content-padding {
margin: -5px auto 0 auto;
}


.content-entry{
margin: 5px 0;
}


.content-entry img{
max-width: 482px;
}


.content-entry ul li{
list-style: none;
}


h1,h2,h3{
color: #9b9b9b;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 15px;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}


.break{
clear: both;
display: block;
}


img.alignleft{
float: left;
margin: 0 10px 10px 0;
}


img.alignright{
float: right;
margin: 0 0 10px 10px;
}


blockquote{
border-left:solid 3px #858994;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
margin: 0 10px;
padding: 7px;
}


.side-top{
color: #b8b5b1;
padding: 10px 0;
font-family: 'Oswald', sans-serif;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
width: 330px;
border-bottom: 1px solid #7c7975;
margin: 0 5px;
}


.side-top i, em{
color: #54514d;
}


.side-top2{
background-color: #858994;
color: #535762;
font-size: 12px;
line-height: 12px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
font-weight: bold;
width: 253px;
text-shadow: 1px 1px 1px #8f939e;
-webkit-box-shadow: inset 1px 1px 15px 1px #7b7f8a;
box-shadow: inset 1px 1px 15px 1px #7b7f8a;
border-bottom: 1px solid #717580;
border-left: 1px solid #8f939e;
border-top: 1px solid #8f939e;
border-right: 1px solid #717580;
}


.side{
color: #000000;
}


.side a {
color:#c8c3bd;
text-decoration:none;
}


.side a:hover {
color:#c8c3bd;
text-decoration:none;
}


.side img{
max-width: 304px;
}


.side2{
padding: 5px 0 0 0;
}


.side2 img{
max-width: 219px;
}


ol.commentlist { 
list-style: none; 
margin: 0; 
}

	
ol.commentlist li { 
border: 0; 
padding: 5px;
list-style: none;  
}
 

ol.commentlist li div.vcard cite.fn { 
font-weight: bold;
font-size: 13px;
line-height: 13px;
font-family: Arial, Helvetica, sans-serif;
color: #9b9b9b;
text-transform: uppercase;
font-style: normal; 
}


ol.commentlist li div.vcard cite.fn a{ 
color: #9b9b9b;
}


ol.commentlist li div.vcard img.avatar { 
display: none;
}


ol.commentlist li div.comment-meta { 
font-weight: bold;
font-size: 12px;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #535762;
text-shadow: 1px 1px 1px #8f939e;
text-transform: uppercase;
}


.comment-meta{
background: #858994;
border-bottom: 1px solid #7b7f8a;
padding: 5px;
}


.comment-meta a{
color: #535762;
text-shadow: 1px 1px 1px #8f939e;
}


ol.commentlist li.even { 
background-color: #eaeaea;
}


ol.commentlist li.odd { 
background-color: #fefefe;
}


.commentlist li, #commentform input, #commentform textarea {
max-width: 518px;
margin: 0 0 5px 0;
}


.circle{
background: url('images/header_14.png') no-repeat;
height: 136px;
width: 136px;
}


.circle:hover{
background: url('images/header_14h.png') no-repeat;
height: 136px;
width: 136px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-khtml-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}


.facebook{
background: url('images/social_01.png') no-repeat;
height: 30px;
width: 30px;
}


.facebook:hover{
background: url('images/socialh_01.png') no-repeat;
height: 30px;
width: 30px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-khtml-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}


.twitter{
background: url('images/social_02.png') no-repeat;
height: 30px;
width: 30px;
}


.twitter:hover{
background: url('images/socialh_02.png') no-repeat;
height: 30px;
width: 30px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-khtml-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}


.tumblr{
background: url('images/social_03.png') no-repeat;
height: 30px;
width: 30px;
}


.tumblr:hover{
background: url('images/socialh_03.png') no-repeat;
height: 30px;
width: 30px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-khtml-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}