/*

	Theme Name: The Network
	Theme URI: http://themeforest.net/user/EugeneO/portfolio
	Description: A news / magazine /community template.
	Version: 1.0.1
	Author: Eugene Okoronkwo
	Author URI: http: //eugeneo.com/
	Tags: custom-background, right-sidebar, two-columns, custom-menu, theme-options, threaded-comments, translation-ready

*/


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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;	
}

ol, ul { list-style: none; }


/* ---------- CLEARFIX ---------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;	
}
	.clr {clear:both;}
	.clearfix {	display: inline-block; }

	html[xmlns] .clearfix { display: block; }

	* html .clearfix { height: 1%; }


/* ----------------------------------------
	HTML5 CSS SETUP 
---------------------------------------- */

article, aside, figure, #footer, header, hgroup, nav, section, video, img { display: block; }


/* ----------------------------------------
	TYPOGRAPHY
---------------------------------------- */

a,
#article-list h1 a {	
	color: #333;
	text-decoration: none;	
}
.post a {
 	color: #425ed0;
}

	a:hover,
	#article-list h1 a:hover	{ color: #999; }

p {	margin: 10px 0; }

h1 {	
	font-size: 36px;
	margin: 18px 0 0;
	letter-spacing: -1px;
	line-height: 1.3em;
}
	h1 a { color: #333; }
	
h2 {	
	font-size: 28px;
	margin: 18px 0 0;
	letter-spacing: -1px;
	line-height: 1.3em;	
}

h3 {	
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 1.3em;
	margin: 18px 0 0;
	overflow: hidden;	
}

h4 {	
	font-size: 18px;
	margin: 18px 0 0;
	line-height: 1.3em;	
}

h5 {	
	font-size: 14px;
	margin: 18px 0 0;
	line-height: 1.3em;		
}

h6 {	
	font-size: 12px;
	margin: 18px 0 0;
	line-height: 1.3em;	
}

abbr {
	border-bottom: 1px dotted #777;
	color: #777;
 }

 
/* ----------------------------------------
	BACKGRUND AD
---------------------------------------- */ 

#skin {
	cursor: pointer;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 1;	
}


/* ----------------------------------------
	STRUCTURE
---------------------------------------- */ 

html { height: 100%; }

body {
	background: #d1d2d6 url(images/bg.png);
	color: #333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 1.5em;	
}
	
#wrapper {	
	_height: 100%; /* for IE6 */
	height: auto !important; 
	height: 100%;	
	margin: 0 auto -135px;
	min-height: 100%;	
}
	.register-success,
	.register-error {
		display: block;
		font-weight: 700;
		margin: 0;
		padding: 20px;
		text-align: center;
	}
	
	.register-success {
		background: #99FF00;
		border: 4px solid #99CC00;
	}
	
	.register-error {
		background: #FFFF99;
		border: 4px solid #FFCC66;
	}
	
	.quick-form {
		background-color: #222;
		display: none;
		overflow: hidden;
		position: absolute;
		right: 20px;
		top: 25px;
		width: auto;
		z-index: 100;		
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	}
	
		.quick-form form { float: right; margin: 0; padding: 0 10px 0 0; overflow: hidden; width: auto; }
		.quick-form a { 
			color: #CCC;
			float: right;
			font-size: 10px;
			font-weight: 700;
			margin: 16px 30px 0 10px;
			text-decoration: underline;
		}
		
		.quick-form a:hover{ color: #999; }
		
		.quick-form p { 
			float: left;
			margin: 10px;
		}
		
		.quick-form label { color: #FFF; }
		
		.quick-form input[type="text"],
		.quick-form input[type="password"],
		.quick-form input[type="submit"] { 
			display: inline;
			margin-left: 10px;
		}
		
		.quick-form input[type="submit"] {
			border: none;
			margin: 1px 0 0 10px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		.register-message {
			clear: both;
			width: 450px;
		}
		
	header {	
		background: #7f8295 url(images/header_bg.png) repeat-x top;
		height: 155px;
		min-width: 950px;
		position: relative;
		z-index: 2; /* Place above content */	
	}
	
	header.hide-header { display: none; }
	
		#header-top-wrapper {			
			
			width: 100%;			
		}
		
			#header-top {				
				color: #FFF;
				font-size: 10px;
				height: 26px;
				margin: 0 auto;
				position: relative;
				width: 940px;				
			}
				.subscribe {					
					background: url(images/header-rss.png) 0 0 no-repeat;
					color: #FFF;
					display: block;
					float: left;					
					line-height: 25px;
					padding: 0 0 0 25px;
				}
				
				.subscribe:hover { background-position: 0 -25px; }
			
				#header-top nav {					
					float: left;
					height: 25px;
					margin: 0 0 0 60px;					
				}
				
					#header-top ul {						
						margin: 4px 0 0 0;
						overflow: hidden;						
					}
					
						#header-top li {							
							border-left: 1px solid #484C65;
							float: left;							
						}
						
						#header-top li:first-child { border: none; }
							
							#header-top li a {								
								color: #CCC;
								padding: 0 5px;								
							}
							
								#header-top li a:hover { color: #999;	}
								
			#user-bar { float: right; }
			
				#user-bar li{ border: none; }
				
				#user-bar .welcome { margin: -1px 0 0; }
				
				#user-bar .login-link,
				#user-bar .logout-link { 
					border: none;
					margin: 0 0 0 60px; 
				}
			
			
		#header-wrapper  {				
			display: block;
			margin: 0 auto;
			width: 940px;		
		}
		
			.logo {				
				float: left;
				height: 62px;
				width: 281px;
				margin:0 0 10px;
			}
			.footerlogo {
			text-align:center;}
			.footerlogo img {
			text-align:centeR;
			margin:0 auto 30px;}
			
			/* ----------------------------------------
				NAVIGATION
			---------------------------------------- */
			div.nav_main {
			float:left;
			clear:both;}
			header nav {				
			
			}
			#navigation {
			position:relative;
			clear:both;
			height:39px;
			line-height: 37px;
			}
			#navigation li {
			float:left;
			padding:0 15px;
			}
			#navigation li:first-child {
			padding: 0 15px 0 5px ;}
			
			#navigation a {
			color:#D9DCE6;
			font-size:13px;
			text-shadow: 0px 1px 0 #484C65;
			}
			#navigation a:hover {
			color:#fff;
			}
			div.nav_plat {
			float:right;}
			
			#platform {
			position:relative;
			background: url(images/bg_nav.png) top left repeat-x;
			height:39px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			}
			
			#platform li {
			float:left;
			background: url(images/gameico.png) top left no-repeat;
			margin:10px 8px 0 8px;
			}
			#platform li:first-child {
			margin-left:16px;}
			#platform li:last-child {
			margin-right:16px;}
			#platform li#menu-item-249 {
			background-position: 0 -20px;}
			#platform li#menu-item-251 {
			background-position: 0 1px;}
			#platform li#menu-item-247 {
			background-position: 3px -42px;}
			#platform li#menu-item-248 {
			background-position: 2px -66px;}
			#platform li#menu-item-250 {
			background-position: 2px -87px;}
			#platform li#menu-item-252 {
			background-position: 0 -110px;}
			
			#platform li#menu-item-249 a, #platform li#menu-item-251 a {
			padding-left:30px;}
			
			#platform li a {
			color:#fff;
			font-size:13px;
			font-weight:bold;
			padding-left: 28px;
			text-shadow:0px 1px 0 #5A5F78;
			}
			#platform li a:hover {
			color:#D9DCE6;
			}
			/*
				#navigation {					
					border-right: 1px solid #484C60;
					line-height: 75px;
					position: relative;					
				}
				
				#navigation li {					
					display: block;
					float: left;
					height: 75px;				
				}
				
					#navigation a {						
						background: url(images/navigation-overlay.png) repeat-x;
						border-left: 1px solid #484C60;
						color: #FFF;
						display: block;
						font-size: 14px;
						height: 100%;
						padding: 0 20px;						
						text-shadow: 0 0 4px #000;						
					}
						
						#navigation a:hover { background-position: 0 -75px; }
					
					
					/* ----- SUBMENUS ----- */
					
					#navigation ul {						
						background: #FFF url(images/header-shadow.png) repeat-x;
						border-bottom: 5px solid #484C65;
						display: none;
						left: 0;
						line-height: 1.4em;
						padding: 20px 0 0 20px;
						position: absolute;
						width: 486px;
						z-index: 100;
						
						box-shadow: 0 1px 3px #555;
						-moz-box-shadow: 0 1px 3px #555;
						-webkit-box-shadow: 0 1px 3px #555;						
					}
						
						#navigation ul li {							
							background: url(images/horizontal-line.png) left -18px repeat-x;
							display: inline;
							float: left;							
							height: auto;
							margin: 0 20px 20px 0;
							width: 142px;							
						}
						
							#navigation ul a {								
								background: #FFF;
								border: none;
								color: #999;
								float: left;
								font-size: 12px;
								font-weight: 700;
								height: auto;
								padding: 0 10px 0 0;
								text-shadow: none;
							}
								
								#navigation ul a:hover { color: #666; }
								
							#navigation ul ul {								
								background: none;
								border: none;
								clear: both;
								display: block;
								padding: 0;
								margin: 25px 0 10px;
								overflow: hidden;
								position: relative;						
								width: auto;								

								box-shadow: none;
								-moz-box-shadow: none;
								-webkit-box-shadow: none;								
							}
							
								#navigation ul ul li {									
									background: none;
									clear: both;
									margin: 3px 0;									
								}
									
									#navigation ul ul a {										
										background: none;
										color: #222;
										font-size: 12px;
										font-weight: 400;									
									}
									
									#navigation ul ul a:hover { color: #999; }
									
					#navigation li:hover ul { display: block; }
					
			ul.search {				
				float: right;
				height: 50px;
				padding: 25px 0 0 20px;
				width: 233px;				
			}				
			
		#header-shadow {			
			background: url(images/header-shadow.png) repeat-x;
			display: block;
			height: 10px;
			position: relative;
			z-index: 1;	
			opacity:0.4;		
		}
		
	#banner-top {		
		height: 90px;
		margin: 10px auto;
		position: relative;		
		width: 720px;		
		z-index: 1;		
	}
	#content-holder .banner {
	display: block;
	position: absolute;
	top:0;
	}
	#content-holder .banner.right {
	right:-165px;
	margin:0;
	}
	#content-holder .banner.left {
	left:-165px;
	}
	
	
/* ----------------------------------------
	CONTENT HOLDER
---------------------------------------- */
	
	#content-shadow {		
		background: url(images/content-shadow-top.png) no-repeat;
		display: block;
		height: 10px;
		margin: 5px auto 0;
		position: relative;
		width: 950px;
		z-index: 1;		
	}
	
		
	#content-holder {		
		background: url(images/content-shadow.png) repeat-y;
		margin: 0 auto;
		position: relative;
		width: 950px;
		z-index: 1;		
	}	
	
	#content {		
		background-color: #F6F6F6;
		display: block;
		margin: 0 auto;
		padding: 1px 20px 20px;
		width: 900px;		
	}
		
		
		/* ----- SLIDER ----- */
		
		#slider {
			background: #000;
			height: 348px;
			margin: -1px 0 0 -20px;
			width: 940px;			
		}
		
		
		/* ----- HOME LATEST POSTS ----- */
			
			#features { margin: 20px 0 0; }
			
			#features article {				
				float: left;
				margin: 0 0 0 20px;
				width: 210px;				
			}
			
			#features article:first-child { margin: 0; }
			
				#features img {					
					background-color: #FFF;
					border: 1px solid #E5E5E5;
					padding: 4px;
					
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;					
				}
				
				#features h1 {				
					font-size: 12px;
					letter-spacing: 0;
					margin: 4px 4px 0;				
				}
				
				#features .meta {					
					margin: 4px 4px 0;
					overflow: hidden;					
				}
				
				.meta li {					
					background: none;
					border-left: 1px solid #DDD;
					color: #999;
					font-size: 10px;
					float: left;
					line-height: 1.1em;
					padding: 0 5px;
					text-shadow: 1px 1px 1px #FFF;
				}
				
				.meta li:first-child, .widget .meta li:first-child {				
					border: none;
					padding: 5px 5px 0 0;					
				}
					
					.meta li a { color: #999; }
					
					.meta li a:hover { color: #484C65; }
				
				.meta .comments-meta, .widget .meta .comments-meta {				
					background: url(images/comment-icon.png) right 5px no-repeat;
					padding-right: 16px;
					float: left;	
					padding-top:5px;				
				}

				
				.meta .views, .meta .max-image-link {					
					border: none;
					color: #333;
					float: right;
					font-size: 14px;
					font-weight: 700;					
				}
				
				.meta .max-image-link {					
					background: url(images/zoom-icon.png) right center no-repeat;
					padding-right: 24px;					
				}
				
				#features p { margin: 5px 0 0 4px; }
				
				#features .read-more {
					display: block;
					margin: 12px 0 0 4px;					
				}
				
			.small-title .button.right { margin: 15px 0 0; }
			
			
		/* ----- HOME SIDEBAR CONTENT ----- */
		
		#home-content {			
			clear: both;
			overflow: hidden;
			width: 920px;			
		}
		
		
		/* ----- SIDEBAR ----- */
		
		#sidebar {		
			float: left;
			width: 284px;		
		}
		
			#sidebar .widget { margin: 15px 0 0;	}
			
		/* ----- PAGE CONTENT ----- */
		
		.small-title {			
			background: url(images/horizontal-line.png) repeat-x;
			display: block;
			height: 34px;
			position: relative;
			text-shadow: 1px 1px 1px #FFF;
		}
		
			.small-title h1,
			.small-title h2, 
			.small-title h3, 
			.small-title h4, 
			.small-title h5, 
			.small-title h6 {				
				background-color: #F6F6F6;
				color: #999;
				font-size: 12px;
				float: left;
				letter-spacing: 0;
				line-height: 1em;
				margin: 20px 0 0 10px;
				padding: 0 10px;				
			}
			
		.col-900 {			
			clear: both;
			width: 900px;			
		}
		
		.col-595 {			
			display: block;
			float: left;
			margin: 0 20px 0 0;
			overflow: hidden;
			width: 595px;			
		}
		
		#article-list {			
			clear: both;
			margin: 0 0 20px;
			overflow: hidden;			
		}
		
		#article-list img {			
			background-color: #FFF;
			border: 1px solid #E5E5E5;
			float: left;
			margin: 0 20px 0 0;
			padding: 4px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}
		
			#article-list article {				
				border-bottom: 1px solid #EEE;
				margin: 10px 0 0;
				overflow: hidden;
				padding: 0 0 10px;				
			}
			
			#article-list article:last-child { border: none; }
			
			#article-list h1 {				
				font-size: 14px;
				letter-spacing: 0;
				margin: 5px 0 0;				
			}
			
			#article-list .meta {				
				margin: 10px 10px 0;
				overflow: hidden;				
			}
			
			#article-list p { margin: 10px 0 0; }
			
			.sticky { border-right: 4px solid #484C65; }
			
			#article-list .sticky { padding-right: 10px; }
			
			/* ----- VIDEOS ----- */
			
			.videoplayer { background-color: #000; }
			
			.video-text{	
				background-color: #000;
				color: #EEE;
				font-size: 18px;
				line-height: 1.4em;
				padding: 10px 20px;				
			}

			#videos {				
				margin: 0 0 20px -20px;
				overflow: hidden;
				width: 615px;				
			}
			
				#videos article {					
					float: left;
					margin: 20px 0 0 20px;
					width: 184px;
					position: relative;						
				}
					
					#videos a {						
						display: block;
						overflow: hidden;
						position: relative;						
					}
					
					#videos img {						
						background-color: #FFF;
						border: 1px solid #E5E5E5;
						padding: 10px;
						
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;						
					}
					
					#videos span {		
						background: url(images/video-overlay.png) 1px 0 no-repeat;
						display: block;
						height: 21px;
						position: absolute;
						right: 21px;						
						top: 72px;
						width: 22px;					
					}
	
					#videos h1 {						
						font-size: 12px;
						letter-spacing: 0;	
						margin: 10px 10px 0;						
					}
					
					#videos .meta {						
						margin: 10px 10px 0;
						overflow: hidden;					
					}
					
					#videos p { margin: 10px 10px 0; }
			
			
			/* ----- IMAGES ----- */
			
			.gallery {				
				margin: 0;
				overflow: hidden;
				width: 600px;	
				padding:5px 0 5px;			
			}
		
			.widget.side .gallery {
				width:300px !important;
				padding-bottom:18px}
			
				.widget.side .gallery-item {					
					float: left;
					height: 90px;
					margin: 10px 0 0 10px;
					position: relative;
					width: 125px;					
				}
				.gallery-item {					
					float: left;
					
					margin: 10px 0 0 10px;
					position: relative;
										
				}
				
				.gallery img {					
					background: #FFF;
					border: 1px solid #E5E5E5;
					display: block;
					margin: 0 auto;
					padding: 1px !important;					
				}
				
				.gallery-item span {
					background: url(images/image-overlay.png) center center no-repeat;
					visibility: hidden;
					height: 90px;

					width: 120px;
				}
				
				
			/* ----- MAIN ARTICLES ----- */
			
			.meta {				
				margin: 20px 0;
				overflow: hidden;				
			}
			
			#feature-image img {				
				background: #FFF;
				border: 1px solid #E5E5E5;
				display: block;
				clear: both;
				margin: 20px 0 0;
				padding: 4px;				
			}
			
			#share-box {				
				background: #FFF;
				border: 1px solid #E5E5E5;
				margin: 10px 0;
				overflow: hidden;
				width: 593px;
				
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;				
			}
				
				#share-box h4 {					
					float: left;
					font-size: 24px;
					margin: 20px 0 20px 20px;					
				}
				
				.addthis_toolbox { float: right; margin: 20px 20px 0 0; }
				
				#share-box a { display: block; }
			
				
		/* ----- PAGINATION ----- */
		
		.pagination {			
			color: #999;			
			font-weight: 700;
			height: 22px;
			margin: 20px 0 0;			
		}
			
			.pagination span { margin: 0 10px 0 5px; }
			
			.pagination a span {
				padding: 4px 5px;
				background: #FFF;
				border: 1px solid #E5E5E5;
				margin: 0 5px 0 0;				
			}	
		
	#push {	
		clear: both; 
		height: 135px; 
	}

	#footer {		
		background-color: #2e2e2e;
		color: #FFF;
		
		min-width: 950px;
		padding: 15px 0 0;
		position: relative;
		z-index: 1;		
	}
	
		#footer a { color: #CCC; }
			
			footer a:hover { color: #999; }
	
		#footer-top {			
			
			margin: 0 auto;
			padding: 5px 0 10px;
			width: 900px;	
			margin-bottom:20px;		
		}
		
			#footer nav { float: left; width:235px; }
			
				#footer ul {					
					margin: 0;
					overflow: hidden;					
				}
				
				#footer li {					
					/*border-left: 1px solid #484C65;*/
									
				}
				
				footer nav li:first-child { border: none; }
				
				#footer h6 {
				color:#969bab;
				font-weight:bold;
				font-size:11px;
				margin:0;
				padding:0 0 10px;
				}
				#footer nav a {
					display: block;
					padding: 3px 0;	
					font-size:11px;
					color:#6e7281;			
				}
				#footer .media {
				float:left;}
			
		#copyright {			
			background-color: #2a2a2a;
			line-height: 30px;
						
			padding: 0 20px;
					
		}
			
			#copyright p {
				font-size: 11px;
				margin: 0;	
				width: 900px;		
				margin: 10px auto 0;
				color:#555b6e;
				text-align: center;
				padding:10px 0 15px;		
			}
			ul#socialicon {
			padding:16px 0 0 2px;}
			ul#socialicon li {
			float: left;
			padding:0 10px 0 0;}
			
			.footersearch #searchsubmit{
			display: none;}
			.footersearch {
			float:left;}
			.footersearch form {float:left; width:180px; margin:5px 0 0 0 !important;}
			.footersearch input {width:100% !important;padding:5px !important;background-color: #cecece !important; border:1px solid #2a2a2a !important; font-size:11px !important;}
			
/* ----------------------------------------
	COMMENTS 
---------------------------------------- */

#comment-pagination { margin: 20px 0; overflow: hidden; }

#comments {
	clear: both;
	margin: 20px 0 0;
	padding: 0;
	width: 595px;	
}

	.comment {		
		background: url(images/comment-thread-horizontal.png) repeat-y;
		width: 595px;	
	}
	
		.comment .comment{ background: url(images/comment-thread-vertical.png) no-repeat; }
		
		.children .children { background: url(images/comment-thread-horizontal-2.png) repeat-y; }
		
		.comment .comment .comment{ background: url(images/comment-thread-vertical-2.png) no-repeat; }
		
		
		/* ----- First Level ----- */
		
		.comment-holder {		
			background: #FFF;
			border: 1px solid #E5E5E5;
			float: right; 			
			margin: 0 0 20px;
			overflow: hidden;
			position: relative;
			width: 593px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}
		
			.author-text {
				float: right;
				padding: 10px;
				width: 514px;
			}
			
			
		/* ----- Second Level ----- */
		
		.children .comment-holder { width: 493px; }
		
			.children .author-text { width: 414px; }
		
		
		/* ----- Third Level ----- */
		
		.children .children .comment-holder { width: 393px; }
		
			.children .children .author-text { width: 314px; }
			
		.admin_comment { background-color: #EEE;	}
		
		.avatar {
			border: 1px solid #E5E5E5;
			height: 35px; 
			float: left;
			margin: 10px 0 0 10px;
			padding: 3px;
			width: 35px;
		}
		
		.author-text small {
			float: right;
			font-size: 10px;
			font-weight: 700;		
		}
		
		.comment small a { color: #999; }
		
		.comment small a:hover{ color: #666; }
		
		.author-text h4 {			
			font-size: 14px;
			float: left;
			margin: 5px 0 10px;			
		}
		
		.the-comment {			
			clear: both;
			margin: 20px 0 0;			
		}
		
			.the-comment p { margin: 20px 0 0; }
		
		.comment-reply-link {		
			background-color: #484C65;
			color: #FFF;
			cursor: pointer;
			float: right;
			font-size: 10px;
			font-weight: 700;
			margin: 20px 0 0;
			padding: 3px 10px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}

		.comment-reply-link:hover {			
			background-color: #666;
			color: #FFF;		
		}
	
	#respond {
		background-color: #F6F6F6;
		clear: both; 
	}
	
	form {	
		margin-top: 20px;
		width: 593px;	
	}
	
	#respond p { overflow: hidden; }
	
		label {		
			color: #333;
			font-weight: 700;
			line-height: 30px;
			margin-top: 2px;			
		}
		
			label span { color: #484C65; }
			
		input[type=text], input[type=password] { 			
			background-color: #FFF;
			border: 1px solid #DDD;
			clear: both;
			display: block;
			padding: 7px 8px; 
			width: 50%;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;		
		}	
		
		textarea {			
			background-color: #FFF;
			border: 1px solid #DDD;
			font-family: Arial, san-serif;
			height: 141px;
			padding: 8px; 
			resize: none;
			width: 575px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;	
		}
		
		input[type=checkbox] {			
			background: none;
			float: left;
			height: 25px;
			margin: 2px 10px 0 0;
			width: 25px;			
		}
		
		label.checkbox {			
			float: left;
			width: 490px;			
		}
		
		input[type=submit] {			
			background: #484C65;
			color: #FFF;
			cursor: pointer;
			display: block; 
			font-size: 10px;
			font-weight: 700;
			margin: 0 auto 0;
			padding: 7px 0;
			width: 100%;			
		}
		
		input[type=submit]:hover { background: #666; }
		
		input.error, textarea.error { border: 2px solid #CC0000; }
		
		textarea.error { width: 571px; }
		
		label.error{ color: #CC0000; }
		
	#reply-title small { 
		float: right;
		font-size: 12px;
		letter-spacing: 0;
	}
	
	
/* ----------------------------------------
	PROFILE
---------------------------------------- */

#edituser .small-title { float: none; }

	
/* ----------------------------------------
	WIDGETS
---------------------------------------- */

.widget {	
	background: #FFF;
	border: 1px solid #E5E5E5;
	float: left;
	margin: 15px 20px 0 0;
	overflow: hidden;
	width: 284px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	.widget h2, h2.widgettitle {		
		color: #999;
		font-size: 12px;
		letter-spacing: 0;
		margin: 10px 10px 0;		
	}
	h2.widgetdetails {		
		color: #434343;
		font-size: 14px;
		letter-spacing: 0;
		margin: 15px 10px 0;		
	}
	
	.widget h3 {	
		font-size: 12px;
		letter-spacing: 0;
		margin: 0;	
	}
	.widget.details img {
		border:0;
		float:left;
		padding:0;}
	.widget img {		
		border: 1px solid #EEE;
		float: left;
		margin: 0 10px 0 0;
		padding: 3px;		
	}
	#sidebar .widget.details, #sidebar .widget.side {
	margin: 10px 0 0 0;
	}
	.videobody {
	margin:10px;}
	.videobody .videotext a {
	font-size:13px;
	font-weight:bold;
	color:#434343;
	
	}
	.videobody .videotext {
	float:left;padding-top:2px;}
	.videobody .videoico {
	float:right;
	background: url(images/yt.png) no-repeat left;
	padding:0 0 0 18px;
	font-size:10px;
	font-weight:bold;
	color:#BD1515;
	margin-top:2px;
	
	}
	
	.widget.details {
		padding:12px;
			width: 260px;
	}
	.widget.details .informations .cover{
		float:left;}
		.widget.details .informations .cover img{
		border:1px solid #999;
		}
	.widget.details .informations .gamedetails {
		float:left;
		color:#7e7e7e;
		width:125px;
		font-size:11px;
		line-height:130%;} 
	.widget.details .informations .gamedetails .title {
	font-weight:bold;font-size:16px;color:#434343;padding-bottom:25px;
	
	}
	.widget.details .informations .gamedetails .text {
	color:#434343;
	padding:10px 0 2px;
	}
	.widget.details .informations .gamedetails img {
	margin:0 3px 0 0;
	}
	
	p.no-posts { margin: 10px 0; }
	
	.raw_videos a {		
		display: block;
		float: left;
		position: relative;
		overflow: hidden;		
	}
	
	.raw_videos span {		
		background: url(images/video-overlay.png) no-repeat;
		display: block;
		height: 21px;		
		position: absolute;
		right: 18px;
		top: 34px;
		width: 22px;	
	}
	
	.widget ul { overflow: hidden; }
	
		.widget li {			
			clear: both;
			display: block;
			border-top: 1px solid #EEE;
			overflow: hidden;
			padding: 10px 10px;	
			position: relative;		
		}
		
		.widget li:first-child { border: none; }
		
		.widget .highlight {			
			background: #484C65 url(images/header-alpha.png) 0 -25px repeat-x;
			margin: 10px 0 0;			
		}
			/* Text colour in post meta */
			.widget .highlight li { color: #FFF; text-shadow: none; }
			
			.widget a + h3 { margin: 0px 0 0; padding-bottom:5px; }
			
			/* Post Title and Meta link colour */
			.widget .highlight a { color: #FFF; }
			
			.widget .highlight a:hover { color: #999; }
			
			.widget .highlight img { border: none; }
			
			.widget .meta { margin: 10px 0 0; }
			
			.widget .meta li {				
				border-top: none;
				clear: none;
				padding: 5px 5px;				
			}
			
			.widget select {				
				border: 1px solid #E5E5E5;
				display: block;
				height: 24px;
				padding: 0 3px;
				margin: 20px auto;
				width: 197px;				
			}
			
	
/* ----- SEARCH WIDGET ----- */

#content .widget_search {	
		height: 73px;
		padding: 50px 0 0;		
	}
	
	header .search_widget { height: 75px; }
	
	.widget_search form {		
		background: #d9dce6;
		border:1px solid #6d7083;
		-moz-border-radius: 3px;	
		-webkit-border-radius: 3px;			
		height: 24px;
		margin: 0 auto;
		width: 233px;		
	}
	.widget_search form:focus {
		background:#fff;
	}
	
		.widget_search input[type=text] {			
			background: none;
			border: none;
			color: #5A5F78;
			display: inline;
			line-height: 24px;
			padding: 5px 5px 0;
			width: 165px;			
		}
		
		.widget_search input[type=submit] {			
			background: url(images/search-button.png) no-repeat;
			border: none;
			cursor: pointer;
			float: right;
			height: 24px;
			margin: 0;
			text-indent: -999px;
			width: 26px;
			
			/* Hide text in IE7 */
			font-size: 0;
			display: block;
			line-height: 0;
		}
		
		.widget_search input[type=submit]:hover { background: url(images/search-button.png) 0 -24px no-repeat; }
	
	
	/* ----- SOCIAL BUTTONS ----- */
	
	.social-button-holder { overflow: hidden; margin: 10px 0 0 10px; }
	
	.social-button-holder li{	
		border: none;
		clear: none;
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
	}
	
	.social-button-holder a {		
		display: block;
		height: 34px;
		float: left;
		overflow: hidden;
		text-indent: 9999px;
		width: 34px;	
	}
	
	.email-button { background: url(images/social/email.png) no-repeat; }
	.rss-button { background: url(images/social/rss.png) no-repeat;	}
	.facebook-button { background: url(images/social/facebook.png) no-repeat; }
	.twitter-button { background: url(images/social/twitter.png) no-repeat; }
	.digg-button { background: url(images/social/digg.png) no-repeat; }
	.myspace-button { background: url(images/social/myspace.png) no-repeat; }
	.dribbble-button { background: url(images/social/dribbble.png) no-repeat; }
	.flickr-button { background: url(images/social/flickr.png) no-repeat; }
	.linkedin-button { background: url(images/social/linkedin.png) no-repeat; }
	.vimeo-button { background: url(images/social/vimeo.png) no-repeat; }
	.youtube-button { background: url(images/social/youtube.png) no-repeat; }
	
	
	/* TEXT WIDGET */
	
	.textwidget { margin: 3px; overflow: hidden; }
	
	.widget_text img { border: none; max-width: 254px; }
	
	
	/* TWITTER */
	
	.raw_twitter .button { margin: 3px 10px 10px 0; }
	
	.raw_twitter span { display: block; margin-bottom: 10px; }
	
	
/* ----------------------------------------
	SHORTCODES / TYPOGRAPHY 
---------------------------------------- */

.button {	
	background-color: #484C65;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-size: 10px;
	font-weight: 700;
	margin: 20px 20px 0 0;
	padding: 3px 10px;
	text-shadow: none;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.button:hover {	
	background-color: #666;
	color: #FFF;	
}

article table {	
	border-bottom: 1px solid #DDD;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 20px auto 0;
	text-align: center; 
	width: 100%;	
}
	
	article th {		
		background-color: #333;
		border-left: 1px solid #333;
		color: #FFF;
		font-weight: 700;
		padding: 4px;		
	}

	article td {		
		border-left: 1px solid #DDD;
		padding: 4px;
		position: relative;
		vertical-align: middle;		
	}
	
	article tr {		
		background-color: #FFF;	
		border-right: 1px solid #DDD;		
	}
	
	article tr:nth-child(2n) { background-color: #F6F6F6; }
	
article ul { margin: 16px 0 0 16px; }
	
	article ul li {		
		background: url(images/li_cross.png) 4px -2px no-repeat;
		padding: 2px 0 2px 22px;		
	}
	
		article li ul { margin: 0; }
	 
			article ul ol li { background: none;}

article ol {	
	margin: 16px 0 0 16px;
	padding-left: 20px;
}
	article ol li {
		list-style-type:decimal;		
		padding: 2px 0 2px 3px;
	}
		article li ol { margin:0; }
		
			article ol ul li {	
				background: url(images/li_cross.png) 4px -2px no-repeat;
				list-style-type: none; 
				margin: 0 0 0 -2px;
				padding: 2px 0 2px 22px;
			}
	
	
/* Thirds */

.third {
	float: left;
	margin: 0 20px 0 0;
	padding: 1px 0 0;
	position: relative;
	width: 286px;	
}

.col-595 .third { width: 185px; }


/* Half */

.half { 
	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 440px; 	
}

.col-595 .half { width: 287px; }


/* Two Thirds */

.two-thirds { 
	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 592px;
}

.col-595 .two-thirds { width: 390px; }

.end { margin: 0; }	


/* Dropcaps */

.dropcap_1 { 	
	font-size: 34px; 
	font-weight: 700;
	float: left; 
	height: 30px;
	line-height: 30px;
	padding-top: 3px;
	text-align: center;
	width: 36px; 	
}

.dropcap_2 {
	float: left; 
	height: 36px; 
	line-height: 30px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: -9px;
	padding-top: 5px; 
	text-align: center; 
	width: 40px;
	
	background-color: #484C65; 
	color: #FFF; 
	font-size: 30px; 
	font-weight: 700;
	
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;	
}


/* Highlight */

.highlight {	
	background-color: #FFFF00;
	color: #111111;
	padding: 5px;	
}


/* Download Box */

.download_box { 	
	background: url(images/download-icon.png) 20px center no-repeat #C0E04F;
	border: 1px solid #548E13;
	color: #548E13; 	
	margin-top: 16px; 
	padding: 0 20px 0 80px; 
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
	
	.download_box a {
		border-bottom: 1px dotted #548E13; 
		color: #548E13;		
	}
	
	.download_box a:hover {	
		border-bottom: none; 
		color: #666; 		
	}
	
	
/* Info Box */

.info_box {
	background: url(images/info-icon.png) 20px center no-repeat #BFE4F9; 
	border: 1px solid #68A2CF; 
	clear: both; 
	color: #2E6093;
	margin-top: 16px; 
	padding: 0 20px 0 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	.info_box a { 	
		border-bottom: 1px dotted #68A2CF; 
		color: #68A2CF;
	}
	
	.info_box a:hover { 	
		border-bottom: none; 
		color: #666; 		
	}
	
	
/* Warning Box */

.warning_box {	
	background: url(images/warning-icon.png) 20px center no-repeat #FCC; 
	border: 1px solid #F99;
	clear: both;
	color: #C31B00;
	margin-top: 16px;
	padding: 0 20px 0 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	.warning_box a {	
		border-bottom: 1px dotted #F99; 
		color: #F99; 		
	}
	
	.warning_box a:hover {
		border-bottom: none; 
		color: #666; 		
	}
	
	
/* Alternate Lists */

article ul.square { padding-left: 20px; }
article ul.circle { padding-left: 20px; }

article ul.check li { background: url(images/li_true.png) left 5px no-repeat; }
article ul.cross li { background: url(images/li_false.png) left 5px no-repeat; }

article ul.square li { background: none; list-style-type: square; }
article ul.circle li { background: none; list-style-type: disc;}


/* Quotes */

blockquote {	
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	margin: 20px 0 20px; 
	padding: 1px 20px;	
}

blockquote.alignleft, blockquote.alignright { width: 233px; }

blockquote.alignleft { 
	float: left; 
	margin: 0 20px 20px 0; 
	padding: 20px 0 20px 20px;
}
blockquote.alignright  { 
	float: right; 
	margin: 0 0 20px 20px; 
	padding: 20px 0 20px 20px;
}


/* Dividers */

.hr {
	background:	none;
	border: none;
	border-top: 1px solid #DDD;
}

.divider.top { 
	background: none;
	border-top: 1px solid #DDD;
	height: auto; 
	clear: both; 
	margin: 16px 0 0;	
}

.top {	
	font-size: 10px;
	line-height: 10px; 
	position: relative;
	text-align: right;
	width: 92%;
}

	.top a {		
		color: #666;
		display: block; 
		height: 20px;
		padding-left: 17px;
		position: absolute; 
		right: -40px;
		top: -5px;
		width: 20px;
	}
	
	.top a:hover{ color: #999; }

	
/* Toggle content */	

.toggle-content {	
	clear: both;
	display: block;
	margin: 16px 0 0;
	background: #FFF;
	border: 1px solid #E5E5E5;
	float: left;
	width: 99%;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.toggle-content + .toggle-content { margin: 0; }

.toggle-content .expand-button {	
	color: #999;
	cursor: pointer;	
	padding: 8px;	
}
.toggle-content .expand-button.close { }

.toggle-content .expand-button p { font-weight: 700; margin: 0; }

.toggle-content .expand {
	background-color: #F6F6F6;
	margin: 0;
	padding: 1px 8px;	
}
.expanding .expand { display: none; }

.expanding .expand p {	
	margin: 12px 20px 20px;
	
}


/* ----------------------------------------
	STYLING
---------------------------------------- */

.clearboth { 
	height: 1px;
	clear: both;
	width: 100%;
}

.displace { 
	position: absolute;
	left: -9999px;
}

.screen-reader-text { display: none; }

.right, .button.right { float: left; margin: 20px 0 0 20px }

.left, .button.left { float: left; }

.button.center { display: block; margin: 16px auto 0; text-align: center; }

.no-top-margin { margin-top: 0; }

.no-margin { margin: 0; }

.margin-top { margin-top: 20px; }

div br:first-child { display: none; }

.alignleft {
	float: left;
	margin: 3px 20px 10px 0;	
}

.alignright {
	float: right;
	margin: 3px 0 10px 20px;	
}

.aligncenter {
	display: block;
	margin: 16px auto;	
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	padding: 5px;
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter,
.wp-caption.alignnone{
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	text-align: center;	
}

.wp-caption img { margin: 5px 5px; }

.wp-caption-text {
	font-weight: 700;
	margin: 10px 0; 
}

.gallery-caption {
	background: #FFF;
	bottom: 0;
	color: #333;
	font-weight: 700;
	position: abolsute;
}


/* ----------------------------------------
	SLIDER
---------------------------------------- */

.nivo-controlNav a.active {
	background: #484C65;
}


/* ----------------------------------------
	MOBILE DEVICES & LOW RESOLUTIONS
---------------------------------------- */

@media screen and ( max-width: 800px ) {
 	#skin { display: none; } /* Hide background advert */
}
.clr {
clear:both}

.test2, .test {
height:10px !important;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}

.gdtstars .test {
position: relative !important;
top:6px;}
.gdtblmuravg .ratingblox {background:#f8f8f8; padding:5px 6px 7px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border:1px solid #eaeaea; margin-top:10px; }


.widget .meta li.review-block {
	background:#e0e3eb;
	border:1px solid #c4c9d8;
	padding:4px 5px;
	float:right;
	-moz-border-radius:3px;
	font-size:11px;
	color:#54596b;
	}