/*! Jack Johnson
* screen.css
* Styling used by all templates
* Author: Ben Heppenstall, HyperlaunchDMG
* Date: 24-09-2009
* v.1.0*/


/*! --- Generic styling --- */
* {margin:0; padding:0;}
body {color:#fff; font:12px Arial, sans-serif; text-align:left; background:url(../images/pagebg.gif) top center repeat-y #000;}
img, fieldset {border:0;}
h1 {}
h2 {font-size:30px;  text-transform:uppercase; }
h3{ font-size:16px; font-weight:bold; text-decoration:underline}
h3 a{ color:#333;}
h3 a:hover{color:#FFFFFF; }
h4 { font-size:16px; font-weight:bold;}
h3.strong {font-weight:bold;}
p {margin-bottom:11px;}
ul li{ list-style-type:none}

a {color:#ffffff; text-decoration:underline; outline:none}
a:hover, a:active {color:#aaaaaa;}

dl {}
dt {}
dd {}

h1 span, h2 span {display:none;}
h1 {padding-bottom:20px;}
h2 {padding-bottom:10px;}
h3 {padding-bottom:10px;}
h4 {padding-bottom:10px;}

input.text, textarea, select {font-size:12px;font-family:arial, sans-serif;background-color:#000000; color:#FFFFFF;}
input.text, textarea {border:1px solid #444;padding:2px;width:200px; background-color:#000000; color:#FFFFFF;}
textarea {width:auto; background-color:#000000; color:#FFFFFF;}
select#country {width:155px;}
input.submit,
button {background:#000000;color:#ffffff;padding:2px 4px;border:0;font:bold 12px arial,sans-serif;
	text-transform:uppercase;cursor:pointer;}
	input.submit:hover,
	button:hover {background:#000;}
input[type=radio] {position:relative;top:2px;}
input.skinned{background-color:#000000; color:#FFFFFF; border:1px solid #444444;}

/*! --- Utility classes --- */
.tr {text-align:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.unicode {font-family:'arial unicode ms','lucida sans unicode',arial,sans-serif;}
.fl {float:left;}
.fr {float:right;}
.hide {position:absolute;left:-999em;}
.void {display:none;visibility:hidden;}
.cf:after, .li-cf li:after, .column-1-inner:after {content:'.';display:block;font-size:0;height:0;clear:both;visibility:hidden;}
.cf, .li-cf li, .column-1-inner {zoom:1;}

.floater{clear:both; line-height:0px; height:0px; font-size:0px; display:block}

.right{ float:right}
.left{ float:left}
.clear{clear:both; padding-top:10px}
/*! --- Layout --- */
#shell{ width:940px; margin:0 auto; position:relative; font-family:Arial, Helvetica, sans-serif; background:#000}

#header {margin:0; width:940px; height:140px; position:relative;}
	#header h1{ text-indent:-9999px; background:url(../images/header.gif) no-repeat; width:440px; height:110px; margin:10px 0 0 250px }
	#signupbutton{ position:absolute; top:20px; right:0px}

#leftcol {position:relative; float:left; display:inline;  width:500px; text-align:left;}
	#leftcol #title1{ text-indent:-9999px; background:url(../images/jacksnewcd.gif)  no-repeat; width:457px; height:24px; margin-bottom:5px}
	#leftcol #title2{ background:url(../images/buynow_dvd.gif)  no-repeat; width:178px; height:25px; margin-bottom:5px}
	#leftcol #title3{ background:url(../images/buynow_cd.gif)  no-repeat; width:162px; height:25px; margin-bottom:5px}
	#packshot{ float:left; margin-right:10px}
	#widget{ float:left; margin-right:10px; width:300px; height:200px; background:#333333}

	#leftcol #title2 span, #leftcol #title3 span{
		display:none;
	}
	
#rightcol {position:relative; float:right; display:inline; margin:0 0 0 20px; width:410px; text-align:left; border:1px solid #fff}
	.right_panel{ margin-bottom:12px}
	#search{ background:url(../images/common/searchbg.gif) no-repeat; width:300px; height:44px}
	.right_panel_list li{ list-style:none; padding:5px 0; border-bottom:1px dotted #AE9A84;; margin:5px 0}
	.right_panel_list li a{ text-decoration:none}
	.mpu{ border:1px solid #ddd}

.section_title{}
	.section_title h2{ color:#000; padding-bottom:5px}
	
.newsitem{border-bottom:1px solid #ae9a84; margin-bottom:12px}
	.content{padding:0 0 20px 0;}
	.links{padding:0 0 20px 0; }
	.newsitem h3{}
	.icon{ float:right; margin:0 0 10px 10px}
	.thumb{ float:left; margin:0  10px 10px 0}
	a.moreinfo { text-decoration:none}

.pager{ text-align:center; font-size:12px; color:#444444; padding-top:20px; clear:both;}
.pager a{ text-decoration:underline;  font-weight:bold;}
.pager .active{color:#000}
.subnav {font-size:16px; border-bottom:2px solid #2f2819; padding-bottom:10px}
.subnav a{ text-decoration:none}
#footer {clear:both; margin:50px auto 0; height:26px; color:#fff; font-size:11px; padding-top:10px; background:url(../images/common/foot_logos.gif) right no-repeat; text-align:left}

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

.comment{ }
#comments {margin:0;}
	#comments form {border-bottom:1px dotted #503927; border-top:1px dotted #503927; padding:8px 0 8px;} 
	
	#comment_content{ width:363px; height:70px; background-color:#000000; color:#FFFFFF;}

.form_box{background-color:#232323; border: solid 1px #8B8B8B; padding:10px;}

.list-comments {padding:1em 0; list-style:none; padding-left:0 !important; clear:both}
	.list-comments li {padding:10px 0;color:#fff; clear:both;}
	.list-comments li.first {border-top:0;}
	.list-comments {font-size:11px;}
	.list-comments p.comment-meta {color:#fff; padding-bottom:5px; clear:both;}
	
.misc_small{color:#916135; clear:both; padding:10px 0 0; text-decoration:none; font-size:12px; padding-bottom:10px;}
	.misc_small a {color:#916135;}
	
.review{display:none}

#player{ position:absolute; top:20px;left:0px; }

/*MAIN NAV*/

#nav{ position:absolute; top:330px; width:940px; text-align:center; font:18px bold; color:#ff4200; text-transform:uppercase}

/*LOGIN*/
#f-login { margin-top:10px;}/*padding-top:10px;border-top:1px dotted #AE9A84;*/
#f-login label{float:left; width:70px; clear:left;margin-bottom:10px}
#f-login input{ float:left; margin-bottom:10px}
#f-login .submit{ clear:left; margin-left:70px}
#f-login #f-login-forgotten-password{ float:left;margin:5px 0 0 20px}

.logout-form{ margin-bottom:10px}
/* SEARCH PANEL */
.searchPanelHeader {width:148px; height:13px;}
.searchPanelContent { width:148px;}
.searchPanelFooter { width:148px; height:16px;}

#searchNewsContent { border-bottom:1px solid #4393a4; padding-bottom:20px; margin-bottom:20px; }


.date { font-size:14px;padding-top:0px;color:#2f281f;font-weight:bold;margin-bottom:0px; font-style:italic;} 


.home {width:436px; height:60px;}
#homeHeaderContent {padding-top:12px }
#homeHeaderContent h3 span {display:hidden; }
#homeHeaderContent h3 { display:inline; }

.gallery-thumbs {margin-right:-15px;list-style:none;}
	.gallery-thumbs li {float:left;margin-right:15px;padding-bottom:10px;}


.live-date-item { 
	clear:both;
	padding-bottom:10px;*/
	margin-bottom:10px;
	font-size:12px;
}
.live-date-item h3{ font-size:16px; padding-bottom:5px}
.live-date-item h4{ font-size:15px; padding-bottom:5px}

.live-date-item .generic-button {
	float:right;
	margin-top:5px;

}

.generic-button {
	padding:0px;
	text-decoration:none;
	font-weight:bold;
	color:#E64913;
	font-size:18px;
	white-space: nowrap;
	
	font-style:italic
}



.promo {
	
	width:312px; 
	height:34px;
}

.promoLink { 
	position:relative;
	width:148px;
	_width:130px;
	height:32px;
	float:right;
	text-align:center;
	margin-right:6px;
	padding-top:8px;
	_padding-top:13px;
	color:#ffffff;
	font-size:14px;
}


.promoLink a {color:#ffffff; font-weight:bold; text-decoration:none; }

.buttonList {
	line-height:32px;
}
#rss-news{
text-align:left;
}


.contentPanelLeft-header{
	border:none;
}

#rightcol #title4{ background:url(../images/win.gif)  no-repeat; width:338px; height:55px; margin-bottom:5px}

h4#comments-heading{background:url(../images/latest_comments.gif) no-repeat; width:249px; height:25px; margin-bottom:5px; margin-left:0px; margin-top:20px;}
h4#post-heading{background:url(../images/post_comments.gif) no-repeat; width:296px; height:26px; margin-bottom:5px; margin-left:opx; margin-top:20px;}
h4#login-heading{background:url(../images/login_to_post_comments.gif) no-repeat; width:370px; height:25px; margin-bottom:5px; margin-left:0px; margin-top:10px;}
h2#register_heading{background:url(../images/register.gif) no-repeat; width:140px; height:25px; margin-bottom:5px; margin-left:0px; margin-top:10px;}
h2#forgotten_password_heading{background:url(../images/forgotten_password.gif) no-repeat; width:298px; height:25px; margin-bottom:5px;margin-top:10px;}
h4#comments-heading span, h4#post-heading span, h4#login-heading span, h2#register_heading span, h2#forgotten_password_heading span, #rightcol #title4 span{display:none;}

.SI-FILES-STYLIZED label.cabinet
{
    width: 79px;
    height: 22px;
    background: url(../images/browse.gif) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.comment{
	clear:both;
}

.comment_copy_sml{width:385px; }

.youtube_video{
	margin-right:10px;
	float:left;
	border:1px solid #FFFFFF;
}

.comment img a{margin-left:10px; margin-top:10px;
}

.widget{float:left;}
.widget img{border: 1px solid #FFFFFF;}
.widget_text{float:left;}

.comments {}
	.content .comments h2 {font-weight:bold;font-size:11px;padding:0 0 .4em;color:#fff;}

.list-comments {}
	.list-comments li {border-bottom:1px dotted #FFFFFF;padding:5px 0;}
	.list-comments p {padding:0;}
	.list-comments p.user {padding:0;color:#ec008c;padding-top:.4em;}
		.list-comments p.user em {color:#999;font-style:normal;}
	
	.comment-form {}
	.comment-form button {width:15.5em;}
	.comment-form .btns {padding:10px 0;}
	.comment-form textarea {border:1px solid #696969;width:400px;height:70px;}
	.comment-form h2 {border:0;padding:0 0 .7em;}
	.comment-scroller {max-height:300px;overflow:auto;margin:0 0 2em;}
	.comment-scroller-trim {padding-right:10px;}