@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------------------  */

/*	undo common browser defaults  */

	hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset
	{ margin:0; padding:0; border: none; }
	

	input
 	{margin: 0 0 1px 0;}

	/* whoever thought blue linked image borders were a good idea?               */
	a img,:link img,:visited img { border:none; }

	/* more varnish stripping as necessary...                                    */
	h1 span, h2 span, h3 span, h4 span {display:none; padding: 0px; margin: 0px;}
	
/* ----------------------------------------------------------------------------  */

.clear {
	clear:both;
	height:0px;
	width:0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-size:3em;
    letter-spacing: -1px;
}

A:link {text-decoration: none; color: #22617b;}
A:visited {text-decoration: none; color: #22617b;}
A:hover {text-decoration: underline; color: #c6c6c6;}
A:active {text-decoration: none; color: #22617b;}

.storytitle {font-size: 2em;}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	background: url(http://www.slyed.com/blog/wp-content/uploads/2009/02/slyedbg.gif) repeat fixed;
}

#main-container {
	margin: 20px auto 10px;
	height: auto;
	width: 918px;
	background: url(images/2009_13.jpg) repeat-y;
}
#nav {
	background: url(images/2009_03.jpg) repeat-x;
	height: 32px;
	width: 918px;
}
#nav ul {margin-top: 10px;}
#nav ul li {display:inline; font-size: 1.2em; padding: 0 20px 0 20px; text-transform:uppercase; font-weight:bold;}
#nav A:link {text-decoration: none; color: #ffffff;}
#nav A:visited {text-decoration: none; color: #ffffff;}
#nav A:hover {text-decoration: underline; color: #c2c2c2;}
#nav A:active {text-decoration: none; color: #ffffff;}

#bodytop {
	background: url(images/2009_06.jpg) repeat-x;
	height: 19px;
	width: 918px;
}
#body-container {
	height: auto;
	width: 918px;
}
#bodyleft {
	float: left;
	height: auto;
	width: 527px;
}
.bodypadding {
	color: #333333;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 2em;
}
.bodypadding p { margin-bottom: 10px;}

#bodymiddle {
	float: left;
	height: auto;
	width: 172px;
}
#bodymiddle h2, .storycontent h3, .storycontent h2, #comments {font-size: 1.8em;}
/*#bodymiddle ul ul {
	background: url(images/2009_10.jpg) no-repeat bottom;
	width: 175px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}*/
#bodymiddle ul li {margin-bottom: 5px; padding: 0 10px 0 5px;}
#bodymiddle ul, .storycontent ul {list-style:none;}
.storycontent ul {padding-right: 20px;}
.bodymiddleline {background: url(images/2009_10.jpg) no-repeat bottom; width: 175px; height: 5px;}

#bodyright {
	float: left;
	height: auto;
	width: 216px;
}
#bodyright p {padding: 0 10px 0 10px; font-size: 0.9em;}

#comment {width: 90%;}

#footer {
	background: url(images/2009_14.jpg);
	clear: both;
	height: 31px;
	width: 918px;
}
