/**
 * Main body 
 */
body
{
	font-family: Verdana;
	font-size: 13px;
	color: white;
	text-align: left;
	background-color: black;
	background-image: url(../images/website/background_1920px.png);
	background-repeat: repeat-x;
}
a {	color: #ffcc00; text-decoration: none; }
a:visited { color: #ffcc00; }
a:hover { color: #ffcc00; text-decoration: underline; }

/**
 * Logo!
 */
div.logo 
{
	background-image: url(../images/website/codname_logo.png);
	width: 262px;
	height: 80px;
	float: left;
	margin-top: 22px;
}

/**
 * Top buttons in the corperate header
 */ 
div.top_button 
{
	float: right; 
	width: 136px; 
	height: 80px;
}
div.contact { background-image: url(../images/website/button_contact.png); }
div.contact:hover { background-position: -137px 0px; }
div.community 
{
	width: 136px; 
	height: 80px;
	position: absolute;
	background-image: url(../images/website/button_community.png); 
}
div.community:hover { background-position: -137px 0px; }
div.company
{ 
	width: 136px;
	height: 80px;
	position: absolute;
	background-image: url(../images/website/button_company.png); 
}
div.company:hover { background-position: -137px 0px; }
div.games 
{
	width: 136px;
	height: 80px;
	position: absolute;
	background-image: url(../images/website/button_games.png);
}
div.games:hover { background-position: -137px 0px; }

div.social_media
{
	float: right;
	width: 31px;
	height: 30px;
	margin: 5px 0px 5px 5px;
}
div.facebook { background-image: url(../images/website/button_small_facebook.png); }
div.facebook:hover { background-position: -31px 0px; }
div.twitter { background-image: url(../images/website/button_small_twitter.png); }
div.twitter:hover { background-position: -31px 0px; }
div.youtube { background-image: url(../images/website/button_small_youtube.png); }
div.youtube:hover { background-position: -31px 0px; }
div.email { background-image: url(../images/website/button_small_mail.png); }
div.email:hover { background-position: -31px 0px; }

/**
 * Top button dropdowns in the corperate header
 */ 
div.dropdown
{
	position: relative; 
	top: 150px; 
	left: -31px; 
	width: 175px; 
	z-index: 10; 
	display: none;
	opacity: 0;
}
div.dropdown a
{
	color: white;
	font-size: 10px;
	text-decoration: none;
}
div.dropdown img.icon
{
	padding-left: 5px; 
	padding-top: 5px; 
	float: left;
}
div.dropdown div.title
{
	padding-left: 5px; 
	padding-top: 7px; 
	float: left;
}
div.dropdown div.first
{
	width: 200px;
	height: 30px;
	padding-top: 15px;
	background-image: url(../images/website/dropdown_top.png);
}
div.dropdown_button
{
	width: 16px;
	height: 12px;
	background-image: url(../images/website/button_arrow.png);
	position: absolute;
	z-index: 5;
	top: 53px;
	left: 61px;
	background-position: -16px 0px;

}
div.dropdown div.first:hover { background-position: 0px -46px; }
div.dropdown div.mid0
{
	width: 200px;
	height: 30px;
	background-image: url(../images/website/dropdown_mid_dark.png);
}
div.dropdown div.mid0:hover { background-position: 0px -31px; }
div.dropdown div.mid1
{
	width: 200px;
	height: 30px;
	background-image: url(../images/website/dropdown_mid_light.png);
}
div.dropdown div.mid1:hover { background-position: 0px -31px; }
div.dropdown div.last0
{
	width: 200px;
	height: 31px;
	background-image: url(../images/website/dropdown_bottom_dark.png);
}
div.dropdown div.last0:hover { background-position: 0px -32px; }
div.dropdown div.last1
{
	width: 200px;
	height: 31px;
	background-image: url(../images/website/dropdown_bottom_light.png);
}
div.dropdown div.last1:hover { background-position: 0px -32px; }

/**
 * Carousel stuff
 */
div.carousel_top
{
	width: 990px;
	height: 1px;
	clear: both;
	background-color: #ffcc00;
}
div.carousel_bottom
{
	width: 990px;
	height: 1px;
	clear: both;
	background-color: #ffcc00;
	margin-top: 2px;
}
div.carousel_content
{
	position: relative;
	width: 990px;
	height: 281px;
	overflow: hidden;
}
div.carousel_element
{
	position: absolute;
	width: 990px;
	height: 281px;
	top: 0px;
}
div.play_now
{
	width: 124px;
	height: 32px;
	background-image: url(../images/website/button_playnow.png);
}
div.play_now:hover { background-position: 0px -32px; }
div.learn_more
{
	width: 124px;
	height: 32px;
	background-image: url(../images/website/button_learnmore.png);
}
div.learn_more:hover { background-position: 0px -32px; }
div.carousel_left
{
	width: 28px;
	height: 35px;
	background-image: url(../images/website/carousel_arrows.png);
	background-position: 0px 0px;
	position: absolute; 
	top: 123px; 
	left: 10px;
	cursor: pointer;
}
div.carousel_left:hover { background-position: 0px -35px; }
div.carousel_right
{
	width: 28px;
	height: 35px;
	background-image: url(../images/website/carousel_arrows.png);
	background-position: 29px 0px;
	position: absolute; 
	top: 123px; 
	left: 952px;
	cursor: pointer;
}
div.carousel_right:hover { background-position: 29px -35px; }

/**
 * Content background
 */
div.content_split
{
	background-image: url(../images/website/background_content_split.png);
	background-repeat: no-repeat;
}
div.content_full
{
	background-image: url(../images/website/background_content_full.png);
	background-repeat: no-repeat;
}
div.content_right
{
	float: right; 
	width: 377px;
}
div.content_left
{
	width: 608px; 
}

div.tweets
{
	padding: 5px;
	height: 280px; 
	border: 1px solid black; 
	margin-bottom: 10px;
}
div.forums
{
	padding: 5px;
	padding-top: 0;
	height: 200px;
	border: 1px solid black;
	margin-bottom: 10px;
}

div.title_banner
{
	position: relative;
	background-image: url(../images/website/news_banner.png);
	background-repeat: no-repeat;
	padding-left: 27px;
	line-height: 22px;
	height: 23px;
	width: 400px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 3px;
}

/**
 * News
 */
div.news_post
{
	padding: 5px;
}
div.news_post div.title
{
	position: relative;
	left: -10px;
	background-image: url(../images/website/news_banner.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 22px;
	height: 23px;
	width: 400px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 3px;
}
div.news_post div.categories
{
	color: gray;
	margin-left: 20px;
	font-size: 10px;
	float: left;
}
div.news_post div.categories a 
{
	color: #ffcc00;
	text-decoration: none;
}
div.news_post div.categories a:hover { text-decoration: underline; }
div.news_post div.tags
{
	color: gray;
	margin-left: 25px;
	font-size: 10px;
	float: left;
}
div.news_post div.tags a 
{
	color: #ffcc00;
	text-decoration: none;
}
div.news_post div.tags a:hover { text-decoration: underline; }
div.news_post div.date
{
	color: gray;
	font-size: 11px;
	margin-top: 4px;
	float: right;
}
div.news_post div.content
{
	margin: 4px 20px;
}
div.news_post div.image
{
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	height: 140px;
	overflow: hidden;
	margin-bottom: 5px;
	background-position: center center;
	background-repeat: no-repeat;
}
div.news_post div.read_more
{
	margin: 17px 0px 0px 20px;
}
div.news_post div.read_more a
{
	color: #ffcc00;
	text-decoration: none;	
}
div.news_post div.read_more a:hover { text-decoration: underline; }
div.news_delimeter 
{
	margin-top: 15px; 
	margin-bottom: 15px; 
	height: 1px;
	background-color: #343434; 
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
div.featured_updates
{
	padding: 5px;
}
div.featured_updates a.all_updates
{
	font-size: 11px;
	float: right;
	color: #ffcc00;
	text-decoration: none;
	margin-top: 2px;
}
div.featured_updates a.all_updates:hover { text-decoration: underline; }
div.permalink
{
	float: right; 
	font-size: 10px;
	margin-top: -3px;
}

/**
 * Staff page
 */
div.orange_header
{
	width: 248px;
	height: 32px;
	background-image: url(../images/website/content_banner.png);
	margin-bottom: 10px;
}
div.orange_header div.executive_role
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/staff_title_founders.png);
}
div.orange_header div.developers_role
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/staff_title_development.png);
}
div.orange_header div.artists_role
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/staff_title_art.png);
}
div.orange_header div.community_role
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/staff_title_community.png);
}
div.orange_header div.coops_role
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/staff_title_coops.png);
}
div.orange_header div.marketing_role
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/staff_title_marketing.png);
}
div.orange_header div.careers_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/careers_title.png);
}
div.orange_header div.careers_coop_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/careers_coop_title.png);
}
div.orange_header div.about_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/about_title.png);
}
div.orange_header div.corevalues_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/corevalues_title.png);
}
div.orange_header div.history_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/history_title.png);
}
div.orange_header div.press_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/press_title.png);
}
div.orange_header div.allnews_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/allnews_title.png);
}
div.orange_header div.support_title
{
	width: 220px;
	height: 32px;
	background-image: url(../images/website/support_title.png);
}
div.staff_box
{
	border: 1px solid #404040;
	width: 318px;
	height: 210px;
	position: relative;
	float: left;
	margin: 5px;
}
div.staff_box div.staff_image
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 138px;
	height: 152px;
}
div.staff_box div.staff_name_title
{
	background-color: #2b2b2b;
	position: absolute;
	width: 134px;
	padding: 4px 2px;
	border: 1px solid #404040;
	height: 28px;
	font-size: 10px;
	top: 152px;
	left: -1px;
}
div.staff_box div.staff_description
{
	position: absolute;
	width: 169px;
	left: 138px;
	top: -1px;
	border: 1px solid #404040;
	height: 179px;
	padding: 5px;
	font-size: 9px;
}
div.staff_box div.staff_games
{
	position: absolute;
	top: 189px;
	background-color: #181717;
	border: 1px solid #404040;
	width: 318px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	text-align: center;
	left: -1px;
}
div.coop_box
{
	float: left;
	width: 320px;
	margin: 5px;
	height: 60px;
}
div.coop_box div.coop_image
{
	margin: 10px;
	float: left;
}
div.coop_box div.coop_name
{
	font-weight: bold;
}
div.coop_box div.coop_description
{
	font-size: 10px;
	color: gray;
}

div.corevalue_box
{
	float: left; 
	width: 200px; 
	height: 230px;
	border: 1px solid #666666; 
	background-color: #222222; 
	border-radius: 5px;
	text-align: center; 
	margin: 5px; 
	padding: 5px
}
div.corevalue_box div.corevalue_title
{
	font-weight: bold;

}
div.corevalue_box div.corevalue_content
{
	font-size: 10px;
	color: #aaaaaa;
}

/**
 * Legacy Games page
 */
div.legacy_game_box
{
	background-color: #1b1b1b;
	border: 1px solid #3b3b3b;
	border-radius: 3px;
	padding: 4px;
	margin: 5px;
	margin-bottom: 10px;
}
div.legacy_game_image
{
	width: 356px;
	height: 100px;
}
div.legacy_game_desc
{
	text-align: center; 
	font-size: 10px;
	padding: 5px;
}
div.legacy_game_separator
{
	width: 250px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px; 
	margin-bottom: 10px; 
	height: 1px;
	background-color: #343434;
}

div.play_now_button
{
	height: 32px; 
	width: 178px;
	float: left; 
}
div.play_now_button:hover { background-position: 0px 33px; }
div.pn_steam { background-image: url(../images/website/playbutton_steam.png); }
div.pn_facebook { background-image: url(../images/website/playbutton_facebook.png); }
div.pn_kongregate { background-image: url(../images/website/playbutton_kong.png); }
div.pn_armorgames { background-image: url(../images/website/playbutton_armorgames.png); }
div.pn_bigfishgames { background-image: url(../images/website/playbutton_bigfish.png); }
div.pn_gamescom { background-image: url(../images/website/playbutton_gamescom.png); }
div.pn_mindjolt { background-image: url(../images/website/playbutton_mindjolt.png); }
div.pn_center
{
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/**
 * Footer
 */ 
div.footer
{
	background-color: #151515;
	padding: 10px;
}
div.footer div.footer_logo
{
	background-image: url(../images/website/codname_footer_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 60px;
}
div.footer div.copyright
{
	text-align: center;
	color: #ffcc00;
	font-size: 10px;
	margin: 10px;
}
div.footer div.links
{
	text-align: center;
	color: #444444;
	font-size: 10px;
	margin: 10px;
}
div.footer div.links a
{
	color: #ffcc00;
	text-decoration: none;
}