/*  
Theme Name: Saving Grace
Description:A visual scene based on The Maine's song Saving Grace
Author: Kat
Author URL: http://rainbowcrush.com
*/
* {
margin:0;
padding:0;
}

body {
background: #0e1947 url(/images/loverslost.png) top repeat-x;
text-align: center;
font: .688em/1.833em  verdana, arial, sans-serif;
color:#000;
margin:0;
padding:0;
}

p {
padding-bottom: 10px; 
}

.footer {
font:1em verdana, arial, sans-serif;
color:#fff;
}

#header {
height:440px;
text-align:center;
width:auto;
margin-top:15px;

}

#container {
width:858px;
background: #fffbd7;
text-align:justify;
margin: 0 auto;
}

#sidebar {
width:195px;
float:left;
background:#fffbd7;
background-repeat: repeat-y;
padding-left:.833em;
margin-top:0 ;
}

#content {
width:600px;
float:right;
background-color: #fffbd7;
background-repeat: repeat-y;
padding:0 20px 0 10px ;
margin-top:0;
}

#navi {
width:auto;
text-align:center;
padding:5px;
margin-top:0;
}

#navi ul, #navi li {
list-style-type: none;
display : inline;
}

#navi a:link, #navi a:visited, #navi a:active{
float : inherit;
font :1.818em  Georgia, serif;
color : #1e495e;
background-color:#fffbd7;
width: auto;
text-decoration: none;
padding : 10px 20px;
}

#navi a:hover {
color:#b1b5b9;
}

#footer {
clear: both;
background-color:#0e1947;
height: 30px;
padding: 5px 5px 20px 0;
text-align: right;
overflow:hidden;
}

h1 {
padding:2px;
}

h2 {
padding-bottom:2px;
margin: 10px 0 2px 0;
}

h3 {
font: 2em/2em, georgia, serif; 
text-align:justify;
letter-spacing:normal;
color:#9c8869;
}

h4 {

font: 1.636/1.727em verdana, sans-serif;
color:#a8a8a8;
border-bottom: 1px solid #000;
}

ul{
list-style-image: url(/images/star.gif);
margin-left: 20px;
padding-left:3px;
margin-bottom:5px;
}

ol {
margin-left: 15px;
padding-left:3px;
}

dd {
margin-left: 15px;
padding-left:3px;
}

.title{
font: 1.75em Georgia;
color:#0e1947;

}

blockquote {
width:480px;
margin-top:10px;
margin-bottom:10px;
font: 1em/1.5em verdana, arial, sans-serif;
text-align:left;
background-color:#d4d3cb;
color:#fff;
padding:10px;
}

strong {
font: 700 1em/1.5em verdana, arial, sans-serif;
color:#ddb368;
}

em {
font: 1em/1.5em verdana, arial, sans-serif;
color:#9da3a9;
font-style:italic;
}

code {
font:0.909em monotype;
}

pre {
font: 1.182em/1.455em verdana;
color:#9da3a9;
border-left: 5px solid #ffd06a;
padding: 5px;
overflow:auto;

}

#data {
font: 1.455em, verdana, arial, sans-serif;
text-align:right;
padding: 3px;
}

.date {
color:#ca7962;
float:left;
font:1em/1.091em verdana;
margin:0;
text-align:center;
width:100px;
}

#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .hold  { padding: 10px 0; border-bottom: 3px solid #eee;}
#comments .head  { margin: 0 0 25px 0; }
#comments .avatar  { float: left; }
#comments .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;}
#comments .name  { display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px; }
#comments .cal { font-size: 1em; color:#0e19a7; font-style:italic; }
#comments .comment  { margin: 0 0 10px 0;}

#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link  { text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: none; font-size: 11px;}

#commentform  {	margin: 15px 0 0 0; }
#commentform label  { font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#commentform textarea  { width: 95%!important; padding: 5px; border: 1px solid #b1b5b9; }
#commentform #submit  { border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; 1px 0 #b1b5b9; font-size: 12px; }


a:link,a:visited,a:active {
font:1.167em arial;
color:#5eb0fa;
text-decoration:none;
}

a:hover {
font:1.167em arial;
color:#68afbf;
}

a.affies:link,a.affies:visited,a.affies:active {
display:block;
background-color:#0e1947;
color:#fff;
text-align:center;
text-decoration:none;
margin:4px;
padding:5px;
}

a.affies:hover {
color:#000;
background-color:#5eb0fa;
text-decoration:none;
}

a.footer:link, a.footer:visited, a.footer:active{
font: 1em verdana,arial, sans-serif;
color:#fff;
}

input,textarea,select,option {
font: 1em verdana, arial sans-serif;
color:#fff;
overflow:auto;
background:#b1b5b9;
border:1px solid #b2b5b9;
margin:2px;
padding:5px;
}

input:hover,submit:hover,textarea:hover {
border:1px solid #153566;
}

img {
border:0;
padding: 1px;
}

img.left {
float:left;
padding: 5px;
margin-right: 10px;
}

img.right{
float: right;
padding:5px;
margin-left: 10px;
}

table
{ margin-left: auto;
margin-right: auto;
}

.tableicon {
border-spacing:3px;
text-align:center;
padding:3px;
}

.iconheader {
color:#fff;
background:#3e73e0;
text-align:center;
border:1px solid #000;
padding-top:5px;
padding-bottom:5px;
}

.icon {
text-align:center;
background:#fff;
border-color:#777;
border-style:solid;
border-width:1px;
padding:5px;
}

.questions {
margin-left:10px;
background-color:#b1b5b9;
width:480px;
padding:10px;
}


.question {
color:#1e405e;
}

.answer {
font: 1em verdana, arial;
color:#fff;
}


#bottom {
clear: both;
font: 1em;
float: left;
left: 0px;
position: relative;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
width: 100%;
}

#bottom .title{
display: block;
float: left;
font: 1.75em Georgia, 'times new roman' serif #b1b5b9;
text-align: center;
margin: 0 3px 3px 0;
padding: 3px;
width: 100%;
}

#bottom ul {
margin: 0 5px 8px 4px; 
padding: 5px 0 0 0;
width: 31%; 
display: inline;
float: left; 
list-style-type: none;
}

#bottom li {
font:1.75em/1.636em verdana, arial, sans-serif #b1b5b9;
display:block;
margin: 0;
padding: 0; 
}

#bottom ul li a {
font:1em/1.636em verdana, arial, sans-serif;
color: #b1b5b9;
margin: 0;
padding: 4px 0 4px 0;
}

#bottom ul li a:hover {
color: #000;
margin: 0;
padding: 4px 0 4px 0;
}

div.widget li {
margin-top: 3px;
margin-bottom: 3px;
}
#navigation {    margin: 0;    padding: 0;    list-style-type: none;
list-style-image: none;    list-style: none; }
#navigation li {    margin-bottom: 2px; } 
#navigation a {    background: #000;    color: #FFF;    display: block;    width: 150px; padding-left: 10px;  } 

#navigation a:hover {
   background: #FFF;
   color: #000;
   text-decoration: none;
}

#navi2 {
list-style: none;
width:auto;
margin: 0;
padding:0;
}

#navi2 li {
float:left;
}
#navi2 a:link, #navi2 a:visited, #navi2 a:active{
font :1.818em  verdana, arial, sans-serif;
color : #000;
display: block;
width: auto;
text-decoration: none;
padding : 10px 20px;
}
#navi2 a:hover {
color:#000;
background-color:#fff;
}