/*

Theme Name: These Small Hours
Theme URI: http://www.crimsonglass.org
Version: 1.0
*/
/* Global */

#container {width:85%; margin-left:auto; margin-right:auto; margin-top:50px;}

body {background-color: #fff; color: #000; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size: 16px;}
header {text-align: center; width:100%; margin-bottom:25px;}
nav {float: right; background-color: #fff; width: 15%; padding:5px; margin-bottom: 25px; padding-bottom:25px;}
main {float: left; width: 80%;}
footer {width: 100%; clear: both; text-align: center; background-color: #fff; color: #000; }



/* Nav */
nav h2 {color: #AA98A9;font-size: 18px; padding:0px; margin:0px; padding-bottom: 5px;}
nav a {color: #584858; text-decoration: none;}
nav p{margin:2px;}
nav a:hover {text-decoration: underline; text-decoration-color: #584858;}
nav ul{padding:0px; margin:0px; margin-left:25px; padding-bottom: 10px;}
nav ul li{list-style-image:url(<?php bloginfo('template_directory'); ?>/img/bullet.gif); padding:0px; margin:0px;}
nav input {background-color: #fff; border: thin solid #584858; margin-top:5px;}


/* Main */
main h1 {color: #6586a7;font-size:18px; padding:0px; margin:0px; border: none;}
main nav {background-color: #ffffff;   width:100%;}
main fieldset {border:0px;}

.fmt-list td {vertical-align:top;  margin:0px; }
.fmt-list tr {margin-bottom:10px; padding-bottom: 10px; border:none;}
.fmt-list tr:first-child { border-top: none;}
tr:last-child { border-bottom: none;}
.fmt-list img {border: 1px solid #18345a; padding: 10px; background-color: #F4AF81; margin-top:15px;}
.fmt-list td a{font-variant: small-caps; color: #584858; font-size: 18px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 	padding-right: 5px; }
.fmt-list td a:hover {text-decoration: none;}


.glsr-field {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px;border: #c9d5e2;}
.glsr-field input {margin:10px;}
.glsr-summary-wrap {width:50%; margin-left:auto; margin-right:auto; background-color: #c9d5e2; padding:5px;}
.glsr-summary-text {text-align:center; font-style: italic; font-size:11px;margin-bottom:20px;} 	
.glsr-summary-rating {font-variant: small-caps; font-weight: bold; text-align: center; }
.glsr-bar {border-bottom: 1px dotted #c9d5e2;}
.glsr-bar-label {font-variant:small-caps;}
.glsr-bar-percent {padding: 5px;}

.glsr-reviews-wrap {width:60%; margin-left:auto; margin-right:auto; padding:5px;}
.glsr-review {background-color: #c9d5e2;border: 1px dotted #c9d5e2;}
.glsr-review-title h3{font-variant:normal; border-bottom: 1px solid #c9d5e2;}
.glsr-review-date {font-size:11px;}
.glsr-review-content {padding:0px;}
.glsr-review-author {padding:0px; margin:0px; text-align:right;background-color: #c9d5e2; text-color: #c9d5e2;}

/* Footer */
footer a{color: #584858; text-decoration: none;}
footer a:hover {text-decoration: underline;}


/* Entry */
.entry-header a{color: #584858; text-decoration: none;}
.entry-header h1 {color: #364461;font-size:24px; padding:0px; margin:0px; letter-spacing: 2px; text-decoration: underline; text-align: left; text-transform: uppercase; width:100%;}
.entry-content h2{color: #9db3d9; font-size: 21px; margin: 2px; padding: 3px; font-variant: small-caps; letter-spacing: 2px;}
.entry-content h3 {color:#6586a7; text-decoration: none; font-variant:small-caps; font-size: 20px; padding: 0px; margin-bottom: 0px; }
.entry-content h4 {color: #6586a7; text-decoration: underline; font-variant: small-caps; font-size: 18px;}

.entry-content a{color: #584858; text-decoration: none;}
.entry-content a:hover {text-decoration: underline;}
.entry-content {font-color: #82a7c7;}
.entry-content td {border-top: solid thin #6586a7;}
.entry-content ul li {list-style-image:url(<?php bloginfo('template_directory'); ?>/img/bullet.gif); padding:0px; margin:0px;}

.entry-meta {background-color:#c9d5e2; width:100%; margin-bottom: 25px; margin-top:0px; padding-top:2px; padding-bottom:2px;}

.edit-link {font-size: 9px; vertical-align:super;}

/* Comments */
#comments {width:55%; text-align:left;}
#comments h1 {color: #17273B;font-size:24px; padding:0px; margin:0px; padding:5px; background:#D3DFEE; text-align: center;} 

#comments a:active{color: #584858;text-decoration: none;}
#comments a:hover{color: #584858;text-decoration: underline;}

#comments ul {margin:0px; padding:0px;}
#comments ul li{list-style-type:none; list-style-image:none;}

.comment-body {background-color: #F0F4F9; padding:5px; margin-bottom:-4px; color: #35407b}
.comment-meta {background-color: #35407b; color: #fff;margin-top:0px; width:100%; padding:2px; font-size:13px; text-align: right; font-variant:small-caps;}

#comments textarea {background-color: #c9d5e2; border: thin solid #9db3d9;}
#comments input {background-color: #c9d5e2; border: thin solid #9db3d9;}
#comments input[type="checkbox"] {background-color:#c9d5e2; border: thin solid #9db3d9;}
#comments a{color: #584858; text-decoration: none;}
#comments a:hover{text-decoration: underline;}

/* Series */
.series-nav {background-color:#FDF3EC; width:100%; margin-bottom: 25px; margin-top:0px; padding-top:2px; padding-bottom:2px; text-align:center; margin-top:25px;} 
.serieslist ul{padding:0px; margin:0px;}
.serieslist-li{list-style-image:url(<?php bloginfo('template_directory'); ?>/img/bullet.gif); padding:0px; margin:0px;}
.seriesmeta {background-color: #fff; color: #364461; margin-top: 10px; text-align: center; font-size: 11px;}
.seriesmeta a{color: #584858;}
.serieslist-content {}

/* Special */
.lyrics {text-align:center;	padding-top:4px; padding-bottom:4px;}
hr { border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}


/* Widget */
.widget {margin-bottom:15px;}
.widget input {width:75%;}


/* Table */
.captiontable td {background: #c9d5e2; border: thin solid #9db3d9; text-align:center;}
.aligncenter, div.aligncenter {display: block;margin-left: auto; margin-right: auto;padding: 10px;}
.alignleft {float: left; padding: 10px;}
.alignright {float: right;padding: 10px;}


