/*   
Rawr.
*/

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
  background: #334;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset */




a, a:visited {text-decoration: none; color: #D6D6D6;}
a:hover {color: #D6D6D6;}

body {
background: #222;
color: #D6D6D6;
text-align: center;
font: 100% Verdana, Helvetica, Arial, sans-serif;
}


#page {background: #161616 url('top.gif') top left repeat-x;}

#page:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#top {margin-bottom: 2em; border-top: 5px solid #2C3C63;}
#top h1 {margin: 0 10px; text-align: center; background: #2C3C63; font-size: 2em; font-family: Georgia; text-transform: lowercase; font-weight: normal; letter-spacing: -1px; float: left;}
#top h1 a, #top h1 a:visited {color: #D6D6D6; width: 190px; display: block; height: 50px; line-height: 50px;}
#top h1 a:hover {color: #FFF;}
#top p {float: left; margin: 0 10px; color: #555; font-size: 0.8em; line-height: 50px; font-style: italic; font-family: Georgia; text-transform: lowercase; }
#top .nav {float: right; height: 50px; margin: 0 0;}
#top .nav ul li {display: block; float: left; line-height: 50px; text-align: center;}
#top .nav a {color: #555; display: block; width: 68px; height: 50px; margin-right: 10px; margin-left: 5px;}
#top .nav a:hover, #top .nav .current a {color: #D6D6D6; background: #161616;}

.announce {text-align: left; font-size: 0.8em; font-family: Georgia; width: 770px; margin: 0 auto;}

/* 
980 px wide
14 columns of 50px with 10px margins

#page {background: url(../bg.gif) top center repeat-y;}
*/
/*
colors:
blues
2C3C63 dark
677CB1 light

browns
937538
C9B384

*/

.set {text-align: left; margin: 0 auto; width: 980px; clear: both;}
.subtext {color: #555;}

/*
.headings {margin: 20px 10px;}
.headings h3 {text-transform: uppercase; font-weight: normal; letter-spacing: -1px;}
*/

#middle {padding-top: 40px;}

/* Posts */

.post {width: 100%; margin-bottom: 5em; position: relative;}
.post:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.post.dated {border-top: 1px solid #333; margin-bottom: 50px;}
.post.dated .weekday {color: #555; width: 50px; margin: 0 10px; float: left; display: block; text-transform: uppercase; text-align: center; font-size: 22px; padding: 11px 0;}
.post.dated .date {color: #FFF; background: #333; width: 50px; margin: 0 10px; padding: 10px 0 10px 0; float: left; display: block; text-align: center; font-size: 12px; line-height: 1; text-transform: uppercase;}
.post.dated .date .day {display: block; font-size: 24px; line-height: .5; font-family: Georgia; margin: 5px 0;}
.post.dated .date .year {color: #666; display: block; margin-top: 10px;}

.post .type {color: #555; display: block; position: absolute; left: 150px; top: 5px; width: 50px; font-size: 12px; line-height: 16px; text-align: center; text-transform: lowercase; font-family: Georgia; font-style: italic;}
.post.dated .type {top: 17px;}

.post .content {width: 750px; margin: 0 10px 0 150px; float: left; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif;}
.post.dated .content {margin-left: 10px; padding-top: 10px;}

.post .info {font-size: 0.8em; width: 50px; margin: 0 10px; float: right; text-align: center; padding-top: 5px;}
.post.dated .info {padding-top: 15px;}
.post .info .commentlink a {color: #555; display: block; height: 20px; background: url('comment-dim.png') center left no-repeat; text-align: left; padding-left: 25px; border: 0; line-height: 20px;}
.post .info .commentlink  a:hover {color: #D6D6D6; background: url('comment-bright.png') center left no-repeat;}
.post p a {color: #937538; padding: 1px 1px 0 1px; border-bottom: 1px solid #937538;}
.post p a:hover {color: #C9B384; background: none;}

.content h4 {color: #937538; margin: 0 70px 10px 70px; font-family: Georgia; font-size: 1.6em; line-height: 1; font-weight: normal; letter-spacing: -1px;}
.post .content p, .post .content ul, .post .content ol {line-height: 1.6; margin: 0 70px 1.6em 70px; font-size: 0.8em;}
.post .content ul {list-style: square outside; margin-left: 140px;}
.post .content ol {list-style: decimal outside; margin-left: 140px;}

/* gen use */
.post .content p.hop-left {float: left; margin: 5px 20px .5em 70px;}
.cols2 {width: 120px;}
.cols3 {width: 190px;}
.cols4 {width: 260px;}
p.cols2 img {width: 120px; border-top: 4px solid #333; border-bottom: 4px solid #333;}
p.cols3 img {width: 190px; border-top: 4px solid #333; border-bottom: 4px solid #333;}

.wide {width: 750px; margin: .5em 0; border-top: 12px solid #333; border-bottom: 12px solid #333;}
.full {width: 600px; margin: .5em 70px; border: 5px solid #333;}

/* musing */
.musing h4 {font-size: 1.2em; line-height: 1.5;}

/* quoth */
.quoth blockquote {font-size: 2em; line-height: 1; margin: .5em 70px .5em 120px; font-family: Georgia, Times, serif; border-left: 4px solid #333; padding-left: 16px;}
.post .quoth blockquote p {margin: 0 0 .5em 0; line-height: 1;}
.quoth .source {text-align: right;}

.post .quoth ul.conversation {margin: 5px 70px 1.6em 70px; list-style: none; border-top: 1px solid #444; border-bottom: 1px solid #444;}
.quoth .conversation li {text-indent: -10px; padding: 5px 0 5px 15px;}
.quoth .conversation .odd {background: #101010;}
.quoth .conversation .even {background: #1A1A1A;}
.quoth .conversation .speaker {font-weight: bold;}

/* picture */
.picture h4 {font-size: 1.2em; line-height: 1.5;}

/* review */
.review h4 {padding-right: 120px;}
.review h4 .by {font-weight: normal; color: #C9B384;}
.review .rated1 {background: url('rated-1.gif') 100% 5px no-repeat;}
.review .rated2 {background: url('rated-2.gif') 100% 5px no-repeat !important;}
.review .rated3 {background: url('rated-3.gif') 100% 5px no-repeat !important;}
.review .rated4 {background: url('rated-4.gif') 100% 5px no-repeat !important;}
.review .rated5 {background: url('rated-5.gif') 100% 5px no-repeat !important;}

/* link */
.link h4 {font-size: 1.1em; line-height: 1.2;}
.link h4 a {color: #937538; border-bottom: 1px solid #937538; padding: 2px 2px 0 2px;}
.link h4 a:hover {background: none; color: #C9B384;}

.comments {bottom: 1em; text-align: left;}

.comment {font-size: 0.8em; clear: both; position: relative; margin: 0 0 1.5em 0;}
.comment:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.comment .type {color: #555; display: block; position: absolute; left: 140px; top: 0; padding: 5px 0; width: 70px; font-size: 12px; line-height: 1.5; text-align: center; text-transform: lowercase; font-family: Georgia; font-style: italic;}

.commenter {width: 120px; margin: 0 10px 0 220px; float: left; border-top: 1px solid #444; padding: 5px 0;}
.commenter p {margin: 0; line-height: 1.6;}
.commenter .name {color: #937538;}
.commenter .date {color: #555;}

.comment .content {margin: 0 10px; width: 470px; float: left; padding: 5px 0; border-top: 1px solid #444;}
.comment .content p {margin: 0 0 1.1em 0; line-height: 1.6;}

.comment input {color: #666; background: #1C1C1C; border: 0; height: 1.5em; width: 120px; margin: 0 0 5px 0;}
.comment input:hover, .comment input:focus {background: #333; color: #FFF;}
#commentername {color: #937538;}
#commentername:focus {color: #FFF;}
#commenterdate {margin: 0 0 1.1em 0;}

.comment textarea {color: #666; background: #1C1C1C; border: 0; width: 470px; height: 100px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em;}
.comment textarea:hover, .comment textarea:focus {background: #333;}
#submit {background: #444; color: #BBC;}

.comment .notice {margin: 0 0 10px 220px; width: 610px; line-height: 1.6;}
.comment .warning {background: #633;}
.comment .notice p {line-height: 1.6; padding: 4px;}

#middle .nav {width: 210px; margin: 0 0 20px 770px;}
#middle .nav p {background: #333; overflow: hidden; display: block; width: 85px; margin: 0 10px 1em 10px; float: left; text-transform: uppercase; font-size: 0.8em; text-align: center; line-height: 40px; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6;}
#middle .nav a {display: block; color: #D6D6D6; height: 40px;}
#middle .nav a:hover {background: #937538; color: #FFF;}
#middle .nav p.disabled {background: #181818; color: #222; border-color: #222;}

#bottom {clear: both; height: 100%; border-top: 4px solid #2C3C63; margin: 0 0 5px 0; padding: 0 0; font-size: 0.8em;}
#bottom .set {padding: 30px 0; background: url(bottom.gif) 0 -2px no-repeat;}
#bottom .nav {width: 190px; margin: 0 10px; float: left; text-align: right;}
#bottom .nav h4 {padding-right: 11px;}
#bottom .nav ul {border-right: 1px solid #333;}
#bottom .nav li {padding-right: 10px; line-height: 1.6;}
#bottom .nav a {color: #D6D6D6; border: none;}
#bottom .nav a:hover {color: #677CB1;}
#bottom .describe {width: 400px; margin: 0 10px; float: left;}
#bottom .side {width: 330px; margin: 0 10px; float: left;}
#bottom h4 {line-height: 1.6; margin: 0 0 5px 0; text-transform: lowercase; font-weight: bold; color: #677CB1;}
#bottom p {line-height: 1.6; margin-bottom: 1.6em;}
#bottom a {color: #677CB1; border-bottom: 1px solid #677CB1;}
#bottom a:hover {color: #D6D6D6;}

#bottom #copyright {clear: both; margin: 0 10px 0 220px; padding: .8em 0; text-transform: lowercase;}