/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Dark Lime #67cc0e,
 							Bright Lime #79ff03,
							Charcoal #222,
							Light Grey #CCC
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: "ITC Avant Garde Gothic","Avenir LT Std",Helvetica,Arial,sans-serif;
	color:#CCC;
	}
html{
	background:#333 url(../img/BGz.jpg) top left repeat-x;
	}
/***********************************************************
				BASIC LINKS
**********************************************************/
a {
color: #67cc0e; 
text-decoration: none;
}

a:hover {
color: #CCC; 
text-decoration: none;
}
/***********************************************************
				BASIC LAYOUT FRAMEWORK
**********************************************************/
body{
margin: 0 auto; /*Center on page*/
margin:0;
padding:0;
line-height: 1.5em;
background:#333 url(../img/BGz.jpg) top left repeat-x;
}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top: 15px;
}

#topsection{
height: 85px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

.logo { 
float: left;
}
.rightHead {
float: right;
text-align: right;
line-height: 1.4em;
font-size: 1.0em;
color: #CCC;
padding-right: 25px;
}

#mainnav {
height: 47px;
margin: 0 auto; /*Center container on page*/
margin-bottom: 20px;
display: block;
width: 960px;	
background: url(../img/menuBG.png) top left no-repeat;
}
/****************************************************************************
				MAIN IMAGE AREA
***************************************************************************/
#mainimage {
height: 285px;
margin-bottom: 20px;
background: url(../img/mainBG.png) top left no-repeat;
}
#mainimage h1 {
	text-indent: -9999px;
}
#bookimage {
height: 285px;
margin-bottom: 20px;
background: url(../img/bookImage.png) top left no-repeat;
}
#bookimage h1 {
	text-indent: -9999px;
}
#movieimage {
height: 285px;
margin-bottom: 20px;
background: url(../img/movieImage.png) top left no-repeat;
}
#movieimage h1 {
	text-indent: -9999px;
}
#contentwrapper{
float: left;
width: 100%;
margin-bottom: 20px;
}

#contentcolumn{
margin-right: 450px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

.contentinner {
padding: 0 20px 10px 10px;
font-size: 1.2em;
line-height: 1.5em;
}
.contentinner p {
padding-bottom: 1.0em;
}
.contentinner img {
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #000;
}

#leftcolumn{
float: left;
width: 240px; /*Width of left column in pixel*/
margin-left: -450px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
}

#rightcolumn{
float: left;
width: 210px; /*Width of right column in pixels*/
margin-left: -210px; /*Set margin to -RightColumnWidth*/
}
.rightcolinner {
margin: 0 0 10px 10px;
font-size: 1.0em;
}

#footer{
clear: left;
height: 100px;
width: 100%;
background: url(../img/logoFooter.png) top left no-repeat;
margin: 0 auto;
}
.footerLinks {
	float: right;
	text-align: right;
	margin-top: 60px;
}
.footerInfo {
	float: right;
	text-align: right;
	font-size: .9em;
	padding-bottom: 15px;
	margin-top: 10px;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
font-size: 1.1em;
}
/*******************************************************************
				END BASIC HTML FRAME
********************************************************************/
/*******************************************************************
				Right Column Comments
********************************************************************/
.recentComment {
background: url(../img/quotes.png) top left no-repeat;
border-bottom: 2px dashed #67cc0e;
}

.recentComment p {
text-indent: 30px;
padding-bottom: 5px;
}

.commentAuth {
font-style: italic;
padding: 5px 0 20px 0;
line-height: 1.2em;
color: #79ff03;
}

.company {
color: #67cc0e;
}

h3.commentsHead {
	height: 27px;
	text-indent: -9999px;
	background: url(../img/commentsHead.png) top left no-repeat;
	border-bottom: 1px dashed #67CC0E;
	margin-bottom: 5px;
}

/*******************************************************************
				HEADERS & Hilites for MAIN CONTENT AREA
********************************************************************/
h2.bookHead {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/bookHead.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
}
h2.moviesHead {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/moviesHead.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
}
h2.radioHead {
	height: 45px;
	text-indent: -9999px;
	background: url(../img/radioHead.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	}
h2.contributeHead {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/contributeHead.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	margin-top: -15px;
	}
h2.thanksHead {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/thanksHead.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	}
h2.contactHead {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/contactHead.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	}
h3.leaveComment {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/leaveComment.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin: 10px 0 10px 0;	
}
h3.discussion {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/discussion.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin: 10px 0 20px 0;	
}
.hilite {
	color: #67cc0e;
	font-style: italic;
}
h2 {
	color: #CCC;
	font-size: 1.4em;
	font-weight: 100;
}
h3 {
	color: #CCC;
	font-size: 1.2em;
	font-weight: 100;
}
h4 {
line-height: 25px;
color: #67CC0E;
font-size: 16px;
font-weight: 100;
}
h4.podcast {
line-height: 45px;
padding-left: 45px;
color: #67CC0E;
font-size: 16px;
font-weight: 100;
background: url(../img/podIcon.png) top left no-repeat;
}
h3.subscriptions {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/subscriptions.png) top left no-repeat;
	margin: 10px 0 5px 0;	
}
h5.radioBlog {
	padding-left: 35px;
	line-height: 35px;
	background: url(../img/podIcon2.png) top left no-repeat;
}
/*******************************************************************
				TOP NAVIGATION
********************************************************************/
#innernav {
	float: left;
	}
#innernav ul li {
	display:inline;
	}
#innernav li#home a {
	float: left;
	margin: 0;
	margin-left: 20px;
	background: url(../img/liHome.png) top left no-repeat;
	width: 120px;
	height: 48px;
	}
#innernav li#home a:hover {
	background: url(../img/liHome.png) 0 -49px no-repeat;
}
#innernav li#homeActive a {
	background: url(../img/liHome.png) 0 -49px no-repeat;
	float: left;
	margin: 0;
	width: 120px;
	height: 48px;
	margin-left: 20px;
}
#innernav li#books a {
	float: left;
	margin: 0;
	background: url(../img/liBooks.png) top left no-repeat;
	width: 120px;
	height: 48px;
	}
#innernav li#books a:hover {
	background: url(../img/liBooks.png) 0 -49px no-repeat;
}
#innernav li#booksActive a {
	background: url(../img/liBooks.png) 0 -49px no-repeat;
	float: left;
	margin: 0;
	width: 120px;
	height: 48px;
}
#innernav li#movies a {
	float: left;
	margin: 0;
	background: url(../img/liMovies.png) top left no-repeat;
	width: 120px;
	height: 48px;
	}
#innernav li#movies a:hover {
	background: url(../img/liMovies.png) 0 -49px no-repeat;
}
#innernav li#moviesActive a {
	background: url(../img/liMovies.png) 0 -49px no-repeat;
	float: left;
	margin: 0;
	width: 120px;
	height: 48px;
}
#innernav li#radio a {
	float: left;
	margin: 0;
	background: url(../img/liRadio.png) top left no-repeat;
	width: 120px;
	height: 48px;
	}
#innernav li#radio a:hover {
	background: url(../img/liRadio.png) 0 -49px no-repeat;
}
#innernav li#radioActive a {
	background: url(../img/liRadio.png) 0 -49px no-repeat;
	float: left;
	margin: 0;
	width: 120px;
	height: 48px;
}
#innernav li#contribute a {
	float: left;
	margin: 0;
	background: url(../img/liContribute.png) top left no-repeat;
	width: 120px;
	height: 48px;
	}
#innernav li#contribute a:hover {
	background: url(../img/liContribute.png) 0 -49px no-repeat;
}
#innernav li#contributeActive a {
	background: url(../img/liContribute.png) 0 -49px no-repeat;
	float: left;
	margin: 0;
	width: 120px;
	height: 48px;
}
#innernav li#contact a {
	float: left;
	margin: 0;
	background: url(../img/liContact.png) top left no-repeat;
	width: 120px;
	height: 48px;
	}
#innernav li#contact a:hover {
	background: url(../img/liContact.png) 0 -49px no-repeat;
}
#innernav li#contactActive a {
	background: url(../img/liContact.png) 0 -49px no-repeat;
	float: left;
	margin: 0;
	width: 120px;
	height: 48px;
}
#innernav li#rss a {
	float: left;
	margin: 0;
	background: url(../img/liRSS.png) top left no-repeat;
	width: 200px;
	height: 48px;
	}
#innernav li#rss a:hover {
	background: url(../img/liRSS.png) 0 -49px no-repeat;
}
#innernav li#rssActive a {
	background: url(../img/liRSS.png) 0 -49px no-repeat;
	float: left;
	margin: 0;
	width: 120px;
	height: 48px;
}
/*******************************************************************
				AUTHOR
********************************************************************/
.author {
	color: #67CC0E;
	font-style: italic;
	font-size: 14px;
}
/*******************************************************************
				BLOCK LeftCol LINKS
********************************************************************/
.block {
	font-size: 14px;
}
.block ul {
	margin-bottom: 10px;
}
.block ul li a {
	color: #67CC0E;
	padding-left: 12px;
	background: url(../img/arrow.png) top left no-repeat;
	line-height: 1em;
}
.block ul li a:hover {
	color: #CCC;
}
.block ul li.rss a {
	color: #67CC0E;
	padding-left: 20px;
	background: url(../img/rss_small.png) top left no-repeat;
	line-height: 1em;
}
.block ul li.rss a:hover {
	color: #CCC;
}
h3.leftColBooks {
	text-indent: -9999px;
	line-height: 30px;
	background: url(../img/leftColBooks.png) top left no-repeat;
}
h3.leftColMovies {
	text-indent: -9999px;
	line-height: 30px;
	background: url(../img/leftColMovies.png) top left no-repeat;
}
h3.leftColRadio {
	text-indent: -9999px;
	line-height: 30px;
	background: url(../img/leftColRadio.png) top left no-repeat;
	margin-bottom: 7px;
}
h3.leftColPolls {
	text-indent: -9999px;
	line-height: 30px;
	background: url(../img/leftColPolls.png) top left no-repeat;
	margin-bottom: 5px;
}
h2.searchHead {
	height: 30px;
	text-indent: -9999px;
	background: url(../img/searchHead.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	}
/*********************************************************************/
.feature {
	float: left;
	margin: 0 auto;
	text-align: center;
}
/*******************************************************************
				BLOCK LeftCol LINKS
********************************************************************/
h4.recentBooks {
	text-indent: -9999px;
	line-height: 32px;
	background: url(../img/recentBooks.png) top left no-repeat;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC;
}
h4.recentMovies {
	text-indent: -9999px;
	line-height: 32px;
	background: url(../img/recentMovies.png) top left no-repeat;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC;
}
/**********************************************************************
  			BOOK SECTION - AMAZON SECTION
*********************************************************************/
.amazon {
	padding: 5px;
	background: url(../img/amazonBG.jpg) top left repeat-x;
	border: 1px solid #333;
	color: #222;
	padding-left: 140px;
}
.amazon a {
	color: #59049A;
}
.amazon a:hover {
	color: #222;
}
/**********************************************************************
  			poll.css - stylesheet settings for poll snippets 
*********************************************************************/
	/*  poll.css - stylesheet settings for poll snippets */

.poll {
  width:100%;
  font-size:1em;
  margin:0;
  padding:0;
}
.poll_container {
  width:400px;
  color:#CCC;
  padding-top:0.5em;
  padding-bottom:0.5em;
  margin-left:auto;
  margin-right:auto;
}
.poll_question {
  width:100%;
  text-align:center;
  color: #67CC0E;
  font-size: 1.2em;
  font-weight: bold;
}
.poll_row_container {
  width:100%;
  padding:.1em 0;
}
.poll_choice {
  width:40%;
  float:left;
  text-align:left;
  padding-left:0em;
  font-size: 14px;
}
.poll_votes {
  width:10%;
  float:left;
  padding-right:.5em;
  text-align:right;
  font-size: 14px;
}
.poll_bar_container {
  width:30%;
  height:.98em;
  background-color:#c6c981;
  border:1px solid black;
  float:left;
  margin:.1em;
}
.poll_bar {
  height:.98em;
  background-color:#FF3366;
  float:left;
  margin:0;
  padding:0;
}
.poll_percent {
  text-align:right;
  padding-right:1em;
  margin-left:auto;
  margin-right:auto;
  font-size: 14px;
}
.poll_totalvotes {
  width:45%;
  text-align:right;
  font-size: 14px;
}
.float_left_text_right {
  width:200px;
  float:left;
  text-align:left;
  margin:0;
  padding:0;
}
.float_right_text_left {
  width:50px;
  float:right;
  text-align:left;
  margin:0;
  padding:0;
}
.space_line {
  clear: both; margin: 0; padding: 0; width: 90%;
}
.vote {
	padding: 4px;
	background:  url(../img/amazonBG2.jpg) top left repeat-x;
	color: #222;
	border: 1px solid #222;
	margin-right: 10px;
}
/* END - poll.css */

/******************************************************************
				SEARCH FORM
******************************************************************/
#sitesearch {
	margin-bottom: 10px;
}
.FSF_input {
	width: 150px;
	background: #666;
	border: 1px solid #222;
	color: #CCC;
	padding: 4px;
}
.FSF_submit {
	padding: 3px;
	background: url(../img/amazonBG2.jpg) top left repeat-x;
	color: #222;
	border: 1px solid #222;
}
/*******************************************************************
				NEWSLETTER
********************************************************************/
.newsletterField {
	background: #666;
	border: 1px solid #222;
	color: #CCC;
	padding: 4px;
}
.newsletterSubmit {
	padding: 3px;
	background: url(../img/amazonBG2.jpg) top left repeat-x;
	color: #222;
	border: 1px solid #222;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/
#cfName {
	background: #666;
	border: 1px solid #222;
	color: #CCC;
	padding: 4px;
	width: 185px;
}
#cfEmail {
	background: #666;
	border: 1px solid #222;
	color: #CCC;
	padding: 4px;
	width: 185px;
}
#cfMessage {
	background: #666;
	border: 1px solid #222;
	color: #CCC;
	padding: 4px;
	width: 350px;
}
#cfRegarding {
	background: #666;
	border: 1px solid #222;
	color: #FFF;
	padding: 5px;
	width: 185px;
}
#cfContact {
	padding: 5px 3px;
	background: url(../img/amazonBG2.jpg) top left repeat-x;
	color: #222;
	border: 1px solid #222;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	margin-bottom: 20px;
}
/*******************************************************************
				FRONT PAGE USER
********************************************************************/
.user {
	width: 318px;
	float: left;
	font-size: 1.1em;
}
.userInner {
	padding: 12px;
}
.userInner img {
	float: left;
	border: 1px solid #111;
	margin: 5px 5px 5px 0;
}
h2.booksUser {
	height: 35px;
	text-indent: -9999px;
	background: url(../img/booksUser.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	}
h2.moviesUser {
	height: 35px;
	text-indent: -9999px;
	background: url(../img/moviesUser.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	}
h2.podcastUser {
	height: 35px;
	text-indent: -9999px;
	background: url(../img/podcastUser.png) top left no-repeat;
	border-bottom: 2px dashed #67CC0E;
	margin-bottom: 10px;
	}
h5 {
	font-size: 16px;
	font-weight: 100;
	color: #79ff03;
}
h5 a {
	color: #79ff03;
}