@import url('structure.css');
		
	/*
		 NOTES
		 - styles marked with an '!' indicates a diferences with the white stylesheet.
	*/
	
	#blackbtn	{ display: none; } /* hide the button to switch to this stylsheet */ /* ! */
	#whitebtn	{ display: block; }
	
    body 	{ color : #FFF; font : normal normal 0.75em/1.5em Arial, Helvetica, sans-serif; }
    
    h1    { font-weight: bold; font-size: 1.67em/* 20px */; margin: 0.8em 0em; line-height: 1.2em; }
    h2    { font-weight: bold; font-size: 1.33em/* 16px */; margin: 1em 0em; line-height: 1em; }
    h3    { font-weight: bold; font-size: 1.08em/* 13px */; margin: 0.60em 0em; line-height: 0.8em; }
    h4    { font-weight: bold; font-size: 1.00em/* 12px */; margin: 0.60em 0em; line-height: 0.8em; }
        
    table.t1		{ }
    table.t1 tr	{ border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
    table.t1 td	{ padding: 3px 5px; }
    table .info a { color: #999; }
	
    table.t2		{ margin-bottom: 20px; border: 2px solid #666666; width: 100%; }
    table.t2 td	{ padding: 2px 5px; border-bottom: 1px solid #CCC; }
    table.t2 td.bg3	{ border: 2px solid #666; }
    
	a { color: #FF6D6D; }
	
	a.button { display : block; width : 100%; width : auto; }
    a.highlight	{ text-decoration: none; }
    
	a.article_title { color: #FFF; text-decoration: none; }
	
    ul.bullets li	{ list-style: circle inside none; }	
    
	ul.menu		{   }
    ul.menu li      { float : left; position: relative; }
    ul.menu ul      { display : none; position : absolute; z-index: 10000; }
    ul.menu ul li   { float : none; min-width : 150px; max-width : 250px; _width: 150px; /* IE6 */ }
	    
    .bg1 		     { background : url('../images/shortcutbtn-bg1_2.jpg') no-repeat left top; }
    .bg2 		     { background : url('../images/shortcutbtn-bg2_2.jpg') no-repeat left top; }
    .bg3 		     { background : #939598 url('../images/bg-5.jpg') repeat-x left bottom; }
    .bg4 		     { border : 1px solid #ccc; background : #6c6e70 url('../images/bg-4.gif') repeat-x left top; } /* ! */
    .bg-arrow 	     { background : url('../images/icon-arrow_down_grey.png') no-repeat; }
    .bg-icon-house  { background : url('../images/icon-house.png') no-repeat; }
    .bg-screwdriver { background : url('../images/icon-screwdriver.png') no-repeat; }
    .bg-star 	     { background : url('../images/icon-star.png') no-repeat; }
    .bg-cup 	     { background : url('../images/icon-cup.png') no-repeat; }
    .bg-textballoon { background : url('../images/icon-textballoon_grey.png') no-repeat; }
    .bg-search 	{ background : url('../images/bg-searchfield.png') no-repeat left top; }
    
    .img-print 	   	 { padding-left : 20px; background : url("../images/icon-print.png") no-repeat left center;}
    #whitebtn, .img-blackbg { padding-left : 20px; background : url("../images/icon-white_on_black.png") no-repeat left center; }
	#blackbtn, .img-whitebg { padding-left : 20px; background : url("../images/icon-black_on_white.png") no-repeat left center; }
    .img-comments 	      { padding-left : 20px; background : url("../images/icon-textballoon_white.png") no-repeat left center; }
    .img-arrow_left_white { padding-left : 20px; background : url("../images/icon-arrow_left_white.png") no-repeat left center; }
    .img-arrow_down_white { padding-left : 20px; background : url("../images/icon-arrow_down_white.png") no-repeat left center; }
    
    ul.contactlist li,
    .img-envelope_white 	{ padding-left : 20px; background : url("../images/icon-envelope_white.gif") no-repeat left center; }
    
    ul.highlight li, li.highlight,
    .img-arrow_right_red  { padding-left : 20px; background : url("../images/icon-arrow_right_red.png") no-repeat left center; }
    
	.icon-hot { display: inline-block; width: 10px; height: 10px; background: url('../images/icon-star_white.png') no-repeat left top; }
	.icon-plus { display: inline-block; width: 10px; height: 10px; background: url('../images/icon-plus.gif') no-repeat left top; }
	.icon-min { display: inline-block; width: 10px; height: 10px; background: url('../images/icon-min.gif') no-repeat left top; }
	
	/* for slices */
    .top    { height : 10px; overflow : hidden; background : none no-repeat left bottom; }
    .middle { padding : 0 10px; overflow : hidden; background : none repeat-x left top; }
    .bottom { height : 10px; overflow : hidden; background : none no-repeat left top; }
    
    .seperate  { border-bottom: 1px solid #CCC; margin-bottom: 1em; padding-bottom: 1em; }
    
	.highlight { color :#FF6D6D; }
	
    .label     { color: #fff; font-size: 0.92em; font-weight: bold; white-space: nowrap; padding: 1px 2px; background-color: #999; }
    .info      { font-size: 10px; color: #999; }
    .author    { color: #FFF; text-decoration: none; font-style: italic; } /* ! */
    .date	     { color: #FFF; } /* ! */
    .diminish 	{ color: #999; }
	
	.article	 { padding-bottom: 30px; }
	.article h1 { margin: 0px; }
	.article h1 a,
	.article h2 a
	{ color: #FFF; text-decoration: none; }
	
	.article ul.buttons	   { float: right; position: relative;  top: 5px; }
    .article ul.buttons li  { float: left; border-right: 1px solid #CCC; height: 25px; line-height: 25px; padding: 0px 10px; overflow: hidden; }
    .article ul.buttons a   { color: #FFF;  text-decoration: none; } /* ! */
	
	.article ul.article_page_nav	 { float: right; position: relative; top: 5px; }
    .article ul.article_page_nav li  { float: left; height: 20px; line-height: 20px; padding: 0px 5px; overflow: hidden; }
    .article ul.article_page_nav a   { color: #000;  text-decoration: none; }
	.article ul.article_page_nav select { width: 250px; }
	
    /* the size of the colums depents wether the article is main or not */
    .article .leftcol	    { float: left; width: 100px; overflow: hidden; }
    .article .rightcol	    { margin-left: 100px; padding-left: 10px;  }
	.article.main .leftcol   { float: left; width: 100px; overflow: hidden; }
    .article.main .rightcol  { margin-left: 100px; padding-left: 10px;  }
    .article .endcols	    { clear: left; }
    
	.article.contest .leftcol	    { float: left; width: 200px; overflow: hidden; }
	.article.contest .rightcol	    { margin-left: 200px; padding-left: 10px; }
	
    /* page -------------------------------------------------------------- */
    
	#page 			{ background: #464646 url('../images/bg-main_black_large.jpg') repeat-y center top; } /* ! */
	
    /* header --------------------------------------------------------------- */
    
    #header { padding : 10px 0; background : #414142 url('../images/bg-header.jpg') repeat-x left bottom; }
    #header .clear-float { clear : right; }
    #header_banner { float : right; margin-right : 30px; }
    
    /* menu1 ------------------------------------------------------------------ */
    
    #menu1 {
	height : 2em;
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
    background : #6d6f71 url('../images/bg-menu1.jpg') repeat-x left bottom;
	position: relative; z-index: 1000;
    }
    
    #menu1 .menu li, #menu2 .menu li {
    height : 2em;
    line-height : 2em;
    /*overflow : hidden;*/
    border-right : 1px solid #ccc;
    }
    #menu1 .menu a.button, #menu2 .menu a.button {
    font-size : 11px;
    padding : 0 10px;
    color : #fff;
    text-decoration : none;
    text-transform : uppercase;
    }
    #menu1 .menu ul, #menu2 .menu ul {
    border : 1px solid #ccc;
    background-color : #666;
    }
    #menu1 .menu ul li, #menu2 .menu ul li {
    border : 0;
    height : 1.7em;
    line-height : 1.7em;
    border-top : 1px solid #333;
    }
    #menu1 .menu ul li:first-child, #menu2 .menu ul li:first-child {
    border : 0;
    }
    #menu1 .menu ul a.button, #menu2 .menu ul a.button {
    font-size : 12px;
    padding : 0 10px;
    color : #000;
    text-transform: capitalize;
    }
    #menu1 .menu ul a.button:hover, #menu2 .menu ul a.button:hover {
    color : #fff;
    }
    #menu1 .clear-float, #menu2 .clear-float {
    clear : left;
    }
    #menu1 a.button.bg-arrow, #menu2 a.button.bg-arrow {
    padding-right : 13px;
    margin-right : 5px;
    background-position : right center;
    }
    #menu1 a.button.bg-arrow:hover, #menu2 a.button.bg-arrow:hover {
    background-image : url('../images/icon-arrow_down_white.png');
    }
    #menu1 a.button.bg-house, #menu2 a.button.bg-house {
    padding-right : 13px;
    margin-right : 5px;
    background-position : right center;
    }
    #menu1 a.button.bg-screwdriver, #menu2 a.button.bg-screwdriver {
    padding-right : 13px;
    margin-right : 5px;
    background-position : right center;
    }
    #menu1 a.button.bg-star, #menu2 a.button.bg-star {
    padding-right : 13px;
    margin-right : 5px;
    background-position : right center;
    }
    #menu1 a.button.bg-cup, #menu2 a.button.bg-cup {
    padding-right : 12px;
    margin-right : 5px;
    background-position : right center;
    }
    #menu1 a.button.bg-textballoon, #menu2 a.button.bg-textballoon {
    padding-right : 16px;
    margin-right : 5px;
    background-position : right center;
    }
    
    #all_articles_btn {
    display : block;
    margin : 2px 10px 0 0;
    }
    
    /* menu2 ------------------------------------------------------------------ */
    
    #menu2 {
    height : 2em;
    background : #939598 url('../images/bg-menu2.jpg') repeat-x left top;
    }
    
    #connections {
    padding : 0 5px;
    }
    
    #connections * {
    margin-top : 2px;
    }
    
    #menu2 .menu li#search {
		  margin-right: 10px;
    	  border-right : 0;
    }
    	
    #search-form {
    margin : 0px 0px 0px 0px;
    padding : 0;
    }
	
    #search-field {
    width : 140px;
    height : 20px;
    margin : 0;
    padding : 0 10px;
    border : 0;
    background : url('../images/bg-searchfield.jpg') no-repeat left center;
    vertical-align : middle;
    }
	
    #search-button {
    margin : 0;
    padding : 0;
    border : 0;
    vertical-align : middle;
    }
	
	#search-button, #search-field {
		position: relative;
		top: 2px;
		_position: static;
		_margin-top: 0px; /* IE6 */
		* top: -2px; /* IE7 */
	}
	
	#search_news-button { margin-top: 2px; }
    
    /* leftbar ---------------------------------------------------------------- */
    
    #leftbar {
    
    }
    
    #leftbar li {
    margin-bottom : 10px;
    }
    
    #leftbar li li {
    margin-bottom : 0;
    }
    
    #article_menu {
    color : #fff;
    width : 175px;
    line-height : 1.75em;
    }
    
    #article_menu .top {
    background : url('../images/menu-article_top.png');
    }
    
    #article_menu .middle {
    background : #58595b url('../images/bg-menu_article.jpg');
    }
    
    #article_menu .bottom {
    background : url('../images/menu-article_bottom.png');
    }
    
    #article_menu a {
    color : #fff;
    text-decoration : none;
    }
    
    #article_menu h3 {
    margin : 0;
    padding : 5px 0 10px 0;
    text-transform : uppercase;
    }
    
    #bookmark {
    padding : 5px 0 3px 0;
    }
    
    #shortcuts_menu {
		position: relative;
    	width : 175px;
		z-index: 1000;
    }
    
    #shortcuts_menu a {
    color : #fff;
    text-decoration : none;
    }
    
    #shortcuts_menu li {
    width : 175px;
    height : 25px;
    padding : 0 10px;
    line-height : 25px;
    }
    
    #related_articles {
    display : none;
    position : absolute;
    left : 0;
    top : 0;
    color : #fff;
    width : 340px;
    color : #fff;
    }
    
    #related_articles .top {
    background : url('../images/popup_top.png');
    }
    
    #related_articles .middle {
    padding : 0;
    background : #808285 url('../images/popup_bg.jpg') repeat-x left bottom;
    overflow : visible;
    }
    
    #related_articles .bottom {
    background : url('../images/popup_bottom.png');
    }
    
    #related_articles .description {
    position : relative;
    top : -10px;
    border-bottom : 1px solid #fff;
    padding : 0 10px;
    width : auto;
    }
    
    #related_articles a {
		color : #333;
		text-decoration : none;
		margin: 0em;
		padding: 0em;
    }
	    
    #related_articles a:hover {
    color : #fff;
    }
	
	#related_articles li.article {
		width: auto;
		height: auto;
		margin: 0em;
		padding: 0em 10px 5px 10px;
		line-height: 1.3em;
    }	
    
    /* rightbar ---------------------------------------------------------------- */
    
    #rightbar {
    color : #999;
    }
    
    #rightbar li {
    margin-bottom : 10px;
    }
    
    #rightbar li li {
    margin-bottom : 0;
    }
    
    #about_menu {
		color : #333;
		line-height : 2em;
		width : 170px;
		margin: 60px 5px 0px 0px;
		overflow : hidden;
    }
    
    #about_menu .top {
    background : url('../images/menu-about_top.png');
    }
    
    #about_menu .middle {
    min-height : 50px;
    border-left : 1px solid #686a69;
    border-right : 1px solid #686a69;
    background : #bdbec0 url('../images/bg-menu_about.jpg') repeat-x left top;
    }
    
    #about_menu .bottom {
    background : url('../images/menu-about_bottom.png');
    }
    
    #about_menu a {
    color : #333;
    text-decoration : none;
    }
    
    #about_menu a.button {
		position : relative;
		left : -6px;
		right: -6px;
		color : #333;
		line-height : 20px;
		width : 150px;
		height : 22px;
		padding : 0 5px;
		overflow : hidden;
		text-decoration : none;
		background : #bdbec0 url('../images/bg-btn_1.jpg') no-repeat left top;
		z-index: 100;
    }
    
    /* content ------------------------------------------------------------------- */
    
    #content	{ color: #FFF;  } /* ! */
    
    #content .content { overflow: hidden; background-color : #1A1A1A;} /* ! */

    #content .banner {
    text-align : center;
    }
    
    #content_footer {
    position : relative;
    color : #b3b3b3;
    padding : 10px 260px 20px 10px;
    height : 275px;
    font-size : 9px;
    line-height : 10px;
    }
   
	#content_footer img {
		float: right;
		position: relative;
		top: -50px;
		right: -310px;
	}
    
    /* contact */
    
	#contact_staff 			{ color: #CCC; } /* ! */
	#contact_staff a.email 	{ font-weight: bold; color: #FFF; text-decoration: none; } /* ! */
    #contact_staff .name	{ color: #FFF; font-weight: bold; } /* ! */
    
    #contact_reviewers			{ color: #CCC; } /* ! */
    #contact_reviewers a.email 	{ font-style: italic; color: #CCC; text-decoration: none; }
	    
    /* a specific column of the article */
	
	#article_comments { background: #242424 url('../images/comments_black_shadow.jpg') repeat-x left top; padding: 20px 10px; }
	#article_comments .comment { border-bottom: 1px solid #333; padding: 10px 0px; }
	#article_comments .bubble { position: relative; background-color: #000; border: 1px solid #333; padding: 10px; margin-top: 10px; }
	#article_comments .bubble .pointer {
		position: absolute;
		top: -10px;
		left: 20px;
		width: 16px;
		height: 10px;
		background: url('../images/bubble_black_arrow.jpg') no-repeat;
	}
	
	#links { }
	#links li a { color: #FFF; text-decoration: none; }
	
	#partners { }
	#partners li a { color: #FFF; text-decoration: none; }

	#search_results { }
	#search_results a.article_title { color: #FFF; font-weight: bold; text-decoration: none; }
	
	#homepage .article
	{
		margin: 0em;
		padding: 10px 0em 10px 0em;
	}
	
	#homepage .article h2
	{
		margin: 0em;
		padding: 0em;
	}
	
	#homepage .seperate
	{
		padding: 10px 0em 10px 0em;
	}
	
	#homepage .article .seperate
	{
		margin: 0em;
		padding: 0em;
	}