/*  
Theme Name: GamesForLife
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

/* Reset 
------------------------------ */

* {
padding:0;
margin:0;
}

/* Structure
------------------------------ */

body {
	background-image:url(images/back.jpg);
	background-repeat:repeat-x;
	text-align:center;
	font-family: Calibri, Arial;
	font-size:14px;
	color:#333333;
	background-color:#f0f0f0;
}

#page {
	width:1000px;
	margin:auto;
	text-align: center;
}

#header {
	width:1000px;
	background-color:#FFFFFF;
	height:104px;
	clear:both;
}

/* Floats and clears
------------------------------ */

.clear{
	clear:both;
}

.left{
	float:left;
}
.right{
	float:right;
}

/* Typography
------------------------------ */

p {
	padding-bottom: 10px;
	line-height: 1.4em;
}

.inner ul {
	list-style: inside;
	padding-bottom: 20px;
}


.inner ul li{
	list-style-type: disc;
}


#header img {
border:none;
}

#header .left {
width:300px;
height:104px;
float:left;
display:block;
}

h1.logo {
width:257px;
margin-left:8px;
height:101px;
background-image:url(images/logo.jpg);
float:left;
display:block;
text-indent: -9999px;
}

#header .right {
width:600px;
height:104px;
padding-right:10px;
float:right;
display:block;
}

#header .right .phonenumber {
background: url(images/phone.png) no-repeat;


float:right;
width:400px;
height:22px;
clear:both;
text-align:right;
padding-top:10px;
}

#header .right .tagline h3 {
background: url(images/tag.png) no-repeat;
margin-top:12px;
float:right;
width:376px;
height:44px;
clear:both;
text-indent:-6000px;
}

#menulinks {
background-image:url(images/menulinks.jpg);
height:38px;
width:980px;
padding-left:20px;
clear:both;
}

#mainarea {
	width:1000px;
	clear:both;
	text-align:left;
	padding-top:20px;
}

#sub_left {
	width:205px;
	float:left;
}

#sub_left h2 {
color:#4b4b4b;
font-size:18px;
font-weight:bold;
}

#sub_left .linkunit {

padding-bottom:15px;
}

#sub_left .linkunit a {
clear:both;
display:block;
border-bottom:1px dotted #909090;
padding-top:5px;
height:18px;
background:url(images/sub_left_link_arrow.jpg) center left no-repeat;
padding-left:15px;
color:#333333;
text-decoration:none;
width:170px;

}

#sub_left .linkunit a:hover {
color:#555555;
}

#sub_left p {
line-height:16px;
padding-top:10px;
padding-right:10px;
}

#sub_left .widget_gray {
background-image:url(images/sub_left_widget_gray.jpg);
width:191px;
}

#sub_left .widget_gray .inner {
padding-top:15px;
padding-left:15px;
padding-right:5px;
}

#sub_left .widget_gray .inner a{
color:#FFF;
}

#sub_left .widget_gray_bottom {
background-image:url(images/sub_left_widget_gray_bottom.jpg);
width:191px;
height:18px;
margin-bottom:10px;
}

#sub_left .widget_white {
background-image:url(images/sub_left_widget_white.jpg);
width:191px;
}

#sub_left .widget_white .inner {
padding-top:15px;
padding-left:15px;
padding-right:5px;
}

#sub_left .widget_white_bottom {
background-image:url(images/sub_left_widget_white_bottom.jpg);
width:191px;
height:18px;
}

#sub_right {
width:510px;
float:left;
}

#sub_right .post {
padding:0;
border:none;
}

#sub_right h3 {
	clear:both;
	font-weight: bold;
	font-size:17px;
	line-height: 1.4em;
	padding:5px 0;
}

#sub_right p {
	line-height: 1.4em;
	padding-bottom: 15px;
}

#sub_right ul{
	line-height: 1.5em;
	padding-bottom: 15px;
	padding-left:2.5em;
	list-style-type:disc;
}
#sub_right ul li{
padding-bottom:10px;
}

#contentarea {
width:755px;
float:left;
}

#contentarea .inner {
padding: 0 10px 10px 0;
}

.home_left {
width:340px;
padding-right:20px;
float:left;
}

ul.links, #sub_right ul.links {
list-style:none;
margin: 0;
padding: 0;
}

	ul.links li, #sub_right ul.links li{
		background: url(images/enquiry.png) top;
		width:364px;
		height:57px;
		list-style:none;
		margin-bottom:10px;
		font-size:17px;
		line-height:16px;
		padding: 0;
		font-weight:bold;
	}
		ul.links li a, #sub_right ul.links li a{
			display:block;
			padding: 13px 90px 0 20px;
			width:254px;
			height:44px;
		}
		
		ul.links li a:hover, #sub_right ul.links li a:hover{
			background: url(images/enquiry.png) bottom;
			color:white;
			text-decoration:none;
		}
		ul.links li.more{
			background: url(images/more.png) top;
			
			width:364px;
			height:57px;
			margin-bottom:10px;
			font-size:17px;
			line-height:16px;
			font-weight:bold;
		}
		ul.links li.more a:hover{
			background: url(images/more.png) bottom;
			color:white;
			text-decoration:none;
		}	

.home_left img {
margin:0px;
padding:0px;
clear:both;
}

.home_left a.morebutton, .home_right a.morebutton {
background-image:url(images/morebutton.jpg);
width:54px;
height:17px;
display:block;
float:right;
margin-top:5px;
margin-right:15px;
}

h2, h3 {
	font-weight:normal;
	padding-bottom: 10px;	
	}

h2 {
	color:#4b4b4b;
	font-size:26px;
}

h3 {
	font-size:18px;
	}

a img{
	border-style: none;
}

.home_left h3, .home_right h3, .homesingle h3 {
	clear: both;
	font-size: 20px;
	line-height: 1.2em;
	padding: 0 0 10px 0;
}

.home_left p, .home_right p, .homesingle p {
line-height:16px;

padding-bottom:20px;
}
.home_right ul.bullets, .homesingle ul.bullets{
	font-weight: bold;
	line-height:16px;
	padding-left:10px;
	padding-bottom:20px;
	list-style: inside disc;
}





.home_left .under {
background-image:url(images/home_left_img_under.jpg);
height:33px;
width:339px;
padding-top:7px;
padding-right:25px;
text-align:right;
margin:0px;
}

.home_right {
width:360px;
float:left;
padding-left:10px;
}

.home_right .under {
background-image:url(images/home_right_img_under.jpg);
height:33px;
width:339px;
clear:both;
padding-top:7px;
padding-right:25px;
text-align:right;
color:#FFFFFF;
}

.blog_header {
margin-left:-10px;
width:734px;
height:41px;
background-image:url(images/blog_header.jpg);
}

.blog_header .left {
float:left;
width:450px;
padding-left:20px;
padding-top:8px;
}

.blog_header .right {
float:right;
width:200px;
padding-right:20px;
padding-top:10px;
}

.blog_header a.subscribe {
background-image:url(images/blog_header_subscribe.jpg);
background-repeat:no-repeat;
background-position:top right;
text-decoration:underline;
color:#FFFFFF;
float:right;
padding-right:25px;
padding-top:5px;
height:20px;
font-weight:bold;
}

.blog_header h2 {
color:#FFFFFF;
font-size:21px;
}

.post {
padding-bottom:20px;
margin-right:20px;
padding-top:20px;
border-bottom:1px solid #cdcdcd;
}

.post h1, .post h1 a, .post h1 a:hover {
font-size:28px;
color:#4b4b4d;

text-decoration:none;
}

.post .date {
color:#9d9d9e;
padding-top:5px;
padding-bottom:10px;
font-weight:bold;
font-size:13px;
}

.post p {
line-height:18px;
}

.post .buttons {
clear:both;
padding-top:15px;
height:20px;
}

.post a.readmore {
width:84px;
height:17px;
display:block;
float:left;
margin-right:10px;
background-image:url(images/blog_readmore.jpg);
}

.post a.comments {
width:84px;
height:17px;
display:block;
float:left;
background-image:url(images/blog_comments.jpg);
}

.post .speciallink{
background: url(images/special-link.png);
width: 443px;
height: 37px;
display: block;
font-size: 14px;
font-weight: bold;
padding: 20px 0 0 20px;
}

.navigation {
padding-top:15px;
}

.navigation .olderposts a {
width:86px;
height:17px;
display:block;
float:left;
background-image:url(images/blog_olderposts.jpg);
}

.navigation .newerposts a {
width:91px;
height:17px;
display:block;
float:right;
background-image:url(images/blog_newerposts.jpg);
}

#sidebar {
	width:240px;
	float:left;
}

#sidebar h2 {
color:#4b4b4b;
font-size:18px;
padding-left:0;
font-weight:bold;
}

#sidebar h3 {
	color:#61c9f1;
	clear:both;
	font-size: 16px;
	line-height:16px;
	padding:10px 5px 10px 0;
	font-weight:bold;
}

#sidebar p {
	line-height:16px;
	padding-right:10px;
	font-size: 14px;
}

.post a, #sidebar a {
	color: #31B8F2 !important;
	}

.digibrochure {
background:url(images/digi-bro.gif) top;
width:238px;
height:49px;
margin-bottom:10px;
text-indent:-5000px;

}
.digibrochure a{
display:block;
height:49px;
}
.digibrochure a:hover{
background:url(images/digi-bro.gif) bottom;
}


#sidebar .widget_blue {
background-image:url(images/sidebar_widget_blue.jpg);
width:238px;
}

#sidebar .widget_blue .inner {
padding-top:15px;
padding-left:15px;
padding-right:5px;
}

#sidebar .widget_blue_bottom {
background-image:url(images/sidebar_widget_blue_bottom.jpg);
width:238px;
height:25px;
clear:both;
margin-bottom:10px;
}

#sidebar .widget_blue a.morebutton {
background:url(images/sidebar-more.png) no-repeat top center;
width:54px;
height:17px;
display:block;
float:right;
margin-top:3px;
margin-right:5px;
}
#sidebar .widget_blue a.morebutton:hover {
background-position: bottom center;
}

#sidebar .widget_white {
/* background-image:url(images/sidebar_widget_white.jpg); */
background-color: #fff;
width:238px;
}

#sidebar .widget_white .inner {
padding-top:15px;
padding-left:15px;
padding-right:5px;
}

#sidebar .widget_white .inner .dottedline {
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted #4b4b4b;
clear:both;
margin-right:10px;
}

#sidebar .widget_white_bottom {
/* background-image:url(images/sidebar_widget_white_bottom.jpg); */
width:238px;
height:25px;
}

#sidebar .widget_white a.morebutton {
background:url(images/sidebar-more-white.png) no-repeat top center;
width:54px;
height:17px;
display:block;
float:right;
margin-top:3px;
margin-right:5px;
}
#sidebar .widget_white a.morebutton:hover {
background-position: bottom center;
}

#sidebar .widget_gray {
background-image:url(images/sidebar_widget_gray.jpg);
width:238px;
height:70px;
}

#sidebar .widget_gray .inner {
padding-top:15px;
padding-left:15px;
padding-right:5px;
}

#sidebar .widget_gray_bottom {
background-image:url(images/sidebar_widget_gray_bottom.jpg);
width:238px;
height:25px;
clear:both;
margin-bottom:10px;
}

#searchform {
height:22px;
clear:both;
display:block;
}

#s {
width:148px;
border:1px solid #CCCCCC;
height:16px;
padding-top:4px;
padding-left:5px;
padding-right:5px;
float:left;
}

#searchsubmit {
background-image:url(images/search.jpg);
width:42px;
height:20px;
float:left;
margin-left:5px;
border:none;
}

#footer {
	width:1000px;
	padding: 20px 0 30px 0;
	font-size: 14px;
	font-weight: normal;
	clear:both;
	background-color: #fff;
}

#footer ul li a {
	margin-right: 10px;
	font-weight: bold;
	}

#footer a {
	text-decoration:none;
}

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

#footer .left {
padding-left:20px;
width:180px;
float:left;
text-align:left;
}

#footer .center {
width:550px;
float:left;
text-align:center;
}

#footer .right {
padding-right: 20px;
width:180px;
float:right;
text-align:right;
}

#footer .center ul li {
display:inline;
padding-left:10px;
}

#footer .center ul li ul {
display:none;
}


/* Styling */

ul, #sidebar li {
list-style-type:none;
list-style-position:outside;
}

#sidebar li a {
	text-decoration:none;
	color:#797979;
	font-weight:bold;
	background-image:url(images/li_arrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	border-bottom:1px solid #e6e6e6;
	padding: 7px 0 0 20px;
	height:20px;
	width:185px;
	clear:both;
	display:block;
}

#sidebar li a:hover {
color:#333333;
}

.commentlist li {
padding:10px;
}

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

a:hover {
color:#555555;
text-decoration:underline;
}

h4 {
color:#FFFFFF;
font-size:22px;
font-weight:bold;
}

/* Navigation main menu 
---------------------------------------------------- */

ul#menu-main-menu {
	display:block;
	height:38px;
	background-image:url(images/menulinks.jpg);
	line-height:36px;
	color:#333333;
	font-weight:bold;
	font-size: 12px;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:36px;
	height:38px;
	background-image:url(images/menulinks.jpg);
}

ul#menu-main-menu li a {
	padding: 2px 15px 0 15px;
	font-size: 13px;
	background-image: url(images/menuline.jpg) !important;
	background-repeat: no-repeat;
	background-position: right;
}

.current_page_item {
	background-color: #90D7F7 !important;
	}

ul#menu-main-menu li a:hover {
	background-color: #90D7F7;
	color: #fff;
	}
 
#menu-main-menu li a:link, #menu-main-menu li a:active, #menu-main-menu li a:visited {
	display:block;
	color:#333333;
	text-decoration:none;
	background-image:url(images/menulinks.jpg);
}

/* DROPDOWN */
#menu-main-menu li ul li a:link, #menu-main-menu li ul li a:active, #menu-main-menu li ul li a:visited{
	display:block;
	color:#333333;
	text-decoration:none;
	background-color:#fff;
}

#menu-main-menu li ul li a:hover {
	background-image:none;
	display:block;
	color:#333333;
	background-image:url(images/menudot.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
}

#menu-main-menu li{
	float:left;
	position:relative;
	height:38px;
}

#menu-main-menu li.line {
	float:left;
	position:relative;
	height:38px;
	width:1px;
	padding:0;
	background-image:url(images/menuline.jpg);
}

#menu-main-menu ul {
	position:absolute;
	top:36px;
	display:none;
	width:163px;
}

#menu-main-menu ul li {
	background-color:#8dd8f8;
	line-height:20px;
	height:20px;
	background-image:none;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	left:-1px;
}

#menu-main-menu ul li#last {
	border-bottom:1px solid #FFFFFF;
}
/* DROPDOWN */

#menu-main-menu li ul li a {
	background-color: #fff;
	background-image: none;
	width: 163px;
	padding: 3px 5px 10px 15px !important;
	font-weight: normal;
	text-align: left;
}

#menu-main-menu li ul li a:hover {
	background-image:none;
	background-color:#fff;
}

#menu-main-menu li ul a{
	width:12em;
	float:left;
	background-image:none;
}

#menu-main-menu ul ul{
	top:auto;
}	

#menu-main-menu li ul ul {
	left:12em;
}

#menu-main-menu li:hover ul ul, #menu-main-menu li:hover ul ul ul, #menu-main-menu li:hover ul ul ul ul{
	display:none;
}

#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li li li li:hover ul{
	display:block;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 23px;
}
.vidbg{
	background:url(images/vid-bg.png);
	width:484px;
	padding-top:20px;
	height:276px;
	margin-bottom:20px;
	text-align:center;
}
.sociallinks{
	margin-bottom: 10px;
}
.sociallinks img.first{
	padding-right: 7px;
}

.rss {
	margin-bottom: 10px;	
	background-color: #fff;
	padding: 10px;
	}
	
.rss img {
	float: right;
	}
	
.subnav ul {
	background-color: #90D7F7;
	height: 16px;
	padding: 5px 5px 10px 5px;
}

.subnav ul li {
	list-style-image: none;
	list-style-type: none;	
	float: left;
	padding: 0 10px;
}

.subnav ul li a {
	font-weight: bold;
	color: #fff;
}

/* Over-ride cForms on home page 
-------------------------------------- */

.home_right .cform {
	width: 360px;
	}

.home_right .cform fieldset {
	border: none !important;
	margin-top: 0px !important;
	padding: 10px !important;
	}

.home_right .linklove {
	display: none;
	}

.home_right .cform input {
	width: 250px !important;
	}
	
.home_right .cform input.sendbutton {
	width: 100px !important;	
	}

.home_right .cform label span {
	width: 80px !important;
	}
.home_right span.reqtxt, .home_right span.emailreqtxt {
	display: none;
	}

.home_right .cform legend {
	margin-left: 0 !important;
	color: #000;
	
	}