/*
Theme Name: johnny-oliviacom_nd2
Theme URI: http://johnnyandolivia.com
Description: Made for Johnny&Olivia[dot]com -- No Apologies. 
Version: 1.0
Author: Tathyana Fantini
Author URI: http://www.nightanddaydesign.org/

------ DO NOT COPY! ------


*/



body{
margin:0;
padding:0;
font-family: Verdana, Helvetica;
font-size:10px;
background: #e9efef url('images/bg.jpg') repeat-x;
text-align:center;
color: #526464;
}

#bgx{
}

#page{
width: 1000px; 
margin: 0 auto;
text-align:justify;
position:relative;
}

#header{
height: 396px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 225px 0 225px;
}

#leftcolumn{
float: left;
width: 220px; 
margin-left: -1000px;
}

#rightcolumn{
float: left;
width: 220px;
margin-left: -220px; 
}

#footer{
clear: left;
width: 100%;
background: #e0e4e7;
color: #3f4d4d;
text-shadow: #fff 1px 1px;
font-family: Trebuchet MS;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: right;
padding: 15px;
-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
-khtml-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
border-left: 3px solid #fff;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
}
#footer a{
color: #5e5e5e;
}


 /* Navigation Menu */

#nav {
color: #475353;
text-shadow: #ffffff 1px 1px;
font-family: "Georgia", Times New Roman;
font-size: 18px;
font-style: italic;
line-height: 20px;
text-align: center;
}

#nav span{
color: #aa3d4b;
}

#nav a{
color: #475353;
}

#nav a:hover{
color: #aa3d4b;
}

 /* Welcome Note */
#welcome {
color: #475353;
text-shadow: #ffffff 1px 1px;
text-align: justify;
font-family: Trebuchet MS;
font-size: 11px;
font-style: italic;
line-height: 14px;
} 

#welcome b{
color: #a61f33;
} 

#welcome i{
color: #191e1e;
} 

 /* -------- Content Structure -------------- */


/* Post Style*/

.entry {
background: #dfe5e5;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
padding: 10px;
}


.entry h1 {
color: #5b8586;
text-shadow: #d8dede 1px 1px;
background: #ebefef;
text-align: center;
font-family: "Georgia", Times New Roman;
font-size: 16px;
font-style: italic;
padding: 3px;
margin: 4px 100px 3px 0px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

.entry h1 a{
color: #5b8586;
text-decoration: none;
}

.entry h2 {
color: #b1bbbb;
text-align: center;
font-family: "Trebuchet MS", Georgia;
font-size: 10px;
padding: 2px;
margin: 0px 100px 0px 8px;

}

.entry h2 a{
color: #7ba9a6;
text-decoration: none;
}

.entry h2 i{
color: #727272;
text-decoration: none;
}

.page h1 {
color: #5b8586;
text-shadow: #d8dede 1px 1px;
background: #ebefef;
text-align: center;
font-family: "Georgia", Times New Roman;
font-size: 16px;
font-style: italic;
padding: 3px;
margin: 0px 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

.page h1 a{
color: #5b8586;
text-decoration: none;
}

h5 {
color: #a54a5b;
text-shadow: #d8dede 1px 1px;
text-align: left;
font-family: "Trebuchet MS", Tahoma;
font-size: 9pt;
font-weight: bold;
font-variant: normal;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px ;
}

.datebox {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px;
height: 50px;
width: 90px;
float: right;
background: url('images/date.png') no-repeat;
}

.datebox .day {
display: block;
text-align: center;
color: #537d79;
font-family: "Trebuchet MS", Arial, Tahoma;
font-size: 14px;
line-height: 12px;
margin: 11px 0px 0px 0px;
text-shadow: #d0d6d6 1px 1px;
font-style: italic;
}

.datebox .year {
display: block;
text-align: center;
color: #5a6666;
font-family: "Georgia", Trebuchet MS, Tahoma;
font-size: 11pt;
margin: 0px 0px 0px 0px;
text-shadow: #fff 1px 1px;
}

.entry-content {
color: #798787;
font-family: Arial;
font-size: 11px;
text-align: justify;
padding-bottom: 10px;
}

.entry-meta-out {
text-align: left;
margin: -7px 0 0 15px;
}

.entry-meta1 {
color: #95a3a3;
background-color: #f4f6f6;
text-align: center;
font-family: "Trebuchet MS", Tahoma;
font-size: 11px;
line-height: 13px;
padding: 5px 10px;
margin: 5px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

.entry-meta1 a{
color: #424a4a;
text-decoration: none;
}

.nav-entry {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

.alignright {
float: left;
}

.alignleft {
float: right;
}

/* Comment Style*/

h3{
color: #537777;
font-family: Trebuchet MS;
font-size: 8pt;
font-weight: bold;
text-align: left;
margin: 0px 7px;
padding: 12px 0px 0px 5px;
text-transform: Uppercase;
border-bottom: 1px solid #c3cdcd;
}

.comment-title {
color: #677d7d;
text-align: left;
font-family: Trebuchet MS;
font-size: 10pt;
font-weight: bold;
margin: 0px;
text-shadow: #d4d6dc 1px 1px;
text-transform: lowercase;
}

.comment-title a{
color: #972f4f;
text-decoration: none;
}

.comment-title strong{
color: #3c4646;
text-decoration: none;
}

.comment-content {
color: #6a8080;
padding: 0px 1px 5px 1px;
font-family: Arial;
font-size: 11px;
text-align: justify;
}

.comment-space {
margin: 15px;
}

img.avatar {  
float:left;
margin-right:5px;
display: inline;
background: #e7eded;
padding: 3px;
border-right: 1px solid #819393;
border-bottom: 1px solid #819393;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
} 

/*Sidebar style*/

.sidebar {
}	

.sidebar .title {
color: #497373;
text-shadow: #cfdbdb 1px 1px;
font-family: "Trebuchet MS", Arial, Tahoma;
font-size: 15px;
font-weight: bold;
font-style: italic;
text-transform: lowercase;
line-height: 17px;
text-align: right;
margin: 8px 0 2px 0;
padding-right: 25px;
}

.sidebar .content {
color: #7e8c8c;
background: #e2e8e8;
font-family: Arial;
font-size: 11px;
text-align: justify;
padding: 10px;
margin: 0 0 18px 0;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

.sidebar .content ul{
margin: 0px;
}

.sidebar .content p {
margin: 0px;}

.sidebar h2 {
font-family: Trebuchet MS;
margin: 5px 0px 0px 0px;
color: #8d2f34;
text-align: left;
text-transform: uppercase;	
font-size: 8pt;
letter-spacing: 2px;
word-spacing: 1px;
}

/*Side Nav*/

.sidebar_content ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
}

.sidebar_content ul li a{
font: 11px "Arial", Verdana, Helvetica;
color: #6d6d6d;
display: block;
width: auto;
padding: 5px;
text-decoration: none;
}


* html .sidebar_content ul li a{
width: 200px;
}

.sidebar_content ul li a:visited, .sidebar_content ul li a:active{
color: #6d6d6d;
}

.sidebar_content ul li a:hover{
color: #9f9f9f;
background-color: #3d6d6f;
}


* html .sidebar_content ul li { height: 1%; }
* html .sidebar_content ul li a { height: 1%; }

/*Options style*/

a {
color: #98424e;
text-decoration: none;
}
a:hover {
color: #556b6b;
}

.image {  
margin:2px;
padding: 5px;
background: #eaf0f0;
border-right: 1px solid #819999;
border-bottom: 1px solid #819999;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
} 

.image:hover {  
margin:2px;
padding: 5px;
background: #fff;
border-right: 1px solid #445858;
border-bottom: 1px solid #445858;
} 


blockquote {
font-family: Trebuchet MS;
font-size: 11px;
line-height: 14px;
color: #8a9494;
padding: 2px 15px 2px 15px;
background: #ebefef;
border: 1px solid #ccd4d4;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;}


input, textarea, option, select, button {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #8a9494;
background: #ebefef;
padding: 3px;
border: 1px solid #ccd4d4;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

.clear {
clear: both;
}

strong {color: #5d6d6d; font-family: "Trebuchet MS", Tahoma; font-size: 8pt; text-shadow: #d4dcdc 1px 1px;}
b {color: #5d6d6d;}
i { color: #2a2a2a;}
italic { color: #2a2a2a;}
em { color: #2a2a2a;}
u {color: #7f9595; text-decoration: none; border-bottom: 1px dotted #af555e;}
img {border: 0px;}

.s-top {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #6b7f7f;
background: #ecf2f2;
padding: 2px;
border: 1px solid #d7dfdf;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

.s-top-button {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #6b7f7f;
background: #ecf2f2;
padding: 1px;
border: 1px solid #d7dfdf;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}