/**
 * AUTHOR:			Erwin Aligam
 * WEBSITE:			http://www.styleshout.com/
 * TEMPLATE NAME:	Underground
 * TEMPLATE CODE:	S-0006
 * VERSION:			1.1
 *  
 * Some modifications made by Dave to remove the dependence on H1 elements
 * also added several missing definitions and various other custom classes
 * needed for ratings etc.
 */
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin: 0;	padding: 0; }

body {
	margin: 0; padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFF url(/themes/underground/images/bg.gif) repeat-x;
}

/* links */
a { color: #336699; background-color: inherit; font-weight: bold; text-decoration: none; }
a:hover { color: #CC0001; background-color: inherit; text-decoration: underline; }

/* headers */
h1, h2, h3 { font-family: Arial, 'Trebuchet MS', Sans-Serif; font-weight: bold; color: #333; }
h1 { font-size: 120%; letter-spacing: .5px; }
h2 { font-size: 115%; text-transform: uppercase; }
h3 { font-size: 115%; color: #003366; }

/* images */
img { border: 2px solid #CCC; }
img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }

h1, h2, h3, p { padding: 0; margin: 10px; }
ul, ol { margin: 10px 20px; padding: 0 20px; }

code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 4px solid #6699cc;
}
acronym { cursor: help; border-bottom: 1px solid #777; }
blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;
  	background: #FAFAFA url(/themes/underground/images/quote.gif) no-repeat 5px 10px !important;
	background-position: 8px 10px;
	border: 1px solid #f2f2f2;
	border-left: 4px solid #6699cc;
	font-weight: bold;
}

/* form elements */
form { margin: 10px; padding: 0 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA; }
fieldset { padding: 5px; border-color: #000000; border-width: 1px 0 0 0; border-style: solid none none none; }
fieldset legend { font-size: 105%; margin: 4px; padding: 5px; font-weight: bold; }
label { display: block; font-weight: bold; margin: 5px 0; }
input, select { padding: 2px; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color: #777; }
textarea { width:400px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; }
input.button { margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #CCC; padding: 2px 5px 2px 5px; background: #FFF; color: #6699cc; }
/* search form */
form.search { position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; border: none; background-color: transparent; vertical-align: middle; }
form.search input.textbox { margin: 0; width: 180px; height: 16px; border: 1px solid #CCC; background: #FFF; color: #333; vertical-align: middle; }
form.search input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC; 
	background: #FFFFFF url(/themes/underground/images/headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-weight: bold; 
	height: 23px;
	color: #333;
	width: 60px;
}
form.search input.searchIcon { vertical-align: middle; }

/**********************************
  LAYOUT 
***********************************/
#wrap { margin: 0 auto; width: 780px; }

/* header */
#header { position: relative; margin: 0; padding: 0; height: 60px; }
#header span#slogan { z-index: 3; position: absolute; left: 3px; bottom: 7px; font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif; color: #FFF; }
#header-logo { position: relative; clear: both; height: 50px; margin: 0; padding: 0; }
#header-logo #logo { position: absolute; top: 3px; left: 5px; font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif; margin: 0; padding: 0; letter-spacing: -1px; color: #000; }
#header-logo #logo span { color: #6699cc; }

/* navigation tabs */
#header ul { position: absolute; margin: 0; list-style: none; right: -18px ; bottom: 3px; font: bold 13px 'Trebuchet MS', Arial, Sans-serif; }
#header li { display: inline; margin: 0; padding: 0; }
#header a { float: left; background: url(/themes/underground/images/tableft.gif) no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#header a span { float: left; display: block; background: url(/themes/underground/images/tabright.gif) no-repeat right top; padding: 5px 15px 4px 6px; color: #FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span { float: none; }
/* End IE5-Mac hack */
#header a:hover span { color: #FFF; }
#header a:hover { background-position:0% -42px; }
#header a:hover span { background-position:100% -42px; }
#header #current a { background-position:0% -42px; }
#header #current a span { background-position:100% -42px; }

/* main column */
#main { float: right; margin: 0; padding: 0; width: 545px; }
#main h1 { margin: 10px 0; padding: 4px 0 4px 8px; color: #FFF; text-transform: uppercase; background-color: #6699cc; letter-spacing: .5px; }
#main h2, #main h3 { border-bottom: 1px solid #000; }

/* sidebar */
#sidebar { float: left; width: 220px; margin: 0; padding: 0; background-color: #FFFFFF; }
#sidebar div.title { margin: 10px 0 0 0; padding: 4px 0 4px 8px; font: bold 105% Arial, Sans-Serif; color: #FFF; text-transform: uppercase; background: #333; letter-spacing: 1px; }
#sidebar .left-box { border: 1px solid #EBEBEB; margin: 0 0 5px 0; background: #FFF; }
#sidebar ul.sidemenu { list-style: none; text-align: left; margin: 3px 0px 8px 0; padding: 0; text-decoration: none; }
#sidebar ul.sidemenu li { border-bottom: 1px solid #f2f2f2; background: url(/themes/underground/images/bullet.gif) no-repeat 3px 2px; padding: 3px 5px 3px 25px; margin: 0; }
#sidebar ul.sidemenu a { font-weight: bolder; padding: 3px 0px; background: none; }
#sidebar dl dt { font-weight: bold; margin: 5px; border-bottom: 1px solid #6699cc; }
#sidebar dl dd { font-style: italic; margin: 5px; }

/* footer */
.footer {
	clear: both;
	border-top: 1px solid #f2f2f2;
	background: #FFF url(/themes/underground/images/footerbg.gif) repeat-x;
	padding: 2px 0 2px 0;
	text-align: center;
	line-height: 1.5em;
	font-size: 95%;
}
.footer a { text-decoration: none; font-weight: bold; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-centre { text-align: center; }
.valign-bottom { vertical-align: bottom; }
.valign-middle { vertical-align: middle; }
.valign-top { vertical-align: top; }
#main .float-left { margin-left: 10px; }
.dvdSummary img.float-left { margin-right: 20px; }

/* display and additional classes  */
.clear { clear: both; }
.poster { font-weight: normal; }
.comments { margin: 5px 10px 5px 10px; padding: 3px 0; border-bottom: 1px dashed #999; /*#EFF0F1*/; border-top: 1px dashed #EFF0F1; }
.icons { margin: 5px 10px 5px 10px; padding: 3px 0; }
.icons img { border: 0px; }
.icon { width: 16px; height: 16px; border: 0px; vertical-align: middle; padding: 0px; margin: 0px 5px 0px 0px; }
.pagingTop { border-bottom: 2px solid #000; }
.pagingBottom { border-top: 2px solid #000; }
.tbAlt { background-color: #cdcdcd; }
.captcha { border: 1px solid #ccc; }
.commentDate { color: #6699cc; }
.dvdCoverImage { width: 90px; height: 130px; border: 1px solid #ccc; border-right: 2px solid #666; border-bottom: 2px solid #666; }
table.dvdAdditionalInfo { margin: 9px; width: 97%; }
table.dvdAdditionalInfo thead { background-color: #6699cc; color: #fff; }
table.dvdAdditionalInfo thead th { text-align: left; padding: 3px 5px 3px 5px; }
table.dvdAdditionalInfo thead th.tbMain { width: 70%; }
table.dvdAdditionalInfo tbody { background-color: #ededed; }
table.dvdAdditionalInfo tbody td { vertical-align: top; padding: 3px; }

div#dvdRating.ratingContainer { background: none; margin-top: 10px; margin-left: 65px; }
div#dvdRating.ratingContainer a { float: left; display: block; width: 16px; height: 16px; border: 0; background-image: url("/themes/underground/images/rating.png"); background-color: #fff; }
div#dvdRating.ratingContainer a:hover { background-color: transparent; }
div#dvdRating.ratingContainer a.rating_off { background-position: 0 0px; }
div#dvdRating.ratingContainer a.rating_half { background-position: 0 -16px; }
div#dvdRating.ratingContainer a.rating_on { background-position: 0 -32px; }
div#dvdRating.ratingContainer a.rating_selected { background-position: 0 -48px; }

dl.commentForm dt { font-weight: bold; }
dl.commentForm dd { margin-bottom: 10px; }
#main form#ajaxFormData p { margin: 0px 0px 5px 0px; }

div.formError h3 { background-color: #f00; color: #fff; padding: 2px; padding-left: 5px; }

form#dvdSearch div, form#ajaxFormData div { clear: left; display: block; margin: 5px 0 0 0; padding: 1px 3px; }
form#dvdSearch div label, form#ajaxFormData div label { display: block; float: left; width: 100px; padding: 3px 5px; margin: 0 0 5px 0; text-align: left; }
form#dvdSearch div label em, form#ajaxFormData div label em { font-weight: normal; }
form#dvdSearch div input, form#ajaxFormData div input { width: 200px; }
form#dvdSearch div input.short, form#ajaxFormData div input.short { width: 80px; }
form#dvdSearch div textarea, form#ajaxFormData div textarea { width: 350px; }
form#dvdSearch fieldset.options { border: 1px solid #666; }
div.dvdSearchPagingContainer { height: 16px; }
img.searchResultTableIcon { width: 24px; height: 24px; border: 0px; vertical-align: middle; }
div.searchResultsGrid { clear: both; margin-left: 15px; margin-right: 10px; }
div.gridItem { float: left; margin: 5px; }
div.gridItem img { border-right: 2px solid #666; border-bottom: 2px solid #666; }
.searchToggle { cursor: pointer; padding: 5px 20px 5px 5px; color: #336699; background: transparent url(/themes/shared/icons/bullet_arrow_up.png) no-repeat right; }
.searchToggleUp { background: transparent url(/themes/shared/icons/bullet_arrow_up.png) no-repeat right; }
.searchToggleDown { background: transparent url(/themes/shared/icons/bullet_arrow_down.png) no-repeat right; }