/*  
Theme Name: Reactor Template
Description: This is the Reactor blog theme.
Version: 1.0
Author: Jenn Dunk

*/

html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

/*
Nav
*/

#navBg{
	width: 100%;
	height: 86px;
	background-image: url(http://www.reactorart.com/images/pageImages/nav/blackBar.jpg);
	background-repeat: repeat-x;
}
#nav{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#reactorLogo{
	margin-top: 13px;
}
#nav ul{
	display: inline;
	list-style-type: none;
	position: absolute;
	top: 47px;
	width: 641px;
	padding-left: 0px;
	margin-left: 0px;
	text-align: right;
	margin-top: 0px;
	padding-top: 0px;
}

#nav ul li{
	display: inline;
	margin-left: 25px;
}

#nav ul li a:link, #nav ul li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#nav ul li img{
	margin-right: 5px;
	margin-bottom: -1px;
}

/*
Content
*/			

#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	height: auto;
}

html>body #container {
	height: auto;
}

#content{
	position: relative;
	width: 800px;
	height: 100%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	padding: 0px;
}
#copyright{
	display: block;
	position: relative;
	height: 20px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*
Subnav
*/
#subnav a:link, #subnav a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
#subnav a:hover, #subnav a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: underline;
}
#subnav .line{
	padding-right: 5px;
	padding-left: 5px;
}


/*
Blog
*/

#blogLeft{
	position: relative;
	width: 560px;
	top: 0px;
	float: left;
	padding-right: 10px;
}



#blogRight{
	top: 0px;
	left: 0px;
	width: 160px;
	float: right;
}



a:link, a:visited{
	color: #000;
	text-decoration: none;
	
}

a:hover, a:active{
	text-decoration: underline;
}

h1, h2 {
	font-size: 19px;
	color: #000;
		padding: 0px;
	margin: 0;
	}
	
	
	small{
		margin: 0px;
		padding: 0px;
		line-height: 1;
	font-size: 11px;
	}
	
	.entry{
		margin: 0px;
		padding: 0px;
	}
	.postmetadata{
	font-size: 11px;
	}
	
	.navigation{
		padding-bottom: 15px;
	}
	
	.rule{
		margin-top: 25px;
		margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	}
	
/*
Sidebar
*/
	
#blogRight {
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
	#blogRight h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	}
	
#blogRight ul ul li:before {
	content: "\00BB \0020";
	}
	
	
	#blogRight ul, #blogRight ul ol {
	margin: 0;
	padding: 0;
	}

#blogRight ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#blogRight ul p, #blogRight ul select {
	margin: 5px 0 8px;
	}

#blogRight ul ul, #blogRight ul ol {
	margin: 5px 0 0 10px;
	}

#blogRight ul ul ul, #blogRight ul ol {
	margin: 0 0 0 10px;
	}

ol li, #blogRight ul ol li {
	list-style: decimal outside;
	}

#blogRight ul ul li, #blogRight ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

ul ul li {
	margin-left: 0px;
	padding-left: 10px;
	text-indent: -10px;
	}
	
	input, textarea
 {
 	border: #ddd 1px solid;
 	background-color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
 	font-size:1em;
 	font-weight: normal;
 }
 
 .aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}