/* ----- News section ----- */

div#news_wrapper
{
 background-color: #ffffff;
 width: 960px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 364px;
 margin: auto;
 border-top: solid 10px #e7e7e7;
 border-left: solid 10px #e7e7e7;
 border-right: solid 10px #e7e7e7;
}

div#news_left /* Top Stories */
{
 background-color: #ffffff;
 float: left;
 width: 638px;
 height: 330px;
 margin-top: 10px;
 margin-left: 0px;
 border-right: solid 2px #cccccc; 
}

div#top_story_left
{
 background-color: #ffffff;
 float: left;
 width: 320px;
 height: 325px;
 margin-top: 0px;
 margin-left: 10px;
 margin-bottom: 10px;
}

div#top_story_header
{
 background-image: url(http://static.arcticgamer.net/Design/Images/bg_top.png);
 float: left; 
 margin: auto;
 width: 312px;
 height: 30px;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 8px;
 border: solid 1px #171717;
}

div#top_story_textbox /* The left part of the biggest story */
{
 background-color: #ffffff;
 float: left;
 width: 312px;
 height: 140px;
 border-top: solid 5px #ffffff;
}

div#top_story_image /* The biggest image */
{
 background-color: #ffffff;
 float: left;
 width: 314px;
 height: 188px;
 margin-left: 0px;
}

div#top_story_right
{
 background-color: #ffffff;
 float: left;
 width: 294px;
 height: 325px;
 margin-top: 0px;
 margin-left: 6px;
 margin-bottom: 10px;
}

.top_story_featured
{
 background-color: #ffffff;
 float: left;
 font-size: 11px;
 width: 294px;
 height: 70px;
 margin-left: 0px;
 margin-bottom: 0px;
 border-bottom: solid 10px #ffffff;
}

div#news_right
{
 background-color: #ffffff;
 float: left;
 width: 290px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 100px;
 margin-top: 10px;
 margin-left: 20px;
}

div#latest_news /* The latest news */
{
 background-color: #ffffff;
 float: left;
 width: 290px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 100px;
 border-bottom: dotted 1px #cccccc;
}

div#more_news /* Another five of them */
{
 background-color: #ffffff;
 float: left;
 width: 290px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 100px;
}

/* ----- Left_container boxes ----- */

div#latest_container_box
{
 background-color: #ffffff;
 float: left;
 width: 620px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 410px;
 border-top: solid 10px #ffffff;
 border-left: solid 10px #ffffff;
 border-right: solid 10px #ffffff; 
}

div#latest_container_menu
{
 background-image: url(http://static.arcticgamer.net/Design/Images/bg_latest_menu.png);
 background-repeat: no-repeat;
 background-color: #e7e7e7; /* #bbbbbb #cacaca #dcddde*/
 float: left;
 width: 640px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 border-bottom: solid 4px #153d55;
}

div#latest_container_top
{
 background-color: #ffffff;
 float: left;
 width: 620px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 80px;
 border-bottom: solid 10px #ffffff;
}

div#latest_container_more /* The rest of the information */
{
 background-color: #ffffff;
 float: left;
 width: 620px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 100px;
}

/* Image design */

div#latestImages
{
 background-color: #ffffff;
 float: left;
 width: 620px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 100px;
}

.latestGalleryLeft
{
 background-color: #ffffff;
 float: left;
 width: 305px;
 height: 75px;
 border-right: solid 5px #ffffff;
 border-bottom: solid 5px #ffffff;			
}

.latestGalleryRight
{
 background-color: #ffffff;
 float: Right;
 width: 305px;
 height: 75px;
 border-left: solid 5px #ffffff;
 border-bottom: solid 5px #ffffff;		
}

.tiny_container
{
 background-color: #e7e7e7;
 float: left;
 width: 205px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-right: 12px;
}

.tiny_container_last
{
 background-color: #e7e7e7;
 float: left;
 width: 205px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
}

div#article_box
{
 background-color: #ffffff;
 float: left;
 width: 185px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 290px;
 margin-top: 0px;
 border: solid 10px #ffffff;
}

div#contest_box
{
 background-color: #ffffff;
 float: left;
 width: 185px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 290px;
 margin-top: 0px;
 border: solid 10px #ffffff;
}

div#editorial_box /* Mest lästa texter? */
{
 background-color: #ffffff;
 float: left;
 width: 185px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 290px;
 margin-top: 0px;
 border: solid 10px #ffffff;
}

.small_container_more
{
 background-color: #ffffff;
 float: left;
 width: 185px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 100px;
 margin-top: 0px;
 border-top: solid 1px #cccccc;
}

.small_container_blog
{
 background-color: #ffffff;
 float: left;
 width: 185px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 100px;
 margin-top: 0px;
}

div#fav_container
{
 background-color: #ffffff;
 float: left;
 width: 620px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border-top: solid 10px #ffffff;
 border-left: solid 10px #ffffff;
 border-right: solid 10px #ffffff;
 border-bottom: solid 2px #ffffff;
}

div#small_container_forum /* To make sure that the blue header is in the right place */
{
 background-color: #e7e7e7;
 float: left;
 width: 315px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-left: 30px;
}

div#forum_box
{
 background-color: #ffffff;
 float: left;
 width: 295px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border-top: solid 10px #ffffff;
 border-left: solid 10px #ffffff;
 border-right: solid 10px #ffffff;
}

.more_content_small /* And another five releases */
{
 background-color: #ffffff;
 float: left;
 width: 280px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border-top: dotted 1px #cccccc;
}


/* ----- Right_container boxes, excepts ad's they are in the "core" CSS ----- */

.quotationHeader
{
 background-image: url(http://static.arcticgamer.net/Design/Images/top_round_300.png);
 background-color: #e7e7e7;
 float: left; 
 width: 300px;
 height: 15px;
 margin-top: 10px;
}

div#quotation_box
{
 background-color: #ffffff;
 float: left;
 width: 290px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border-left: solid 5px #ffffff;
 border-right: solid 5px #ffffff;
} 

.twitter_header /* The small one, blue header */
{
 background-color: #ffffff;
 float: left; 
 width: 298px;
 height: 47px;
 margin-top: 10px;
 margin-left: 0px;
 margin-bottom: 0px;
 border: solid 1px #cccccc;
}

div#twitter_container
{
 background-color: #ffffff;
 float: left;
 width: 290px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border-top: solid 5px #ffffff;
 border-left: solid 5px #ffffff;
 border-right: solid 5px #ffffff;
} 

div#small_container_release /* To make sure that the blue header is in the right place */
{
 background-color: #ffffff;
 float: left;
 width: 280px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 border-top: solid 10px #ffffff;
 border-left: solid 10px #ffffff;
 border-right: solid 10px #ffffff;
 border-bottom: solid 0px #ffffff;
}

.release_contet_left
{
 background-color: #ffffff;
 float: left;
 width: 96px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border-bottom: solid 6px #ffffff; 
}

.release_contet_right
{
 background-color: #ffffff;
 float: left;
 width: 184px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
}

/* ----- Not in any of the containers ----- */

div#comic_header
{
 background-color: #143d55;
 float: left;
 width: 958px;
 height: 30px;
 margin-top: 10px;
 border: solid 1px #171717;
}

div#comic_header_image
{
 background-color: #e7e7e7;
 float: left;
 width: 940px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border-left: solid 10px #ffffff;
 border-right: solid 10px #ffffff;
}

div#comic_container
{
 background-color: #ffffff;
 float: left;
 width: 940px;
 height: 100%;
 height: auto !important; /*To make sure the CSS works in IE6*/
 min-height: 60px;
 margin-top: 0px;
 border: solid 10px #ffffff;
}

/* Main stuff, used on more than one place */

.large_header /* The big one, blue header */
{
 background-color: #143d55;
 float: left; 
 width: 638px;
 height: 30px;
 margin-top: 10px;
 margin-left: 0px;
 margin-bottom: 0px;
 border: solid 1px #171717;
}

.small_header /* The small one, blue header */
{
 background-color: #143d55;
 float: left; 
 width: 313px;
 height: 30px;
 margin-top: 10px;
 margin-left: 0px;
 margin-bottom: 0px;
 border: solid 1px #171717;
}

.rightbox_headers /* The small one, blue header */
{
 background-color: #143d55;
 float: left; 
 width: 298px;
 height: 30px;
 margin-top: 10px;
 margin-left: 0px;
 margin-bottom: 0px;
 border: solid 1px #171717;
}

.tiny_header /* For the really small boxes */
{
 background-color: #143d55;
 float: left; 
 width: 203px;
 height: 30px;
 margin-top: 10px;
 margin-left: 0px;
 margin-bottom: 0px;
 border: solid 1px #171717;
}