/*

TABLE OF CONTENTS
-----------------
GENERAL				- Site-wide stuff
HEADER				- Logo, main banner, admin bar
COLUMNS				- General stuff for all three columns
COLUMN 1 CONTENT	- Anything in column 1
COLUMN 2 CONTENT	- Anything in column 2
COLUMN 3 CONTENT	- Anything in column 3
CONTACT				- Contact form

COLOR PALETTE
-------------
#fff 		- white
#e2e2e2		- faint grey (divider lines)
#bbb		- light grey
#999		- grey
#666		- mid grey (article dates)
#333		- dark grey (text)
#DF6B04		- orange
#900 		- logo red
#600 		- maroon (link mouseover)
#050040		- deep blue (titles)

*/

/* GENERAL
------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 62.5%;
	font-family: Times, Georgia, serif;
}

a {
	color: #900;
	text-decoration: none;
}

a:hover {
	color: #600;
	text-decoration: underline;
}

h2,
h3 {
	margin: .2em 0;
	padding: 0;
	color: #050040;
}

h2 a,
h3 a {
	/* color: #050040; */
	color: #404040;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

h5 {
	margin: 0;
	padding: 0;
	color: #DF6B04;
	font-size: .8em;
	text-transform: uppercase;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

div#wrapper {
	/*width: 90em !important;*/
	width: 90.5em;
	/*
	background: transparent url(/images/background.gif) repeat-y top left;
	*/
	overflow: hidden;
}

div.ads {
	margin: 1em 0;
}

div#footer {
	clear: both;
	padding: 1em;
	color: #666;
	font-size: 1em;
	background: #fff;
	border-top: 1px solid #e2e2e2;
}

div#footer a {
	color: #666;
}

/* HEADER
------------------------------------------------------*/

div#header {
	width: 100%;
	position: relative;
	padding: 0 0 2.5em 0;
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
}

img.logo {
	float: left;
	margin: 0 2px 0 0;
}

ul#admin {
	display: none;
	position: absolute;
	top: 126px !important;
	top: 123px;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#admin li {
	float: left;
	list-style: none;
	padding: .25em 1em;
	font-size: 1em;
	text-transform: uppercase;
}

/* COLUMNS
------------------------------------------------------*/

div#column1,
div#column2,
div#column3 {
	padding: 1em;
	font-size: 1.4em;
}

div#column1 {
	display: none;
	float: left;
	width: 9.5em !important;
	width: 12.2em;
	padding: 1em 1em 1em 1.4em;
}

div#column2 {
	display: none;
	float: left;
	width: 13.3em !important;
	width: 15.3em;
}

div#column3 {
/*
	margin: 0 0 0 27.5em;
	*/
	border-right: 1px solid #e2e2e2;
}

/* COLUMN 1 CONTENT
------------------------------------------------------*/

p.intro, div.intro p {
	margin: 0 0 0 .75em;
	padding: 0;
	color: #bbb;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.3em;
	letter-spacing: .1em;
}

div.intro {
	padding-top: 1em;
}

ul#cats {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0;
}

ul#cats li {
	list-style: none;
	margin: .5em 0;
}

ul#cats a {
	padding: .5em 0 .5em .75em;
	color: #bbb;
	font-weight: 100;
	letter-spacing: .3em;
}

ul#cats a:hover {
	color: #900;
	text-decoration: none;
}

/* COLUMN 2 CONTENT
------------------------------------------------------*/

p.date {
	margin: 0;
	padding: 0;
	color: #999;
	letter-spacing: .2em;
}

div.secondary {
	margin: 1em 0;
}

div.secondary h3, div.secondary h3 a {
	color: #585858;
}

div#column2 p.intro {
	margin: 1em 0;
}

/* COLUMN 3 CONTENT
------------------------------------------------------*/

ul#crumbs {
	height: 1.5em;
	margin: 0 0 .5em 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

ul#crumbs li {
	list-style: none;
	float: left;
	margin: .2em .2em .2em .4em;
	padding: 0 0 0 1em;
	background: transparent url(/images/nav-arrow.gif) no-repeat 0 48%;
}

ul#crumbs li.first {
	margin: .2em .2em .2em 0;
	padding: 0;
	background: none;
}

div.article p {
	text-indent: 1em;
	line-height: 1.2em;
}

div.info {
	overflow: hidden;
}

div.info p {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

div.info p.date {
	color: #666;
	font-size: .8em;
	letter-spacing: 0;
	text-transform: uppercase;
}

div.info p.author {
	font-size: .9em;
}

div.info + p {
	text-indent: 0;
}

div.info + p:first-letter {
	font-size: 1.4em;
	color: #050040;
}

div.info img.dropin + div {
	margin: 0 0 0 4.5em;
}

div.comment {
	background: #fcfcfc;
	padding: 1em;
	margin-bottom: 1em;
	border-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
}

div.comment strong {
	color: #666;
}

div.comment p.commentinfo {
	color: #666;
	margin: 0;
	padding-top: .3em;
	border-top: 1px solid #f4f4f4;
}

div.comment_form {
	display: none;
}

div.comment_form h3 {
	color: #666;
}

img.dropin {
	float: left;
}

ul.tools {
	display: none;
	list-style: none;
	margin: .5em 0 1em 0;
	padding: .25em 0 0 0;
	border-top: 1px solid #e2e2e2;
}

ul.tools li {
	list-style: none;
	float: left;
	padding: .2em 0 .2em 1.5em;
	margin: 0 1em 0 0;
	font-size: .9em;
}

ul.tools li.comment {
	background: transparent url(/images/icons/comment.gif) no-repeat 0 0;
}

ul.tools li.friend {
	background: transparent url(/images/icons/mail.gif) no-repeat 0 0;
}

ul.tools li.print {
	background: transparent url(/images/icons/print.gif) no-repeat 0 0;
}

div.tags {
	font-size: .9em;
	color: #666;
	padding: .25em 0 0 0;
}

/* CONTACT
------------------------------------------------------*/

form#contact_form {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	border: 1px dotted #bbb;
}

form#contact_form table {
	table-layout: static;
}

form#contact_form table td {
	vertical-align: top;
	padding: .5em;
}

form#contact_form label {
	margin: 1em 0 0 0;
	font-size: .9em;
	color: #666;
	display: block;
}

form#contact_form .field {
	width: 14em;
	padding: .2em;
	border: 1px solid #999;
	font-family: Times, Georgia, serif;
}

form#contact_form table div {
	float: left;
	margin: 0 1em 0 0;
}

form#contact_form .field.state {
	width: 4em;
}

form#contact_form .field.postal {
	width: 7em;
}

form#contact_form .field:focus {
	border: 1px solid #666;
}

form#contact_form input#submit {
	float: right;
	width: 5em;
	margin: 1em 0 0 0;
}

/* LOGIN
------------------------------------------------------*/

form#login_form {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	border: 1px dotted #bbb;
}

form#login_form table {
	table-layout: static;
}

form#login_form table td {
	vertical-align: top;
	padding: .5em;
}

form#login_form label {
	margin: 1em 0 0 0;
	font-size: .9em;
	color: #666;
	display: block;
}

form#login_form .field {
	width: 14em;
	padding: .2em;
	border: 1px solid #999;
	font-family: Times, Georgia, serif;
}

form#login_form table div {
	float: left;
	margin: 0 1em 0 0;
}

form#login_form .field:focus {
	border: 1px solid #666;
}

form#login_form input#submit {
	float: right;
	width: 5em;
	margin: 1em 0 0 0;
}