/*  This code is copyrighted to Jason Santa Maria.
    This means you may NOT use it for your site's design.  */

/*
----------------------------------------------------------------
	B A S E
---------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background: #fff;
	}

/* L I N K S */

a:link, a:visited { color: #1a87cd; text-decoration: none; }
	
a:hover { color: #093047; text-decoration: underline; }

/* S T R U C T U R E */

#main-outer { background: transparent; }

#main { background: transparent; text-align: left; }

#content { background: transparent; border-bottom: 1px solid #ccc; }

/*
----------------------------------------------------------------
	H E A D E R
---------------------------------------------------------------- */

#header-outer { background: #01111a; }

#logo a:link .bug, #logo a:visited .bug {
	background: #1a87cd url(../../i/logo-bug-wh.png) no-repeat top left;
	}

#logo a:hover .bug {
	background: #2c5976 url(../../i/logo-bug-wh.png) no-repeat top left;
	}

/* D E F A U L T  H O V E R  A N D  C U R R E N T  S T A T E S */

#nav li a:hover,
body#home #nav-home a, 
body#articles #nav-articles a,
body#articles-indv #nav-articles a,
body#portfolio #nav-portfolio a,
body#oddities #nav-oddities a,
body#dailyphoto #nav-dailyphoto a,
body#dp-indv #nav-dailyphoto a,
body#about #nav-about a {
	background-color: #1a87cd;
	}

/* C U R R E N T  H O V E R  S T A T E S */

body#home #nav-home a:hover, 
body#articles #nav-articles a:hover,
body#articles-indv #nav-articles a:hover,
body#portfolio #nav-portfolio a:hover,
body#oddities #nav-oddities a:hover,
body#dailyphoto #nav-dailyphoto a:hover,
body#dp-indv #nav-dailyphoto a:hover,
body#about #nav-about a:hover {
	background-color: #2c5976 !important;
	}
	
/*
----------------------------------------------------------------
	S U B
---------------------------------------------------------------- */

#sub-outer { background: #01111a; }

#sub {
	color: #777;
	background: transparent url(../../i/sub-vert-seps-2f2f2f.gif) repeat-y;
	}

#sub a:hover, #footer a:hover {
	color: #fff;
	}

.sec-sep {
	border-bottom: 1px solid #2f2f2f;
	}

#sub h3, #about #sub h3, #error #sub h3, #contact #sub h3, #search #sub h3 {
	color: #fff;
	}

#sub .port-list img, #sub .port-list a:link img, #sub .port-list a:visited img, #sub .book-indv a:link .book-thumb, #sub .book-indv a:visited .book-thumb, .dp-thumb, a:link .dp-thumb, .deck img, .deck a:link img, .deck a:visited img {
	border: 5px solid #000;
	}

#sub .port-list a:hover img, #sub .book-indv a:hover .book-thumb, a:hover .dp-thumb, .deck a:hover img {
	border: 5px solid #093047;
	}

/*	R E A D I N G */

#sub .book-indv .book-by {
	color: #999 !important;
	}

/*	D A I L Y  P H O T O */

.dp {
	color: #999;
	}

.dp-comment {
	background: transparent url(../../i/comment-sm-wh.png) no-repeat 0 1px;
	}

/*	O D D I T I E S */

#sub .od h4 a, #sub .od h4 a:link {
	color: #fff;
	}

/*
----------------------------------------------------------------
	C O N T E N T
---------------------------------------------------------------- */

.question  {
	line-height: 20px !important;
	font-size: 18px !important;
	color: #3f6073;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif !important;
	}

.trade-background  {
	line-height: 24px !important;
	font-size: 16px !important;
	color: #3f6073;
	margin: 15px 0 15px 120px !important;
	}

#col1 h3 {
	padding: 5px 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	}

#home h2, #articles-indv h2 {
	margin: 0 120px 0 230px;	
	font-weight: bold;
	}

#home .post-head, #articles-indv .post-head, #main h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0;
	padding: 20px 0 10px 2px;
	letter-spacing: 2px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	}

#home .post-head a:link, #home .post-head a:visited {
	color: #444;
	}
	
code, pre {
	color: #08c;
	}

.illo code, .illo pre, .caption code, .caption pre {
	font-size: 11px;
	}

.search-btn { /* used in #sub */
	background: #3d3d3d;
	color: #e5e5e5;
	}

.default-btn { /* used on comment form */
	background: #333333;
	color: #e5e5e5;
	}

.comment-btn {
	background: #02170f;
	color: #e5e5e5;
	}

.rss-icon {
	background: #093047;
	}

/*	C O L  1 */

#col1, #col2, #col3 {
	float: left;
	clear: both;
	}

#col2 {
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	width: 760px;
	margin-bottom: 20px;
	background: transparent url(../../i/entry/if-you-were-a-typeface/burke.jpg) no-repeat left bottom;
	}

#col1 .lead {
	font-size: 20px;
	line-height: 30px;
	}

#content p, #comments p {
	margin: 0 120px 20px 230px;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	line-height: 20px;
	}

#content a, #content a:link, #content a:visited, #comments a:link, #comments a:visited {
	text-decoration: underline;
	}

#content ul, #content ol {
	margin: 0 150px 20px 230px;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	}
	
#content blockquote {
	margin: 0 120px 20px 230px;	
	padding: 25px 25px 2px;
	border: 1px dashed #ccc;
	background: #eee;
	}
	
#content blockquote p {
	margin-left: 0;
	margin-right: 0;
	font-style: italic;
	}
	
/*	I M A G E S  and  C A P T I O N S */

#content .solo img { margin-bottom: 20px; }

#content .illo p, #content .caption {
	font-size: 11px;
	line-height: 16px !important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px 0;
	}
	
.border {
	border: 1px solid #eee;
	}
	
.left { float: left; padding-right: 20px; }
.right { float: right; padding-left: 20px; }
.right.six { margin-right: -10px; }
.one { width: 100px; margin-top: 15px; }
.two { width: 210px; } /* quarter */
.three { width: 320px; }
.four { width: 430px; } /* half */
.five { width: 540px; }
.six { width: 650px; }
.seven { width: 760px; margin-left: 5px; }
.eight { width: 870px; } /* full */

.right.inset { /* image floated right within text */
	margin-left: 20px;
	}

.left.inset { /* image floated left within text */
	margin-left: 230px;
	}

.metanav li { border-left: 1px solid #333; } /* for footer and #sub dailyphoto links */


/*
----------------------------------------------------------------
	P O S T  N A V
---------------------------------------------------------------- */

#post-meta-top ul, #post-meta-bott ul {
	border-top: 1px solid #ccc;
	}

#post-meta-top ul .comms, #post-meta-top ul .cats, #post-meta-bott ul .comms, #post-meta-bott ul .tags, #post-meta-bott ul .prev, #post-meta-top ul .prev, #post-meta-bott ul .next, #post-meta-top ul .next {
	border-left: 1px solid #ccc;
	}

#dailyphoto ul .comms, #dp-indv ul .comms {
	border-right: 1px solid #ccc;
	}

#home .post-head, #articles-indv .post-head, #main h1 {
	border-bottom: 1px solid #ccc;
	}

#post-meta-top ul .comms em, #post-meta-bott ul .comms em  {
	background: transparent url(../../i/comment-lg-bk.png) no-repeat 0 3px;
	}

#post-meta-top ul strong, #post-meta-top ul a:link strong, #post-meta-top ul a:visited strong, #post-meta-top ul .cats span, #post-meta-bott ul strong, #post-meta-bott ul a:link strong, #post-meta-bott ul a:visited strong, #post-meta-bott ul .tags span {
	color: #666;
	}

#post-meta-top span,
#post-meta-top span a:link,
#post-meta-top a:link em, 
#post-meta-top span a:visited,
#post-meta-top a:visited em,
#post-meta-bott span a:link, 
#post-meta-bott a:link em, 
#post-meta-bott span a:visited, 
#post-meta-bott a:visited em {
	color: #1a87cd;
	}

#post-meta-top ul a:hover strong,
#post-meta-top span a:hover,
#post-meta-top a:hover em, 
#post-meta-bott ul a:hover strong,
#post-meta-bott span a:hover,
#post-meta-bott a:hover em {
	color: #093047 !important;
	}


/*
----------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------- */

#footer-outer {
	border-top: 1px solid #2f2f2f;
	background: #01111a;
	}

#footer { color: #999; }
		
/*
----------------------------------------------------------------
	C O M M E N T S
---------------------------------------------------------------- */

#comm-outer {
/*	background: #eee;*/
/*	border-top: 1px solid #ccc !important;*/
/*	border-bottom: 1px solid #ccc !important;*/
	}

#comm-head, #post-comm-head, #comm-preview-head { color: #000; }

#post-comm-head { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#comm-preview-head { border-bottom: 1px solid #ccc; }

.comm-message blockquote, #preview-text blockquote {
	border: 1px dashed #ccc;
	background: #eee;
	}

#comm-list dt { border-top: 2px solid #666; } /* Commenters' top color bar */

#comm-list .jason dt { border-top: 2px solid #1a87cd; } /* My comment top color bar */

#comm-list em.comm-date { color: #666; }

#comm-list a.comm-link { background: transparent url(../../i/comment-lg-bk.png);}

#comm-list .comm-link a:hover { border-bottom: 1px solid #ccc; }

#comm-list dd { border-top: 2px solid #ccc; }
		
#comm-list #preview-text { border-top: 2px solid #ccc; }
	
#comm-list .comm-avatar img { border: 1px solid #ccc; }

/* F O R M */

#post-comm { border-top: 1px solid #ccc; }

.comm-permitted {
	background: #eee;
	color: #222;
	border: 1px dashed #ccc;
	}

#post-comm label, .comm-permitted span { color: #666; }

#comm-preview dt { background: url(../../i/comment-lg-bk.png) 0 2px no-repeat; }


#post-comm {
	float: left;
	width: 865px;
	padding: 20px 0 0 5px;
	margin-top: 2px;
	border-top: 1px solid #ccc;
	}

#post-comm label, .comm-permitted span, .guidelines span {
	font-size: 11px;
	color: #666;
	letter-spacing: 2px;
	text-transform: uppercase;
	}

#comm-preview dt {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 15px;
	padding: 0 0 0 22px;
	margin: 15px 0 10px 0;
	background: url(../../i/comment-lg-bk.png) 0 2px no-repeat;
	}

/* Don't need to be changed */
#post-comm dl { padding: 4px 0; float: left; }
#post-comm-form { width: 310px; float: left; }
#post-comm-form p { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; margin: 0 0 10px 0; width: 290px; }
#post-comm label span { letter-spacing: 0; text-transform: none; font-style: italic; }
#post-comm .simple-label { font-size: 12px; letter-spacing: 0; text-transform: none; }
#name, #email, #url, #comment { width: 297px; display: block; margin: 3px 0 10px 0; }
#comm-preview { float: left; margin-left: 30px; width: 520px; }
#comm-preview p { margin-right: 0; margin-left: 0; }