/*  
Theme Name: johnnydeeponline2
Theme URI: http://www.johnnydepponline.net/
Description: Theme made exclusively for Johnny Depp Online.
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: #1e1e1e url('images-johnny/bgx.jpg') repeat-x;
text-align: center;
color: #757365;
}


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

#topsection{
height: 455px;
}

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

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

#sidebar-right{
float: left;
width: 230px; 
margin-left: -230px;
}

#sidebar-left{
float: left;
width: 230px; 
margin-left: -1000px; 
}

#footer{
clear: left;
width: 100%;
color: #8c8974;
text-align: center;
padding: 6px 0px 6px 0px;
}
#footer a{
color: #757365;
}

#welcome{
color: #b3b1a1;
text-align: justify;
font-family: Arial;
font-size: 11px;
}

 /* Navigation Menu */

#nav {
margin: 0 auto;
padding: 0;	
width: 600px;
height: 34px;
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 11px;
}

#nav ul {
margin: 0;
padding-top:;
}

#nav li {
float: left;
list-style: none;
line-height: 34px;
margin: 0 10px 0 0;
}

#nav li a {
color: #fefefe;
display: block;
float: left;
padding: 0 0 0 10px;
text-decoration: none;
}

#nav li a span {
display: block;
float: left;
height: 34px;
padding: 0 10px 0 0;
}

#nav li a:hover,
#nav li.active a, 
#nav li.current a {
background: url(images-johnny/nav1.jpg) no-repeat left;
color: #fefefe;
text-decoration: none;
}

#nav li.active a span,
#nav li.current a span,
#nav li a:hover span {
background: url(images-johnny/nav1.jpg) no-repeat right;
}


/* Content Structures */

.contentbg {
background: #3d3d35 url('images-johnny/bgp-top.jpg') repeat-x top;
padding: 5px 7px;
}
 
.content-title {
color: #78704e;
text-align: left;
font-family: Tahoma;
font-size: 12px;
font-style: italic;
font-weight: bold;
padding: 5px 1px 2px 1px;
border-bottom: 1px dotted #484840;
}

.content-title a{
color: #78704e;
}

.content-title2 {
font-family: tahoma;
font-size: 10px;
padding: 5px 0px 20px 3px;
color: #807d70;
text-align: left;

}

.content-title2 a{
color: #8d8a7d;
}

.date {
background: url(images-johnny/date.png) no-repeat;
height: 54px;
margin: 0px;
width: 54px;
text-align: center;
float: right;	
}
.date .month {
display: block;
color: #6b6b5f;
padding: 2px 0;
text-align: center;
text-transform: uppercase;
font-size: 10px;
margin-top: 2px;
font-weight: bold;
}
.date .day {
display: block;
color: #5c5c50;
font: 2.3em Georgia;
padding-top: 0px;
text-align: center;
margin-top: -5px;
}

.date .year {
display: block;
color: #81816f;
padding: 0px 0;
text-align: center;
text-transform: uppercase;
font-size: 10px;
margin-top: 0px;
font-weight: bold;
}

.content-page {
padding: 3px;
font-family: arial;
font-size: 11px;
color: #abab9d;
}

.content-bottom {
font-family: arial;
font-size: 11px;
padding: 10px 0px 0px 0px;
color: #5d5d4f;
text-align: center;
font-weight: bold;
}

.content-bottom a{
color: #5d5d4f;
}
 
h1 {
color: #a5a58f;
text-align: left;
font-family: tahoma;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
margin: 0px;
} 

.commentbg {
background: #3d3d35;
padding: 5px 7px 0px 7px;
}

p { 
margin-top: 1px;
}


 /* Sidebar Structures */

.sidebar_title {
color: #c3c3b9;
padding: 5px;
font-family: Tahoma;
font-size: 10px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
background: url('images-johnny/side-title.png') no-repeat bottom;
padding: 2px 0px 15px 0px;
}

.sidebar_content {
color: #737363;
padding: 3px;
font-family: Arial;
font-size: 11px;
text-align: justify;
margin-bottom: 15px;}



/*Options style*/

a { 
text-decoration:  none;
color: #a58655;}

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

.image {
background-color: #393931;
border: 1px solid #6c6c5e;
padding: 3px;
margin: 2px;
-moz-border-radius: 4px;} 

.image:hover  {
background-color: #393931;
border: 1px solid #c1c1b1;
padding: 3px;
margin: 2px;
}

.affiliates img {
margin: 5px;
} 

strong {color: #b5b09d;}
b {color: #b5b09d;}
i { color: #d8d8d2}
italic { color: #d8d8d2;}
em { color: #d8d8d2;}
u {color: #919179; text-decoration: none; border-bottom: 1px dotted #a79767;}
img {border: 0px;}

blockquote {
background: #484840;
padding: 10px;	
font-family: Arial;
border: 1px solid #5c5c50;
font-size: 11px;
color: #adad9b;
} 

input, textarea, option, select, button {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #adad9b;
background: #3f3f39;
padding: 1px;
border: 1px solid #4a4a42;
-moz-border-radius: 4px;}