/* To always make the vertcal scrollbar visible in FX */
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body
{
	font-family:Verdana;
	font-size:11px;
	text-align: center;  /* IE */
	background:#8BF;
	background-image:url('../images/background.gif');
	background-repeat:repeat-y;
	background-position: top;
}

body table
{
	font-family:Verdana;
	font-size:11px;
}

.issueArea
{
	float:left;
	width:100%;
}

.issueArea .imageArea
{
	margin-right:1em;
	float:left;
}

.issueArea .titleArea
{

}

.issueArea .titleArea h1
{
	margin-top:0;
}

.issueArea .infoArea
{
	margin-bottom: 10px;
	margin-right:7px;
}

.issueArea .contentArea
{

}

.enclosureArea
{
	float:left;
	width:100%;
	margin-top:1.5em;
}

.enclosureArea .imageArea
{
	float:left;
}

.enclosureArea .infoArea
{

}

#PageArea
{
	margin-left: auto; /* Firefox */
	margin-right: auto; /* Firefox */
	text-align: left; /* fix the alignment back to left within this div */
	background:white;
	/*float:left;*/
	width:980px;
}

#MainArea #PageTextArea
{
	float:left;
	width:670px;
}

#MainArea #PageTextArea H1
{
	font-size:32px;
	margin:0 0 10px 0;
	text-align:center;
}

#TopArea
{
	border-bottom:solid 2px #00F;
	height:60px;
	width:980px;
}
#TopArea .logoLink
{

}
#TopArea .logoLink img
{
	border:0px;
	align:center;
}

#SearchArea
{
	padding:10px 0 0 0;
	float:left;
	width:125px;
/*	margin-left:5px;*/
	margin-left:2px;/* !important;*/
}

#SearchArea .searchField
{
	width:110px;
}

#MainArea
{
	float:left;
	width:670px;
	margin-right:5px;
	margin-top:10px;
}

#MainArea #TextArea
{
	float:left;
	width:518px;
	margin-right:20px;
}

#MainArea #TeaserArea
{
	float:left;
	border:solid 0px black;
	width:132px;
	text-align:center;
	font-weight:bold;
	
}

#MainArea #NewsLinkArea
{
	float:left;
	xborder:solid 0px black;
	width:132px;
	xtext-align:left;
	xfont-weight:bold;
	xmargin-top:48px;
	
}

#AdvertiseArea
{
	float:left;
	width:160px;
	margin-top:10px;
	margin-left:15px;
}

.newsBubbleLeft
{
	float:left;
	margin-top:20px;
	margin-right:14px;
	width:245px;
	height:166px;
	background-image:url('../images/newsbuble.gif');
}

.newsBubbleRight
{
	float:left;
	margin-top:20px;
	margin-left:14px;
	width:245px;
	height:166px;
	background-image:url('../images/newsbuble.gif');
}

.newsTextArea
{
	margin:10px;
	margin-bottom:5px;
	height:100px;
	xborder:solid 1px black;
}

.newsHeadline
{
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}

.newsLinkArea
{
	text-align:right;
	margin-right:15px;
}

.teaserHeadline
{
	text-align:center;
	color: #fff;
	width: 132px;
	height: 10px;
	/*margin-bottom: 2px;*/
	background:url(../images/bubbletop.gif) top no-repeat;
}

.searchResultItem
{
	background-color:#8BF;
}
.searchResultAlternateItem
{
	background-color:#fff;
}


#CoverGalleryArea
{
	width:100%;
}

#CoverGalleryArea .cover
{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:5px;
}

.paging
{
	text-align:center;
	margin-bottom:7px;
	font-size:12px;
	font-weight:bold;
}

.paging a
{
	color:#000;
	text-decoration:none;
}


.paging .currentPage
{
	text-decoration:underline;
}

.paging .inactiveLink
{
	color:#888;
}


#MagazineFacts
{
	width:100%;
}

#MagazineFacts th
{
	width:30%;
	text-align:left;
	background-color:#8BF;
}

#MagazineFacts th.headline
{
	text-align:center;
}

#MagazineFacts td
{
	border:solid 1px #8BF;
}


.magazineLink
{
	color:#00F;
	font-weight:bold;
}
.resultLink
{
	color:#000;
}

.articleCredits
{
	font-style:italic;
	color:#555;
}

H1.articleHeadline
{
	font-size:32px;
	margin:0 0 10px 0;
}

H2.articleHeadline
{
	font-size:20px;
	margin:0;
}

H3.articleHeadline
{
	font-size:17px;
	margin:0;
}

A.articleHeadline
{
	color:#000;
	text-decoration:none;
}
A.articleHeadline:hover
{
	text-decoration:underline;
}

.separatorArea
{
	border-bottom:solid 1px #00F;
	float:left;
	width:100%;
	padding-bottom:15px;
}

#ArticleAreaTwo
{
	float:left;
	width:330px;
	margin:5px 5px 0 0;
}

#ArticleAreaThree
{
	float:left;
	width:330px;
	margin:5px 0 0 5px;
}

.articleAreaOlder
{
	margin-top:5px;
	float:left;
	width:99%;
}

.largeImg
{
	margin-top:10px;
	width:670px;
	height:60px;
}

.smallImg
{
	width:330px;
	height:40px;
}

/* Betyg */
.magazineGradeArea
{
	width:248px;
	background:#8BF;
	border:solid 2px #00F;
	margin-top:5px;
	padding:2px 0 2px 0;
	float:left;
	text-align:center;
}

/* WebTV */
H1.webTvHeadline
{
	font-size:32px;
	margin:0 0 10px 0;
	text-align:center;
}

.webTvSeriesContainer
{
	float:left;
	width:100%;
	margin-bottom:15px;
}

.webTvSeriesHeadline
{
	float:left;
	width:100%;
	background-color:#8BF;
	font-size:13px;
	font-weight:bold;
	height:20px;
}
.webTvSeriesHeadline span
{
	margin-left:5px;
	margin-top:1px;
	float:left;
}

.webTvEpisode
{
	width:160px;
	height:103px;
	float:left;
	border:solid 0px #F00;
	margin:3px 4px 3px 3px;
}
.webTvEpisode a
{
	border:solid 1px #8BF;
	width:158px;
	height:88px;
	float:left;
}

.webTvEpisode a:hover
{
	border:solid 1px #00F;
	background-color:#8BF;
}

.webTvEpisode a:hover img
{
	width:140px;
	height:70px;
	margin:9px;
}

.webTvEpisode a img
{
	margin:4px;
	width:150px;
	height:80px;
	
}

.webTvEpisode span
{
	width:100%;
	text-align:center;
	float:left;
	height:13px;
}