/*
Theme Name: Midlife Gamer
Theme URI: http://wordpress.org/
Description: Theme created by <a href="http://www.websitedesignderby.com">JWP Computer Services Ltd</a>.
Author: Kevin Tristram
Author URI: http://www.websitedesignderby.com/
*/

.awppost_link, .screen-reader-text { display: none; }
span.search-terms { text-transform: capitalize; }

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #121212 url('images/bg.jpg') no-repeat top center fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 110px 0 50px 0;
	behavior: url("inc_files/csshover3.htc");
}

.clear { clear: both; }
p { margin: 0 0 15px 0; }
img { border: 0; }
a { text-decoration: none; color: #369; }
a:hover { text-decoration: none; color: #333; }

.loggedouttext { font-size: 13px; }

.adsensecentre { text-align: center; }

#container
{
	margin: 0 auto;
	width: 940px;
	background: #CCC;
}

#headercont
{
	width: 940px;
	height: 84px;
	border-bottom: 2px solid #FFF;
}

#graphiccont
{
	width: 940px;
	height: 200px;
	color: #FFF;
	background: #222;
}

#graphicleft
{
	float: left;
	width: 450px;
	height: 200px;
}

#graphiccentre
{
	float: left;
	width: 160px;
	height: 150px;
	padding: 15px 20px;
	text-align: center;
}

#graphicright
{
	float: left;
	width: 250px;
	height: 160px;
	padding: 20px;
	color: #FFF;
	overflow: auto;
	background: #333 url('images/bg-graphicright.jpg') top center;
}

/* Scroll Bar Styles */
#graphicright .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
#graphicright .vscrollerbase { width: 10px; background: #555; }
#graphicright .vscrollerbar { width: 10px; background: #222 url('images/scrollbar-img.gif') center no-repeat; }

#graphicright ul, #graphicright li, #graphicright h2 { list-style-type: none; margin: 0; padding: 0; }
#graphicright h2 { list-style-type: none; margin: 0 0 10px 0; font-weight: bold; font-size: 16px; }
#graphicright h2 span, #graphicright p.rememberme { display: none; }
#graphicright a { color: #FFF; font-weight: bold; text-decoration: none; padding: 3px 0; }
#graphicright a:hover { color: #FFF; font-weight: bold; text-decoration: underline; }
#graphicright p, #graphicright label { margin: 0 0 2px 0; border: 0; }
#graphicright form { margin: 0 0 10px 0; }
#graphicright form fieldset { border: 0; margin: 0; padding: 0; }
#graphicright form fieldset label { width: 190px; margin: 0 0 5px 0; padding: 0; font-weight: bold; }

#graphicright .avatar_container { float: right; }
#graphicright .avatar_container img { padding: 0 0 0 10px; }

#graphicright hr
{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	height: 1px;
	color: #CCC;
	background: #CCC;
}

#graphicright input#user_login, #graphicright input#user_pass
{
	border: 0;
	height: 19px;
	padding: 3px 5px 0 5px;
	width: 190px;
	background-color: transparent;
	color: #302721;
	margin: 0 0 5px 0;
	background: url('images/formimgs/bg-input.png') left top no-repeat;
}

#graphicright input#user_login:hover, #graphicright input#user_login:focus, #graphicright input#user_pass:hover, #graphicright input#user_pass:focus
{
	background-position: 0px bottom;
	color: #FFF;
	padding: 3px 5px 0 5px;
}

#graphicright .inputWrapper:hover
{
	color: #FFF;
}

#graphicright ul.sidebarlogin_otherlinks { list-style-type: none; }
#graphicright ul.sidebarlogin_otherlinks li { display: inline; margin: 0 0 15px 0; padding: 0; }

#graphicright h3, #graphiccentre h3 { margin: 0 0 15px 0; font-size: 18px; font-weight: normal; }
#graphicright ul.pagenav { margin: 0 0 15px 0; }
#graphicright ul.pagenav li { display: inline; margin: 0 6px 0 0; }

#graphiccentre ul { list-style-type: none; margin: 0; padding: 0; }
#graphiccentre ul li { list-style-type: none; margin: 0 0 8px 0; padding: 0; }

#graphiccentre ul li a:hover
{
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}

#menucont
{
	width: 940px;
	height: 36px;
	background: #333 url(images/bg-menucont.png) repeat-x;
}

#menucont #menuleft
{
	float: left;
	width: 680px;
}

#menucont #menuright
{
	float: left;
	width: 255px;
	padding: 7px 5px 0 0;
	color: #FFF;
	text-align: right;
}

#menucont #menuright .searchlogo
{ float: right; margin: 0; padding: 0; }

#menucont #menuright input, #menucont #menuright button
{ padding: 1px; margin: 0 2px; vertical-align: middle }

#menucont #menuright input
{ border: 1px solid #222; height: 16px; line-height: 16px; padding: 2px 5px; margin: 0; width: 160px; background: #222; color: #FFF; }

#menucont #menuright form
{ padding: 0; }

#menucont #menuright .searchlogotitle
{ display: none; }

#menucont #menuright #searchsubmit
{ border: none; width: 60px; height: 22px; font-size: 9px; font-weight: bold; text-transform: uppercase; cursor: pointer; margin-left: -6px; background: #444; }






#menucont ul
{
	position: relative;
	list-style-type: none;
	width: 700px;
	height: 36px;
	/* border-top: 2px solid #FFF; */
}

#menucont ul li
{
	display: inline;
}

#menucont ul li a
{
	position: relative;
	float: left;
	line-height: 34px;
	padding: 0 20px;
	top: 0;
	color: #FFF;
	border-top: 2px solid #FFF;
	text-decoration: none;
	text-transform:uppercase;
}

#menucont ul li.current_page_item a
{
	border-top: 2px solid #369;
	background: #222;
	line-height: 34px;
}

#menucont ul li a:hover
{
	border-top: 2px solid #369;
	background: #222;
}

#menucont ul li a.active:hover
{
	background: #9E181F;
	/* border-top: 2px solid #369; */
}

#maincont
{
	width: 940px;
	background: #FFF;
	line-height: 20px;
	
	min-height:500px;
	height:auto !important;
	height:500px;
}

#main
{
	width: 900px;
	padding: 20px;
}

#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5
{
	clear: both;
	font-weight: normal;
	font-size: 22px;
	margin: 0 0 15px 0;
}

#maincont h1 a, #maincont h2 a, #maincont h3 a, #maincont h4 a, #maincont h5 a
{
	color: #777;
	border-bottom: 1px dashed #CCC;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	text-decoration: none;
}

#maincont h1 a:hover, #maincont h2 a:hover, #maincont h3 a:hover, #maincont h4 a:hover, #maincont h5 a:hover
{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#mainleft
{
	float: left;
	width: 620px;
	padding: 20px;
	
	min-height:500px;
	height:auto !important;
	height:500px;
}

#mainleft .posthome
{
	float: left;
	width: 260px;
	height: 180px;
	margin: 0 15px 15px 0;
	padding: 15px;
	line-height: 15px;
	color: #333;
	background: url('images/bg-home-normal.png') no-repeat;
}

#mainleft .posthome:hover
{
	background: url('images/bg-home-hover.png') no-repeat;
	color: #333;
}

#mainleft .posthome h2 { font-size: 16px; font-weight: bold; }
#mainleft .posthome h2 a { border: 0; color: #369; }
#mainleft .posthome h2 a:hover { border: 0; color: #333; }
#mainleft .posthome a img { border: 1px solid #FFF; padding: 5px; margin: 0 0 10px 10px; }
#mainleft .posthome a:hover img { border: 1px solid #AAA; }

#mainleft .searchform { margin: 0; padding: 0; }
#mainleft .searchform input, #mainleft .searchform button { padding: 1px; margin: 0 2px; vertical-align: middle }
#mainleft .searchform input { border: 1px solid #CCC; height: 16px; line-height: 16px; padding: 2px 5px; margin: 0; width: 160px; background: #FFF; color: #333; }
#mainleft .searchform form { padding: 0; }
#mainleft .searchform .searchlogotitle { display: none; }
#mainleft .searchform #searchsubmit
{ border: none; width: 60px; color: #FFF; height: 22px; font-size: 9px; font-weight: bold; text-transform: uppercase; cursor: pointer; margin-left: -6px; background: #369; }



#mainright
{
	float: left;
	width: 240px;
	padding: 20px 15px;
	
	min-height:500px;
	height:auto !important;
	height:500px;
	
}

#mainright ul
{ float: left; list-style-type: none; margin: 0 0 15px 0; width: 240px; }

#mainright ul li
{ display: inline; }

#mainright ul li a
{ float: left; background: #83B7DA url('images/bg-listnospan-1.gif') no-repeat bottom left; font-weight: bold; width: 220px; padding: 1px 10px; margin: 0 0 1px 0; text-decoration: none; color: #17374D; text-align: left; }

#mainright ul li a span
{ color: #FFF; font-weight: normal; }

#mainright ul li a:hover
{ background: #17374D url('images/bg-listnospan-2.gif') no-repeat bottom left; color: #FFF; }


#footercont
{
	width: 900px;
	padding: 20px;
	background: #CCC;
}

#footercont p
{
	margin: 0 0 15px 0;
}

#footercont h1, #footercont h2, #footercont h3, #footercont h4, #footercont h5
{
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 15px 0;
}

#footercont .rsscont a
{
	float: left;
	width: 160px;
	height: 30px;
	line-height: 30px;
	padding: 0 20px 0 35px;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #999;
	background: #FFF url(images/rssicon.jpg) no-repeat top left;
}

#footercont .rsscont a:hover
{
	text-decoration: none;
	color: #333;
	background: #AAA url(images/rssicon.jpg) no-repeat bottom left;
}

#bottomcont
{
	margin: 0 auto;
	width: 940px;
	font-size: 11px;
	padding: 20px 0 0 0;
	text-align: center;
	color: #666;
}

#bottomcont p
{
	margin: 0 0 5px 0;
}

#bottomcont a { color: #999; text-decoration: none; text-transform: capitalize; }









#slider
{
	position:relative;
	overflow:hidden;
}

#slider, #slider img, #slider ul
{
	width: 450px;
	height: 200px;
}

#slider li, #slider ul
{
	padding: 0px;
	margin: 0px;
}

#slider ul
{
	position: absolute;
}

#slider .slide
{
	float: left;
	position: relative;
	display: none;
}

#slider .slide:first-child
{
	display: block;
}

#slider .slide span
{
	position: absolute;
	width: 420px;
	left: 0px;
	padding: 10px 15px;
	opacity: .7;
	background: #000;
	color: #FFF;
	bottom: 0px;
}



/* WordPress Blog & Homepage Styles */

li.comment-author-admin { font-weight: bold; border: 0; background: #F5F5F5; }
ol.commentlist { margin: 0 0 15px 0px; border-top: 1px dashed #CCC; }
ol.commentlist li { padding: 15px 15px 0 15px; border-bottom: 1px dashed #CCC; list-style-type: none; }
p.postmetadata { color: #888; padding: 15px 0; }
h5#comments { font-size: 18px; font-weight: normal; margin: 0 0 15px 0; }

form#commentform { background: #F1F1F1; border: 1px solid #CCC; padding: 15px 15px 0 15px; }
textarea#comment { width: 500px; height: 120px; margin: 0 0 15px 0; }
input#author, input#email, input#url { width: 250px; border: 1px solid #BBB; margin: 0 0 5px 0; }

input#author:hover, input#email:hover, input#url:hover, textarea#comment:hover,
input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus
{ background: #FFF; border: 1px solid #333; }

form#commentform input, form#commentform textarea { padding: 5px; border: 1px solid #BBB; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
form#commentform input#submit { padding: 5px; }

p.greytext { color: #666; }

span.youtube object { padding: 0 0 50px 0; }

.articlecont { width: 620px; }
.article { float: left; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 15px; width: 268px; }

img.alignleft { float: left; margin: 0 15px 10px 0; padding: 5px; border: 1px solid #CCC; background: #EEE; }
a:hover img.alignleft { border: 1px solid #333; }
img.alignright { float: right; margin: 0 0 10px 15px; padding: 5px; border: 1px solid #CCC; background: #EEE; }
a:hover img.alignright { border: 1px solid #333; }
.aligncenter { margin: 0 auto; padding: 15px 0; text-align: center; }

.wp-caption * { margin: 0; padding: 0; list-style-type: none; }
.wp-caption img { margin: 0 0 5px 0; padding: 0; }
.wp-caption { clear: both; border: 1px solid #DDD; line-height: 18px; background: #EEE; padding: 5px !important; margin-bottom: 15px; }