/*
Theme Name: theme11
Theme URI: http://www.nightanddaydesign.org/
Description: Made for Night and Day Design. 
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: #000000 url('images/bg.jpg') repeat-x;
text-align:center;
color: #646464;
}

#bgx{
}

#page{
width: 1000px; 
margin: 0 auto;
text-align:justify;
position:relative;
background: url('images/bgy.jpg') repeat-y;
}

#header{
height: 128px;
}

#contentwrapper{
background: url('images/bg-content.jpg') no-repeat;	
float: left;
width: 100%;
}
#contentcolumn{
margin-right: 393px;
margin-left: 10px; 
margin-top: 120px;
}

#leftcolumn{
float: left;
width: 118px;
margin-left: -381px; 
margin-top: 115px;
}

#rightcolumn{
float: left;
width: 239px; 
margin-left: -250px; 
margin-top: 48px;
}


#footer{
clear: left;
color: #999;
text-align: center;
padding: 6px 393px 6px 0px;
}
#footer a{
color: #999;
}


 /* Navigation Menu */

#nav {
margin: 0 auto;
padding: 0;	
width: 645px;
height: 112px;
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 16px;
text-transform: uppercase;
text-shadow: #000 1px 1px;
}

#nav ul {
margin: 0;
padding: 0;

}

#nav li {
float: left;
list-style: none;
line-height: 90px;
margin: 0px;
}

#nav li a {
color: #fff;
display: block;
float: left;
padding: 0 17px;
text-decoration: none;
border-top: 5px solid #6e798b;
}

#nav li a:hover,
#nav li.active a, 
#nav li.current a {
color: #cdcfd3;
text-decoration: none;
border-top: 5px solid #a90000;
}

 /* Welcome Note */
#networks {
text-align: right;
} 

#networks img{
opacity:0.7;
filter:alpha(opacity=70);
} 

#networks img:hover{
opacity:1.0;
filter:alpha(opacity=100);
} 

 /* Latest Pictures */
#pics {
color: #a68b92;
text-align: center;
font-family: Trebuchet MS;
font-size: 10px;
} 

#pics img{
border: 5px solid #25262a;
-moz-border-radius: 3px;
opacity:0.6;
filter:alpha(opacity=60);	
} 

#pics img:hover{
border: 5px solid #747780;
-moz-border-radius: 3px;
opacity:1.0;
filter:alpha(opacity=100);
} 

 /* -------- Content Structure -------------- */

#content{
float:left; 
font-family: Verdana;
font-size: 11px;
}

.post {
width:100%;
}

.post .title {
height:37px;
}

.post .title h3 {
font-size: 22px;
margin: 0;
color: #4f5869;
text-align: right;
line-height: 42px;
font-family: "Trebuchet MS", Tahoma, Arial;
font-style: italic;
text-transform: lowercase;
letter-spacing: -2px;
word-spacing: 2px;
padding: 0 10px 0 0;
text-shadow: #eee 1px 1px;
}

.post .title h3 a {
color: #4f5869;
text-decoration: none;
}

.post .title h3 a:hover {
text-decoration: underline;
}

.post .info {
padding: 10px 0px 25px 10px;
overflow: hidden;
color: #828282; 
margin-top: 15px; 
background: #fbfbfd; 
border: 1px dotted #cbccd1;
}

.post .info strong, .post .info b{
color: #737887; 
}

.post .info .gravatar {
float: left;
width: 100px;
height: 100px;
border: solid 0px #4f5869;
}

.post .info .content {
float: left;
width: 460px;
margin-left: 20px;
margin-top: 18px;
font-size: 10px;
}

.post .info .content p{
color: #828282; 
}

.post .info .author {
float: left;
}

.post .info .date {
float: left;
margin-top: 7px;
padding-right: 18px;
}

.post .info .category {
float: left;
margin-top: 7px; 
width: 450px;
}

.post .info .category a {
color: #c80607;
text-decoration: none;
font-weight: bold;
}

.post .info .category a:hover {
text-decoration: underline;
}

.post .info .music {
float: left;
margin-top: 7px;
}

.post .info .mood {
float: left;
margin-top: 7px;
}

.post .info .comments {
float: left;
margin-top: 7px;
padding-right: 10px;
text-align: right;
background: url(images/comment.png) 0% 55% no-repeat;
padding-left: 13px;
}

.post .info .comments a {
color: #c80607;
text-decoration: none;
font-weight: bold;
}

.post .info .comments a:hover {
text-decoration: underline;
}

.post-wrap {
border: solid 0px #1b1c1e;
width: 595px;
}

.post .content {
margin-left: 1px;
width: 595px;
overflow: hidden;
}

.post .content p {
/* float:left; */ 
margin: 0;
padding-left: 10px;
}

.post .post-content p {
padding: 10px;
color: #999;
text-align: justify;
line-height: 16px;
}

.post .post-content a{
color:#c80607;
text-decoration:none;
}

.post .post-content a:hover{
color:#3c404c;
text-decoration:underline;
}

.post h3#comments, .post h3#respond{
padding-left:10px;
}

img.avatar{
float:left;
padding-right:0px; 
border: 8px solid #dedfe2;
}

.comment {
padding: 3px;
}

.comment h1{
padding: 3px;
font-size: 11px;
color: #a7a7a7;
}

.comment h1 i{
color: #606070;
}

.comment .info {
padding: 10px 0px 15px 10px;
overflow: hidden;
color: #828282; 
margin-top: 15px; 
background: #fcfcfc; 
border: 1px dotted #cbccd1;
}

.comment .info .gravatar {
float: left;
width: 60px;
height: 60px;
border: solid 0px #4f5869;
}

.comment .info .content {
float: left;
width: 500px;
margin-left: 20px;
margin-top: 6px;
font-size: 10px;
}



/* Comment Style*/

h3{
color: #5e6272;
font-family: Trebuchet MS;
font-size: 10pt;
font-weight: bold;
text-align: center;
margin: 0px 7px 0px 7px;
padding: 12px 0px 5px 5px;
text-transform: Uppercase;
}

.comment-title {
color: #a3a385;
text-align: left;
font-family: Trebuchet MS;
font-size: 10pt;
font-weight: bold;
margin: 0px;
text-shadow: #ebecde 1px 1px;
text-transform: lowercase;
}

.comment-title a{
color: #8a8a66;
text-decoration: none;
}

.comment-title strong{
color: #9ba064;
text-decoration: none;
}

.entry-comments {
color: #707070;
padding: 0px 15px 6px 15px;
font-family: Arial;
font-size: 11px;
text-align: justify;
background: url('images/content-bg-middle.jpg') repeat-y;
}

.entry-comments-top {
float: left;
width: 612px;
background: #ffffff url('images/entry-top.jpg') no-repeat;
}

.comment-content {
color: #6b6b5b;
padding: 0px 1px 5px 1px;
font-family: Arial;
font-size: 11px;
text-align: justify;
}

.comment-space {
margin: 15px;
}


.navigation{
margin: 10px 7px 10px 7px;
}



/*Sidebar style*/

.sidebar {
}	

.sidebar .title {
text-align: center;
font-family: "Trebuchet MS", Tahoma;
font-size: 12pt;
font-style: italic;
padding: 20px 0px 10px 0px;
background: url('images/sidetitle.png') no-repeat bottom;
text-shadow: #19191b 1px 1px;
}

.sidebar .titlea{
color: #9ea2b0;
}

.sidebar .titleb{
color: #bcc5cc;
}

.sidebar .content {
color: #717379;
padding: 0px 10px 0px 10px;
font-family: Verdana;
font-size: 11px;
text-align: justify;
}

.sidebar .content ul{
margin: 0px;
}

.sidebar .content p {
margin: 0px;
}

.sidebar .content b {
color: #a3a5ab; font-family: "Trebuchet MS", Tahoma; font-size: 8pt;
}

.sidebar .content i {
color: #888; font-family: "Trebuchet MS", Tahoma; font-size: 8pt;
}

.sidebar .content strike {
color: #42444a; font-family: "Trebuchet MS", Tahoma; font-size: 8pt;
}

.sidebar .content a {
color: #ce3c46;
text-decoration: none;
}

.sidebar .content a:hover {
color: #777;
text-decoration: none;
}

.sidebar .status {
color: #c9cbd3;
font-weight: bold;
text-transform: uppercase;
font-style: italic;
}

#side-nav{
color: #777;
text-align: left;
font-size: 11px;
font-family: tahoma;
padding: 0px 0px;
}

#side-nav ul{
list-style-type: none;
margin: 3px 0;
padding: 0;
}

#side-nav li a{
font: 11px "Verdana", Tahoma, Helvetica;
color: #777;
display: block;
width: auto;
padding: 4px 5px 4px 8px;
text-decoration: none;
border-bottom: 1px dotted #50535c;
}


* html #side-nav li a{
width: 290px;
}

#side-nav li a:visited, #side-nav li a:active{
color: #777;
}

#side-nav li a:hover{
color: #777;
background-color: #1d1e21;
border-bottom: 1px dotted #444444;
}


* html #side-nav li { height: 1%; }
* html #side-nav li a { height: 1%; }


/*Options style*/

a {
color: #bc2c00;
text-decoration: none;
}
a:hover {
color: #000;
}

.image {  
margin:2px;
padding: 5px;
background: #fff;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
-moz-border-radius: 4px;
} 

.image:hover {  
margin:2px;
padding: 5px;
background: #f5f5f5;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
-moz-border-radius: 4px;
} 

.image-side {  
margin:2px;
padding: 5px;
background: #3c3e46;
-moz-border-radius: 4px;
} 

.image-side:hover {  
margin:2px;
padding: 5px;
background: #8f929f;
-moz-border-radius: 4px;
} 


blockquote {
font-family: Trebuchet MS;
font-size: 8pt;
color: #6f6f6f;
padding: 10px;
background: #fcfcfc;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
-moz-border-radius: 8px;}


input, textarea, option, select, button {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #888;
background: #fafafa;
padding: 1px;
border: 1px solid #e2e2e2;
-moz-border-radius: 4px;}

.clear {
clear: both;
}

strong {color: #717173; font-family: "Trebuchet MS", Tahoma; font-size: 8pt; text-shadow: #dfdfdf 1px 1px;}
b {color: #717173;}
i { color: #000;}
italic { color: #000;}
em { color: #000;}
u {color: #777; text-decoration: none; border-bottom: 1px dotted #bc2c00;}
img {border: 0px;}

.s-top {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #777;
background: #222222;
padding: 2px;
border: 1px solid #2f2f2f;
-moz-border-radius: 4px;}

.s-top-button {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #777;
background: #222222;
padding: 1px;
border: 1px solid #2f2f2f;
-moz-border-radius: 4px;}

