/*
Theme Name: Life After Twilight
Theme URI: <a href="http://lifeaftertwilight.net/">http://lifeaftertwilight.net/"</a>
Description: Version 3.0 made exclusively for <a href="http://lifeaftertwilight.net/">Life After Twilight</a>
Version: 3.0
Author: <a href="http://designs.shattered-memories.net/">Kayla</a>
Author URI: <a href="http://designs.shattered-memories.net/">http://designs.shattered-memories.net/"</a>
Tags: light, grey, tan, pink, purple, teal, two column
*/


body {
font-family: Verdana;
font-size: 11px;
color: #9a9584;
text-align: justify;
background: url(images/bg.png) repeat-x #e7e4e0;
margin: 0px;
padding: 0px;
line-height: 12pt;
}

/*---- Random ----*/

b, strong {
color: #35a969;
}

i, em {
color: #9a9584;
}

u {
color: #9a9584;
text-decoration: none;
border-bottom: 1px solid #535045;
}

a:link, a:visited, a:active {
color: #ff81b6;
text-decoration: none;
}
   
a:hover {
color: #fe92c0;
text-decoration: none;
}

img {   
border-style: none;   
}

.image {
opacity: 0.75;
padding: 1px;
border: 0px solid;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
    
.image:hover {
opacity: 1;
}

input, textarea, option, select {
font-family: Verdana;
font-size: 11px;
color: #9a9584;
background-color: transparent;
border: 1px solid #e1dad0;
margin: 5px;
padding: 5px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
}

blockquote {
font-family: Verdana;
font-size: 11px;
color: #9a9584;
text-shadow: #ffffff 1px 1px 1px;
text-align: justify;
background-color: #e1dad0;
border-right: 2px solid #c9c1b5;
border-bottom: 2px solid #c9c1b5;
margin: 10px;
padding: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*---- Layout ----*/

.layout {
margin: 0px auto;
padding: 0px;
width: 960px;
}

/*---- Main Content ----*/

.content {
width: 600px;
margin: 11px 0px 0px -28px;
float: left;
}
   
.title {
color: #ffffff;
font-family: Georgia;
font-style: oblique;
text-shadow: #c5b9a8 1px 1px;
text-align: center;
font-size: 22px;
font-weight: normal;
width: auto;
padding: 0px 0px 2px 0px;
}
   
.content-header {
background-image: url(images/content-header.png);
background-repeat: no-repeat;
text-align: center;
width: 628px;
height: 90px;
padding: 0px 0px 10px 0px;
}
   
.content-bg {
background-image: url(images/content-bg.png);
background-repeat: repeat-y;
padding: 0px 35px 0px 20px;
}
   
.content-footer {
background-image: url(images/content-footer.png);
background-repeat: no-repeat;
text-align: center;
width: 628px;
height: 90px;
padding: 0px 30px 0px 0px;
}

.comment-header {    
text-align: justify;
border: 1px solid #e1dad0;
width: 600px;
margin: 10px;
padding: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;   
}    

/*---- Side Content ----*/

.sidebar {
color: #9a9584;
width: 330px;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 45px;
float: left;
}

.side-header {
background-image: url(images/side-header.png);
background-repeat:  no-repeat;
color: #ffffff;
font-family: georgia;
font-size: 16px;
font-weight: normal;
font-style: oblique;
text-shadow: #c5b9a8 1px 1px 1px;
text-align: center;
width: 275px;
height: 90px;
padding: 0px 90px 0px 0px;
}

.side-bg {
background-image: url(images/side-bg.png);
background-repeat: repeat-y;
padding: 0px 100px 0px 15px;
}
  
.side-footer {
background-image: url(images/side-footer.png);
background-repeat:  no-repeat;
width: 275px;
height: 120px;
}

/*---- Meta ----*/

.small-meta {
color: #9a9584;
font-size: 8pt;
font-weight: normal;
font-style: italic;
text-shadow: #ffffff 1px 1px;
text-align: center;
}

.small-meta a, .small-meta a:active, .small-meta a:visited {
color: #a64a8c;
font-weight: bold;
text-shadow: #ffffff 1px 1px;
}

.small-meta a:hover {
color: #a64a8c;
font-weight: bold;
text-shadow: #ffffff 1px 1px;
}

.footer-meta {
color: #878272;
font-size: 8pt;
font-weight: normal;
text-transform: lowercase;
text-align: center;
padding: 15px 5px 5px;
margin-top: 0px;
}

.footer-meta2 {
color: #878272;
font-weight: normal;
text-shadow: #afa79a 1px 1px 1px;
text-decoration: none;
display: inline;
background-color: #d3c8b8;
margin-right: 6px;
margin-left: 6px;
padding: 8px;
border-top: 1px solid #d3c8b8;
border-right: 1px solid #d3c8b8;
border-bottom: 1px solid #d3c8b8;
border-left: 1px solid #d3c8b8;
border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
}

.footer-meta2 a, .footer-meta2 a:active, .footer-meta2 a:visited {
color: #a64a8c;
font-weight: bold;
font-style: italic;
text-shadow: #afa79a 1px 1px 1px;
}

.footer-meta2 a:hover {
color: #a64a8c;
font-weight: bold;
font-style: italic;
text-shadow: #c28ab2 1px 1px 1px;
}

/*---- Footer ----*/

.footer {
background: #ccc8bb center bottom;
font-family: Verdana;
color: #9a9584;
text-shadow: #bebbb0 1px 1px 1px;
font-size: 9px;
line-height: 9pt;
letter-spacing: 0px;
text-transform: normal;
text-align: center;
height: 50px;
padding: 0px;
margin: 0px;
clear: both;
}

.footer a {
color: #9a9584;
text-shadow: #bebbb0 1px 1px;
}