/*
Theme Name: fridaynightlightsfan_nd
Theme URI: http://www.onetreehillblog.com
Description: Made for One Tree Hill Blog. 
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: #2d2d2d url('images/bg.jpg') repeat-x;
text-align:center;
color: #777;
}

#bgx{
}

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

#header{
height: 393px;
}

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

#contentcolumn{
margin-right: 442px; 
margin-left: 7px;
}

#sidebar{
float: left;
width: 424px; 
margin-left: -436px; 
}

#leftcolumn{
float:left;
width:210px;
margin-right: 3px;
}

#rightcolumn{
float:right;
width:210px;
}


#footer{
clear: left;
background: #4c4c4c;
color: #888;
text-shadow: #000 1px 1px;
font-family: Trebuchet MS;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
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: 1px solid #000;
border-top: 1px solid #000;
border-right: 1px solid #000;
}
#footer a{
color: #d5d5d5;
}


 /* Navigation Menu */

#nav {
color: #dfdfdf;
text-shadow: #000 1px 1px;
font-family: "http://www.nightanddaydesign.org/wp-test/?theme=fridaynightlightsfan_nd", Arial;
font-size: 11px;
text-transform: uppercase;
line-height: 47px;
text-align: center;
font-weight: bold;
}


#nav a{
color: #dfdfdf;
}

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


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


/* Post Style*/

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

.entry-top {
background: #fff;
text-align: left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
margin: 0px 100px 3px 0px;
}


.entry h1 {
color: #444;
text-shadow: #f2f2f2 1px 1px;
border-bottom: 1px dotted #eee;
font-family: "Tahoma", Arial;
font-size: 17px;
padding: 4px 3px 2px 15px;
margin: 0px;
}

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

.entry h2 {
color: #c0c0c0;
text-align: left;
font-family: "Trebuchet MS", Georgia;
font-size: 11px;
padding: 4px 3px 3px 7px;
margin: 0px;
}

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

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

.page h1 {
color: #444;
text-shadow: #f2f2f2 1px 1px;
background: #fff;
text-align: center;
font-family: "Trebuchet MS", Arial;
font-size: 17px;
font-style: italic;
padding: 3px;
margin: 0px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}

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

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

.datebox {
display: block;
margin: 0px 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: #6f6f6f;
font-family: "Trebuchet MS", Arial, Tahoma;
font-size: 14px;
line-height: 12px;
margin: 11px 0px 0px 0px;
text-shadow: #ccc 1px 1px;
font-style: italic;
}

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

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

.entry-meta-out {
text-align: left;
padding: 11px;
background-color: #fafafa;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.entry-meta1 {
color: #979797;
font-family: "Trebuchet MS", Tahoma;
font-size: 11px;
line-height: 13px;
padding: 5px;
margin: 5px;
}

.entry-meta1 a{
color: #585c67;
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: #4b4b4b;
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 #ddd;
}

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

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

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

.comment-content {
color: #888;
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: #fff;
padding: 3px;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
} 

/*Sidebar style*/

.sidebar {
background: #efefef;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
padding: 10px;	
margin-bottom: 10px;
}	

.sidebar .title {
color: #333;
text-shadow: #e0e0e0 1px 1px;
font-family: "Tahoma", Arial, Trebuchet MS;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
line-height: 17px;
text-align: right;
margin: 0px 0 6px 0;
padding: 0px 3px 2px 0px;
border-bottom: 1px solid #fff;
}

.sidebar .content {
color: #909090;
font-family: Arial;
font-size: 13px;
text-align: justify;
margin: 0 0 0px 0;
}

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

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

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


/*Options style*/

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

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

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


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


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

.clear {
clear: both;
}

strong {color: #444; font-family: "Trebuchet MS", Tahoma; font-size: 8pt; text-shadow: #ddd 1px 1px;}
b {color: #444;}
i { color: #2a2a2a;}
italic { color: #2a2a2a;}
em { color: #2a2a2a;}
u {color: #777777; text-decoration: none; border-bottom: 1px dotted #cc0001;}
img {border: 0px;}

.s-top {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #999;
background: #444;
padding: 2px;
border: 1px solid #111;
-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: #999;
background: #444;
padding: 1px;
border: 1px solid #111;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}


/*NAVIGAION*/

.chromestyle{
width: 99%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
padding: 0px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #dfdfdf;
padding: 4px 14px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
 /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:fixed;
top: 0;
border: 1px solid #777; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px tahoma;
line-height:18px;
z-index:100;
background-color: black;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #777; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ddd;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #444;
}