/*  
Theme Name: At The Spine
Theme URI: http://www.atthespine.org
Description: At The Spine Vita Album theme.
Version: 1.1
Author: Gordon Potter
Author URI: http://www.desiringmachine.org/

*/


/* -- Frames Layout -- */
* {margin: 0; padding: 0;}

html,
body {
margin:0;
padding:0;
height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
html>body #content-bg {height:100%;} /* 100 % height */
#wrap {
width:900px;
margin:0 auto;
}
#header {
width:900px;
height:200px;
}
html>body #header {
position:fixed;
z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:200px 20px;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */

#footer {
width:900px;
height:100px;
}
html>body #footer {
position:fixed;
bottom:0;
z-index:10; /* Prevent certain problems with form controls */
}

/* -- Frame Colors -- */

body { background: #000; }
#header { background: transparent url(images/body_bg_900px.jpg)  no-repeat top center fixed; }

#content-bg { background: transparent url(images/body_bg_900px.jpg)  no-repeat top center fixed; }
#content { background: transparent url(images/body_bg_900px.jpg)  no-repeat top center fixed; }
#footer { background: transparent url(images/body_bg_900px.jpg)  no-repeat top center fixed; }

/* -- Content Layout -- */

#header{ clear: both; }
#header-content { margin: 10px; }

#content { margin: 0; }
#main { margin-left: 210px; }

#site-info {float: left;}
#navigation { float: right; width: 600px; }



#navigation { text-align: left; padding: 20px 0px 10px 0px; margin: 0px 0px 0px 0px; }	
#navigation ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }	
#navigation li { display: inline; padding-left: 10px;	padding-right: 5px; }	
#navigation img { padding: 0px 13px 0px 14px; }

h1 { padding: 25px 0 10px 15px; }
h3 { padding: 15px 0 15px 0; }
h4 { padding: 0 0 0 15px; }

blockquote { margin: 1.5em 30px 1.5em 30px; padding: 4px 4px 4px 10px; }
.entry p { margin: 0 0 15px 0; }
.entry ul, .entry ol { margin: 0 0 15px 40px; }
.entry ul { list-style-type: disc; }
.entry li { margin: 0 0 5px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 30px; }
		
.entry img.left { padding: 6px; margin: 0.5em 15px 0.5em 0;  border: none; float: left; clear: left; }
.entry img.right { padding: 6px; margin: 0.5em 0 0.5em 15px; border: none; float: right; clear: right; }
.entry img.center { display: block; padding: 8px; margin: 0 auto 1.5em auto; border: none; float: none; clear: both; }
.entry img.frame { padding: 6px; margin: 0.5em 0 0.5em 15px; float: right; clear: right; }
.entry img.stack { clear: none !important; }

.post{ padding: 20px 30px 40px 20px; }
.post h2{ padding: 20px 0 0 0; }
.postinfo{ padding: 2px 0 20px 0; }

p.postmetadata{ margin: 20px 0 0 0; padding: 5px 0 0 0; }
p.postmetadata strong { float: right; }

.postnav{ padding: 10px 20px 20px 10px; }
h2.archive_head{ margin: 0 0 1.8em 10px !important; padding: 0.4em 5px !important; }

.sidebar{ float: right; width: 180px; margin: 30px auto 5px auto; padding-top: 15px; padding-bottom: 15px; display: inline; }
.sidebar ul{ list-style: none; margin: 0; padding: 0 10px; }
.sidebar ul li{ padding: 10px 0 20px 0; }
.sidebar ul li h2{ padding: 3px 0; margin: 0 10px 0 22px; }
.sidebar ul ul li{ padding: 0; margin: 0 0 0 13px; line-height: 20px; list-style: none; }
.sidebar .syndication .rss { width: 179px; height: 33px; position: relative; }
.sidebar .syndication .rss span{ position: absolute; width: 100%; height: 100%; }
.sidebar ul li a{ display: inline; padding: 2px 2px; }
table#wp-calendar{ width: 100%; }

.leftbar{ float: left; width: 190px; margin: 30px auto 5px auto; padding-top: 5px; padding-bottom: 15px; display: inline; }
.leftbar ul{ list-style: none; margin: 0 0 0 7px; padding: 0 0 0 7px; }
.leftbar ul li{ padding: 10px 0 20px 0; }
.leftbar ul li h2{ padding: 3px 0;	margin: 0 0 0 14px; }
.leftbar ul ul li{ padding: 0; margin: 0; list-style: none; }
.leftbar ul li a{ display: inline; padding: 2px 2px; }

#footer-content {	margin-left: 200px; }




/* -- Content Colors -- */


#header{ color: #fff; }
#header a {	color: #ead8c6; }
#header a:hover{ color:#FFF; }
#site-info h1 { color:#FFF; }
#site-info h4 { color:#FFF; }


#navigation { color: #FFF; }
#navigation li { color: #FFF; }
#navigation a {	color: #FFF; }
#navigation a:hover { color: #ead8c6; }
h4 { color: #555; }
a:link{ color:#7e1801; }
a:visited{ color:#7e1801; }	
a:hover{ color: #000; }
blockquote { color: #777; border-right: 1px dotted #555; border-bottom: 1px dotted #555; background: #111; }
.entry img.frame { border: 1px solid #666; background: #444; }
.postinfo { color: #000; }
.postinfo a { color: #000; }
.postdate { color: #000; }
p.postmetadata{	color: #BFB8A1;	border-top: 1px dotted #000; }
h2.archive_head{ border-bottom: 1px dotted #000; background: none; }

.postnav a { color:#7e1801; }

.sidebar{ border-left: 1px solid #333; background: #b8a990; }
.sidebar ul li h2{ color: #555; border-bottom: 1px solid #333; }
.sidebar ul ul li{ border-bottom: 1px solid #333; }
.sidebar .syndication .rss span{ background: url(images/sub_rss.gif) no-repeat; }
.sidebar .rss .sub{ border-bottom: none; }
.sidebar .rss .sub a:hover{ background: none; }
.sidebar ul li a{ color:#7e1801; }
.sidebar ul li a:hover{ color: #000; background: #222; }


.leftbar{ border-left: 1px solid #333; }
.leftbar ul li h2{ color: #555; border-bottom: 1px solid #333; }
.leftbar ul ul li{ border-bottom: 1px solid #333; }
.leftbar ul li a{ color:#7e1801; }
.leftbar ul li a:hover{ color: #000; background: #222; }

#footer-content a:link{	color: #7e1801; }
#footer-content a:visited{ color: #7e1801; }
#footer-content a:hover{ color: #000; }



/* -- Typography -- */



body { font-family: Verdana, Helvetica, Georgia, Sans-serif; font-size: 13px; }

#navigation { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 26px; }
#navigation li { text-transform: uppercase; }		
#navigation a { text-decoration: none; text-shadow: black 0px 0px 10px;}
#site-info h1 { text-decoration: none; text-shadow: black 0px 0px 10px;}

h1 { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 30px; }
a:link{ text-decoration: none; }
a:hover{ text-decoration: underline; }
a:visited{ text-decoration: none; }	
blockquote { font-style: italic; font-family: Verdana, Helvetica, Georgia, Sans-serif; font-size: 90%; }
.post h2 { font-family: Georgia, Sans-serif; font-size: 22px; }
.entry{ line-height: 22px; }
.postinfo{ font-size: 11px; }
p.postmetadata{	font-size: 12px; }

.postnav{ font-size: 12px; font-weight: normal; line-height: 18px; }
h2.archive_head{ font-weight: bold !important; font-size: 14px !important; letter-spacing: normal !important; }

.sidebar ul li h2{ font-family: Georgia, Sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; }
.sidebar ul ul li{ font-size: 11px; }
.sidebar ul li a{ text-decoration: none; }
.sidebar ul li a:hover{	text-decoration: none; }

.leftbar ul li h2{ font-family: Georgia, Sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; }
.leftbar ul ul li{ font-size: 11px; }
.leftbar ul li a{ text-decoration: none; }
.leftbar ul li a:hover{	text-decoration: none; }

#footer-content a:link{	text-decoration: none; }
#footer-content a:hover{ text-decoration: underline; }
#footer-content a:visited{ text-decoration: none; }