/*! N-Dubz
* screen.css
* Styling used by all templates
* Author: Ben Heppenstall, HyperlaunchDMG
* Date: 29-10-2009
* v.1.0*/


/*! --- Generic styling --- */
* {margin:0; padding:0;}
body {color:#000; font:12px Arial, sans-serif; text-align:left; background-color: #000;}
img, fieldset {border:0;}
h1 {}
h2 {font-size:24px; font-style: italic;  margin-bottom:12px; color:#000; z-index:1}
h3{ font-size:14px; font-weight:bold; text-decoration:none}
h3 a{color:#000; text-decoration:none}
h3 a:hover{color:#666; }
h4 { font-size:16px; font-weight:bold;}
h3.strong {font-weight:bold;}
p {margin-bottom:11px;}
ul li{ list-style-type:none}



/*! --- Utility classes --- */
.tr {text-align:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.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}
.no-show{ display:none}
.sml{ font-size:10px}
a{ outline:none}

/*! --- Layout --- */
#bodyshell{ background:url(../images/wallpaperbg.gif) repeat-x bottom}
#headshell{ background-image:url(../images/head/headbg.jpg); background-position: top center; background-repeat: no-repeat; background-color:#000}
#headshell.news{ background-image:url(../images/head/newsbg.jpg)}
#headshell.blog{ background-image:url(../images/head/forumbg.jpg)}
#headshell.discography{ background-image:url(../images/head/discbg.jpg)}
#headshell.event{ background-image:url(../images/head/eventsbg.jpg)}
#headshell.gallery{ background-image:url(../images/head/gallerybg.jpg)}
#headshell.duku{ background-image:url(../images/head/membersbg.jpg)}
#headshell.instructions{ background-image:url(../images/head/shopbg.jpg)}
#headshell.ar{ background-image:url(../images/head/shopbg.jpg)}
#headshell.3d-gallery{ background-image:url(../images/head/shopbg.jpg)}
#headshell.video{ background-image:url(../images/head/videobg.jpg)}
#headshell.forum{ background-image:url(../images/head/forumbg.jpg)}
#headshell.shop{ background-image:url(../images/head/shopbg.jpg)}
#headshell.links{ background-image:url(../images/head/linksbg.jpg)}

#header{ height:267px; margin:0 auto; width:950px; position:relative}
	#logo{ width:412px; height:178px; position:absolute; background:url(../images/logo.png); left:-50px; top:86px; display:block; text-indent:-9999px}
	#leaderboard{ position:absolute; width:728px; height:90px; background-color:#999999; top:10px; left:111px}
	#player{ position:absolute; top:55px; right:40px; width:327px; height:171px}
	#socnettop{ position: absolute; right:375px; top:170px;}
	#nav{ position:absolute; top:235px; left:40px}
		#nav ul{ list-style-type:none;}
		#nav li { float:left; color:#fff; height:27px; }
			#nav li a{ text-indent:-9990px; height:27px; display:block; outline:none}
			#nav li.home a{ background-image:url(../images/nav/home2.gif); background-position:top; width:70px}
			#nav li.news a{ background-image:url(../images/nav/news.gif); background-position:top; width:72px}
			#nav li.blog a{ background-image:url(../images/nav/blog.gif); background-position:top; width:65px}
			#nav li.disc a{ background-image:url(../images/nav/disc2.gif); background-position:top; width:82px}
			#nav li.events a{ background-image:url(../images/nav/events.gif); background-position:top; width:84px}
			#nav li.gallery a{ background-image:url(../images/nav/gallery.gif); background-position:top; width:90px}
			#nav li.duku a{ background-image:url(../images/nav/duku.gif); background-position:top; width:92px}
			#nav li.threed a{ background-image:url(../images/nav/3d.gif); background-position:top; width:53px}
			#nav li.video a{ background-image:url(../images/nav/video.gif); background-position:top; width:73px}
			#nav li.forum a{ background-image:url(../images/nav/forum.gif); background-position:top; width:83px}
			#nav li.shop a{ background-image:url(../images/nav/shop.gif); background-position:top; width:68px}
			#nav li.links a{ background-image:url(../images/nav/links.gif); background-position:top; width:62px}
			#nav li a:hover{ background-position:bottom; cursor:pointer}
		
		

#wrapper{ width:950px; margin:0 auto; position:relative}
	#searchbar{ background:#fff; height:22px; margin-bottom:30px; position:relative; z-index:5; padding:0px 20px; line-height:20px}
		#search{ float:left}
		#searchtext{ font-style:italic}
		#login{ float:right; position:relative; text-align:right }
		#searchbutton{ height:19px; width:19px; background:url(../images/searchbutton.gif); border:none; text-indent:-9999px; margin-top:1px}
		#f-login{ float:right; position:relative; text-align:right}
		#f-login-submit{ height:19px; width:66px; background:url(../images/loginbutton.gif); border:none; text-indent:-9999px;margin-top:1px; }
		#f-logout-submit{ height:19px; width:78px; background:url(../images/logoutbutton.gif); border:none; text-indent:-9999px;margin-top:1px; }
		#f-login-register{ height:19px; width:248px; background:url(../images/registerbutton.gif) no-repeat; border:none; text-indent:-9999px; outline:0; display:inline-block;; text-align:left}
		#xf-login-forgotten-password{ display:none}
		#top-login-error{ background:#fff; padding:0 5px}
		
		#searchbar .text{ background-color:#565656; padding:1px; height:16px; color:#fff; border:0; border:none; width:110px; position:relative}
		
#leftcol { position:relative; z-index:1; float:left; display:inline; margin:0; width:580px; text-align:left;}
#rightcol { position:relative; z-index:1;float:right; display:inline; margin:0 0 0 0px; width:318px; text-align:left;}
#rightcol2 { position:relative; z-index:1;float:right; display:inline; margin:0 0 0 0px; width:191px; text-align:left;}

	.rcshell{ position:relative; margin-bottom:22px}

#leftcol #content_1{width:393px; position:relative; margin-bottom:22px}
#leftcol #content_2{width:430px; position:relative; margin-bottom:22px}
#leftcol #content_3{width:562px; position:relative; margin-bottom:22px}
#leftcol #content_4{width:678px; position:relative; margin-bottom:22px}
#leftcol #content_5{width:950px; position:relative; margin-bottom:22px}


a{ color:#000}

#comment{ margin-top:10px}

#comment_content{ width:300px; height:50px}

.box{ background:#fff; padding:15px; position:relative; z-index:5}
.boxl{ background:#fff; padding:15px; z-index:2; position:relative; position:relative; z-index:5}
.boxr{ background:#fff; padding:15px; position:relative; z-index:5}
.boxp{ background:#fff; padding:4px; position:relative; z-index:5}
.boxd{ background:#fff; padding:15px 0 15px 15px; position:relative; z-index:5}
.boxp h2{ padding:11px 0 0 11px}
.boxlb{ background: url(../images/leftbtm.png) bottom no-repeat; height:115px; width:393px; }
.boxlb2{ background: url(../images/leftbtm2.png) bottom no-repeat; height:115px; width:430px; }
.boxlb3{ background: url(../images/leftbtm3.png) bottom no-repeat; height:115px; width:562px; }
.boxlb4{ background: url(../images/leftbtm4.png) bottom no-repeat; height:115px; width:678px; }
.boxlb5{ background: url(../images/leftbtm4.png) bottom no-repeat; height:115px; width:650px; }
.boxrb{ background: url(../images/rightbtm.png) bottom no-repeat; height:117px;  width:318px}
.boxrb2{ background: url(../images/rightbtm2.png) bottom no-repeat; height:108px;  width:191px}


.tn{float:left; margin:0 10px 10px 0; position:relative}
.tn img{ height:140px; width:140px;}

.splat{ background:url(../images/splat.png) no-repeat; position:absolute; top:-43px; left:-82px ;width:133px; height:124px; z-index:1}
.splat2{ background:url(../images/splat2.png) no-repeat; position:absolute; top:-34px; left:-74px ;width:107px; height:108px; z-index:1}
.splat3{ background:url(../images/splat3.png) no-repeat; position:absolute; top:-44px; left:-77px ;width:130px; height:118px; z-index:1}

#footershell{ background-color:#000}
#footer{ width:950px; margin:0 auto; padding:10px 0 20px;  text-align:center; font-size:10px; color:#FFFFFF; position:relative; }
	#footer a{ color:#FFFFFF; font-size:10px}
	#universal{ width:85px; height:33px; position:absolute; left:0; top:10px; background:url(../images/footuniversal.gif) no-repeat; text-indent:-9999px;}
	#aatw{ width:107px; height:33px; position:absolute; left:90px; top:10px; background:url(../images/footaatw.gif) no-repeat; text-indent:-9999px;}
	#socnet{ position: absolute; right:0; top:10px  }
	
	
.listitem{border-bottom:1px dashed #000;padding-bottom:10px; margin-bottom:10px; clear:both}
.listitem .title{ font-weight:bold; color:#000000; text-decoration:none}
.listitem .title:hover{ text-decoration:underline}
.listitem .thumb{ border:3px #000 solid; margin:0 12px 22px 0; float:left}

#twitter_update_list li{border-bottom:1px dashed #000;padding-bottom:10px; margin-bottom:10px}
#twitter_update_list li a{ display:block; margin-top:10px}
#twitter_update_list li span a{ display:inline}

.fullnews .thumb{ border:3px #000 solid; margin:0 12px 12px 0; float:left}

.promo_buynow{float:right; margin:11px 11px 0 0; background:#000; padding:2px 5px 3px 5px;border:1px solid #000}
.promo_buynow:hover{background:#ffd865}
.promo_buynow a{ color:#ffd865; text-decoration:none; font-style:italic; font-weight:bold; font-size:14px}
.promo_buynow a:hover{ color:#000}

.button{background:#000; padding:2px 5px 3px 5px; line-height:24px;border:1px solid #000}
.button:hover{background:#ffd865}
.button a{ color:#ffd865; text-decoration:none; font-style:italic; font-weight:bold; font-size:14px; }
.button a:hover{ color:#000}
a.button { color:#ffd865; text-decoration:none; font-style:italic; font-weight:bold; font-size:14px; }
a.button:hover{ color:#000}

.buttonList{ float:right; text-align:right; padding-top:10px; position:relative}

.pnl-head{ display:none}
.gallery-thumbs {margin-right:-15px;list-style:none;}
	.gallery-thumbs li {float:left;margin-right:15px;margin-bottom:10px; width:80px; height:80px; border:3px solid #000; overflow:hidden;position:relative}
	.gallery-thumbs li img {width:80px; height:80px;}
	

.pager{ background:#000;list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom:3px;
padding-left:0 !important;
padding-right:3px;
padding-top:3px;
text-align:center;
color:#fff; 
text-transform:uppercase;
}

ol {
list-style-position:outside;
margin-left:1em;
padding-left:1em;
}

.pager li {
border-left:0px solid #fff;
display:inline;
}

.pager .active{
color:#FFFFFF;
font-weight:bold;
padding:0 5px;
}
.pager a {
color:#696969 !important;
font-weight:bold;
padding:0 5px;
text-decoration:none;
text-transform:uppercase;
}

.pager a:hover {
color:#ffd865;
}

a.pgr-next  {
background:transparent url(../images/arrowr.gif) no-repeat scroll right center;
border:0 none;
width:9px;
padding:0px
}
a.pgr-prev  {
background:transparent url(../images/arrowl.gif) no-repeat scroll 0 center;
border:0 none;
width:9px;
padding:0px
}

/* -------- AR ------------
	#snapshot { position:absolute; top:52px; right:0px}*/
.snapshot_img{ border:4px solid #000;margin:5px 0 10px 0}
#dfusion-player{ position:relative; border:4px solid #000; }
.snapshot{ position:relative}
.snapshot a.delete{position:absolute; right:6px; top:37px}
idSnapButton{ height:20px}

/*! --- Wallpaper --- */
#wallpaper {
background:#000000 none repeat scroll 0 0;
height:100%;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:-1;
}

#wallpaper[id] {position:fixed}

#save_notice { padding-bottom:20px; display:block;}

#headshell{background-image:url(../images/newHeader.jpg)}
#logo{background-image:url(../images/logo2010.png); top: 100px; left: -59px;}
#leaderboard{left: 245px;}
#socnettop{right: 468px;}
#player{right: -10px;}