
/* General styles */

* {margin:0;padding:0;}
body{color:#fff;background:#000;font:70%/130% Arial, Helvetica, sans-serif;}
img, fieldset{border:0;}
hr{border-bottom:1px #fff solid;border-top:1px #eee solid;}
a{color:#B80006;font-weight:bold;}
a:hover, a:active{color:#790000;}
input, textarea{font-size:100%;font-family: Arial, Helvetica, sans-serif;}
.clear{clear:both;}
.clear-space{clear:both;height:5px;}
.left-align {float:left;}
.right-align {float:right;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}
.last{margin-right:0 !important;}


/* Body styles */

#body-wrap{
	width:980px;
	margin:auto;
	background:#3E322B url(/img/bg.jpg);
	color:#000;
	min-height:1000px;
}

/* Navigation styles */

#header-wrap{
	position:relative;
	top:0;
	left:0;
	height:120px;
	z-index:20000;
}

#logo{
	position:absolute;
	top:10px;
	left:10px;
	z-index:100;
}

#nav{
	position:absolute;
	bottom:0;
	z-index:101;
	left:10px;
	width:960px;
	height:30px;
	background:#fff url(/img/bg_menu.jpg) no-repeat;
}

#nav ul{
	list-style:none;
	margin:0 0 0 4px;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	padding:4px 15px;
	margin:4px 0 4px 0;
	text-decoration:none;
	color:#4E0000;
	display:block;
	white-space:nowrap;
	border-right:1px #000 solid;
	min-width:30px;
	text-transform:uppercase;

}

#nav ul li a.sel, #nav ul li a:hover{
	background:#3E322B url(/img/bg.jpg);
	color:#fff;
}

/* Language styles */

#lang{
	position:absolute;
	top:7px;
	z-index:10100;
	right:9px;
}

#lang ul{
	list-style:none;
}
#lang ul li{
	margin-top:5px;
}
#lang ul li a{
	border:1px #463730 solid;
	height:11px;
	width:16px;
	display:block;
}
#lang ul li a:hover{
	border:1px #fff solid;
}

/* Submenu styles */

.submenu, .lastedition, .newsletter{
	background:#585355 url(/img/bg_stone.jpg);
	color:#fff;
}
.submenu h3, .linkbox h3, .lastedition h3, .newsletter h3{
	font-size:160%;
	color:#FFFFFF;
	padding:7px 0 5px 8px !important;
	line-height:100%;
}
.submenu p{
	padding:0 10px 10px 8px;
}
.submenu a, .lastedition a{
	color:#FFBA00;
}
.submenu ul, .lastedition ul{
	list-style:none;
	background:url(/img/bg_stone_over.jpg);
}
.submenu ul li, .lastedition ul li{

}
.submenu ul li a, .lastedition ul li a{
	color:#fff;
	text-decoration:none;
	padding:5px 5px 5px 11px;
	border:1px #585355 solid;
	border-top:0;
	border-left:0;
	display:block;
	min-height:1.3em;
	text-transform:uppercase;
	background:url(/img/bg_line.gif) 0 50% no-repeat;
}
.submenu ul li a:hover, .submenu ul li a:active, .submenu ul li a.sel, .lastedition ul li a:hover, .lastedition ul li a:active, .lastedition ul li a.sel{
	text-decoration:underline;
	color:#fff;
	background:url(/img/bg_arrow.gif) 0 50% no-repeat;
}

.submenu ul li ul li a, .lastedition ul li ul li a{
	padding:5px 5px 5px 20px;
}



/* Last edition styles */


.lastedition .edition{
	padding:0 8px 5px 8px;
}




/* Linkbox styles */

.linkbox{
	background:#585355 url(/img/bg_stone.jpg);
	color:#fff;
	padding:0 0 8px 0;
}
.linkbox p{
	padding:0 10px 5px 8px;
}
.linkbox form{
	padding:0 10px 0 8px;
}
.linkbox ul{
	list-style:square;
	background:url(/img/bg_stone_over.jpg);
	margin:0 8px;
	padding:5px 5px 5px 20px;
}
.linkbox h4{
	color:#fff;
	padding:5px 10px 5px 8px;
}
.linkbox ul li{

}
.linkbox ul li a{
	color:#fff;
	text-decoration:underline;
	padding:5px 5px 5px 0;
}
.linkbox ul li a:hover, .linkbox ul li a:active, .linkbox ul li a.sel{
	color:#FFE6A4;
}

.linkbox form .formbox{
	background:#696867;
	border:1px #c0c0c0 solid;
	color:#fff;
	padding:1px;
	width:230px;
}



/* Newsletter styles */

.newsletter p, .newsletter form{
	padding:0 10px 10px 8px;
}

.newsletter form .formbox{
	background:#696867;
	border:1px #c0c0c0 solid;
	color:#fff;
	padding:1px;
	width:118px;
}

.newsletter form .formbutton{
	width:59px;
}




/* Character styles */

.characters {
  position:absolute;
  top:15px;
  right:40px;
  z-index:2000;
  width:140px;
  height:200px;
}


#speakup {
  position:absolute;
  top:8px;
  right:130px;
  z-index:2001;
  width:603px;
  height:73px;
  background:url(/img/bg_speak.gif) no-repeat;
  text-align:center;
}
#speakup div.tbl{
  display:table;
  height:73px;
}
#speakup div.tbc{
  padding:13px 55px 13px 15px;
  display: table-cell; 
  vertical-align: middle;
}
#speakup div.banner468x60{
  padding:7px 85px 13px 48px;
}
#speakup p{
  padding:0 !important;
}


/* Framework styles */

#content-wrap{
	padding:10px;
	position:relative;
	z-index:10000;
}

.white-box{
	background:#fff;
	padding:5px;
	color:#000 !important;
	margin:0 0 11px 0;
}
.white-box-2 {
	background: #fff;
	color:#000000 !important;
	margin:0 0 11px;
	padding:0;
}
#content-left{
	float:left;
	width:690px;
	position:relative;
	z-index:10002;
}


/* Strip styles */

#strip{
	float:left;
	width:690px;
	margin:0 0 11px 0;
}

#strip .white-box{
	margin:0;
}
#strip .white-box img{
	display:block;
}
#strip .white-box p{
	padding:5px 5px 0 5px;
}

#strip .paging{
	float:right;
	margin:2px 0 0 0;
}
#strip .tip{
	margin:0 0 0 50px;
}




/* News item styles */

.newsitem{
	background:url(/img/dotline.gif) repeat-x;
	color:#fff;
	clear:both;
	padding:4px 0;
}

.newsitem a, .newsitem a:hover, .newsitem a:active{
	color:#FFBA00;
}

.newsitem h3{
	padding:0 !important;
	margin:0 !important;
	line-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:none;
	font-size:120%;
}
.newsitem p{
	padding:3px 0 4px 0 !important;
	margin:0 !important;
}
.newsitem h3 a{
	color:#fff;
	text-decoration:none;
}
.newsitem h3 a:hover, .newsitem h3 a:active{
	color:#FFBA00;
}
.newsitem img.left-align{
	margin:1px 5px 4px 0;
}

.news-comment{
	float:right;
	width:26px;
	height:15px;
	background:url(/img/bg_comment.gif) no-repeat;
	margin:0 1px 0 0;
	font-weight:bold;
	padding:0 0 0 8px;
	color:#000 !important;
	text-align:center;
	text-decoration:none;
}
.news-comment:hover{
	text-decoration:underline;
}

.white-box .news-comment{
	background:url(/img/bg_speak3.gif) no-repeat;
	color:#fff !important;
}


/* News column styles */

.news-col{
	width:160px;
	float:left;
	margin:0 10px 0 0;
}

.news-col a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
	display:block;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px #000 dotted;
}
.news-col img{
	display:block;
	padding:0 10px 0 0;
}
.news-col a:hover{
	color:#790000;
	text-decoration:underline;
}
.news-col a span{
	font-weight:bold;
	font-style:italic;
}



/* Left column styles */

#left-col{
	width:150px;
	float:left;
}


/* Right column styles */

#right-col{
	width:260px;
	float:right;
	margin:120px 0 200px 0;
	position:relative;
	z-index:10001;
}


/* Content styles */

#content{
	color:#fff;
	width:530px;
	float:right;
}

.cnt-text{
	padding:14px !important;
}

.stain{
	background:#fff url(/img/bg_coffee.jpg) no-repeat !important;
}

h1, h2, h3, h4{
	padding:10px 0 5px 0;
	font-family:Impact, "Arial Black", Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	line-height:100%;
	color:#4F3F33;
}

.cnt-text h1, .cnt-text h2, .cnt-text h3{
	padding:0 0 5px 0;
}

.cnt-text h1 a, .cnt-text h2 a, .cnt-text h3 a{
	font-weight:normal;
	color:inherit;
	text-decoration:none;
}
.cnt-text h1 a:hover, .cnt-text h2 a:hover, .cnt-text h3 a:hover{
	font-weight:normal;
	color:inherit;
	text-decoration:underline;
}

h1.toggleh, h2.toggleh, h3.toggleh{
	font-size:220%;
	color:#FFFFFF;
	padding:0 0 5px 0 !important;
	line-height:115%;
}
h1.toggleh span, h2.toggleh span, h3.toggleh span{
	color:#FFB700;
}

h1, h1.toggleh{
	font-size:220%;
}
h2, h2.toggleh{
	font-size:200%;
}
h3, h3.toggleh{
	font-size:160%;
}
h4, h4.toggleh{
	font-size:130%;
}
p{
	padding:0 0 10px 0;
}
p.date{
	padding:0 0 2px 0;
	margin:0 0 2px 0;
	font-style:italic;
	font-weight:bold;
	color:#4F3F33;
}

/* Content styles */

.cnt-text ul, .cnt-text ol{
	margin:5px 0 15px 30px;
}
.cnt-text img.left-align{
	margin:0 5px 0 0;
}
.cnt-text img.right-align{
	margin:0 0 0 5px;
}

.cnt-text p.ingress{
	font-weight:bold;
	font-size:110%;
	font-style:italic;
	color:#4F3F33;
	padding:5px 0 10px 0;
}

.cnt-text p.quote, .cnt-text h2.quote, .cnt-text h3.quote{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:bold;
	font-size:120%;
	line-height:120%;
	font-style:italic;
	color:#4F3F33;
	padding:3px 0;
}

.cnt-text .hr{
	clear:both;
	border-bottom:1px #4F3F33 dotted;
	margin:10px 0;
	height:10px;
}

/* Sitemap styles */

ul.sitemap{
	margin:20px 0 20px 30px !important;
	list-style:square;
}

ul.sitemap ul{
	margin:5px 0 5px 13px !important;
	list-style:square;
}

/* Comment styles */

.comment, .general-form{
	background:#F0E1BE url(/img/bg_tree.jpg);
	padding:10px;
	margin:10px 0;
}

.comment h3{
	background: url(/img/bg_speak2.gif) no-repeat;
	padding:1px 0 3px 0;
	font:130%/100% Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:bold;
}

.general-form h3{
	padding:0;
}
.general-form h4{
	padding:10px 0 0 0;
}
/* Extra CSS added by Christian */
.general-form table {
	width: 100%;
}
.general-form label {
	display:block;
}
.general-form label.sec {
	display:inline;
}
.general-form .h3, .general-form .h4 {
	font-family:Impact,"Arial Black",Arial,sans-serif;
	font-weight:normal;
	line-height:100%;
	text-transform:uppercase;
}
.general-form .h3 {
	padding:10px 0 0 0;
	margin: 10px 0 0 0;
	font-size:160%;
}
.general-form .h4{
	padding:10px 0 0 0;
	margin: 10px 0 0 0;
	font-size:130%;
}
.general-form {
	color:	#000;
}
.comment h3 span{
	color:#fff;
	font-size:70%;
	width:20px;
	display:block;
	float:left;
	text-align:center;
	margin:-1px 0 0 0;
	padding:0 12px 0 0;
}
.comment .c-actions{
	float:right;
}

#write-comment h3{
	background: transparent;
}

#write-comment fieldset, .general-form fieldset{
	padding:10px;
}

#write-comment .formbox, .general-form .formbox{
	width:290px;
}

#write-comment .note, .general-form .note{
	width:150px;
	margin:14px 0 0 0;
	float:right;
}

.sec-question{
	border:1px #332A23 dotted;
	padding:7px;
	margin:10px 0;
}


.comment #thanx, .general-form #thanx{
	background:#fff;
	margin-bottom:10px;
}

/* General submit button styles */

.formbutton{
	background:#fff;
	border:0;
	padding:2px 8px;
	font-weight:bold;
	cursor:pointer;
	margin:2px 1px;
}
.formbutton:hover{
	background:#FFBA00;
}

.white-box .darkbutton{
	background:#322C26 !important;
	color:#fff !important;
}
.white-box .darkbutton:hover{
	background:#FFBA00 !important;
	color:#322C26 !important;
}


/* Question styles */

#question{
	color:#fff;
	padding:0 20px 10px 20px;
}
#question h3{
	padding:0;
	margin:0;
}
#question .qstr{
	font-size:120%;
	font-weight:bold;
}
#question a{
	color:#fff;
}
#question a:hover, #question a:active{
	color:#FFBA00;
}
#question .btns{
	text-align:right;
	padding:10px 0 0 0;
}


/* Movie-slideshows styles */

#movie-slideshows{

}

#movie-slideshows h3{
	background:#000;
	color:#fff;
	font-size:100%;
	text-transform:uppercase;
	margin:0 0 1px 0;
	padding:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#movie-slideshows h3 a{
	text-transform:none;
	color:#fff;
}
#movie-slideshows h3 a:hover, #movie-slideshows h3 a:active{
	color:#FFB700;
}

#movie-slideshows #moviebox{
	background:#000;
	padding:10px;
	text-align:center;
}
#movie-slideshows #moviebox a{
	color:#fff;
}
#movie-slideshows #moviebox a:hover, #movie-slideshows #moviebox a:active{
	color:#FFB700;
}

#movie-slideshows #movieclips{
	height:100px;
	margin:0 0 1px 0;
	width:520px;
	overflow:hidden;
	position:relative;
	background:#000;
}

#movie-slideshows #movieclips #slides{
	background:#000 url(/img/bg_filmstrip.gif) repeat-x;
	height:100px;
	width:5000px;
	position:relative;
}

#movie-slideshows #movieclips #slides ul{
	list-style:none;
	margin:0 0 0 7px;
}
#movie-slideshows #movieclips #slides ul li{
	display:inline;
}

#movie-slideshows #movieclips #slides a{
	width:70px;
	height:70px;
	margin:13px 7px 14px 0;
	background:#fff;
	display:block;
	float:left;
	border:1px #000 solid;
}
#movie-slideshows #movieclips #slides a:hover, #movie-slideshows #movieclips #slides a:active, #movie-slideshows #movieclips #slides a.sel{
	border:1px #FFB700 solid;
}



#movie-slideshows #moviecomment{
	padding:5px 5px 0 5px;
}

#movie-slideshows #moviecomment h4{
	font-size:120%;
	padding:5px 0;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:none;
}


/* Three boxes styles */
.three-boxes{
	display: block;
}
.three-boxes .white-box{
	width:150px;
	padding:10px;
	margin: 0 10px 10px 0;
	float: left;
}
.three-boxes .c-cell{
	display: none;
}
.three-boxes .white-box h3{
	font-size:180%;
	color:#4F3F33;
	padding:0 0 5px 0 !important;
}
.three-boxes .white-box h3 a{
	font-weight:normal;
	color:#4F3F33;
	text-decoration:none;
}
.three-boxes .white-box h3 a:hover{
	font-weight:normal;
	text-decoration:underline;
}

/* Competition styles */

#competiton{

}

#competiton h3{
	padding:0;
}
#competiton h3 img{
	display:block;
}
#competiton .white-box{
	padding:0 10px 10px 10px;
}

/* Vote poll styles */

.votepole{
	margin:5px 0 10px 0;
}

.votepole div{
	height:40px;
	background:transparent;
}

.votepole div img{
	vertical-align:middle;
	margin:2px 5px 0 0;
}

.votepole span.answ{
	padding:0 0 0 3px;
	display:block;
}


.votediagram{
	border-bottom:1px #332824 solid;
	border-left:1px #332824 solid;
	padding:5px 0 0 0;
	margin:0 0 10px 0;
}



/* Banner styles */

.banner980x120{
	border-bottom:1px #000 solid;
	margin:auto;
	width:980px;
}
.banner250x240, .banner140x350, .banner520x150{
	position:relative;
}
.banner980x120 img, .banner250x240 img, .banner140x350 img, .banner520x150 img{
	display:block;
}
.banner250x240 .adtxt, .banner260x350 .adtxt, .banner140x350 .adtxt, .banner520x150 .adtxt, #headerbanner .adtxt{
	position:absolute;
	top:-13px;
	left:-5px;
	background:url(/img/txt_annons.gif) no-repeat;
	width:43px;
	height:5px;
}

#headerbanner{
	position:absolute;
	top:17px;
	left:300px;
}

#headerbanner .adtxt{
	top:-8px;
	left:0;
}

/* Text banners styles */

.text-banners{
	padding:10px 10px 20px 5px;
	background:url(/img/txt_rockyannonser.gif) top right no-repeat;
}
#right-col .text-banners{
	padding:10px 20px 25px 15px;
}
.text-banners ul{
	list-style:none;
}
.text-banners ul li, .text-banners .ul-wrap div{
	padding:4px 0;
}

.text-banners ul li a, .text-banners ul li a:hover, .text-banners ul li a:active, .text-banners .ul-wrap div a, .text-banners .ul-wrap div a:hover, .text-banners .ul-wrap div a:active{
	color:#fff;
	font-weight:normal !important;
	text-decoration:none !important;
}
.text-banners ul li a span, .text-banners .ul-wrap div a span{
	font-weight:bold !important;
	text-decoration:underline !important;
	font-size:110%;
}


/* Thumb styles */




.thumbs div{
	text-align:center;
	border: 1px #F1E2C6 solid;
	font-size: 90%;
	padding: 10px;
	background:#FCF5E9;
	float:left;
	margin:2px;
	width:140px;
	min-height:175px;
}



/* Paging styles */

.paging{

}

.paging ul {
	list-style-type:none;
	text-align:center;
	margin:0 0 -2px 0;
	line-height:190%;
}

.paging ul li {
	display:inline;
	margin:0 0 0 3px;
	font-weight:bold;
}

.paging ul li a {
	padding:1px 8px;
	text-decoration:none;
	background:#FFF;
	white-space:nowrap;
	color:#3B3127;
}

.paging ul li a:hover, .paging ul li a.sel {
	background:#FFB700;
	color:#271E17;
}

.white-box .paging ul li a{
	background:#3E322B url(/img/bg.jpg);
	color:#fff;
}
.white-box .paging ul li a:hover, .white-box .paging ul li a.sel{
	background:#FFB700;
	color:#271E17;
}


/* Footer styles */

#footer{
  padding:0 10px 0 10px;
  color:#fff;
  text-align:left;
  margin:auto;
  width:980px;
  position:relative;
  z-index:10050;
}

#footer a{
  color:#fff;
}
#footer a:hover{
  color:#FFB700;
}

#footer .center-align{
  text-align:center;
  margin:10px 100px;
}

#footer .right-align{
  padding:5px 0 0 0;
}

#footer .left-align{
  padding:5px 0 0 0;
}

#tag{
  position:absolute;
  top:-191px;
  right:30px;
}


/* Splash styles */

#splash1 {
  position:absolute;
  top:20px;
  right:40px;
  z-index:10;
  width:259px;
  height:181px;
  background:url(/img/splash1.gif) no-repeat;
}

#splash2 {
  position:absolute;
  bottom:0;
  right:100px;
  z-index:11;
  width:121px;
  height:318px;
  background:url(/img/splash2.gif) no-repeat;
}


/* Skip styles */

#skip a {
  position:absolute;
  top:-500px;
  color:#000;
  background:#fff;
  text-decoration:none;
  outline:0;
  font-weight:normal;
}

#skip a:active,#skip a:focus {
  position:absolute;
  border:1px solid #eee;
  padding:2px 4px;
  top:0;
  left:0;
  z-index:100;
}



/* Tip slidedown styles */
.tip-box{
	margin-top:5px;
}
.tip-box-content{
	position:relative;
	padding:5px 0 5px 0;
	margin:-5px 0 0 0;
	background:#585355 url(/img/bg_stone.jpg);
	color:#fff;
}
.tip-box-content label{
	margin-left:10px;
}
.tip-box-content .formbox{
	background:#696867;
	border:1px #c0c0c0 solid;
	color:#fff;
	padding:1px;
}
.tip-box-content .formbox:hover{
	border:1px #FFB700 solid;
}
.tip-box-content .long{
	width:200px;
}
.tip-box-content a.close{
	color:#fff;
	float:right;
	padding:3px 10px;
	text-decoration:none;
}
.tip-box-content a.close:hover, .tip-box-content a.close:active{
	color:#FFB700;
}

#thanx{
	margin:0 0 3px 0;
	padding:2px;
	border:1px #005E1F dotted;
	text-align:center;
	color:#005E1F;
	font-weight:bold;
}

/* Blog styles */
ul.meta {
	margin: 5px 0 15px 0;
	padding: 0;
}
ul.meta li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0 10px 0 0;
}