/*  
Theme Name: Erik Railton Custom
Theme URI: http://www.mfields.org
Description: Custom Theme for Erik Railton
Version: 1.0
Author: Michael Fields
Author URI: http://www.mfields.org
*/

/* Raw HTML
------------------------------*/
	body{
		font-size:76.5%;
	    font-family: Arial, Verdana, Helvetica, sans-serif;
		background:#f1f1f1;
		}
	h1{font-size:1.7em}
	h2{
		font-size:1.5em;
		font-weight:normal;
		}
	h3{font-size:1.2em}
	h4{font-size:1.1em}
	h5{font-size:1.0em}
	h1, h2, h3, h4, h5 {
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		color:#413004;
		}
	code, pre{font-size:1.3em;}
	img{border-width:0;}
	p, li{line-height:1.5em;}
	ul, ol{margin:0;padding:0 0 1em 23px;list-style-position:inside;}
	
/* Template
------------------------------*/
	#wrapper{
		width:760px;
		margin:0 auto;
		border:1px solid #666;
		}
	#header{
		height:65px;
		background:#fff url(images/header.jpg) 0 0 no-repeat;
		}
	#content{
		position:relative;
		padding: 15px 0 40px;
		margin:0 auto;
		}
	#nav{
		
		}
	#nav ul{
		font-size:1em;
		margin:0;
		padding:0 0 0 20px;
		list-style-type:none;
		}
	#nav ul li{
		display:inline;
		}
	#nav ul li a{
		color: #333;
		font-weight:bold;
		text-decoration:none;
		}
	a,
	#nav ul li a.curPage,
	#nav ul li a:hover{
		color: #c27e33;
		}
	#footer{
		height:33px;
		background:transparent url(images/footer.jpg) 0 0 no-repeat;
		}
	#credits{
		text-align:center;
		font-size:.85em;
		color:#999;
		}
	#credits a { 
		color:#999;
		text-decoration:none;
		}
	#credits p {
		margin:0;
		padding-top:.5em;
		}
	#dottedLine{
		background:transparent url(images/contentTile.gif) right top repeat-y;
		}
	#upperLeftDesign{
		background:#fff url(images/upperLeft.gif) 0 0 no-repeat;
		}
	#lowerRightDesign{
		background:transparent url(images/trees.gif) right bottom no-repeat;
		}

/* MISC
------------------------------*/
	.resumeTitle{text-align:left;padding-top:.5em}
	.curPage{color:#c27e33;}
	
/* Individual Pages
------------------------------*/
	.home{text-align:center;}
	
	.postNavigation{position:relative;margin-top:4em;}
	.alignleft{position:absolute;top:0;left:0;}
	.alignright{position:absolute;top:0;right:0;}
	
	.news,
	.about,
	.fullsizeImage{width:475px;}
	
	.fullsizeImage,
	.artwork{
		text-align:center;
		min-height:450px;
		height:auto;
		}
	.contact,
	.artwork{width:544px;}
	p{margin:0;padding-bottom:1em;}
	
/* z-index
------------------------------*/
	#upperLeftDesign   {z-index:0;}
	#lowerRightDesign {z-index:1;}
	#content                   {z-index:2;}

/* Artwork
------------------------------*/
	.thumbNav{
		display:block;
		padding:0 15px .6em 0;
		color:#999;
		}
	.thumbNav span{
		color:#999;
		}
	.thumbNav a{
		text-decoration:none;
		color:#413004;
		}
	.thumbNav a:hover{
		color:#c27e33;
		}
	.artThumbLink{
		background:#fff;
		}
	.artThumbLink img{
		padding:7px;
		border:1px solid #b6b6b6;
		background:#fefefe;
		margin:0 10px 10px 0;
		}
	.home img,
	.fullsizeImage img{
		padding:7px;
		border:1px solid #b6b6b6;
		background:#fefefe;
		}

/* Post Stuff
------------------------------*/
	.news .post h2{ 
		margin-bottom:0;
		}
	.post h2 span{
		font-size: 70%;
		}
	.postDate{
		display:block;
		padding-bottom:1em;
		}
	.news .entry{
		width:450px;
		margin:0 auto;
		}
	.news .entry{
		text-align:justify;
		}
	.resumeYear{
		padding-right:.5em;
		}
		
/* Form Stuff
------------------------------*/
	label{
		display:block;
		font-weight:bold;
		color:#413004;
		padding:.7em 0 .35em;
		}
	input, textarea{border:1px solid #ccc;padding:.2em;}
	#contactForm div{width:20em;margin:0 auto;}
	#mfSubmit{
		border-width:0;
		background:transparent;
		color:#413004;
		font-weight:bold;
		}
	.contactTable{}
	.contactMessageRow label{vertical-align:top;}
	.right , .contactSendRow{text-align:right;}
	.formHighlightColor{background:#fff;}
	label.formOn{color:#c27e33;}
	label.formOff{color:#333333;}
	input.formOn,
	textarea.formOn{background:#f5fff8;}
	input.formOff,
	textarea.formOff{background:#fff;}

/* for Internet Explorer
-------------------------------*/
/*\*/
* html .artwork {
height: 450px;
}
/**/