/*
Theme Name: GameFront
Theme URI: beta.filefront.com
Description: A Custom theme for GameFront
Author: Colin Morgan
Author URI: http://www.colinjmorgan.com
version: 1.0
Tags: two-column, widget-ready, blank
*/



/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin-left:10px;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
h1, h2, h3, h5, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-weight:bold;
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
	color:#f4a62b;
}
h2, h2 a{
	font-size:16px;
}
h3, h3 a{
	font-size:15px;
}
h4, h4 a{
	font-size:14px;
}
h5, h5 a{
	font-size:13px;
}
h6, h6 a{
	font-size:12px;
}

a:focus{
outline:none;
}
a{
	text-decoration:none;
	}
body{
	width:100%;
	height:100%;
}

.content div.left_col{
	background:#ffffff;
	margin:20px 0px;
}
.content.single{
	margin-top:35px;
	}
.content h1,.content h2{
	background: #FFF;
	clear:both;
	height:26px;
	padding: 10px 0px 0px 0px;
	color:#000;
	font-size:14px;
	}
.files_header{
	width:110px;
	}

h2.files_results_header{
	width:160px;
	padding-left:15px;
	}
	
.clear{
	height:0;
	clear:both;
}
p{
	color:#333333;
	font-size:14px;
	line-height:21px;
	font-family:Georgia, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	
}
.post_teaser_more{
	text-decoration:none;
	color:#f8c53a;
}
.post_ellipse_more{
	text-decoration:none;
	color:#ffffff;
}
.post_teaser_more{
	text-decoration:none;
	color:#f8c53a;
}
.fourohfour{
	color:#fff;
}
.fourohfour a{
	font-size:18px;
}



.top_wrap{
	width:100%;
	height:374px;
	clear:both;
	margin-bottom:-120px;
	background: #0A0E0F url('img/header_wrap.png') repeat-x left bottom;
}
.header_wrap{
	width:100%;
	height:374px;
	clear:both;
	background: url('img/main_bg.jpg') no-repeat top center;
}
.header{
	width:960px;
	margin:0px auto;
	padding-top:20px;
	position:relative;
	}
	



#getForm{
	width:380px;
	overflow:hidden;
	}
#getForm input[type=radio], #getForm p{
	float:left;
	margin-right:5px;
	color:#ccc;
	font-family: arial;
	line-height:14px;
}

#getForm #want_to_search {
	background: transparent url('img/I_want_to_search.png') no-repeat;
	width: 99px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	top:2px;
}

#getForm #terms{
	width:274px;
	height:40px;
	border:none;
	float:left;
	background: url('img/search_field.png') no-repeat;
	color:#666;
	font-size:16px;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
	margin-bottom:10px;
}
#getForm input[type=submit]{
	width:86px;
	height:40px;
	border:none;
	background: url('img/search_button.png') no-repeat;
	text-indent:-9999px;
	font-size:0;
	cursor:pointer;
	float:right;
}

div#top_search form#searchform label.screen-reader-text{
	display:none;
}
h1.search_results,h2.search_results{
	width:300px;
	padding-left:15px;
	margin-bottom:3px;
}


.search_fail{
	margin:15px 0px 0px 30px;
}
.breakingnews{
	width:214px;
	height:80px;
	background: url('img/breakingnews_bg.png') repeat;
	padding:5px;
	float:left;
	border: 1px solid #8cad91;
	clear:left;
	overflow:hidden;
}
.breakingnews h3{
	width:142px;
	height:11px;
	background: url('img/breaking_head.png') no-repeat;
	text-indent:-9999px;
	margin:5px 0px 0px 5px;
}
.breakingnews h4{
	margin: 10px 0px 0px 4px;
}
.breakingnews h4 a{
	text-decoration:none;
	color:#d4c9b9;
	font-weight:bold;
	font-size:11px;
	font-family:arial;
}
.ad_top{
	width:728px;
	height:90px;
	float:right;
	z-index:100;
}

	

h2.featured_header{
	display:inline-block;
	height:26px;
	width:90px;
	position:relative;
	padding-left:16px;
	top: -10px;
	left: -16px;
	margin-bottom:5px;
	}
.featured_main{
	display:block;
	margin-bottom:10px;
	}
.featured_main img{
	margin-bottom:5px;
	}
.featured_main p{
	margin-top:5px;
	}
.featured_sub{
	margin: 15px 0px 35px 0px;
	overflow:hidden;
	}
.featured_sub div{
	width:195px;
	float:left;
	}
.featured_post-2, .featured_post-3{
	margin-left:15px;
	}
.featured_sub div a span{
	padding:3px 0px 2px 5px;
	font-size:14px;
	line-height:14px;
	color:#4c7963;
	font-weight:bold;
	font-family:Arial, sans-serif;
	display:block;
	font-style:normal;
	text-align:left;
	margin:0;
	}
.left_col h1{font-weight:bold;font-size:16px;}
.left_col p.featured_title{
	padding:0px;
	}
.left_col p.featured_title a{
	font-size:30px;
	line-height:26px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-align:left;
	color:#4c7963;
	}
.featured_sub div:hover, .featured_sub div a span:hover, .left_col p a.featured_title:hover{
}

/* Right Column */

/* cdp sliver */

.gf_checkout{
	overflow:hidden;
	padding:8px 5px 10px 0px;
	position:relative;
}
.gf_checkout p{
	padding:16px 19px;
	background-color:#eeffed;
	border: 1px solid #e5e5e5;
	clear:both;
	color:#666666;
	font-size:14px;
	font-family:Arial;
}
.gf_checkout button{
	width:87px;
	height:32px;
	text-indent:-9999px;
	float:right;
	border:0;
	background: url('img/gf_check_out.jpg') no-repeat 0 0;
	margin-top:3px;
	}
.gf_checkout span{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:20px;
	height:21px;
	background: url('img/check_out_remove.png') no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
	float:right;
	clear:both;
}
#sidebar{
	width:300px;
	height:auto;
	float:right;
	padding-right:15px;
	margin:20px 0px 50px 0px;
}
.sidebar_home{
	padding-top: 51px;
	}

.sidebar_adtop{
	margin-bottom:15px;
	}
.ad_topright{
	width:300px;
	height:255px;
	clear:both;
	margin-bottom:15px;
}
ul.sidebar_menu{
	width:300px;
	height:200px;
	clear:both;
	list-style:none;
	text-align:center;
	background: url('img/sidebar_divider.png') no-repeat bottom center;
	padding-bottom:1px;
}
ul.sidebar_menu li{
	width:100%;
	height:40px;
	background: url('img/sidebar_menubg.png') repeat-x;
}
ul.sidebar_menu li a{
	width:100%;
	height:30px;
	display:block;
	font-size:16px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#f4a62b;
	padding-top:10px;
}
ul.sidebar_menu li:hover{
	background: url('img/sidemenu_bgactive.png') repeat-x;
}
ul.sidebar_menu li a:hover{
	color:#fff;
}	
.sidebar_module{
	width:280px;
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}
#sidebar h3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#333;
	margin:15px 0px 5px 0px;
	}
#sidebar .sidebar_thumbail{
	float:left;
	clear:left;
	margin-right:10px;
	width:88px;
	height:45px;
	overflow:hidden;
}
#sidebar .post{
	clear:both;
	width:100%;
	padding-bottom:2px;
	margin-bottom:2px;
	overflow:hidden;
	border-bottom: 1px solid #ccc;
}
#sidebar .post h4{
	padding-top:5px;
	}
#sidebar .post h4 a{
	text-decoration:none;
	color:#4d7a63;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, sans-serif;
}
.social_box{
	border-bottom: 1px solid #dee9e1;
	border-right: 1px solid #dee9e1;
	border-left: 1px solid #dee9e1;
	background: url('img/socialbox_bg.jpg') repeat-x;
	padding:9px;
	overflow:hidden;
	margin-bottom:25px;
	}
.social_box p{
	font-size:18px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	color:#1a1f1e;
	margin:2px 0px 10px 0px;
	}
.social_box a:first-child{
	display:block;
	float:left;
	margin-right:10px;
	border: 1px solid #637d64;
	}
/* Left Column */
.left_col{
	width:615px;
	height:auto;
	float:left;
	clear:left;
	padding: 0px 0px 20px 16px;
	z-index:11;
	overflow:hidden;
}

.left_col h3{
	font-size:28px;
	color:#000;
	font-weight:normal;
	margin-bottom:5px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	}
.left_col hr{
	height:1px;
	border-top:1px solid #ccc;
	border-bottom:none;
	margin:5px 0px 5px 0px;
	}
.google_ads_col{
	float: right;
	border: 1px #f0f0f0 solid;
	padding-left: 10px; 
	margin-left: 10px; 
	margin-top: 20px;
	}
.bold{
	font-weight:bold;
	margin:0px 0px 10px 35px;
	font-size:13px;
}
.breadcrumbs{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
	display:inline-table;
	}
.breadcrumbs li{
	float:left;
	margin-right:5px;
	font-size:11px;
	}
.breadcrumbs li a{
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, sans-serif;
	}
.file_list{
	width:100%;
	clear:both;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	margin:10px 0px 5px 0px;
	padding:10px 0px;
	}
.file_list li{
	margin-bottom:8px;
	padding-left:23px;
	background: url('img/file_icon.jpg') no-repeat center left;
}
.file_list li:last-child{
	margin-bottom:0px;
	}
.file_list li a{
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	}
div.results{
	font-family:Arial, sans-serif;
	font-size:18px;
	color:#666666;
	line-height:1.1em;
	}
div.results em{
	color:#000;
	font-style: normal;
	}
div.results h1{
	color:#eb970c;
	font-weight:bold;
	display:inline-block;
	height:20px;
	padding:0px;
	}
p.results-fss{
	margin:5px 0px;
	}
.sortby{
	float:right;
	}
.sortby label{
	font-size:11px;
	font-family:Arial, sans-serif;
	}
.files{
	padding-top:15px;
	margin-top:5px;
	border-top: 1px solid #cccccc;
	clear:both;
	}
.file{
	width:606px;
	clear:both;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom: 1px solid #cccccc;
	overflow:hidden;
	font-family:Arial, sans-serif;
	}
.file_result{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom: 1px solid #cccccc;
	overflow:hidden;
	font-family:Arial, sans-serif;
	}
.file p{
	color:#666666;
	}
.file_info{
	width:135px;
	padding:0px 5px 0px 10px;
	float:right;
	text-align:right;
	}
.file_info p{
	color:#000;
	}
.file_info a img{
	margin-bottom:15px;
	}
.file h4, .file h4 a{
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
	display:inline-block;
	padding-right:25px;
	width: 430px;
	}
.filetype_one{
	background: url('img/filetype_one.jpg') no-repeat top right;
	}
.filetype_two{
	background: url('img/filetype_two.jpg') no-repeat top right;
	}
.filetype_three{
	background: url('img/filetype_three.jpg') no-repeat top right;
	}
.file .file_meta{
	font-size:12px;
	margin-bottom:10px;
	}
.file .file_meta span{
	color:#000;
	}
.file .number_downloads{
	font-weight:bold;
	}
.file_result h4, .file_result h4 a{
	font-size:20px;
	color:#4c7963;
	margin-bottom:5px;
	}
.file_result p{
	color:#333;
	font-size:12px;
	line-height:18px;
	margin-bottom:2px;
	}
p.download_name{
	font-weight:bold;
	color:#000;
	}
.file_result p a{
	color:#b87a1f;
	font-weight:bold;
	}
.featured_items{
	width:612px;
	height:130px;
	border:1px solid #000;
	background: url('img/featured_bg.png') repeat-x;
	clear:both;
	padding: 10px 0px 5px 0px;
}
.featured_items h3{
	width:141px;
	height:9px;
	text-indent:-9999px;
	background: url('img/featured_items.png') no-repeat;
	margin:0px 0px 10px 15px;
}
.featured_items a{
	width:195px;
	height:45px;
	float:left;
	text-indent:-9999px;
	display:block;
	margin:10px 0px 0px 7px;
}
.latest_demos{
	background: url('img/latest_demos.gif') no-repeat;	
}
.latest_patches{
	background: url('img/latest_patches.gif') no-repeat;	
}
.upload_videos{
	background: url('img/latest_videos.gif') no-repeat;	
}
.gaming_forum{
	background: url('img/gaming_forum.gif') no-repeat;	
}
.upload_files{
	background: url('img/upload_files.gif') no-repeat;	
}
.game_trailers{
	background: url('img/game_trailers.gif') no-repeat;	
}
.content .article_nav{
	clear:both;
	width:100%;
	padding:0px;
	margin:0;
}
.article_nav li{
	float:left;
	}
.article_nav .latest_articles, .article_nav .popular_articles{
	height:28px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:12px;
	display:block;
	color:#000;
	text-align:center;
}
.article_nav form{
	margin: 8px 15px 0px 16px;
	}
.article_nav .selected{
	background: #fff;
	}
.article_nav .latest_articles{
	width:90px;
	}
.article_nav .popular_articles{
	width:100px;
	display:block;
}
.article_nav_home{
	background: url('img/menu_bar.jpg') repeat-x;
	height:36px;
	display:block;
	margin-bottom:15px;
	}
.article_list{
	clear:both;
}
.article_list form{
	float:left;
	margin-left:30px;
}
.article_list .post{
	padding:0px 0px 10px 0px;
	clear:both;
	margin-bottom:10px;
	border-bottom: 1px solid #d9d9d9;
	overflow:hidden;
}
.article_list .post p{
	margin-top: 5px;
	}
.article_list .post .post_thumbnail{
	float:left;
	margin:10px 15px 0px 0px;
	width:
}
.article_list .post h2 a{
	font-size:16px;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
	color:#f4a62b;
}
.article_list .post h3 a{
	padding:0px;
	font-size:26px;
	line-height:26px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-align:left;
	color:#4c7963;
	margin-right:10px;
	font-weight:normal;
	}
.article_list .post h4 a{
	padding:0px;
	font-size:20px;
	line-height:26px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-align:left;
	color:#4c7963;
	margin-right:10px;
	font-weight:normal;
}

.single_post{
	clear:both;
	overflow:hidden;
	}
.single_post p{
	margin-bottom: 15px;
	}
.single_post a{
	color:#b87b1f;
	}
h2.single_title{
	font-size:31px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	padding:0;
	background:none;
	font-weight:normal;
	display:inline;
	margin: 0px 10px 20px 0px;
}
.single_meta{
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	}
.single_meta span{
	color:#4c7963;
	}
.single_meta span.author{
	color:#b87a1f;
	}
#single_article .post_meta, #single_article .post_meta a{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}
#page-links{
	clear:both;
	height:40px;
	padding:15px 0px;
}
#page-links a{
	color:#c3944c;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family: Arial, "Sans serif";
}
#page-links span#next{
	float:right;
	background:#000;
	padding:7px 12px;
}
#page-links span#previous{
	float:left;
	background:#000;
	padding:7px 12px;
}	
.post_one{
	margin-top:20px;
	}
.post_one, .tagging{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-family: Arial, "Sans serif";
	padding:5px 0px;
	color:#666666;
	font-weight:bold;
	margin-bottom:15px;
	clear:both;
	}
.post_one a, .tagging a{
	color:#4c7963;
	}
.popular_in{
	width:100%;
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:15px;
}
.popular_in .post_pop{
	float:left;
	width:195px;
	}
.popular_in .post_pop:hover{
	background: #FBE8C2;
}
	
.popular_in .post_pop a.post_thumbnail img{
	margin:0;
	padding:0;
}
.popular_in h4{
	margin-bottom:5px;
	color:#666666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:26px;
	
	}
.popular_in h5{
	font-size:14px;
	}
.popular_in h5 a.pop_title{
	display:block;
	width:190px;
	padding-left:5px;
}
.popular_in h5 a.pop_title:hover{
	background: #F0E4CB;
	}
.post_pop{
	margin-right:15px;
	}
.popular_in .post_pop:last-child{
	margin-right:0;
	}
.single_like_box{
	border: 1px solid #e9af57;
	background: url('img/single_like_box.jpg') repeat-x;
	padding: 15px 20px;
	margin-bottom:20px;
	}
.single_like_box p{
	font-family: Arial, "Sans serif";
	color:#b87b1f;
	font-size:20px;
	font-weight:bold;
	margin-bottom:2px;
	}
ul.article_subnav, ul.genre_subnav{
	width:587px;
	height:15px;
	clear:both;
	list-style:none;
	padding:0px 0px 5px 30px;
}
ul.article_subnav li{
	float:left;
	margin-right:10px;
	color:#646761;
}
ul.article_subnav li a{
	font-size:15px;
	font-family:arial;
	font-weight:bold;
	color:#86877d;
	text-decoration:none;
}
ul.games_nav{
	clear:both;
	width:100%;
	border-bottom:1px solid #cbcbcb;
	height:36px;
}
ul.games_nav li{
	float:left;
}
#games_overviews{
	margin-top:10px;
}
#games_articles, #games_reviews, #games_walkthroughs, #games_cheats{margin-top:15px;}
ul.games_nav li a{
	height:27px;
	padding: 8px 10px 0px 10px;
	text-align:center;
	display:block;
	color:#B87B1F;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
ul.games_nav li a.selected{color:#000;}
ul.games_nav li a.tab_overviews{
	padding: 8px 10px 0px 16px;
	}
ul.games_nav li.first a.tab_overviews{
	margin-left:10px;
	padding: 8px 10px 0px 6px;
	}
ul.games_nav li .selected{
	background:#fff;
	border-top:1px solid #cbcbcb;
	border-left:1px solid #cbcbcb;	
	border-right:1px solid #cbcbcb;	
	border-bottom:1px solid #fff;	
	}
.games_module a{
	color:#b87b1f;
	}
.left_col .games_header{
	font-size:32px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight:normal;
	margin-bottom:20px;
	display:block;
	padding:0;
	height:auto;
	background:none;
}.left_col .games_header a{color:#000;}
.ngg-galleryoverview{
	margin-left:20px;
}

.post .list_content a{
	color:#f8c53a;
}
.post .list_content ol li, .post .list_content ul li, .post .list_content p, .post .list_content span, .post .list_content em{
	color:#fff;
}
.read_more{
	float:right;
	clear:right;
	display:block;
	font-size:12px;
	font-family: arial;
	color:#f3b961;
	font-weight:bold;
	padding: 7px 15px;
	background: #000;
	border: 1px solid #c9c9c9;
	}
.read_more:hover{

	}
.post_meta{
	width:380px;
	height:35px;
	float:right;
	overflow:hidden;
	margin-top:10px;
	}
p.the_date{
	font-family: Arial, sans-serif!important;
	width:60%;
	}

.post .post_meta p{
	float:left;
	color:#b87a1f;
	font-weight:bold;
	font-size:12px;
	margin: 3px 0px 0px 0px;
	line-height:16px;
	}
.post_meta p a{
	color:#666666;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	}
.post_meta p a:last-child{
	text-transform: uppercase;
	}
.article_date{
	float:left;
	font-weight:bold;
	color:#b87a1f;
	font-size:12px;
	line-height:21px;
	font-family:Arial, sans-serif;
	}
.comment_form h3{
	font-size:16px;
	}
#info_page{
	padding-top:30px;
	}
#info_page p{
	margin-bottom:15px;
	}
#info_page .left_col a{
	color:#f4a62b;
	}

/* Comments */

#comments h4{
	margin:15px 0px;
	color:#666666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:20px;
	}
#comments_list li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
	}
#comments_list li .comment_text p{
	margin-bottom:10px;
	}
#comments_list li .comment_text a{
	color:#b87b1f;
	}
#comments_list li .comment_author, a.url{
	font-weight:bold;
	color:#b87b1f;
}
.comments_meta{
	font-weight:bold;
	}
#commentform  p #submit{
	margin:5px 0px 10px 0px;
	}
.comment_template{
	margin-top:25px;
	clear:both;
	}
.comment_template h3{
	font-size:20px;
	}
.comment_template a{
	color:#b87b1f;
	}
.comment_template ul{
	padding:0;
	margin:0;
}

body #colorbox, body #cboxOverlay, body #cboxWrapper {
	z-index:99999;
}






	/*
	.footer_foot .link_foot ul{height:16px;}
	.footer_foot .link_foot li{float:left; padding-right:15px;}
	.footer_foot .link_foot li a{font-size:12px; color:#999;}
	.footer_foot .link_foot li a:hover{ text-decoration:underline; color:#ccc;}
	.footer_foot .link_foot p{font-size:10px;color:#333333;font-family: Arial,sans-serif;}


#files-breadcrumbs {
	margin-top: 10px;
}
#files-breadcrumbs li, #files-breadcrumbs li a {
	color:#4D7A63;
	font-weight:bold;
}

.fileGamefront h2 {
	font-size: 25px;
	font-weight:normal;
	margin-bottom:10px;
	line-height: 25px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

.fileGamefront .description, .fileGamefront .info {
	color:#8c8c8c;
	font-size:13px;
	font-family: Arial,sans-serif;
}

.fileGamefront div.short, .fileGamefront div.long{color: #000000;}

.fileGamefront .description div.share div.left{
	float:left;
	margin-right:10px;
	height:20px;
	min-width: 60px;
}
.fileGamefront .description div.share div.clear{
	float:both;
	height:20px;
	padding-top:8px;
}
.fileGamefront .description p.label {margin:0px;padding:0px;padding-bottom:6px;line-height:1em;font-family: Arial,sans-serif;font-weight:bold;}

.fileGamefront .description .label, .fileGamefront .info dt, .fileGamefront .info dd  {color:#000;}
.fileGamefront .description a{
	color:#4e7966;
	text-decoration:underline;
	line-height: 30px;
}

.fileContent .info dt {font-weight: bold;}
.fileGamefront .info dd {font-weight:normal;}
.fileGamefront .info dd {margin-bottom:6px;}
.fileGamefront h2{height:auto;}

#fileForm #browse_search_box{
	width:274px;
	height:40px;
	border:none;
	float:left;
	background: url('img/search_field.png') no-repeat;
	color:#666;
	font-size:16px;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
	margin-bottom:10px;
}
#fileForm input[type=submit]{
	width:86px;
	height:40px;
	border:none;
	background: url('img/search_button.png') no-repeat;
	text-indent:-9999px;
	font-size:0;
	cursor:pointer;
}

div.moreAbout h3 {color:#000;font-size:20px;}

#sidebar div.filesModule h3 {font-size:20px;color:#000;}


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #333; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: Andy Gold
   Contact: agold@breakmedia.com
   ========================================================================== */

/* Notation Conventions
	
	CSS Style Order
	
		Purely for organization, I'm sticking generally to this order of declarations in the rules.
		Simple time-saver so you know where to look in the rule for a given value.
		
		Use shorthand rules wherever possible.
		
		[position][z-index][float][clear][width][height][margin][padding][overflow]
		[text-align][font][line-height][background][cursor]
	
	Vendor-Proprietary Prefixes
	
		Use vendor-specific prefixes in the following order:
			-moz
			-webkit
			-o
			-* (future/unaccounted for)
			spec
			
			Note that the order of vendor-proprietary styles is a recommendation, but placing the 'spec' version at the
			end of the list is required. This is to that as browsers support the appropriate style per spec, that
			becomes the active version and the prefixed versions can simply be removed at a later time.
*/

/* =============================================================================
   Transitions
   ========================================================================== */
#container, .row, .c1, .c2, .c3, .c4, .c5, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,
body > header > div, #sub-header > div, .ads-banner-house, #sidebar, .mod-slider {
	-moz-transition:width .2s linear;
	-webkit-transition:width .2s linear;
	-o-transition:width .2s linear;
	transition:width .2s linear;
}

#logo, #tip-us {
	-moz-transition:margin .2s linear;
	-webkit-transition:margin .2s linear;
	-o-transition:margin .2s linear;
	transition:margin .2s linear;
}

#search-val {
	-moz-transition:min-width .2s linear;
	-webkit-transition:min-width .2s linear;
	-o-transition:min-width .2s linear;
	transition:min-width .2s linear;
}
#hero > article {
	-moz-transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear;
}
	
/* =============================================================================
   Grid styles
   Note:	Design did not follow the 'mobile first' concept in this project, so
			I'm building the base grid styles at 960, then media query overrides
			consist of only the 1200 case for now.
			
			When mobile styles are available, refactor this file to suit, and
			as time allows.
   ========================================================================== */
body {overflow-x:hidden;} /* Prevent horizontal scrollbars */
#container, .row {
	width:960px;margin:0 auto;
}
#container {
	padding:0 1px;
	background: url('img/stroke-content-sides.png') 0 110px no-repeat, url(img/stroke-content-sides.png) 100% 110px no-repeat transparent;
}
.no-multiplebgs #container {background:transparent;}
#content {padding:0px 20px 20px 20px 0 0;background: #fff url('img/content_cap.png') no-repeat center top;}
.row {
	overflow:hidden;
}
.row .row {
	width:auto;margin:0 -10px;
}
.c1, .c2, .c3, .c4, .c5, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
	position:relative;float:left;margin:0 10px;
}
.c1 {width:31px;}
.c2 {width:82px;}
.c3 {width:133px;}
.c4 {width:184px;}
.c5 {width:235px;}
.c6 {width:286px;}
.c7 {width:337px;}
.c8 {width:388px;}
.c9 {width:439px;}
.c10 {width:490px;}
.c11 {width:541px;}
.c12 {width:592px;}

.cp-12 {position:relative;float:left;width:592px;margin:0 10px;} /* Fixed-width variant for responsive specifics in GF */
.cp-12.mod-box {width:590px;} /* This usage of the fixed variant has side borders to account for */

.push1 {left:51px;}
.push2 {left:102px;}
.push3 {left:153px;}
.push4 {left:204px;}
.push5 {left:255px;}
.push6 {left:306px;}
.push7 {left:357px;}
.push8 {left:408px;}
.push9 {left:459px;}
.push10 {left:510px;}
.push11 {left:561px;}

.pull1 {left:-51px;}
.pull2 {left:-102px;}
.pull3 {left:-153px;}
.pull4 {left:-204px;}
.pull5 {left:-255px;}
.pull6 {left:-306px;}
.pull7 {left:-357px;}
.pull8 {left:-408px;}
.pull9 {left:-459px;}
.pull10 {left:-510px;}
.pull11 {left:-561px;}

#main {margin-left:24px;}
/*#sidebar {float:left;width:300px;margin:0 10px;} */
.c-span {/* Yuk, yuk. Usage for elements outside the grid containers, but within the parent container (e.g. carousel on home page) */
	clear:both;margin: 0 24px 20px;
}
footer {clear:left;}

/* =============================================================================
   Content styles
   ========================================================================== */

/* =============================================================================
   Design Library
   
	Colors:
		Page Header:
			BG:				#1a1a1a
			Text:			#ccc
			Bottom Border:	#0d0d0d
			
		Nav:
			Top Border:		#3d3d3d
			BG:
				Edges:		#313131
				Center:		#262626
			Bottom Border:	#1a1a1a
			Text:			#808080
			
			Hovered State:
				BG:
					Top:	#262626
					Btm:	#303030
				Text:		#ffc34c
			
			CSS Gradient Generator (YAY!):		http://www.colorzilla.com/gradient-editor/
			Permalink to nav build-out: http://www.colorzilla.com/gradient-editor/#313131+0,262626+50,313131+100;custom-gradient
			
		Buttons:
			BG:				#4aaa42
			Hover BG:		#57c74d
			
		Content Rows:
			Gray Labels:	#b2b2b2
			
		Modules:
			Link Headers:	#5cb355
			
	Fonts:
		
		Headers:		Arial Black
		Body:			Arial
   
   ========================================================================== */

/* Temporary test classes for visual demos */
.blue {background:#a3b9ff;}
.red {background:#ffa3a3;}
.green {background:#a3ffb0;}
.yellow {background:#fffca3;}
.purple {background:#eda3ff;}
.orange {background:#ff946a;}
.gray {background:#dedede;}
.lightgray {background:#efefef;}
.white {background:#fff;}
.temp {width:300px;height:250px;}

#community article {padding:15px;}



#plug-app {min-height:100px;}
.temp-ad {cursor:pointer;}
/* End temporary test classes */

/* Header Fonts List */
.mod > h1, .mod > header h1, .mod nav h2,
	#sub-header nav li, #footer-page h1, #network > div {font: 900 14px 'Arial Black', Arial, sans-serif;letter-spacing:-1px;text-transform:uppercase;}

#ads-leaderboard {margin-bottom:12px;}
#container > footer {margin-top:20px;}
#main > p, #sidebar > p {margin:1em;}

/* Header BG img is cut to handle content increase up to 240px before vertical tiling */
body > header {color:#ccc;background:#1a1a1a url('img/tile-hdr-240.png') 0 100% repeat;border-bottom:1px solid #0d0d0d;}
body > header a, body > header a:visited {text-decoration:none;color:#808080;}
body > header a:hover {color:#ffc34c;}

/* Sub Header Bar */
.ie8 #sub-header {z-index:auto;}
#sub-header .parent {position:relative;}

#sub-header li.parent ul {position:absolute;z-index:20;left:-2px;top:100%;display:none;border-top:1px solid #1a1a1a;}

.ie8 #network {z-index:20;}
#sub-header .parent ul li {width:100%;background-color:#303030;border:1px solid #000;border-width:0 1px 0;}
#sub-header .arrow {position:relative;top:2px;display:inline-block;width:0;margin-left:3px;line-height:0;border:4px solid transparent;border-top-color:#808080;}
#sub-header .parent:hover .arrow {border-top-color:#ffc34c;}
#sub-header #network.parent ul li {border-right-width:0;}
#sub-header .parent ul li.last {border-bottom:1px solid #000;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;}
.ie7 #network, .ie7 .parent ul, .ie7 .parent a > span {display:none !important;} /* Yes, really. */

#sub-header .parent:hover ul {display:block !important;}
#sub-header {z-index:20;color:#808080;
	background: #313131; /* Old browsers */
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTMxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #313131 0%, #262626 50%, #313131 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(50%,#262626), color-stop(100%,#313131)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #313131 0%,#262626 50%,#313131 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #313131 0%,#262626 50%,#313131 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #313131 0%,#262626 50%,#313131 100%); /* IE10+ */
	background: linear-gradient(top,  #313131 0%,#262626 50%,#313131 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#262626',GradientType=0 ); /* IE6-8 */
	
	border-top:1px solid #3d3d3d;border-bottom:1px solid #1a1a1a;
}
#sub-header nav, #sub-header nav > ul, #sub-header nav li {float:left;}
#sub-header nav > ul > li, #network.parent .menu {border-left:1px solid #313131;border-right:1px solid #0d0d0d;}
#sub-header nav li, #network-menu {text-align:center;text-transform:uppercase;letter-spacing:-1px;}
#sub-header li.parent ul li, #sub-header #network li {font:bold 12px Arial,sans-serif;text-align:left;text-transform:none;letter-spacing:normal;}
#sub-header .parent li a {padding:.5em 3.333em .5em 1.833em;line-height:1.231;border-bottom:1px solid #3a3a3a;text-shadow: 0 1px 0 #111;}
#sub-header #network.parent li a {padding-right:1em;}
#sub-header .parent li.last a {border-bottom:0;}
#sub-header nav li.first {border-left-color:transparent;}
#sub-header nav li:hover, #sub-header nav li.active, #network:hover #network-menu {
	background: #262626; /* Old browsers */
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMwMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #262626 0%, #303030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#303030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #262626 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #262626 0%,#303030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #262626 0%,#303030 100%); /* IE10+ */
	background: linear-gradient(top,  #262626 0%,#303030 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#303030',GradientType=0 ); /* IE6-8 */
}

#sub-header #network {float:right;cursor:pointer;}
#network-menu {width:90px;white-space:nowrap;}
#network-list {float:left;padding-right:20px;padding-bottom:20px;}
#network ul > li {width:100%;}

/*** Begin Scrolling Network Menu (of PAIN!!!) ***/
#Scroller-1 {position:absolute;z-index:1;left:-1px;overflow:hidden;width:155px;height:183px;border:1px solid #1a1a1a;border-width:1px 1px 1px 0;background-color:#303030;}
.Scroller-Container {position:absolute;top:0px;left:0px;}
#Scrollbar-Container {position:absolute;z-index:2;top:0px;right:-14px;width:15px;padding:0 !important;}
#Scrollbar-Container, #Scroller-1 {opacity:0;filter:alpha(opacity=0);}
.Scrollbar-Track {width:15px;height:175px;position: absolute;top:36px;left:4px;background:transparent url('img/scrollbar/trackbar.png') 50% 50% no-repeat;}
.Scrollbar-Handle {position:absolute;width:15px;height:30px;background:transparent url('img/scrollbar/handle.png') 50% 50% no-repeat;}
/*** End Scrolling Network Menu ***/

/* Link Override Cases */
#sub-header nav li.first:hover {border-left-color:#262626;}
#sub-header nav > ul, #network {border-left:1px solid #0d0d0d;}
#sub-header nav > ul {border-right:1px solid #313131;}
#sub-header #network > ul {border-width:1px 0 0;}

#sub-header nav a, #sub-header nav li > span, #network-menu {display:block;padding:.5em 1.531em;text-shadow: 0 -1px 1px #111;}
#sub-header nav a {text-decoration:none;color:#808080;}
#sub-header nav li a:hover, #sub-header nav li.parent:hover > a, #avatar:hover, #sub-header li.active a, #network:hover #network-menu {color:#ffc34c;}
#sub-header .parent ul a:hover {background-image:url('img/spr/components/ico-3dots-6.png');background-position:.75em 50%;background-repeat:no-repeat;}

/* Header Stuff */
#logo {float:left;margin:8px 65px 10px 0;}
.ie7 #logo {padding-bottom:10px;}
#logo a {display:block;float:left;width:179px;height:60px;background:transparent url('img/logo-24.png') 0 0 no-repeat;}

/* Search */
#search, #search button, #search-val, #search > div, #search-type  li {float:left;}
#search {margin-top:18px;}
#search  button {min-width:25px;min-height:25px;padding:0;background:#4aaa42 url('img/spr/components/ico-search-10.png') 50% 50% no-repeat;}
#search button:hover {background-color:#57c74d;}
.ie8 #search button {min-height:23px;}
.ie7 #search button {background-position:6px 6px;}
#search > div {padding:2px;border:1px solid #000;background:#0d0d0d;}
#search-val {
	min-width:174px;min-height:23px;margin-right:3px;padding-left:.25em;
	font-size:14px;font-weight:bold;letter-spacing:-1px;color:#636363;
	border:0;background:transparent;
}
#search-val:focus {color:#ccc;}
.oldie #search-val {line-height:1.5;}
#search input[type='radio'] {margin:0 .5em 0 0;padding:0;outline:none;}
.ie7 #search input[type='radio'] {margin-right:0;}
#search-type {float:left;clear:left;margin:8px 0 0;padding:0;list-style:none;font-size:10px;line-height:1.5;}
#search label, #search-type .label {margin-right:1em;}
.ie7 #search label, .ie7 #search-type .label {margin-right:5px;}
#search input[type='radio'] {margin:-5px .25em 0;padding:0;vertical-align:middle;}

/* Account */
#upload, #tip-us, #menu-account {float:right;margin-top:20px;}
#upload, #tip-us {margin-left:15px;}
#menu-account {padding:6px 0;font-size:12px;font-weight:bold;color:#ccc; line-height:26px;}
#menu-account a, #menu-account button {margin-left:15px;}
#menu-account  a.first {margin-left:0;}
#menu-account a  {cursor:pointer;}
.fb-login-button{display:inline;}
#menu-account button {background:url("http://media1.break.com/break/img/himalaya/sprites/bmn-spr-main2.png") no-repeat 0 -156px transparent; border:0; outline:0; width:72px; height:22px; overflow:hidden; text-indent:-999em;}
#menu-account button:hover {background-position: 0 -129px;}
#menu-account button:active {background-position: 0 -156px;}
#avatar {color:#ccc;}
#avatar img {margin-right:5px;}

#content a {text-decoration:none;}
#content a:hover {text-decoration:underline;}

.mod header {position:relative;z-index:2;padding-bottom:.75em;
	background:transparent url('img/spr/components/bg-mod-hdr-btm-1152.png') 50% 100% no-repeat;
}
#sidebar .mod header, .mod-side header {background-image:url('img/spr/components/bg-mod-hdr-btm-300.png');}
.mod header:first-child + article, .mod header:first-child + section, .mod header:first-child + nav {margin-top:-3px;}
.mod header h1, .mod header .rule, #footer-page .rule {line-height:1.231;}
.mod header h1, .mod.top-games header > nav {
	margin:0;padding-right:8px;padding-left:16px;
	background:transparent url('img/spr/components/bg-mod-hdr-lft.png') 0 .25em no-repeat;overflow:hidden;
}
.mod header .rule, #footer-page .rule {position:relative;padding:0;}
.mod header .rule span, #footer-page .rule span {
	position:absolute;left:0;top:.33em;	
	width:158px;height:10px;margin-left:5px;
	background:transparent url('img/spr/components/bg-mod-hdr-rgt.png') 0 0 no-repeat;
}
.no-flexbox .mod header .rule span {top:.4em;}
.ie7 .mod header {position:relative;}

.mod nav h2 {margin:1em 0 0;}
.mod nav h2 a {color:#5cb355;}
.mod nav h2 + p {margin:-3px 0 0;}
.mod nav p a {font-size:10px;color:#666666;}

.mod nav.sort, .mod nav.sort > span, .mod nav.sort ul {position:absolute;}
.mod nav.sort {right:2.5em;top:-5px;padding:0 1.5em 0 1em;font-size:10px;font-weight:bold;line-height:23px;color:#666666;cursor:default;}
.mod nav.sort > span {right:.25em;top:50%;width:0;height:0;margin-top:-2px;line-height:0;border:4px solid transparent;border-top-color:#333;}
.mod nav.sort ul {left:-1px;top:100%;display:none;border-bottom:1px solid #d9d9d9;
	-moz-box-shadow: 0 0 2px -1px #5c5c5c;-webkit-box-shadow: 0 0 2px -1px #5c5c5c;box-shadow: 0 0 2px -1px #5c5c5c;
}
.mod nav.sort:hover ul {display:block;}
.mod nav.sort li {background:#fff;border:1px solid #d9d9d9;border-bottom-width:0;}
.mod nav.sort a, .mod nav.sort li > span {display:block;padding:.25em 4em .25em 1em;color:#333;background:transparent url('img/spr/components/ico-chk-grn-12.png') 95% 50% no-repeat;white-space:nowrap;}
.mod nav.sort a{cursor:pointer;}
.mod nav.sort li.active {background:#f2f2f2;
	-moz-box-shadow: inset 0 1px 1px #ddd;-webkit-box-shadow:inset 0 1px 1px #ddd;box-shadow: inset 0 1px 1px #ddd;
}
.mod nav.sort li > span {-moz-opacity:.3;filter:alpha(opacity=30);opacity:.3;}

/* "Hero" Area */
#hero {position:relative;height:310px;margin-top:-10px;}
#hero ul {margin:0;padding:0;list-style:none;}
#hero > article, #hero > a {position:absolute;width:100%;height:100%;}
#hero > a {z-index:2;height:300px;margin-top:10px;}
#hero > article {z-index:1;width:100%;background-color:transparent;background-position:100% 0;background-repeat: no-repeat;opacity:0;filter:alpha(opacity=0);}
#hero.trans > article.default {z-index:1;}

/* #hero > article.default, #hero > article.active {opacity:1;filter:alpha(opacity=100);} */

#hero > article > a {display:block;height:100%;}
#hero > article h1 {float:right;width:270px;max-height:155px;overflow:hidden;margin:30px 32px 0 0;font: 900 32px 'Arial Black', Arial, sans-serif;letter-spacing:-1px;line-height:1.15;color:#fff;}
#hero h1 > span {display:table-cell;height:155px;vertical-align:middle;}
#hero > article b {margin-left:10px;font-size:32px;line-height:28px;color:#ffc44d;}
#hero > nav, #hero > nav li {position:absolute;z-index:10;}
#hero > nav {right:0;bottom:0;width:270px;}
#hero > nav li a {float:left;line-height:0;}
#hero > nav #f1, #hero > nav #f2, #hero > nav #f3 {bottom:59px;}
#hero > nav #f4, #hero > nav #f5, #hero > nav #f6 {bottom:1px;}

#hero > nav #f1 {right:177px;}
#hero > nav #f2 {right:102px;}
#hero > nav #f3 {right:27px;}
#hero > nav #f4 {right:157px;}
#hero > nav #f5 {right:82px;}
#hero > nav #f6 {right:7px;}

#hero > nav  b {position:absolute;right:3px;bottom:3px;width:15px;height:15px;display:none;line-height:0;background:#4aa842 url('img/spr/components/ico-th-active.png') 100% 50% no-repeat;}
#hero > nav a:hover b {display:block;}

#hero > nav img {width:70px;height:53px;border:3px solid transparent;}
#hero > nav a:hover img, #hero > nav .default img, .dsp-1 #f1 img, .dsp-2  #f2 img,
	.dsp-3 #f3 img, .dsp-4 #f4 img, .dsp-5 #f5 img, .dsp-6 #f6 img{border-color:#fff;
	-moz-box-shadow: 1px 1px 1px 1px #000;
    -webkit-box-shadow: 1px 1px 1px 1px #000;
    box-shadow: 0px 0px 8px 1px #333;
}
#hero.trans > nav .default img {border-color:transparent;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* list all large items {opacity:0;} */

.dsp-1 #l1, .dsp-2 #l2, .dsp-3 #l3, .dsp-4 #l4,
	.dsp-5 #l5, .dsp-6 #l6 {opacity:1;filter:alpha(opacity=100);}
	
/* hover script:
	On mouseover *only,* update class on parent to .dsp-i, where i is the current item, pulled
	from the id attr of the currently hovered elem.
	
	No change on mouseout, allow successive mouseovers to update, but that way it keeps the
	last hovered item.
*/













/* Social Widget */
#social-widget {margin-top:13px; padding:4px; border:solid 1px #e0e0e0;}
#social-widget > article {padding:10px; border:none;}
.fb-like-faces {background-color:#edeff4;}
.tw-follow-gf {margin-top:4px; background-color:#eef9fd;}
#social-widget > .icons-group {
	margin-top:4px;
	background: #e8e8e8;
	background: -moz-linear-gradient(left, #fdfdfd 20%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,#fdfdfd), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #fdfdfd 20%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #fdfdfd 20%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #fdfdfd 20%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(left, #fdfdfd 20%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-8 */
}
#social-widget ul {margin:0; padding:0;}
#social-widget li {list-style-type:none; float:left; margin:0 10px; position:relative;}
#social-widget .soc-icon-list {width:24px; height:24px; margin-top:26px; background-image: url('img/spr/social-icons-spr.png');}
#social-widget .iphone {width:50px; height:80px; margin-top:0; background-position:0 0;}
#social-widget .googleplus {background-position:-57px -8px;}
#social-widget .stumble {background-position:-91px -8px;}
#social-widget .tumblr {background-position:-125px -8px;}
#social-widget .rss {background-position:-159px -8px;}

#social-widget span.icon-glow {display:block;}
#social-widget span.icon-glow:hover {
	background:#bad3e8;
    -moz-box-shadow: 0px 0px 22px 2px #459fe7;
    -webkit-box-shadow: 0px 0px 22px 2px #459fe7;
    box-shadow: 0px 0px 22px 2px #459fe7;
}
.oldie #social-widget span.icon-glow:hover {background:none;}

/* Modules */
#sidebar .persistent, #sidebar .mod {width:300px;}
#sidebar .persistent {float:right;}
#sidebar .mod {float:left;}
.ie7 .persistent, .ie7 .mod-slider {margin-bottom:20px;}
.mod article {padding:1em 0;border-bottom:1px solid #d9d9d9;}
.mod.community article {border-top:1px solid #f8f8f8;}
.mod-box article {border-top:1px solid #fff;}
.mod article .tags, .mod article h1 {float:left;word-wrap:break-word;}
.mod article .tags {width:87px;margin:0;padding:.25em 0 0 15px;}
.mod article .tags a {color:#333;text-decoration:none;}
.tags-main {float:left;padding-left:15px;background:transparent url('img/spr/components/ico-tag-10.png') 0 .5em no-repeat;}
.mod article .tags-main a {font-weight:bold;color:#4aaa42;}
.mod article h1 {max-width:360px;margin:0 10px 0 0;font-size:12px;font-weight:bold;}
.mod h1 a {color:#333;}
.mod .tags, .mod .time, .mod .comments {font-size:10px;}
.mod article h1, .mod .tags, .mod .time {min-height:20px;}
.mod article h1, .mod .time, .mod .comments, .mod-box footer, .faux-ol .label {line-height:20px;}
.time {color:#b2b2b2;}

.mod .comments {
	float:right;min-width:50px;
	font-weight:bold;text-align:right;color:#fff;
	border:1px solid #808080;
	
	background: #9c9c9c; /* Old browsers */
	background: -moz-linear-gradient(top,  #9c9c9c 0%, #808080 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9c9c), color-stop(100%,#808080)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9c9c9c 0%,#808080 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9c9c9c 0%,#808080 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9c9c9c 0%,#808080 100%); /* IE10+ */
	background: linear-gradient(top,  #9c9c9c 0%,#808080 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
}
.mod .comments span {
	position:relative;left:-1px;float:left;padding:0 18px 0 6px;line-height:0;
	border:9px solid transparent;
	border-right-width:0;
	border-left-color:#fff;
	background:transparent url('img/spr/components/ico-bubble-9.png') 100% 50% no-repeat;
}
.mod .comments {line-height:normal;}
.no-flexbox .comments span {line-height:1px;}
.ie7 .comments span {padding-left:8px;line-height:10px;border:5px solid transparent;}

.mod article .meta {clear:left;margin-top:.75em;line-height:1.5;}
.mod .tags a, .mod .thumb, .mod .desc, .mod .uploader {float:left;}
.mod .tags a, .mod .desc .uploader {clear:left;}
.mod .desc {max-width:355px;margin:0 1em 0;}
.mod .uploader {font-weight:bold;color:#333;text-decoration:none;}
.mod .uploader img {margin-right:10px;}

.mod .featured {margin:0 -5px;}
#recent-articles .featured {margin-top:10px;}
.mod .featured > article {position:relative;float:left;width:140px;margin:5px;padding:0;border:0;}
.mod .featured > article > a {float:left;height:16.75em;overflow:hidden;color:#fff;background:#000;
}
#content .featured > article > a:hover {text-decoration:none;background:#37842f;}
.mod .featured > article h1 {width:120px;height:5.7142em;margin-left:10px;overflow:hidden;font-size:14px;letter-spacing:-1px;}
.featured > article img + span {
	position:absolute;left:0;top:65px;width:0;height:0;line-height:0;
	border:20px solid transparent;border-width:20px 20px 20px 0;border-color:transparent transparent #000 transparent;
}
.featured > article a:hover img + span {border-bottom-color:#37842f;}
.mod .featured > article .time {padding-left:10px;color:#b2b2b2;letter-spacing:-1px;}
.mod .featured > article :hover .time {color:#fff;}
.mod .featured .comments {position:relative;right:-3px;margin-bottom:8px;background:#5eb355;filter:none;
	-moz-box-shadow: 1px 1px 1px -1px #333;-webkit-box-shadow: 1px 1px 1px -1px #333;box-shadow: 1px 1px 1px -1px #333;
	border-color:#407a3a;
}
.mod .featured .comments span {border-left-color:#000;}
.mod .featured > article > a:hover .comments span {border-left-color:#37842f;}
.featured article > footer {white-space:nowrap;overflow:hidden;}
.ie7 .featured article > footer {zoom:1;}
.mod .featured footer > a {display:block;padding:10px 5px 10px 0;font-size:10px;color:#333;
	border:1px solid #e6e6e6;border-top-width:0;
	
	box-shadow: 0 4px 2px -2px #666666 inset;
}
.mod .featured footer > a img{margin:0 9px 0 6px;}
.mod .featured footer > a.tag {padding-left:25px;color:#fff;border:0;
	background:#333 url('img/spr/components/ico-tag-10.png') 6px 50% no-repeat;
	box-shadow: 0 4px 2px -2px #222 inset;
}

.mod.community {line-height:1.5;}
.mod.community article {	
	background:#f5f5f5 url('img/spr/components/bg-item-noise-140-a.png') 0 0 no-repeat;
}
.mod.community p {margin:0 0 1em;}
.mod.community img {float:left;width:27px;height:27px;margin:2px 10px 0 0;}
.mod.community cite, .mod.community footer span {font:normal 10px Georgia, 'Times New Roman', serif;font-style:italic;}
.mod.community cite {float:left;}
.mod.community cite a {margin-right:.5em;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-style:normal;color:#5eb355;}
.mod.community footer a, .mod.community article > a  {font-weight:bold;color:#333;}
.mod.community article > span {display:block; padding-left:25px; background:transparent url('img/spr/components/ico-posts-16-8.png') no-repeat 0 4px; font-size:10px;}

.mod-box {border:1px solid #d9d9d9;border-width:1px 1px 0;}
.mod-box header, .mod-side header {margin-top:2em;}
.mod-box > header h1 {margin-left:10px;}
.mod-box > article {padding:0;zoom:1;}
.mod-box > article h1 {position:relative;width:290px;margin:0 10px 0 0;padding-left:40px;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(left,  #f7f7f7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f7f7f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f7f7f7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f7f7f7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(left,  #f7f7f7 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.mod-box > article h1 > a {display:block;}
.mod-box > article h1 hr {position:absolute;top:100%;left:0;display:none;width:300px;height:4px;margin:0;border:0;outline:0;
	background:transparent url('img/spr/components/bg-mod-hdr-btm-300.png') 0 0 no-repeat;
}
.mod-box > article h1:hover hr {display:block;}
.faux-ol .label {position:absolute;left:0;top:50%;width:40px;height:40px;margin-top:-20px;text-align:center;}
.faux-ol .label b, .top-games .label b  {padding:4px;font-size:10px;font-weight:bold;color:#fff;background:#4aaa42;	
	-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;
}
.mod-box > article h1:hover {background:#fff;filter:none;}
#content .mod-box > article h1:hover a {text-decoration:none;background:#fff;}
.faux-ol .label, .mod-box > article h1 a, .mod-box > article footer {padding-top:10px;padding-bottom:10px;}
.ie7 .mod-box > article footer {padding-top:13px;}
.mod-box footer {
	float:left;clear:none;width:100px;margin-left:10px;white-space:nowrap;overflow:hidden;
	font-size:10px;font-weight:bold;	
}
.mod-box footer.game {width:140px;margin-left:0;}
.mod-box footer a {color:#808080;line-height:12px;}

.mod-side > article {padding:1em 0 0;border:0;}
.mod-side > article h1 {max-width:none;margin-bottom:-1px;}
.ie7 .mod-side > article h1 {margin-bottom:-1em;}
.mod-side h1 a {font-weight:900;color:#4aaa42;}
.mod-side footer {font-size:10px;}
.mod-side footer .views {padding-left:20px;color:#666666;background:transparent url('img/spr/components/ico-eye-16-12.png') 0 50% no-repeat;}

.top-games > header {padding-left:10px;padding-top:2em;border:1px solid #d9d9d9;border-bottom-width:0;}
.top-games .mod-box {margin-top:-3px;padding-left:22px;border-width:1px;border-top-color:#f1f1f1;background:#f5f5f5;}
.mod.top-games > header > nav {float:right;padding-right:1.25em;font-size:12px;font-weight:bold;}
.top-games > header > nav a {color:#333;}
.top-games > header > nav img {position:relative;top:2px;margin-left:5px;}
.mod.top-games > header > nav .rule span {background-position:-62px 0;}
.top-games .mod-box > article {float:left;width:114px;margin:2em 11px 0 0;border:0;}
.top-games .mod-box > article div {position:relative;height:151px;background:transparent url('img/spr/components/bg-thumb-frame-114-151.png') 0 0 no-repeat;}
.top-games article div img {margin:3px 0 0 7px;}
.top-games .mod-box > article h1 {float:none;width:auto;margin:.5em 0 1em 7px;padding:0;background:none;line-height:normal;filter:none;}
#content .top-games .mod-box > article a {padding:0;color:#333;background:none;text-decoration:none;}
#content .top-games .mod-box > article h1:hover a {text-decoration:underline;background:none;}
.top-games .label {padding:13px;position:absolute;left:12px;top:-11px;padding:13px;background:#fff;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.oldie .top-games .label {background:none;}
.top-games .label b {position:absolute;left:3px;top:3px;}
.top-games a:hover .label b {background-color:#ffc34c;text-shadow:1px 1px 1px #666666;}
#top-forum {border-top:1px solid transparent;}
#top-forum  > article > h1 {line-height:1.231;}

#footer-page {color:#d9d9d9;font-size:12px;background-color:#1a1a1a;border:1px solid #2c2724;border-top-width:0;line-height:1.5}
#footer-page p{color:#d9d9d9;font-size:12px;background-color:#1a1a1a;line-height:1.5;font-family: sans-serif;}
#footer-page > div {margin:0 -1px 2em;
	background: #4baa42; /* Old browsers */
	background: -moz-linear-gradient(top,  #4baa42 0%, #3f9639 52%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4baa42), color-stop(52%,#3f9639)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4baa42 0%,#3f9639 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4baa42 0%,#3f9639 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4baa42 0%,#3f9639 52%); /* IE10+ */
	background: linear-gradient(top,  #4baa42 0%,#3f9639 52%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4baa42', endColorstr='#3f9639',GradientType=0 ); /* IE6-9 */
}
#footer-page div.about-title {margin:1em 0 1em 25px;padding:0 8px 0 16px;text-transform:none;color:#fff;font-family:Arial,sans-serif;font-weight:bold;overflow:hidden;
	background:transparent url('img/spr/components/bg-mod-hdr-lft-wht.png') 0 50% no-repeat;font-size:13px;
}
#footer-page .rule span {top:0;width:162px;height:14px;margin-left:8px;background-image:url('img/spr/components/bg-mod-hdr-rgt-wht.png');}
.no-flexbox #footer-page .rule span {top:.15em;}
#footer-page .logo {margin:5px 0 0 20px;display:block;overflow:hidden;float:left;color:#fff;text-decoration:none;text-align:center;}
#footer-page > p {margin:0 1.5em 0 230px;}
#footer-page > nav {margin:1.5em 0 0 230px;line-height:1;font:900 11px 'Arial Black',Arial,Sans-serif;}
#footer-page > nav li {float:left;margin-right:.75em;padding-right:.75em;border-right:1px solid #dedede;}
#footer-page > nav li.last {border-right:0;}
#footer-page > nav a {color:#4aaa42;text-decoration:none;}
#footer-page > nav a:hover {text-decoration:underline;}
#footer-page small {display:block;clear:left;margin:2em 0 2em 20px;color:#595959;font-size:12px;}

#footer-site {background:#000;border-top:1px solid #2b2724;}
#footer-site > nav {border-bottom:1px solid #2b2724;}
#footer-site > nav  > ul, #footer-site > div {width:960px;margin:0 auto;}
#footer-site > nav  > ul {padding:1em 0;}
#footer-site > div {padding:1.25em 0 4em;}
#footer-site > nav a {height:44px;background-image:url('img/spr/components/logos-clear.png');}
#footer-site nav li {float:left;}
#footer-site > nav li {margin-right:75px;}
#footer-site > nav li.last {margin-right:0;}
#footer-site a {color:#949992;}

#break {width:73px;background-position:0 0;}
#mademan {width:58px;background-position:-74px 0;}
#gamefront {width:77px;background-position:-132px 0;}
#screenjunkies {width:60px;background-position:-209px 0;}
#cagepotato {width:68px;background-position:-269px 0;}
#chickipedia {width:86px;background-position:-337px 0;}
#tuvez {width:80px;background-position:-422px 0;}
#holytaco {width:78px;background-position:-502px 0;}
#allleftturns {width:90px;background-position:-580px 0;}
#logo-bm {float:left;width:124px;height:44px;background:transparent url('img/spr/components/logos-clear.png') -670px 0 no-repeat;}

#nav-corporate {float:left;margin:.15em 0 .33em 20px;font:normal 12px 'Times New Roman',Times,serif;}
#nav-corporate li {margin-right:1.25em;}
#nav-corporate a {text-decoration:none;}
#nav-corporate a:hover {text-decoration:underline;}
#footer-site small {display:block;float:left;margin-left:20px;color:#4d4d4d;}

/*** Responsive -> Module Cases ***/
#top-categories, #top-walkthroughs .whack, #top-forum .whack, .top-games .whack {display:none;}

/* Font Loading Styles (preserve for testing) */
/* These are for handling transitional UI states while the fonts are loading
.wf-loading #sub-header nav{visibility:hidden;height:30px;} 
.wf-active #sub-header nav {height:auto;}
*/

/*******************************************************
	Reused Style Lists
*******************************************************/

/* Border Radius Variants */
#search button, #search > div, .btn-round {-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
 
/*** Rounded Buttons ***/
/* 
	Defaulting to the green, with variants as specifically required.
	
	If we want to make this more extensible, we could decouple the icons from the BG colors
	totally, and make them interchangeable. Artwork didn't provide for that however,
	so I'd have to revise some icons slightly to make it work. No time right now.
	
	Convert to sprite in optimization stage using nested elems to preserve component flexibility vs. 
	alteration of font sizes by client or app down the road.
*/
.btn-round {
	min-width:105px;padding:10px;word-wrap:break-word;
	font-size:12px;font-weight:bold;line-height:14px;text-align:left;	
	text-shadow: #666 0 -1px 0;color:#fffefe;	
	border:1px solid #5cb355;outline:none;
	background:#4aaa42 url('img/spr/components/ico-cloud-24-12.png') 100% 50% no-repeat;
	-moz-box-shadow:0 0 1px 1px #316e2c;-webkit-box-shadow:0 0 1px 1px #316e2c;box-shadow:0 0 1px 1px #316e2c;
}
.btn-round:hover {background-color:#57c74d;}
.btn-round.btn-gray {
	border-color:#454545;
	background:#3a3a3a url('img/spr/components/ico-bubtxt-gray-21-14.png') 100% 50% no-repeat;
	-moz-box-shadow:0 0 1px 1px #333;-webkit-box-shadow:0 0 1px 1px #333;box-shadow:0 0 1px 1px #333;
}
.btn-round.btn-gray:hover {background-color:#4a4a4a;}
section > a.see-more-whack {
	display:inline-block;
	margin:0;
	padding: 1em 0 1em 25px;
	background:transparent url('img/see-more.png') no-repeat left center;	
	font-weight:bold;
	font-size:12px;
	color:#333333;
	cursor:pointer;
}

/* Center Wrapper */
#wrap {
	min-height: 561px; /* may not need this attribute: need to cross-browser test with short content */
	padding:12px 0 23px;
	background: url('img/tile-wrap-btm.png') 0 100% repeat-x, url(img/tile-wrap-top2.png) 0 0 repeat-x transparent;
}
.no-multiplebgs #wrap {
	position:relative;background: url('img/tile-wrap-btm.png') 0 100% repeat-x;
}
#wrap-cap {position:absolute;left:0;top:0;width:100%;min-height:228px;background: url('img/tile-wrap-top2.png') 0 0 repeat-x;z-index:-1}
.z-content {z-index:10;}

/* Centered Containers */
body > header > div, #sub-header > div, body > footer > div {display:block;width:960px;margin:0 auto;}
#main > article, #main > .row {margin-bottom:20px;}

/* Standard "Modules" */
.mod {margin-bottom:20px;word-wrap:break-word;}
.mod-side {float:left;width:300px;margin-left:10px;}

.mod-slider {float:left;width:300px;}
.mod-slider .whack {display:none;}

.mod-thumbs article {padding:15px 0 0;border:0;}
#sidebar .mod-thumbs article h1 {float:none;}
#sidebar .mod-thumbs article h1, .mod-thumbs footer {margin-left:110px;}
#sidebar .mod-thumbs .thumb {margin-right:10px;}
.mod-thumbs footer {clear:none;margin-top:.25em;}

#main > .last {margin-bottom:0;}
article > p {margin:1em;}
.mod .desc .uploader {margin-top:.5em;}

/* Repeated font size issues (move junk here to centralize as time allows) */
article  p, #community footer a, .mod.community article > a {font-size:12px;}
.mod .desc .uploader {font-size:10px;}

.ads {position:relative;} /* Placeholder for common styles on ad containers */

/* "Takeover" Ad Integrations */
body {position:relative;}
#ads-takeover-abs {position:absolute;z-index:1;display:block;left:0;right:0;top:0;bottom:0;cursor:pointer;}
#ads-takeover-leader {height:65px;margin-bottom:12px;cursor:pointer;display:none;}

/* Other Ads */
.ads-banner {float:right;width:728px;line-height:0;}
.ads-banner-house {float:left;width:212px;min-height:90px;}

/* Demo House Banner Ad, Showing how to 'break out of the box' */
#ads-temp-house  {position:absolute;width:212px;height:90px;left:0;top:0;}

/* =============================================================================
   Non-semantic helper classes ("Utils")
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after, .mod article:before, .mod article:after { content: ""; display: table; }
.clearfix:after, .mod article:after { clear: both; }
.clearfix, .mod article { zoom: 1; }

.txt-c {text-align:center;}
.txt-l {text-align:left;}
.txt-r {text-align:right;}

.filters {zoom:1;}

.opa-25 {-moz-opacity:.25;filter:alpha(opacity=25);opacity:.25;}
.opa-50 {-moz-opacity:.50;filter:alpha(opacity=50);opacity:.50;}
.opa-75 {-moz-opacity:.75;filter:alpha(opacity=75);opacity:.75;}

.scaling img {max-width:100%;}
.ie7 .scaling img {width:100%;}

/* =============================================================================
   Media Queries for Responsive Design.
   These override the primary ('mobile first') styles.
   ========================================================================== */

/* @media only screen and (min-width: 480px) { */
  /* Style adjustments for viewports 480px and over go here */
	
/*}

@media only screen and (min-width: 768px) { */
  /* Style adjustments for viewports 768px and over go here */

/*}*/

@media only screen and (min-width: 960px) {
  /* Style adjustments for viewports 960px and over go here. */

}

/* "Large Screen" Resolution case. 1200px plus scrollbars and space for ad gutters to show through. { */
@media only screen and (min-width: 1400px) {
  /* Style adjustments for viewports 1200px and over go here. */
	/*
	#container, .row {
		width:1200px;
	}
	
	.c1 {width:51px;}
	.c2 {width:122px;}
	.c3 {width:193px;}
	.c4 {width:264px;}
	.c5 {width:335px;}
	.c6 {width:406px;}
	.c7 {width:477px;}
	.c8 {width:548px;}
	.c9 {width:619px;}
	.c10 {width:690px;}
	.c11 {width:761px;}
	.c12 {width:832px;}
	
	.push1 {left:71px;}
	.push2 {left:142px;}
	.push3 {left:213px;}
	.push4 {left:284px;}
	.push5 {left:355px;}
	.push6 {left:426px;}
	.push7 {left:497px;}
	.push8 {left:568px;}
	.push9 {left:639px;}
	.push10 {left:710px;}
	.push11 {left:781px;}
	
	.pull1 {left:-71px;}
	.pull2 {left:-142px;}
	.pull3 {left:-213px;}
	.pull4 {left:-284px;}
	.pull5 {left:-355px;}
	.pull6 {left:-426px;}
	.pull7 {left:-497px;}
	.pull8 {left:-568px;}
	.pull9 {left:-639px;}
	.pull10 {left:-710px;}
	.pull11 {left:-781px;}
	/*
	/* Centered Container Overrides */
	/* body > header > div, #sub-header > div, body > footer > div {width:1200px;} */
	
	/* Ad Overrides */
	/*.ads-banner-house {width:460px;}
	#ads-temp-house  {width:460px;height:103px;top:2px;background-position:-222px 0;} */
	
	/* Header Overrides */
	/*
	#logo {margin-right:94px;}
	#search-val {min-width:255px;}
	#tip-us {margin-left:25px;}
	*/
	/* Module Overrides */
	/*
	#sidebar {width:540px;}
	#sidebar .mod-slider, #sidebar .mod-slider .mod {width:220px;}
	#sidebar .mod-slider {margin-right:10px;}
	
	#sidebar .mod {float:right;}
	#sidebar .mod-slider {float:left;}
	.mod-side {width:540px;}
	
	#community article {padding:1em;}
	.mod-slider .whack, .top-games .whack, #top-categories, #top-walkthroughs .whack, #top-forum .whack {display:block;}
	#main .whack {display:none;}
	.mod-side header {background-image:url('img/spr/components/bg-mod-hdr-btm-1152.png');}
	.top-games .mod-box {padding-left:19px;}
	.mod.top-games > header > nav {padding-right:1em;}
	*/
}
*/
/*** Hacks. Ew. ***/
@-moz-document url-prefix() { /* Firefox */
	.mod header .rule span {top:.25em;}
}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/* Stylesheet for specific ad-campaigns */

#heads_up_ad_unit {
	width:971px;
	height:40px;
	float:left;
	margin-top:22px;
	margin-bottom:22px;
	z-index:99998;
}

#heads_up_activate_sliver a {
	background:transparent url('http://video1.break.com/static/live/v1/pages/sponsors/scott-pilgrim/images/ff_sp_sliver.jpg') no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:960px;
	height:40px;
	margin:0 auto;
}

#cboxLoadedContent {
	width:740px !important;
	height:660px !important;
	overflow:hidden !important;
}

#cboxLoadedContent  #heads_up_ad {
	width:737px;
	height:656px;
	background: url('../images/sp_background.png') no-repeat;
	margin:0 auto;
}

#cboxLoadedContent #heads_up_wrap {
	padding-top:153px;
	padding-left:12px;
}

#cboxLoadedContent *{
	color:#FFFFFF;
}

#cboxLoadedContent #heads_up_wrap h2 {
	font-size:10px;
	margin-bottom:5px;
}

#cboxLoadedContent #heads_up_wrap h2 em {
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	padding-right:5px;
}

#cboxLoadedContent #heads_up_wrap h4 a {
	color:#f4a62b;
}

#cboxLoadedContent #heads_up_posts {
	width:400px;
	float:left;
}

#cboxLoadedContent #heads_up_sub_content {
	width:300px;
	float:right;
}

#cboxLoadedContent #heads_up_sub_content h3 {
	padding-left:58px;
}

#cboxLoadedContent #heads_up_sub_content h3 em {
	font-size:24px;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:231px;
	display:block;
	font-style:normal;
	color:#FFFFFF;
}

#cboxLoadedContent #heads_up_posts .heads_up_post {
	width:400px;
	height:90px;
	overflow:hidden;
	margin:5px 0 5px 0;
	background:transparent url('../images/sp_postdesc_bg.png') no-repeat 175px -4px;
}

#cboxLoadedContent #heads_up_posts .heads_up_post .sidebar_thumbail {
	width:171px;
	height:86px;
	float:left;
	margin-right:6px;
}

#cboxLoadedContent #heads_up_posts .heads_up_post h4, #cboxLoadedContent #heads_up_posts .heads_up_post p {
	width:222px;
	float:left;
}

#cboxLoadedContent #heads_up_posts .heads_up_post h4 {
	margin-top:8px;
}

#cboxLoadedContent #heads_up_posts .heads_up_post p {
	height:55px;
	overflow:hidden;
}

#cboxClose {
	display:none !important;
}

a:focus{
outline:none;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}
.ui-state-active{
	background-color:#fff;
}
.top_wrap .breakingnews h4 {
margin:6px 0 0 4px;
}

.post ol{
margin:20px 0px;
font-size:13px;
padding:0px;
}
.post ol li{
margin-bottom:10px;
list-style:decimal;
list-style-position:inside;
font-family:Georgia, Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.post .size-full, .post .size-medium{
margin-top:20px!important;
}
.post li{
font-family:Georgia, Arial, 'Helvetica Neue', Helvetica, sans-serif;

}
.post ul li{
margin:10px 0px 0px 15px;
list-style:disc;
font-size:13px;
font-family: Georgia,Arial,'Helvetica Neue',Helvetica,sans-serif;
}
.post ul{
font-family: Georgia,Arial,'Helvetica Neue',Helvetica,sans-serif;
margin:10px 0px;
}


/*.ad_top div {
position:static !important;
}*/

.list_content img {
max-width:517px;
}

.list_content {
float:left;
}

.list_content {
float:left;
}

.wp-caption .list_content img {
max-width:470px;
}

.list_content .wp-caption {
background:transparent;
width:auto;
}

.post blockquote {
	font-style:italic;
}

.post blockquote p:before {
content:'"';
}

.post blockquote p:after {
content:'"';
}

#footer {
font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
font-size:11px;
}

.ngg-imagebrowser-nav .back, .ngg-imagebrowser-nav .next {
z-index:10;
}

.ngg-imagebrowser-nav .counter {
color:#FFFFFF;
top:6px;
}

/* Styles for PAX 2010 Page */
#pax2010_container {
	background:#000000 url('http://news.filefront.com/wp-content/uploads/2010/09/pax_header.jpg') no-repeat;
	overflow:hidden;
	padding-top:153px;
}

h1.category-title{border-bottom: 1px solid #D9D9D9;clear: both;margin-bottom: 10px;overflow: hidden;padding:10px 0; text-transform:uppercase; color:#F4A62B}
h1.article-title {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    font-size: 31px;
    font-weight: normal;
    margin: 0 10px 20px 0;
	height: 26px;
    padding: 0;
   
}
h1.article-title a{color:#000;}


div.thankYouText{
	color: #8C8C8C;
    font-family: Arial,sans-serif;
    font-size: 13px;
	margin-top: 10px;
	font-weight: normal;
	width:330px;
	float:left;
}
div.thankYouText a {color: #4E7966;text-decoration: underline;}


div.countDownDiv p a {color: #4E7966;text-decoration: underline;}
div.countDownDiv p {color:#8C8C8C;font-family: Arial,sans-serif;font-size: 13px;font-weight: bold;}
div.countDownDiv {float:right;}
div.countDownDiv ul{width:260px;padding:0;margin:0;}
div.countDownDiv ul li{
	padding:0;
	margin:0;
	padding-top:1px;
	width:50px;
	height:22px;
	float:left;
	border-top:1px solid #f1cd93;
	border-bottom:1px solid #f1cd93;
	border-right:1px solid #f9e6c8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9ebd1), to(#ebb666));
	background: -moz-linear-gradient(top, #f9ebd1, #ebb666);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9ebd1, endColorstr=#ebb666);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9ebd1, endColorstr=#ebb666);
	color:#b37319;
	font-weight:bold;
	text-align:center;
}
div.countDownDiv ul li.first{
	border-left:1px solid #f9e6c8;	
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px
}

div.countDownDiv ul li.last{
	border-right:1px solid #f9e6c8;	
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;	
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}

div.countDownDiv ul li.down {
	background: -webkit-gradient(linear, left top, left bottom, from(#efcc94), to(#f2cd96));
	background: -moz-linear-gradient(top, #efcc94, #f2cd96);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efcc94, endColorstr=#f2cd96);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efcc94, endColorstr=#f2cd96);
	color:#d19d51;	
}

.contribute{
	width:300px;
	height:220px;
	border:1px solid #f0b760;
	background-image:url('http://www.gamefront.com/files/images/contribute-background.png');
	margin-top: 20px;
} 
.contribute h3{padding-top:10px;}
.contribute p, .contribute  h3{padding-top:5px;padding-left:10px;padding-right:10px;}

.fileContent{width:612px;}
.fileContent .description {width:305px;float:left;margin-right:6px;margin-bottom:5px;}
.fileContent .info {width:300px;float:right}
.fileContent .info dt{clear:both;float:left;}
.fileContent .info dd{float:right;}

.fileContent label, .fileContent .info dd {fonct-weight:blod;}
.fileContent .action {clear:both;text-align:center;padding-top:10px;}
.fileContent .action .watchVideo img {padding-top:10px;}
.fileContent .action .ageGate {padding: 10px 10px 15px; background: none repeat scroll 0% 0% rgb(255, 254, 247); border: 2px solid rgb(244, 183, 94); text-align: center;}
.fileContent .show {display:block;}
.fileContent .hide {display:none;}

.fileTitle{float:left;}

#linkto3{width: 300px; height: 250px;margin-left:auto;margin-right:auto;}
.hr-ads{text-align:center;padding-top:10px;padding-bottom:20px;}

div.content h1.gameName{
	width:100%;height:26px;color:#000;padding-left:10px;padding-top:10px;
}
/*861*/
#sub-header nav .nav-e3-2012:hover, 
#sub-header nav .nav-e3-2012.active{
	background: #bc0d34;
	background: -moz-linear-gradient(top,  #ef1142 0%, #bc0d34 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef1142), color-stop(100%,#bc0d34)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef1142 0%,#bc0d34 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef1142 0%,#bc0d34 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef1142 0%,#bc0d34 100%); /* IE10+ */
	background: linear-gradient(top,  #ef1142 0%,#bc0d34 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1142', endColorstr='#bc0d34',GradientType=0 ); /* IE6-8 */
}
#sub-header nav .nav-e3-2012:hover a, 
#sub-header nav .nav-e3-2012.active a{ color:#fff;text-shadow: 0 -1px 1px #520012;}

#sub-header nav .nav-e3-2013:hover, 
#sub-header nav .nav-e3-2013.active,
#sub-header nav .nav-e3-2014:hover,
#sub-header nav .nav-e3-2014.active,
#sub-header nav .nav-sdcc-2014:hover,
#sub-header nav .nav-sdcc-2014.active{
	background: #33ccff;
	background: -moz-linear-gradient(top,  #289fc7 0%, #33ccff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#289fc7), color-stop(100%,#33ccff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #289fc7 0%,#33ccff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #289fc7 0%,#33ccff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #289fc7 0%,#33ccff 100%); /* IE10+ */
	background: linear-gradient(top,  #289fc7 0%,#33ccff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#289fc7', endColorstr='#33ccff',GradientType=0 ); /* IE6-8 */
}
#sub-header nav .nav-e3-2013:hover a, 
#sub-header nav .nav-e3-2013.active a,
#sub-header nav .nav-e3-2014:hover a,
#sub-header nav .nav-e3-2014.active a,
#sub-header nav .nav-sdcc-2014:hover a,
#sub-header nav .nav-sdcc-2014.active a{ 
	color:#fff;text-shadow: 0 -1px 1px #520012;
}

#mobile-overlay-bg { background:#000000;width:100%;height:100%;opacity: 0.8;position: absolute;top:0px;left:0px;z-index:99999999 }
#mobile-overlay { width:300px;height:250px;position: fixed;top:10px;left:10px;z-index:999999999;display:none }
#mobile-overlay.android { background:url(img/mobile-overlay-android.png) no-repeat 0 0 }
#mobile-overlay.ios { background:url(img/mobile-overlay-ios.png) no-repeat 0 0 }
#mobile-overlay .download-link { width:236px;height:46px;display:inline-block;margin-top:122px;margin-left:32px; }
#mobile-overlay .notnow-link { width:65px;height:20px;display: inline-block;position: absolute;bottom:4px;left:75px; }
#mobile-overlay .nothanks-link { width:65px;height:20px;display: inline-block;position: absolute;bottom:4px;left:150px;}
.ngg-imagebrowser .pic {
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 10px 0;
}
.ngg-imagebrowser .pic img {
    border: none!important;
    padding: 0!important;
    margin: 0!important;
}