/*
Theme Name: Custom
Theme URI: http://www.2d-world.co.uk/
Description: Custom wide design for 2D World.
Version: 1.0
Author: Leo Kent
Author URI: http://leo.me.uk/
Tags: custom
*/

/*
* This is pretty much a copy of the HG08 theme which was developed in 2008.
* The design has been widened such that it views better on 1024x768 screens.
* Feel free to take a look through the CSS, it certainly isn't perfect, but
* but it's functional!
*
* Feel free to borrow code (not design) but please give a link back to me.
* Happy Coding :-)
*/

/******************************
* Begin General and Structure Styling
*/

body {
	margin:0;
	font-family:Verdana, Tahoma sans-serif;
	background:url(img/bg.png) fixed #B2C9E0;
	font-size:11px;
	}

a {
	color:#333;
	text-decoration:none;
	}

a:hover {
	color:#EF25DB;
	}

p {
	font-size:13px;
	color:#333;
	}

ul, ol {
	list-style-type:none;
	margin:0;
	padding:0;
	}

h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", "Century Gothic", Verdana, sans-serif;
	}

h3 {
	margin:0 0 20px 0;
	padding:0 0 2px;
	font-size:14px;
	color:#333;
	border-bottom:1px solid #ccc;
	}

h2 {
	margin:0 0 20px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	color:#333;
	border-bottom:1px solid #ccc;
	}

.clear {
	clear:both;
	}

.hidden {
	display:none;
	}

.wrapper {
	position:relative;
	margin:0 auto;
	width:920px;
	background:#fff;
	padding:20px;
	border:1px solid #8D9FB2;
	border-top:none;
	}

.n_sidebar {
	float:left;
	margin:26px 0 0 0;
	width:160px;
	}

.w_sidebar {
	float:left;
	margin:26px 0 0 0;
	width:300px;
	}

.w_content {
	float:left;
	margin:20px 0 0 20px;
	width:740px;
	}

.n_content {
	position:relative;
	float:left;
	margin:20px 0 0 20px;
	width:600px;
	}
	
/*
* End General Styling
******************************/
	
/******************************
* Begin Header Specific Style
*/

h1 {
	margin:0;
	padding:0;
	text-indent:-1000px;
	width:269px;
	height:72px;
	background:url(img/logo_new.png);
	}

#nav {
	text-transform:lowercase;
	position:absolute;
	top:46px;
	right:25px;
	text-align:right;
	font-family:"Trebuchet MS", sans-serif;
	font-size:16px;
	color:#999;
	}

#nav li {
	margin:0 0 0 5px;
	display:inline;
	}

#nav a {
	font-weight:bold;
	}

#nav a:hover {
	color:#EF25DB;
	}

.header_ad {
	float:left;
	margin:20px 0 0 0;
	width:728px;
	height:90px;
	}

.randomize {
	float:left;
	margin:20px 0 0 20px;
}

.randomize a {
	display:block;
	width:172px;
	height:90px;
	background:url(img/randomize.png);
	}

/*
* End Header Styling
******************************/

/******************************
* Begin Sidebar Specific Style
*/

.s_com_wrap {
	position:relative;
	width:160px;
	margin:-6px 0 22px 0;
	padding:13px 0 0 0;
	background:url(img/com_top.gif) top no-repeat;
	}

.s_com_main {
	padding:5px 10px;
	background:url(img/com_bg.gif);
	color:#333;
	}

.s_com_main a:hover {
	color:#666;
	}

.s_com_main p {
	margin:5px 0 0 0;
	}

.s_com_foot {
	padding:14px 0 0 5px;
	background:url(img/com_bot.gif) top no-repeat;
	font-size:9px;
	color:#659B44;
	}

.s_com_foot span {
	position:absolute;
	right:5px;
	color:#999;
	}

.w_sidebar_ad {
	margin:6px 0 20px 0;
	}
	
/*
* End Sidebar Styling
******************************/

/******************************
* Begin Homepage Specific Style
*/

.home_games {
	margin:0 0 0 2px;
	text-align:center;
	font-size:11px;
	}

.home_games a {
	position:relative;
	color:#00f;
	text-decoration:underline;
	}

.home_games a:hover {
	color:#EF25DB;
	text-decoration:none;
	}

.home_games a span {
	text-decoration:none;
	display:block;
	}

.home_games li {
	margin:0 20px 30px 0;
	float:left;
	}

.home_games li img {
	background:#f8f8f8;
	border:1px solid #ddd;
	padding:6px;
	margin:0 0 5px 0;
	}

.home_games a:hover img {
	background:#ffe6fd;
	border:1px solid #fdabf5;
	}

.home_ad {
	text-align:center;
	margin:0 0 20px 0;
	padding:10px 0;
	border-top:1px solid #e6e9d7;
	border-bottom:1px solid #e6e9d7;
	background:#f5f7ea;
}

#simpleTooltip {
	padding:7px;
	border:1px solid #ddd;
	background:#f8f8f8;
	width:150px;
	color:#555;
	}
#simpleTooltip small {
	color:#777;
	display:block;
	margin:2px 0 0 0;
	}

/*
* End Homepage Styling
******************************/

/******************************
* Begin Category Specific Style
*/

.c_games li {
	float:left;
	margin:0 20px 20px 0;
	font-size:10px;
	}

.c_games li a {
	position:relative;
	display:block;
	padding:5px;
	width:221px;
	overflow:hidden;
	background:#f8f8f8;
	border:1px solid #ddd;
	color:#00f;
	font-weight:bold;
	}

.yarpp li {
	margin:0 0 20px 0;
	}
	
.yarpp li a {
	width:288px;
	}

.c_games li a:hover {
	background:#ffe6fd;
	border:1px solid #fdabf5;
	}

a .c_title {
	text-decoration:underline;
	}
	
a:hover .c_title {
	text-decoration:none;
	color:#EF25DB;
	}

.c_content {
	display:block;
	color:#666;
	font-weight:normal;
	margin:5px 0 0 0;
	}

.c_games img {
	border:none;
	float:left;
	margin:0 10px 0 0;
	}



/*
* End Category Styling
******************************/

/******************************
* Begin Game Specific Style
*/

#networks {
	position:absolute;
	right:0;
	top:5px;
	margin:0;
	height:16px;  
	list-style:none;
	}

#networks li {
	float:left;
	}

#networks a {
	display:block;
	float:left;
	height:16px;
	width:16px;
	text-indent:-10000px;
	line-height:16px;
 	margin:0 0 0 10px;
 	-moz-opacity:0.7;
 	filter:alpha(opacity=70);
	}

ul#networks a:hover {
	-moz-opacity:1.0;
	filter:alpha(opacity=100)
}

#networks li a#fb_icon {background-image:url(img/facebook.png)}
#networks li a#su_icon {background-image:url(img/stumble.png)}
#networks li a#d_icon {background-image:url(img/delicious.png)}

.game_conatiner {
	width:600px;
	text-align:center;
	}

/* Game Information */

.game_info {
	margin:20px 0;
	width:600px;
	height:70px;
	background-color:#333;
	}

.game_info a {
	color:#ccc;
	}

.game_info a:hover {
	color:#fff;
	}

h4 {
    padding:0;
	margin:-4px 0 0 0;
    font-size:16px;
	color:#fff;
	border-bottom:1px solid #666;
    }

.gi_left {
	position:relative;
	float:left;
	width:448px;
	height:50px;
	padding:10px;
	font-size:10px;
	background:#414141;
	border-right:1px solid #343434;
	color:#ccc;
	}

.gi_left span {
	position:absolute;
	top:13px;
	right:10px;
	}

.gi_left  p {
    padding:0;
	margin:6px 0 0 0;
	font-size:11px;
	color:#ccc;
	}

.gi_right {
	float:left;
	width:110px;
	height:50px;
	padding:12px 10px 8px 10px;
	text-align:center;
	color:#fff;
	}

.gi_right span {
	display:block;
	padding:5px 0 0 0;
	}

/* Game Comments */
	
.comments {
	margin:-15px 0 0 0;
	}

.comments li {
	border-bottom:1px solid #eee;
	padding:15px;
	}

.c_left {
	padding:0 0 0 30px;
	float:left;
	width:205px;
	font-size:10px;
	color:#999;
	}

.u1 {background:url(img/u_1.png) no-repeat}
.u2 {background:url(img/u_2.png) no-repeat}
.u3 {background:url(img/u_3.png) no-repeat}
.u4 {background:url(img/u_4.png) no-repeat}
.u5 {background:url(img/u_5.png) no-repeat}

.c_left h5 {
	padding:0;
	margin:-1px 0 0 0;
	font-size:13px;
	color:#ef25db;
	}

.c_right {
	float:left;
	width:335px;
	font-size:12px;
	color:#555;
	}

.c_right p {
	margin:0 0 10px 0;
	}

#c_msg {
	display:none;
	padding:10px;
	margin:0 0 20px 0;
	background:#ffc;
	border-top:1px solid #F7E892;
	border-bottom:1px solid #F7E892;
	text-align:center;
	font-weight:bold;
	color:#333;
}

/* Add Comment */
	
.add_c {
	margin:20px 0 0 0;
	}

.c_cell {
	margin:0 20px 10px 20px;
	}

.add_c label {
	width:150px;
	vertical-align:top;
	display:-moz-inline-box;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	color:#666;
	}

.add_c input, .add_c textarea {
	width:380px;
	padding:3px;
	border:1px solid #999;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	color:#333;
	}

.add_c button {
	margin:0 0 0 153px;
	}
/*
* End Game Styling
******************************/

/******************************
* Footer specific code.
*/

.footer {
	margin:10px auto 50px auto;
	width:920px;
	text-align:center;
	line-height:20px;
	color:#666;
	}

.footer a {
	font-weight:bold;
	}

.footer a:hover {
	text-decoration:underline;
	color:#000;
	}

.footer p {
	font-size:10px;
	}

.footer p a {
	font-weight:normal;
	}
	
/*
* End Game Styling
******************************/

/* Odds and Sods */

.linkcat h2 {
	display:none;
	}

.xoxo {
	font-size:14px;
	margin:0 20px;
	border-top:1px solid #eee;
	}

.xoxo li {
	padding:5px 0;
	border-bottom:1px solid #eee;
	text-align:right;
	color:#999;
	}

.xoxo li a {
	float:left;
	font-weight:bold;
	color:#333;
	}

.xoxo li a:hover {
	text-decoration:underline;
	}