/* --- LAYOUT --- */

h1,
#content h1
{
	margin-top:10px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:15px;
	padding-bottom:15px;
	font-family: 'fradmcn';
	font-size: 28px;
    	font-weight: normal;
	height: 18px;
}

#content h1.fronth1
{
	margin-bottom:10px;
	padding-bottom:0px;
	border-bottom:none;
}

.h2
{
	font-family:fradmcn;
	font-size:20px;
	font-weight: normal;
}

h1 em,
.h2 em {
	font-family: 'Times New Roman';
}

#theme
{
	padding:0 10px 10px 10px;
	font-family: verdana;
	font-size:11px;
}

#comment_popup
{
	padding-top:7px;
	float: left;
	margin-left:7px;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:16px;
	width:450px;
}

#comment_popup .headline {
	border-bottom:1px solid #000;
	padding-bottom:6px;
}


.rub
{
	color:#f29400;
}

.blogcommentrub {
	border-top:2px solid #700000;
	padding-top: 6px;
	width: 468px;
	color:#f29400;
	display:block;
	margin-top:3px;
}

.grey
{
	color:#818181;
}

.comment_text
{
	color:#4f4f4f;
}

.comment_hr
{
	color:#f8c97f;
}

a
{
	color:#00557f;
	-color:#006699;
	text-decoration: none;
}

a:hover
{
	text-decoration:underline;
}

h1 a,
.h2 a {
	color:#000;
}

hr
{
	clear: both;
	border: 0;
	height: 1px;
	color: #f29400;
	background: #f29400;
}

.ticki
{
	width:690px;
	height:18px;
	overflow:hidden;
}

.ticko
{
	width:690px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #990000;
	padding:1px 0 4px 0;
	margin:4px 0 0px 0;
	display:block;
}

.tickls
{
	color:#818181;
}

.tickh
{
	display:none;
}

.smallerlink
{
	font-family:arial;
	font-size:10px;
}

.calendarHeader
{
	font-weight: bold;
}

.calendarToday
{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.inputs
{
	font-family:verdana;
	font-size:11px;
	border:solid 1px black;
}


div.clear
{
	font-size: 0;
	line-height: 0;
	clear:both;
}


html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: url(/css/body_bg.gif) repeat-y top center;
	background-color:transparent;
	margin:0;
	padding:0;
}

#inner {
	width:100%;
	height:100%;
	background: url(/css/inner_bg.gif) repeat-x top left;
	margin:0;
	padding: 0;
}

#topcontent {
	background: url(/css/topcontent_bg.jpg) no-repeat top left;
	height: 221px;
	display:block;
}


#logo {
	padding-left:30px;
	padding-top:20px;
}

#container
{
	width:1000px;
	min-height:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 25px;
	overflow:hidden;
}

#innercontainer
{
	width:1000px;
	float:left;
	margin-bottom:100px;
}

#wrap
{
	float:left;
	width:942px;
	position: relative;
 	top:15px;
	left:30px;
}

#footer
{
	float:left;
	text-align:center;
	width:990px;
	border-top:3px solid #700000;
	margin:5px;
	padding-top:10px;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:22px;
}

/* --- NAVIGERING ---*/

#nav
{
	display:block;
	float:left;
	position: relative;
	top:8px;
	left:30px;
	width:940px;
	height:55px;
	font-family:"Trebuchet MS";
	font-size:14px;
	background: #700000;
	padding:2px;
	color:#fff;
}

#nav .inner {
	background: #700000 url(/css/nav_bg.png) repeat-x top left;
	border: 1px solid #f29400;
	height:43px;
	padding:5px;
	width:928px;
}

#nav .inner .search {
	border-left: 1px solid #F29400;
	margin:1px;
	padding:4px 4px 4px 10px;
	height:45px;
	width:237px;
	background: #700000 url(/css/nav_search_bg.png) repeat-x top left;
	float: right;
	position: relative;
	top: -6px;
	left: 6px;
}

#nav .search div {
	padding-top:6px
}

#nav .search div.rnd {
	float:right;
	margin-right:5px;
	padding-top:0;
}


#nav a
{
	text-decoration:none;
	color: #f29400;
}

#data.smallerlinks a {
	font-size: 11px;
	line-height: 14px;
}

a.tickl
{
	font-family:"Trebuchet MS";
	font-size:14px;
	text-decoration:none;
	color: #f29400;
}

#nav a:hover,
a.tickl:hover
{
	color: #fff;
 	text-decoration: underline;
}

/* --- ARKIV --- */

.rightRight {
	float: right;
	text-align: right;
}

.archiveWrapper {
	float: left;
	width: 468px;
}

.archiveWrapper .archiveHeader {
	 float:left;
	width:468px;
	padding-bottom:5px;
	border-bottom:2px solid #cccccc;
	margin-bottom:5px;
}

.archiveWrapper .column1 {
	float:left;
	width:400px;
}

.archiveWrapper .column2 {
	float:left;
	width:68px;
}

.archiveWrapper .columnLeft {
	float:left;
	margin-right:5px;
}

.archiveWrapper .columnRight {
	float:left;
	margin-top:4px;
	width:7px;
	height:9px;
}

.archiveWrapper .archiveRow {
	float:left;
	width:468px;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
}

fieldset .columnLeft {
	float: left;
	width: 220px;
}

fieldset .columnRight {
	float: left;
	width: 215px;
}



/* --- FORMS --- */

input.fld,
select.fld,
textarea.fld {
	background:#FEF4E8;
	border:black solid 1px;
	font-family:verdana;
	font-size:11px;
}

input.smt {
	background:transparent url(/css/smt_bg.png) repeat scroll 0 center;
	color:#000;
	border:black solid 1px;
	font-family:verdana;
	font-size:11px;
	font-weight: bold;
}


/* --- HUVUDSPALT --- */

#todayReviewHeader,
#earlierReviewHeader,
#sideHeader
{
	border-bottom:1px solid #CCCCCC;
	color:black;
	float:left;
	font-family:cambria, georgia;
	font-size:15px;
	padding: 0 0 3px;
	width: 100%;
}

#sideHeader {
	margin-bottom:6px;
	float: none;
}

#todayReviewContent
{
	background:transparent url(/css/info_div.gif) repeat-x scroll center bottom;
	float:left;
	margin-bottom:8px;
	padding-bottom:8px;
	width:100%;
}

#earlierReviewContent
{
	float:left;
	padding:0;
	width:100%;
}

#content
{
	float:left;
	width:468px;
	font-size:12px;
	line-height:18px;
	font-family: 'Trebuchet MS', Cambria;
}

#content embed,
#content object {
	max-width: 468px;
	min-height: 225px;
	*width: 468px;
	*height: 300px;
}

#content .bloggSpoiler {
	background:#f7f7f7;
	border:1px solid #404040;
	padding:5px;
	color:#404040;
}

#content #byline {
	border-bottom: 2px solid #700000;
	padding-bottom:10px;
	margin-bottom:10px;
}

#content fieldset{
	margin:0 0 10px;
	padding:5px;
	float:left;
	width:454px;
}

#content fieldset legend {
	font-weight:bold;
	color:#f29400;
}

#inner_content
{
	display:inline;
}

#inner_content a
{
	border-bottom:1px dotted #818181;
}

#elinks
{
	border-top:1px solid #f29400;
	margin-top:5px;
	padding-top:5px;
	float:left;
	width:468px;
}

#elinks .header
{
	float:left;
	padding-top:7px;
	margin-right:5px;
}

#fb_embed_player
{
	float:left;
	margin:5px 0;
}


#tipafriend
{
	border-bottom:1px solid #FBE2BB;
	border-top:1px solid #FBE2BB;
	float:left;
	margin-top:10px;
	padding:10px 0;
	width:468px;
}

#tipafriend .left {float:left;}
#tipafriend .left6 {float:left; padding-left:6px;}


#tipafriend .input
{
	width:152px;
	font-family:verdana;
	font-size:11px;
	border:solid 1px black;
}

a.share {
	background:url("/css/socialiconssprite.png") no-repeat scroll -1px -1px transparent;
	display:block;
	float:left;
	height:18px;
	margin-right:4px;
	width:18px;
	margin-bottom: 6px;
}

a.share.tw {
	background-position:-21px -1px;
}


#reviewlists {
	margin-top:10px;
	float:left;
	width: 468px;
}

#reviewlists img {
	margin:0 0 2px;
	height:93px;
	width:auto;
}

#maindiv {
	height:3px;
	background:transparent url(/css/info_div.gif) repeat-x 0 0;
	display:block;
	margin: 10px 0;
}

.relatedFront {
	float:left;
	margin-top:10px;
	border: 1px solid #CCCCCC;
	padding:5px;
	width:458px;
}


.commentsHeader {
	width:468px; float: left;
}
.commentsHeaderLeft {
	width:234px; float:left;text-align:left;
}
.commentsHeaderRight {
	width:234px; float:left; text-align:right;
}


/* ---THEME ---*/

		.themeitems {
				padding: 0;
				margin: 0;
				list-style: outside none none;
				overflow:hidden;
				width: 700px;
		}

		.themeitems11 {
				padding: 0;
				margin: 0;
				list-style: outside none none;
				overflow:hidden;
				width: 700px;
		}

		.themeitems li {
				float: left;
				height: 132px;
				margin: 0 0 6px;
				overflow: hidden;
				padding: 0;
				width: 98px;
				position: relative;
		}

		.themeitems11 li {
				float: left;
				height: 132px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 227px;
				position: relative;
				background: #ccc;
		}


		.themeitems img{
				width: 92px;
				position: absolute;
				bottom: 0;
		}

		.themeitems11 img{
				width: 227px;
				position: absolute;
				bottom: 0;
		}



		.themeheader {
				width: 680px;
				height: 233px;
				margin-bottom: 12px;
				background-color: #ccc;
		}

		.themeheader h1 {
				border-bottom: 0 none !important;
				color: #fff;
				font-size: 45px !important;
				padding: 35px 25px !important;
				margin: 0 !important;
				text-shadow: 0 0 2px #000;
		}

		.themeheader p {
				color: #fff;
				font-size: 20px;
				line-height: 30px;
				padding: 0 25px;
				width: 365px;
				margin-top: 0;
				font-family: "fradmcn";
				text-shadow: 0 0 2px #000;
		    }

		.subh1 {
				border-top: 2px solid #700000;
				padding-top: 15px !important;
		}

		.round {
				background: #00557f;
				border-radius: 8px;
				color: #fff;
				display: inline-block;
				margin-bottom: 5px;
				padding: 5px 10px;
				white-space: nowrap;
		}


/* --- MITTENSPALTEN --- */

#middle
{
	float: left;
	width:200px;
	margin-left:12px;
	font-family: "Trebuchet MS";
	font-size:12px;
	line-height:18px;

}

#info,
#middle
{
	background-image: url(/css/info_bg.gif);
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	float: left;
	width:200px;
	margin-left:12px;
	font-family: "Trebuchet MS";
	font-size:12px;
	line-height:18px;
}
	#middle.none {
		background: none;
		border:0;
	}

#disc
{
	width:190px;
	padding:5px;
	background: none;
}

#disc #head
{
	padding-top:3px;
	padding-bottom:2px;
	width:190px;
	font-family: Georgia;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#middle #disc #head
{
	font-family: "Trebuchet MS";
	font-size:12px;
}

#disc #head span { font-weight:normal;}

#disc img {
	border:5px solid #fff;
	margin-bottom:5px;
	background: url(/css/loading.gif) no-repeat 50% 50% #fff;
	display:block;
	width:180px;
	min-height:180px;
}


#divider
{
	background: url(/css/info_div.gif);
	display:block;
	width:200px;
	height:3px;
	float:left;
}

#fact
{
	width:180px;
	padding:10px;
	font-size:11px;
}

#data
{
	width:180px;
	padding:10px;
}

#middlecontent
{
	width:180px;
	padding:10px;
}


.bloggteaserimg {

    height: 100px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 5px 0;
    border: 1px solid #999;
    background: black;

}
	.bloggteaserimg img {
		width: 100%;
		position: relative;
	}

	.bloggteaserimg img.wide {
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}




/* --- ANNONSSPALT --- */

#column
{
	float: left;
	width:250px;
	margin-left:12px;
	font-family: verdana;
	font-size:11px;
	line-height:16px;
}

#column .banner {margin-bottom:11px}

#column .banner.facebook {
	padding-top: 20px;
	background: url(/css/fb_header.png) no-repeat top left;
}


#column .banner object {margin-left: -1px;}

#column .banner embed {width: 251px;}


.monthteaser {
	background: #000;
	border-bottom: 10px solid #333;
	padding-bottom: 2px;
	width: 250px;
	overflow: hidden;
	margin-bottom: 11px;
}


ul.mrblock {
	list-style: outside none none;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 5px;
	width: 248px;
}

ul.mrblock li {
	float: left;
	height: 111px;
	margin-bottom: 2px;
	margin-right: 4px;
	overflow: hidden;
	position: relative;
	width: 77px;
}

ul.mrblock li img {
	position: absolute;
	bottom: 0;
	width: 77px;
}

.monthteaser #sideHeader {
	padding: 5px 0;
	font-weight: bold;
	color: #ccc;
	border-bottom: 2px solid #333;
	text-align: center;
}



.ifr {
	background: none repeat scroll 0 0 #EEEEEE;
    	border: 1px solid #C3C3C3;
    	display: block;
    	height: 240px;
    	overflow: hidden;
    	padding: 5px;
    	width: 456px;
}

.ifr.comm {
	height: 220px;
	margin: 5px 0;
}



 .themeteaser {
        max-height: 100px;
        margin-bottom: 12px;
    }

   .themeteaser span {
    overflow: hidden;
    display: block;
   }

   .themeteaser span img {
    left: -50px;
    position: relative;
    width: 300px;
   }

   .themeteaser p {
    padding-left: 15px;
    position: relative;
    top: -110px;
    z-index:999;
   }

   .themeteaser p b {
    font-family: "fradmcn";
    color: #eee;
    display: block;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    text-shadow: 0 0 2px #000;
   }

   .themeteaser p b em { font-style: normal; text-transform:uppercase;}

   .themeteaser p a {
    color: #ddd;
    display: block;
    font-weight: bold;
    width: 150px;
    text-shadow: 0 0 2px #000;
    font-family: "Trebuchet MS",Cambria;
    font-size: 12px;
   }



/* --- BLOGG --- */

.blogError {
	background: url("/css/warning.png") no-repeat scroll 2px 2px #ffff63;
    	border: 2px solid red;
        font-size: 18px;
    	margin-bottom: 20px;
    	padding: 10px 5px;
    	text-align: center;
}

.blogNav {
	border: 2px solid #ccc;
	background: url(/css/blognav.png) no-repeat top left #ddd;
	float: left;
    	height: 55px;
    	padding: 6px 6px 6px 40px;
    	text-align: left;
    	width: 182px;
	display: table;
	position: relative;
}
.blogNav.next {
	background-position: bottom right;
	text-align:right;
	margin-left:4px;
	padding: 6px 40px 6px 6px
}

.blogNav span {
	display: table-cell;
	top: 50%;
	vertical-align: middle;
}
.blogNav span em {
	font-style:normal;
	position: relative;
	top: -50%;
}


/* --- MESSAGE --- */

.message {
	background: url(/css/message_bg.png) no-repeat top left;
	display: block;
	height: 100px;
	width: 428px;
	padding: 20px;
	margin: 10px 0;
}
.message h3 {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	height: 30px;
}
.message h3 span {
	padding: 5px 0;
	float: left;
}
.message.error h3 {
	color: red;
}
.message.success h3 {
	color: green;
}
.message h3 em {
	display: block;
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(/css/message_icons.png) no-repeat top left;
}
.message.error h3 em {
	background-position: -59px 0;
}
.message.success h3 em {
	background-position: 0 0;
}


/* --- COMPETITION --- */

.compmessage {
	border: 2px solid darkgreen;
	background: green;
	padding: 5px;
	color: #fff;
	margin-bottom: 10px;
}

.compform {
	border:1px solid #000;
}

.cf_head {
	padding: 5px;
	background: url("/css/nav_search_bg.png") repeat-x scroll left top #700000;
	border-bottom: 1px solid #000;
	color: #fff;
}
.cf_body {
	padding: 0px;
	background: #F29400;
}
	.cf_body ul {
		margin:0;
		padding:0;
		list-style: none outside none;
	}
	.cf_body ul li {
		float:left;
		width: 456px;
		padding: 5px;
		background: url("/css/doubleline.png") repeat-x scroll left bottom;
	}
	.cf_body ul li.last {
		background: none;
	}

	.fld.emailfld {
		width: 247px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
 		.fld.emailfld {width: 244px;}
	}


.yeardvd {
float:right; margin-left: 10px; height: 110px;
}
.yeardvd2 {
float:left; margin-right: 10px; height: 110px;
}



/* --- MOBILE ---*/

#mobilewrapper #logo {
	background:none repeat scroll 0 0 #700000;
	padding:5px;
	width:468px;
}
#mobilewrapper #nav {
	background:none repeat scroll 0 0 #ff9900;
	height:30px;
	left:0;
	margin-bottom:6px;
	padding:5px;
	top:0;
	width:468px;
	border-bottom:5px solid #700000;
}

#mobilewrapper #nav ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}

#mobilewrapper #nav ul li {
	float: left;
	padding: 5px 30px 0 0;
}

#mobilewrapper #nav ul li.first {
	padding-left: 5px;
}

#mobilewrapper #nav ul li.last {
	padding-right: 0px;
}


#mobilewrapper #nav ul li a {
	color: #000;
	font-weight: bold;
	font-size: 20px;
}

#mobilewrapper #content {
	margin: 5px;
	font-size: 20px;
	line-height: 28px;
}

#mobilewrapper h1 {height: auto;}


#mobilewrapper h4 {
	font-size: 23px;
	line-height: 25px;
	margin: 0 0 10px;
}

#mobilewrapper #factwrapper {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

#mobilewrapper #content #byline {
	border-bottom:0px;
}

#mobilewrapper .archiveWrapper .column1 {
	width: 360px;
}
#mobilewrapper .archiveWrapper .column2 {
	width: 108px;
}

#mobilewrapper #footer {
	width:468px;
	font-size: 20px;
	line-height: 28px;
}

#mobilewrapper #footer a {
	padding:0;
}

#mobilewrapper .blogNav {
	width: 418px;
}

#mobilewrapper .blogNav.next {
	margin: 4px 0 0 0;
}

#mobilewrapper .themeheader {
		width: auto;
    background-size: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-color: black;
    background-position: 0 57px;
}


#mobilewrapper .themeheader h1 {
    height: auto;
    top: -18px;
    position: relative;
}

#mobilewrapper .themeheader p {
    position: relative;
    top: -20px;
}



#mobilewrapper .themeitems {
	width: auto;
}


#mobilewrapper .themeitems li {
    height: 223px;
    width: 156px;
}

#mobilewrapper .themeitems img {
    width: 154px;
}