/*	
	SpikeCast Custom CSS
	SpikeCast Main Page
	Author(s): M. J. Magee
	Date: 19.10.07
	Version: 1.0
	www.e-scape.co.uk
	
	Change Log:

*/

/* Standards */
	body { background: url(../img/main_bg.jpg) repeat-x #343434; }



/* Main Body */
	#left-dropshadow { width: 15px; height: 491px; background: url(../img/left_dropshadow.jpg); float: left; }
	#main { float: left; }
	#right-dropshadow { width: 15px; height: 491px; background: url(../img/right_dropshadow.jpg) 0 0; float: left; }
	


/* Header */
	#colour-bar { background: #676767; }
	#header { min-height: 104px; background: url(../img/header_bg.jpg) repeat-x #FFFFFF; position: relative; }
	#header h1 { width: 266px; /*float: none; position: absolute; top: 0px; left: 324px;*/ }
	#header h1 a { width: 266px; height: 104px; background: url(../img/logo.jpg) no-repeat; display: block;  position: absolute; top: 0px; left: 324px; }
	#corporate #header h1 a { background: url(../img/corp-logo.jpg) no-repeat; }
	/*#header h2 { float: right; font-size: 130%; color: #333333; margin: 18px 20px 0 80px; }
	#header p { width: 245px; height: 23px; background: url(../img/strapline.jpg) no-repeat; margin: 20px 0 0 80px; float: left; }*/
	#header p.loggedin { color: #333333; }
	#header p.loggedin a { color: #333333; }
	
	
	
/* Content */
	#content { background: url(../img/content_bg.jpg) no-repeat #cc2225; padding: 10px 0 0 0; }
	#content h2 { font-size: 150%; position: relative; color: #FFFFFF; padding: 0 0 2px 0; border-bottom: 1px solid #916051; display: block; }
	#content h2 span { position: absolute; top: 0px;  display: block; }
	#content h2:before { padding: 1px; content: attr(title); color: #000000; display: block; } 
	#content p { line-height: 18px; font-size: 80%; color: #fffdff; padding: 16px 0 0 0; }
	#content #col-1 { width: 173px; text-align: left; padding: 5px 12px 0 22px; } 
	#content #col-2 { width: 505px; } 
	#content #col-3 { width: 173px; text-align: left; padding: 0 17px 0 12px; }
	#content #col-3 h2 { font-size: 120%; }
	#content #col-3 dl { margin: 10px 0 0 0; }
	#content dl dt { color: #ffcd34; }
	#content dl dd { color: #fffffd; }
	#content dl dd strong { font-weight: normal; }
	#content p.register { margin: 12px 0 0 0; padding: 12px 0 0 0; border-top: 1px solid #916051; }
	#content p.register a { width: 173px; height: 59px; background: url(../img/buttons/button_register.png) no-repeat; display: block; }
	#content p.upload { margin: 12px 0 0 0; padding: 12px 0 0 0; border-top: 1px solid #916051; }
	#content #col-3 p.upload { margin-top: 8px; padding-top: 6px; }
	#content p.upload a { width: 173px; height: 59px; background: url(../img/buttons/button_upload.png) no-repeat; display: block; }
	#content p.interest { margin: 12px 0 0 0; padding: 12px 0 0 0; border-top: 1px solid #916051; }
	#content p.interest a { width: 173px; height: 59px; background: url(../img/buttons/button_interest.png) no-repeat; display: block; }

	#content #col-3 a.banner img { max-width: 173px; margin: 10px auto 0 auto; text-align: center; }
	#content #col-3 a.first-item img { margin-top: 0px; }
	
	#content #col-3 .login-top { width: 173px; height: 11px; background: url(../img/buttons/form_top.png) no-repeat; margin-top: 6px; display: block; }
	#content #col-3 dl.login { width: 157px; background: #d2a34e; margin: 0px; padding: 0 5px; border-right: 3px solid #721a19; border-left: 3px solid #721a19; }
	#content #col-3 dl.login dt { width: 65px; float: left; margin: 3px 0 4px 0; padding: 0px; font-size: 70%; color: #010000; border-top: 0px; }
	#content #col-3 dl.login dt label { font-weight: bold; }
	#content #col-3 dl.login dd { width: 75px; float: left; margin: 0 0 4px 0; padding: 0 0 0 5px; }
	#content #col-3 dl.login dd input { width: 75px; height: 16px; font-size: 80%; border: 1px solid; border-top-color: #8e8e8e; border-right-color: #c2c2c2; border-bottom-color: #c9c9c9; border-left-color: #c3c3c3; color: #010000; }
	#content #col-3 dl.login dt.clear { clear: both; width: 100%; height: 1px; float: none; margin: 0px; }
	#content #col-3 .login-bottom a { width: 173px; height: 48px; background: url(../img/buttons/form_bottom.png) no-repeat; display: block; }
	#content #col-3 p.email-to-friend a { width: 173px; height: 59px; background: url(../img/buttons/button_email.png) no-repeat; display: block; }
	#content #col-3 p.report { margin-top: 0px; padding-top: 5px; font-size: 80%; }
	#content #col-3 p.report a { color: #ffcd34; text-decoration: underline; font-weight: bold; }
	#content #col-3 p.report a:hover { text-decoration: none; }
	
	
	
/* Form and Static Text*/
	#content.form { min-height: 362px; background: #FFFFFF; padding-bottom: 10px; text-align: left; }
	#content.statictext { min-height: 362px; background: #FFFFFF; padding-bottom: 10px; text-align: left; }
	#content.statictext h3, #content .statictext h3 { margin: 10px 0 10px 20px; color: #343233; font-size: 80%; }
	#content.form h2, #content.statictext h2 { position: static; margin: 0 0 0 20px; text-align: left; color: #ed1b28; border-bottom: 0px; }
	#content.form h2.form { margin: 20px 20px 0 20px; text-align: left; font-size: 100%; color: #343233; border-bottom: 1px solid #ababab; }
	#content.form p, #content.statictext p, #content.statictext address { margin: 5px 20px 0 20px; padding: 0px; color: #333333; }
	#content.form dl dt { color: #343233; border-top: 0px; }
	#content.form dl dd { color: #ababab; }
	#content.form .sign-in p a, #content.statictext a { color: #ed1b28; text-decoration: underline; }
	#content.form .sign-in p a:hover, #content.statictext a:hover { text-decoration: none; }

	#content.statictext ul, #content .statictext ul { margin: 5px 0 0 35px; list-style: disc; }
	#content.statictext ol, #content .statictext ol { margin: 5px 0 0 40px; list-style: decimal; }
	#content.statictext ul li, #content.statictext ol li, #content .statictext ul li, #content .statictext ol li { color: #333333; }
	
	#content a#button-how { width: 173px; height: 59px; background: url(../img/buttons/button-how.png) no-repeat; margin: 15px 0 0 0; float: right; display: block; }
	


/* Tabs */
	ul#contenttabs { background: url(../../img/contenttabs_shadow.png) repeat-x 0 100% #FFFFFF; }
	ul#contenttabs li a { background: url(../img/tabs_bg.jpg) repeat-x #e1dfe0; color: #343434; border-color: #251f21; }
	ul#contenttabs li a:hover, ul#contenttabs li.selected a { background: url(../../img/contenttabs_bg_selected.jpg) repeat-x #f3f3f5; color: #ed1b24; border-bottom-color: #f3f3f5; }
	ul#contenttabs li a.last-item { border-right-color: #251f21; }
	
	
	
/* Carousel */
	div#video-content .news_slider .container .featured h3 a { color: #FF0000; }
	
	

/* Page Text */
	#page-text { background: url(../../img/content_bg.jpg) repeat-x #FFFFFF; border-color: #231f20; }
	#main div.content p a { background: url(../img/arrow_red.gif) no-repeat 0 5px; color: #ec2127; font-weight: bold; text-decoration: none; padding: 0 0 0 11px; }
	#main div.content p a:hover { text-decoration: underline; }
	#page-text a.register:hover { color: #ec2127; }
	#main div.page-text-wrapper p.logged-in-msg a { color: #ec2127; text-decoration: underline; }
	#main div.page-text-wrapper p.logged-in-msg a:hover { text-decoration: none; }
	
	#main div.content table, #main div.content table tr th, #main div.content table tr td { border: 1px solid #3e3e3e; }
	#main div.content table tr th:hover, #main div.content table tr td:hover { background: #e0e0e0; }
	
	
	
/* Search Page */
	#content.statictext .container .featured h3, #content.statictext .container .featured h3 a { color: #ec2127;}
	#content.statictext ul.search-list { color: #343233; }
	#content.statictext ul.search-list li a { color: #ec2127; }
	
	
	
/* Footer */
	#footer li a { background: url(../../img/footer_li_divider.jpg) no-repeat 0 50%; color: #FFFFFF; }
	#footer p.right, #footer p.right a { color: #989898;  }
	#footer p.copyright { color: #979797; }