/* Basics 
------------------------------------ */

html
{
	/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	margin-bottom: 1px;
}

body
{
	margin: 0px;
	background: white url(images/bg.png) repeat-y center;
}

/* thanks http://www.pooliestudios.com/projects/iconize/ */
a[href$='.pdf']
{
	padding: 5px 20px 5px 0;
	background: transparent url(/images/icon_pdf.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}


/* Typography & Colors 
------------------------------------ */

a img { border: 0; }

A:link, A:visited
{
	color: #666666;
	text-decoration: none;
}

A:hover, A:active
{
	color: #333333;
	text-decoration: underline;
}

.text A:link, .text A:visited, p A:link, p A:visited /* , #content A:link, #content A:visited */
{
	color: #666666;
	text-decoration: underline;
}

.text A:hover, .text A:active, p A:hover,  p A:active /*, #content A:hover, #content A:active */
{
	color: #333333;
	text-decoration: underline;
}

.text, p, li, #content
{
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}

#footer p
{
	font-size: 10px;
	color: #999999;
}

.subnav
{
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetic, sans-serif;
	font-size: 11px;
	color: #999999;
}

h1
{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

h2
{
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: -8px;
	margin-top: 10px;
}

.linksh2
{
	margin-bottom: 2px;
	font-weight: normal;
}

h3
{
	font-size: 13px;
	letter-spacing: 1px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: -10px;
	margin-top: 10px;
}

.firstp, .intro p /* resets paragraph top spacing to zero for alignment */
{
	padding-top: 0px;
	margin-top: 0px;
}

.thumbnailCaption p, .caption
{
	font-size: 11px;
	color: #666666;
	font-family: Georgia, Times, Times New Roman, serif;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
}

.caption A:visited, .caption A:link, .caption A:active
{
	color: #F15FC9;
	text-decoration: underline;
}

.caption A:hover
{
	color: #333333;
	text-decoration: underline;
}

.indexHead
{
	font-size: 16px;
	padding-bottom: 2px;
	padding-top: 6px;
	margin-bottom: 6px;
	letter-spacing: 1px;
	color: #4C321B;
}

.indexHead a { color: #4C321B; }

#sectionHead, #indexSectionHead
{
	width: 540px;
	padding-bottom: 10px;
	padding-top: 2px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #ccc;
	font-size: 18px;
	letter-spacing: 1px;
	color: #4C321B;
}

div.float p { text-align: left; }

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

li
{
	padding: 0px 0px 3px 10px;
	background-image: url(/images/dot.png);
	background-repeat: no-repeat;
	background-position: 0 .6em;
}


/* Layout 
------------------------------------ */

#container
{
	width: 755px;
	padding: 50px 0px 10px 15px;
	margin: 0px auto 0px auto;
	text-align: left;
	
}

#header
{
	width: 715px;
	padding-bottom: 29px;
/* 			border-color: #333;
	border-width: 1px;
	border-style: dashed; */
}

#header img { padding-left: 15px; }

#leftside
{
	width: 135px;
	float: left;
	padding: 0px 25px 0px 0px;
	margin: 0px; 

}

#linkbox { padding-top: 30px; }

.topnav
{
	padding-top: 2px;
	padding-bottom: 14px;
	padding-left: 0px;
}

.topnav img, .links img { padding-left: 15px; }

.topnav a:hover, .links a:hover { background: url(images/arrowBG.png) no-repeat; }

.subnavBlock
{
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.links { padding-bottom: 16px; }

#content
{
	width: 565px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;

}

.intro { padding: 0px 0px 20px 0px; }

.text { padding: 0px 20px 0px 0px; }

#footer
{
	width: 715px;
	padding-left: 5px;
	margin: 0px auto 0px auto;
	position: relative;
	clear: both;
/*		border-color: #333;
	border-width: 1px;
	border-style: dashed; */
}

div.float
{
	float: left;
	padding-right: 40px;
	padding-bottom: 15px;
	margin: 0px;
}

div.float2
{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.indexSubsectionBox
{
	float: left;
	padding-bottom: 10px;
	/*	width: 300px;
	border-color: #333;
	border-width: 1px;
	border-style: dashed; */
}

.indexThumb img, .subsectionThumb img, .largeImage img { border: 1px solid #CCCCCC; }

.indexThumb:hover img, .subsectionThumb:hover img, .largeImage:hover img { border: 1px solid #999999; }

.indexThumb:hover, .subsectionThumb:hover, .largeImage:hover
{
	color: red;
	/* irrelevant definition to overcome stupid IE bug */
}

.thumbnailWrapper
{
	float: left;
	width: 576px;
	margin: 0px;
	padding: 0px;
}

.thumbnailCaption
{
	width: 150px;
	padding-top: 7px;
 
}

/* Clearers
------------------------------------ */

.clear { clear: both; }
.clearboth { clear: both; }

.clearer
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

/* Form Elements 
------------------------------------ */

/* .required { color: red; } */
textarea, select, input
{
	color: #333333;
	font-size: 12px;
	font-family: verdana, arial;
	background-color: #EFEFEF;
}

/* Wordpress Customizations 
------------------------------------ */

.wph2
{
	/*border-bottom: 1px dotted #ccc;*/
	letter-spacing: 0.2em;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}

.storycontent p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.meta
{
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.storytitle
{
	margin: 0;
	padding: 10px 0px 4px 0px;
	font-size: 18px;
	font-style: normal;
}

.storytitle a:link, .storytitle a:visited
{
	color: #666666;
	text-decoration: none;
}

.storytitle a:hover, .storytitle a:active, .meta a:hover, .meta a:active
{
	color: #8D5FBB;
	text-decoration: underline;
}

.post
{
	margin: 0px 0px 2px 0px;
	padding: 0px 2px 0px 0px;
}

#search, #archives, #meta
{
	width: 145px;
	float: left;
	background: #EDEDED;
	margin-right: 15px;
	padding: 10px;
}

#blogMenu
{
	float: left;
}

#blogMenu ul
{
	margin: 0px;
	padding: 0px;
}

#search form
{
	padding: 0px;
	margin: 0px;
}