/*
	Theme created by Ben Bruner of Web Spot Media Group (http://webspotmedia.com)
	Your are welcome to use on any of your projects.
	Enjoy!
	Thanks Ben! -- Boris	
*/

/* Colors 
Bright Green: #B0CB2E;
Main Fonts: "Tahoma", Arial;
*/

html
{
	background-color: #F3F3F3;
	background-image: url(imgs/page-bg.png);
	background-repeat: repeat-x;
	background-position:top;
}

#wrapper
{
	width: 950px;
	margin: 20px auto;
	padding: 0;
	font-family: "Tahoma", Arial;
	font-size: 16px;
}

#wrapper #wrapperInner
{
	padding: 0;
}

#heading
{
	clear:both;
	padding:0;
	margin:0;
}

#heading #headingInner
{
	padding: 0;
	margin:0;
}

#nav
{
	padding: 0 20px;
	background-color:#FFF;
	display:block;
}

#nav #navInner
{
	background-image: url(imgs/nav-bg.jpg);
	height: 59px;
	width: 100%;
}

#banner
{
	margin: 0;
	padding: 20px 20px 0 20px;
	background-color: #FFF;
}

#banner #bannerInner
{
	padding: 0;
}

#content 
{
	background-color:#FFF;
	padding: 20px 20px 20px 20px;
	clear:both;
	color: #666;
}

#content #contentInner
{
	padding:0;
	display:block;
}

#footer
{
	color: #FFF;
	padding: 20px;
	clear:both;
	background-image: url(imgs/footer-bg.jpg);
}

#footer #footerInner
{
	color: #FFF;
	width: 950px;
	margin: 0 auto;
}

#subFooter
{
	font-size: 12px;
	color: #000;
	padding: 10px 0;
}

#subFooter #subFooterInner
{
	width: 950px;
	margin: 0 auto;
}

/********* Create Columns *********/
.mainbodybg
{
	background-image: url(imgs/graybg1.png);
 	background-repeat: repeat-x;
	background-position: center bottom;
}
.mainBody
{
	width: 655px;
	float: left;
}

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

.sidebar
{
	width: 229px;
	float: right;
	padding:0;
}

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


/****** Font Selectors ********/
h1, h2, h3, h4 /* Apply To All */
{
	font-family: Trebuchet MS;
	margin: 0;
	padding: 5px 0;
}

.mainBody thead
{
	color: #B0CB2E;
}

.mainBody h1, .mainBody h2, .mainBody h3, .mainBody h4 /* All MainBody */
{
	font-weight:500;
	padding: 5px 0;
	letter-spacing: -2px;
	text-transform: uppercase;
}

.mainBody h1
{
	font-size: 28px;
	color: #B0CB2E;
}


.mainBody h2
{
	font-size: 20px;
}

.mainBody h3
{
	font-size: 18px;
}

.mainBody h4
{
	font-size: 18px;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 /* All Sidebar */
{
	color:#000;
	font-weight: 500;
	padding: 5px 0;
}

.sidebar h1
{
	font-size: 30px;
}

.sidebar h2
{
	font-size: 18px;
	text-transform:uppercase;
	color: #B0CB2E;
	letter-spacing: -2px;
}

.sidebar h3
{
	font-size: 16px;
}

.sidebar h4
{
	font-size: 14px;
}

strong
{
	font-weight: 600;
}

small
{
	font-size:10px;
}

p 
{
	margin: 5px 0;
}

/*** Links ***/
a
{
	color: #B0CB2E;
	text-decoration:none;
	cursor:pointer !important;
}

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

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

/*** Images ***/
img
{
	border: none;
}

/**** Clear Floats *****/
.clearContent
{
	clear:both;
}
.clearL
{
	clear:left;
}
.clearR
{
	clear:right;
}
.clear
{
	clear:both;
}

/** Licensing table CSS code from old site**/

div#contents table.list {
  border:1px solid #B0CB2E;
  margin:5px auto;
  width: 800px;
  position: relative;
  overflow: auto;
}
div#contents table.list thead tr {
  border-top:1px solid #CCC;
}
div#contents table.list th {
  font-weight:bold;
  text-align:left;
  padding:3px 5px;
}
div#contents table.list tr.even {
  background-color:#EEE;
}
div#contents table.list td {
  border-top:1px solid #CCC;
  padding:3px 5px;
}

div#contents table.list td.license {
  font-style:italic;
}
div#contents table.list tr.skinny {
}
div#contents table.list td.notes {
  padding-left:10px;
  border-top:none;
  padding-top:0;
  font-size:75%;
  color:#AAA;
}