/*  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: #930; text-decoration: none; }
	
a:hover { color: #600; 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: #fff; }

/* L O G O */

/* Black logo */

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

#logo a:hover .bug {
	background: #600 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: #930;
	}

/* 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: #600 !important;
	}

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

#home h2, #articles-indv h2 {
	padding: 5px 0;
	margin: 0 0 0 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	}
	
#home .post-head, #home .post-head, #articles-indv .post-head, #main h1 {
	font-size: 50px;
	font-family: "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	margin: 20px 20px 2px;
	line-height: 60px;
	width: 870px;
	color: #333;
	padding: 5px 0 10px 0;
	letter-spacing: 0;
	display: block;
	height: 35px;
	text-indent: -9999px;
	border: none;
	background: transparent url(../../i/entry/meat-and-cheese/meat-and-cheese.gif) no-repeat top left;
	}
	
#home .post-head a:link, #home .post-head a:visited {
	color: #333;
	width: 847px;
	display: block;
	height: 35px;
	}
	
#home .post-head a:hover {
	border-bottom: 1px solid #333;
	}

#col1 h2 {
	padding: 5px 0;
	margin-left: 0;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	}

#col2 h2 {
	padding: 5px 0;
	margin-left: 0;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	}

#col2 h3 {
	padding: 5px 0;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	}

#col2 .grand {
	font-size: 20px;
	margin-bottom: 0;
	border-bottom: none;
	}

.rss-icon {
	background: #930;
	}

/*	C O L  1 */

#col1 {
	float: left;
	width: 430px;
	margin-bottom: 20px;
	}

#col2 {
	float: left;
	width: 410px;
	padding-left: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif !important;
	}

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

#col1 .lead a:link, #col1 .lead a:visited {
	color: #500 !important;
	}

#col1 .lead a:hover {
	color: #963 !important;
	}

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

#col1 p {
	margin: 0 10px 20px 10px;
	}

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

#content ul, #content ol {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif !important;
	}

#content li {
	margin-bottom: 0;
	}

.addendum {
	font-size: 12px !important;
	color: #666;
	font-style: italic;
	padding-top: 20px;
	line-height: 16px;
	float: left;
	}

/*	I M A G E S  and  C A P T I O N S */

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

.left { float: left; padding-right: 10px; padding-left: 10px; }
.two { width: 210px; } /* quarter */
.four { width: 430px; } /* half */

.left.inset { /* image floated left within text */
	margin-left: 0;
	}
		
/*
----------------------------------------------------------------
	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: #333;
	}

#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: #600 !important;
	}
		
		
/*
----------------------------------------------------------------
	C O M M E N T S
---------------------------------------------------------------- */

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

/* 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; }

/*
----------------------------------------------------------------
	G R A P H S
---------------------------------------------------------------- */

	.loc { 
		float: left;
		clear: left;
		width: 420px;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
		}

	.loc-final { 
		border-bottom: 0;
		}

	.loc-comms { 
		float: left;
		width: 190px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif !important;
		font-size: 11px !important;
		line-height: 16px !important;
		color: #666;
		margin-top: 0 !important;
		padding: 0 10px 0 20px !important;
		}

	/* CHART LISTS */
	.chartlist { 
		float: left;
		border-top: 1px solid #999;
		width: 200px;
		}
	.final { 
		width: 420px !important;
		font-size: 150% !important;
		}
	.chartlist li { 
		position: relative;
		display: block;  
		border-bottom: 1px solid #999;
		_zoom: 1;
		}
	.chartlist .spec { 
		border-bottom: none; 
		padding-top: 0.6em;
		font-size: .8em;
		color: #444;
		}
	.chartlist li .attr { 
		display: block; 
		padding: 0.3em 4.5em 0.3em 0.5em;
		position: relative; 
		z-index: 2;
		font-size: 0.9em; 
		color: #444;
		}
	.final li .attr { 
		padding: 0.5em 4.5em 0.5em 0.5em;
		}
	.chartlist .count { 
		display: block; 
		position: absolute; 
		top: 0.2em; 
		right: 0; 
		margin: 0 0.3em; 
		text-align: right; 
		color: #666; 
		font-size: 0.875em; 
		line-height: 2em; 
		z-index: 12;
		}
	.chartlist .index { 
		display: block; 
		position: absolute; 
		top: 0; 
		left: 0; 
		height: 100%; 
		background: #f7f581; 
		text-indent: -9999px; 
		overflow: hidden; 
		line-height: 2em;
		}
	.chartlist .high { 
		background: #b2ef69;
		}
	.chartlist .high-attr { 
		font-weight: bold; 
		}
	.chartlist .overall {
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000;
		}
	.chartlist .overall-count { 
		font-weight: bold;
		color: #000;
		}
	.chartlist li:hover { 
		background: #EFEFEF; 
		}
	#col1 h2 {
		padding-left: 10px;
		}
	#col2 h2 {
		font-size: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
	h2 span {
		font-size: 12px;
		color: #666;
		text-transform: none;
		letter-spacing: 0;
		}
	#col2 h4 {
		padding-left: 20px !important;
		padding-bottom: 5px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #666;
		font-size: 11px;
		float: left;
		}