@charset "utf-8";

/* img, div, li, a, ul, li { behavior: url(../_js/iepngfix.htc); } */

#header,
.button,
#header ul#menu li a,
#colLeft .corners-top,
#colLeft .corners-bottom,
#colRight,
#footer,
img
{ behavior: url(../_js/iepngfix.htc); }

#header ul#menu li a {
	cursor: hand;
}

/* Style 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{
background-repeat: repeat-x;
background-color: #1b1b1b;
margin: 25px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
/*font-size: 62.5%;*/
font-size: 10px;
color: #FFFFFF;
}

strong {
	font-weight: bold;
}

a { 
	color: #fff;
}

h1{
font-size: 2.0em;
font-family:Calibri, Arial, "Trebuchet MS";
color: #ffffff;
}

h2{
font-size: 1.7em;
font-family:Calibri, Arial, "Trebuchet MS";
color: #ffffff;
margin-bottom: 10px;
}

h3{
font-size: 1.6em;
font-family:Calibri, Arial, "Trebuchet MS";
color: #ffffff;
}


.button{
width: 52px;
height: 14px;
background-image:url(../_images/register-button.png);
background-repeat: no-repeat;
display: block;
background-position: top right;
float: right;
text-decoration: none;
margin: 5px;
padding: 5px 5px 5px 23px;
color: #282828;
}

.button:hover{
background-position: bottom right;
text-decoration: underline;
}

#wrapper{
width: 970px;
margin: 0 auto;
font-size: 1.2em;
}

#header{
width: 969px;
height: 53px;
background-image:url(../_images/header_bg.png);
background-repeat: none;
display:block;
}

#header a.logo{
background-image: url(../_images/mediatonic_logo.gif);
background-repeat: no-repeat;
display: block;
width: 193px;
height: 19px;
float: left;
margin: 19px 0px 0px 10px;
text-indent: -9999px;
}

#header ul#menu{
list-style: none;
width: 692px;
float: right;
margin: 7px 9px 0px 0px;
}

#header ul#menu li{
float: left;
display: block;
height: 43px;
}

#header ul#menu li a{
display:block;
height: 43px;
text-indent: -9999px;
background-position: top left;
background-repeat: no-repeat;
}

#header ul#menu li#nav-home a{
width: 67px;
background-image:url(../_images/navigation/home.png);
}

#header ul#menu li#nav-about a{
width: 77px;
background-image:url(../_images/navigation/about.png);
}

#header ul#menu li#nav-clients a{
width: 85px;
background-image:url(../_images/navigation/clients.png);
}

#header ul#menu li#nav-games a{
width: 79px;
background-image:url(../_images/navigation/games.png);
}

#header ul#menu li#nav-careers a{
width: 95px;
background-image:url(../_images/navigation/careers.png);
margin-right: 9px;
}

#header ul#menu li#nav-blog a{
width: 64px;
background-image:url(../_images/navigation/blog.png);
margin-left: 8px;
}

#header ul#menu li#nav-community a{
width: 118px;
background-image:url(../_images/navigation/community.png);
}

#header ul#menu li#nav-contact a{
width: 89px;
background-image:url(../_images/navigation/contact.png);
}

#header ul#menu li a:hover{
background-position: 0px -43px;
}

#header ul#menu li a.selected{
background-position: bottom left;
}


body.section-home ul#menu li#nav-home a,
body.section-about ul#menu li#nav-about a,
body.section-games ul#menu li#nav-games a,
body.section-clients ul#menu li#nav-clients a,
body.section-careers ul#menu li#nav-careers a,
body.section-blog ul#menu li#nav-blog a,
body.section-community ul#menu li#nav-community a,
body.section-contact ul#menu li#nav-contact a
body.section-contact ul#menu li#nav-contact a
{
		background-position: bottom left;
}


#colLeft{
width: 667px;
min-height: 500px;
float: left;
display: block;
margin: 11px 0px 15px 0px;
}

#colLeft p{
margin-bottom: 15px;
line-height: 16px;
}

#colLeft .corners-top{
height: 21px;
width: 667px;
background-image: url(../_images/content-top.png);
display: block;
}
#colLeft .corners-bottom{
height: 21px;
width: 667px;
background-image: url(../_images/content-bottom.png);
display: block;
clear: both;
}

#colLeft .content{
width: 667px;
background-image:url(../_images/content-bg.png);
position: relative;
border-top: 1px solid #282829; /* Hack */
border-bottom: 1px solid #282829; /* Hack */
}

#colLeft .content-holder.home{
margin-top: 19px;
}

#colRight{
width: 277px;
margin-left: 19px;
background-image:url(../_images/colRight_bg.png);
background-repeat: none;
background-position: bottom;
padding-bottom: 5px;
float: left;
margin-bottom: 19px;
}

#colRight #content{
background-image: url(../_images/colRight_content_bg.png);
background-repeat: repeat-y;
padding-bottom: 15px;
min-height:500px;
padding: 1px 20px 15px 20px;

}



#colRight #blog ul#latest-posts, #colRight #blog ul#latest-posts ul{
list-style: none;
}

#colRight #blog ul#latest-posts li{

}

#colRight h2 {
	margin-top: 20px;
}

#colRight #mini-blog h3 {
	font-family: Calibri, Arial, "Trebuchet MS";
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #a4a4a4;
}

#colRight #mini-blog h4 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
}

#colRight #mini-blog p {
	font-size: 11px;
}

#colRight #blog ul#latest-posts li h3{
font-family: Calibri, Arial, "Trebuchet MS";
font-size: 1.3em;
clear: both;
color: #ffffff;
margin: 10px 0px 5px 0px;
font-weight: normal;
}

#colRight #blog ul#latest-posts li ul li{
font-family:Arial, Helvetica, sans-serif !important;
font-size: 0.9em !important;
padding: 10px 0px 6px 0px;
border-bottom: 1px solid #5d5e5d;
clear: both;
display: block;
width: 230px;
overflow: hidden;
}

#colRight #blog ul#latest-posts li ul li span {	
	display: block;
	background-repeat: no-repeat;
}

#colRight #blog ul#latest-posts li ul li a, #colRight #blog ul#latest-posts li ul li a:visited{
background-repeat:no-repeat;
width: 172px;
display: block;
padding: 6px 8px 0px 53px;
text-decoration: none;
color: #ffffff;
margin-bottom: 4px;
}

#colRight #blog ul#latest-posts a.bubble {
	background-image: url(/_images/blog/right-bubble.gif);
height: 40px;
}

#colRight #blog ul#latest-posts li ul li a:hover,#colRight #blog ul#latest-posts li ul li a:visited:hover{
text-decoration: underline;
}


#colRight #blog ul#latest-posts li li em{
width: 142px;
float: left;
color: #c9c9c9;
display: block;
font-style: normal;
}

#colRight #blog ul#latest-posts li li strong{
float: right;
display: block;
text-align: right;
}

#colRight #blog ul#latest-posts li li strong a, #colRight #blog ul#latest-posts li li strong a:visited{
width:82px !important;
padding: 0px !important;
text-decoration: underline;
color: #c9c9c9;
}

#colRight #blog ul#latest-posts li li strong a:hover, #colRight #blog ul#latest-posts li li strong a:visited:hover{
color: #ffffff;
}

#colRight #community-box{

}

#colRight #community-box ul#community-tabs{
list-style: none;
width: 214px;
height: 24px;
margin-top: 15px;
}



#colRight #community-box ul#community-tabs li a{
height: 24px;
display: block;
text-indent: -9999px;
float: left;
overflow: hidden;
}

#colRight #community-box ul#community-tabs li.logged-in{
background-image:url(../_images/loggedin_tab.gif);
width: 82px;
height: 24px;
text-indent: -9999px;
}

#colRight #community-box ul#community-tabs li {
	float: left;
}

#colRight #community-box ul#community-tabs li.register {
	width: 74px;
}

#colRight #community-box ul#community-tabs li.login {
	width: 52px;
}

#colRight #community-box ul#community-tabs li.register a{
background-image:url(../_images/register_tab.gif);
width: 74px;
}

#colRight #community-box ul#community-tabs li.login a{
background-image:url(../_images/login_tab.gif);
width: 52px;
}

#colRight #community-box #register-tab, #colRight #community-box #logged-in{
background-color: #222222;
width: 234px;
clear: both;
color: #ffffff;
}

#colRight #community-box #register-tab ul{
list-style: none;
margin: 6px;
color: #a9a9a9;
}
#colRight #community-box #register-tab ul li{
padding: 1px 10px 1px 18px;
background-image:url(../_images/bullet-star.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

#colRight #community-box #login-tab{
background-color: #febf04;
width: 234px;
clear: both;
color: #2A2A2A;
}

#colRight #community-box .content{
padding: 2px 10px 8px 10px;
}

#colRight #community-box .top{
height: 6px;
width: 234px;
display: block;
}

#colRight #community-box .content{
padding: 2px 10px 8px 10px;
}

#media-enquiries {
	background-color: #222222;
	padding: 10px 15px;
	margin-top: 20px;
}

#media-enquiries h2 {
	margin-top: 0;
}

#media-enquiries p {
	margin-bottom: 10px;
}



#colRight #community-box .bottom{
height: 6px;
width: 234px;
display: block;
clear: both;
}

#colRight #community-box #register-tab .top, #colRight #community-box #logged-in .top{
background-image:url(../_images/register-top.gif);
}

#colRight #community-box #register-tab .bottom, #colRight #community-box #logged-in .bottom{
background-image:url(../_images/register-bottom.gif);
}

#colRight #community-box #login-tab .top{
background-image:url(../_images/login-top.gif);
}

#colRight #community-box #login-tab .bottom, {
background-image:url(../_images/login-bottom.gif);
}

#colRight #community-box form{
width: 200px;
margin: 5px 0px 5px 0px;
}

#colRight #community-box form label{
width: 70px;
display: block;
float: left;
padding-top: 4px;
}

#colRight #community-box form span{
padding: 5px;
clear: both;
overflow: hidden;
width: 180px;
height: 20px;
display: block;
margin: 0 auto;
}

#colRight #community-box form span.checkbox input {
	float: left;
	margin-top: 5px;
	width: 10px;
}

#colRight #community-box form span.checkbox label {
	float: right;
	text-align: left;
	width: 155px;
}

#colRight #community-box form span.input input{
width: 100px;
float: left;
background-image: url(../_images/input-bg-light.gif);
background-color: #c9c9c9;
border: 1px solid #898989;
padding: 3px;
font-size: 0.9em;
}

#colRight #community-box form span.submit input{
float: right;
}

#colRight blockquote{
width: 234px;
margin: 0px 0px 20px;
border-bottom: 1px solid #5d5e5d;
}

#colRight blockquote p{

padding-left: 40px;
color: #c7c7c7;
margin-top: 12px;
}


#colRight blockquote p.quote{
background-image:url(../_images/quotes-start.gif);
background-repeat: no-repeat;
padding-left: 40px;
color: #c7c7c7;
margin-top: 12px;
}

#colRight blockquote p.author{
background-image:url(../_images/quotes-end.gif);
background-repeat: no-repeat;
background-position: top right;
display: block;
height: 25px;
padding-top: 5px;
margin: 10px 5px;
}

#colRight blockquote a{
color: #ffffff;
text-decoration: none;
}

#colRight blockquote a:hover{
color: #ffffff;
text-decoration: underline;
}

#rating{
margin: 0px 0px 15px 20px;
background-image:url(../_images/rating-bg.gif);
background-repeat: no-repeat;
background-position: 0px 30px;
height: 140px;
}

#rating p{
display: block;

padding: 0px 12px 12px 15px;
width: 205px;
clear: both;
overflow: hidden;
}

.rating_container {
	clear:both;
	display: block;
	width: 205px;
	padding: 12px 12px 12px 15px;
	margin: 10px 0px 0px;
	height: 34px;
}

.rating_container a {
	float:left;
	display:block;
	width:34px;
	height:32px;
	border:0;
	background-image:url(../_images/rating-stars.gif);
	background-repeat: no-repeat;
	padding-left: 7px;
}

.rating_container a.rating_off {
	background-position:0 -32px;
}

.rating_container a.rating_half {
	background-position:0 -25px;
}

.rating_container a.rating_on {
	background-position:0 0px;
}

.rating_container a.rating_selected {
	background-position:0 0px;
}


#footer{
color: #9c9c9c;
clear: both;
display: block;
width: 949px;
height: 16px;
background-image: url(../_images/footer_bg.png);
background-repeat: none;
margin: 0px 0px 25px 0px;
padding: 11px 10px 9px 10px;
overflow: hidden;
}

#footer p{
float: left;
}

#footer ul{
list-style: none;
display: block;
float: right;
width: 400px;
text-align: right;
}

#footer ul li{
display: block;
float: right;
padding: 0px 10px 0px 10px;
background-image:url(../_images/footer_divider.gif);
background-repeat: no-repeat;
background-position: center right;
}

#footer ul li.last{
background-image: none;
}


#footer a, #footer a:visited{
color: #9b9b9b;
text-decoration: underline;
}

#footer a:hover{
color: #efefef;
}

#footer a:visited:hover{
color: #efefef;
}

/* Homepage Content */

body#page-index #news{
width: 309px;
margin: 0px 17px 0px 20px;
float: left;
display: block;

}

body#page-index #news .corners-top{
background-image:url(../_images/news-top.gif);
width: 299px;
height: 29px;
display: block;
padding: 8px 0px 0px 10px;
}

body#page-index #news .contents{
background-image:url(../_images/news-bg.gif);
padding: 15px 15px 0px 15px;
overflow: hidden;

}


body#page-index #news .corners-bottom{
background-image:url(../_images/news-bottom.gif);
width: 309px;
height: 9px;
display: block;
}

body#page-index #news ul{
list-style: none;
width: 282px;
}

body#page-index .content {
	overflow: hidden;
}

body#page-index #news ul li strong {
	display: block;
}

body#page-index #news ul li{
width: 209px;
padding-left: 65px;
background-repeat: no-repeat;
color: #c4c4c4;
clear: both;
margin:0px 0px 18px 0px;
display: block;
overflow: hidden;
}

body#page-index #news ul li a, body#homepage #news ul li a:visited{
color: #c4c4c4;
}

body#page-index #news ul li a:hover, body#homepage #news ul li a:visited:hover{
color: #ffffff;
text-decoration: underline;
}

body#page-index #news ul li em{
display: block;
float: right;
color: #fec51c;
font-size: 0.9em;
margin-top: 7px;
font-size: normal !important;
}

body#page-index #featured p {
	color:#c4c4c4;
}

body#page-index #featured{
float: right;
width: 301px;
display: block;
margin-right: 20px;
}

body#page-index #featured a{
width: 201px;
height: 67px;
display: block;
background-repeat: no-repeat;
color:#c4c4c4;
text-decoration:none;
padding: 13px 90px 0px 13px;
margin-bottom: 15px;
}

body#page-index #featured a:hover, body#homepage #featured a:visited:hover{
color: #ffffff;
}

body#page-index #featured a h3{
text-indent: -9999px;
}

body#page-index #featured a.aboutus{
background-image:url(../_images/aboutus-home.jpg);
}

body#page-index #featured a.annualreport{
background-image:url(../_images/annualreport-home.jpg);
}

body#page-index #featured a.universitystudents{
background-image:url(../_images/universitystudents-home.jpg);
}

body#page-index #featured a.twitterit{
background-image:url(../_images/twitter-home.gif);
}


/* Careers Content */

body#careers #page-header{
background-image: url(../_images/careers-header-monkey.jpg);
background-repeat: none;
width: 370px;
height: 156px;
margin-left:-14px;
display: block;
padding: 10px 25px 0px 246px;
color: black;
margin-top: -1px;
}

body#careers #colLeft .corners-top{
background-image: url(../_images/content-top-careers.png) !important;
}

body#careers #header{
background-image:url(../_images/header_bg-careers.png) !important;
}

body#careers #background{
background-image:url(../_images/careers-bg.png);
background-repeat: no-repeat;
background-position: center -33px;
}

body#careers #page-header h1{
color:#000000;
}

body#careers #page-header p{
margin: 10px 0px 15px 0px;
}

body#careers #page-header h1{
color:#000000;
}

body#careers #page-header a{
background-repeat: no-repeat;
font-family:Calibri, Arial, "Trebuchet MS";
font-size: 1.2em;
height: 27px;
display: block;
float: left;
padding-top: 3px;
color:#000000;
text-decoration: none;
}

body#careers #page-header a:hover{
text-decoration: underline;
}

body#careers #page-header a.learnmore{
background-image:url(../_images/learnmore-icon.gif);
padding-left: 31px;
}

body#careers #page-header a.meetteam{
background-image:url(../_images/team-icon.gif);
padding-left: 37px;
margin-left: 25px;
width: 150px;
}

/* Games Content */

/*
body#page-surgeon #background{
background-image: url(../_images/games/amateursurgon-bg.gif);
background-position: center -2px;
background-repeat: no-repeat;
}*/

body#page-gigolo #page-header{
width: 666px;
height: 184px;
background-image:url(../_images/games/gigolo-header.gif);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}



body#page-mcafee #page-header {
	width: 666px;
height: 191px;
background-image:url(../_images/games/mcafee-header.gif);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
	
}




body#page-surgeon #page-header{
width: 666px;
height: 184px;
background-image:url(../_images/games/surgeon-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-brain-exercise #page-header{
width: 666px;
height: 184px;
background-image:url(../_images/games/brain-exercise-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-surgeon-xmas #page-header{
width: 666px;
height: 184px;
background-image:url(../_images/games/surgeon-xmas-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-play-sega #page-header{
width: 666px;
height: 184px;
background-image:url(../_images/games/playsega-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-sonic-olympics #page-header{
width: 666px;
height: 184px;
background-image:url(../_images/games/sonic-olympics-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}



body#page-diner #page-header{
width: 666px;
height: 191px;
background-image:url(../_images/games/diner-head.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-poppit #page-header{
width: 666px;
height: 186px;
background-image:url(../_images/games/poppit-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-beijing #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/beijing-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-commanders #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/commanders-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -5px;
}

body#page-diego #page-header{
width: 666px;
height: 227px;
background-image:url(../_images/games/diego-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-lego-pirates #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/lego-pirates-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-must-eat-birds #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/must-eat-birds-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-steamweavers #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/steamweavers_header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-biker-blast-off #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/biker-blast-off-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-sonic-level-creator #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/sonic-level-creator-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-kidvskat #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/kidvskat_header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-fastfurious #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/FastFurious_Header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-meowcenaries #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/meowcenaries-header.jpg);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}

body#page-peupeu #page-header{
width: 666px;
height: 181px;
background-image:url(../_images/games/peupeu_header.gif);
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
margin-top: -10px;
}




#factstats {
	display: block;

margin: 10px 20px;
position: relative;
}

#page-surgeon #factstats{
width: 627px;
height: 174px;
background-image: url(../_images/games/surgeon-facts.jpg);

}

#page-gigolo #factstats{
width: 627px;
height: 185px;
background-image: url(../_images/games/gigolo-facts.jpg);
}


#page-poppit #factstats{
width: 627px;
height: 185px;
background-image: url(../_images/games/poppit-facts.jpg);

}
#page-diego #factstats{
width: 627px;
height: 185px;
background-image: url(../_images/games/diego-factsstats.gif);

}

#page-commanders #factstats{
width: 627px;
height: 185px;
background-image: url(../_images/games/commanders-facts.jpg);

}

#factstats h3 {
	display: none;
}

#factstats .stats {
	position: absolute;
	left: 200px;
	top: 70px;
	
	width: 200px;
}

#factstats .stats ul {
	list-style: none;
}

#factstats .stats li {
	background-image: url(../_images/bullet-white-line.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 12px;
	margin-bottom: 4px;
}

#factstats .stats strong {
	color: #fec826;
	font-weight: bold;
}




#factstats .fact {
	position: absolute;
	left: 430px;
	top: 80px;
	height: 20px;
	width: 170px;
}

body.section-games #feature {
	margin-left: 15px;
}

body.section-games a.playbutton{
width: 275px;
height: 49px;
display: block;
text-indent: -9999px;
background-repeat:no-repeat;
}

#buttons {
	margin-top: 10px;
}

body.section-games #info{
width: 620px;
margin: 10px 25px;
}

body.section-games #info .col1{
width: 320px;
margin-right: 25px;
float: left;
}

body.section-games #info .col2{
width: 275px;
float: left;
}

body.section-games a.playbutton {
	margin-top: 15px;
}

body.section-games a.playbutton:hover{
background-position: bottom left;

}

body.section-games a.playbutton.adultswim{
background-image: url(../_images/games/adultswim-play.gif);
}

body.section-games a.playbutton.nickjnr{
background-image: url(../_images/games/nickjr-play.gif);
}

body.section-games a.playbutton.olympic{
background-image: url(../_images/games/olympic-play.gif);
}

body.section-games a.playbutton.playsega{
background-image: url(../_images/games/playsega-play.gif);
}

body.section-games a.playbutton.website{
background-image: url(../_images/games/visit-website.gif);
}

body.section-games a.playbutton.generic{
background-image: url(../_images/games/generic-play.gif);
}

body.section-games a.playbutton.facebook{
background-image: url(../_images/games/facebook-play.gif);
}

body.section-games a.playbutton.lego{
background-image: url(../_images/games/lego-play.gif);
}

body.section-games a.playbutton.itunes{
background-image: url(../_images/games/button_itunes-buy.gif);
}
body.section-games a.playbutton.biker-blast-off{
background-image: url(../_images/games/iphone-download.gif);
}

/* End John Code */


/* Contact */

#page-contact #address h2 {
	background-image: url(../_images/contact-write.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
}

#page-contact #address { 
	float: left;
	margin-right: 20px;
	width: 160px;
}

#page-contact #game-q {
	margin-right: 30px;
	float: left;
	width: 250px;
}

#page-contact #phone {
	float: left;
	width: 160px;
}

#page-contact #phone h2 {
	background-image: url(../_images/contact-phone.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	
}

#contact-form {
	background-color: #222222;
	clear: both;
}

#contact-form form {
	margin-left: 20px;
	margin-right: 20px;
}

#contact-form span.top, #contact-form span.bottom {
	display: block;
	width: 623px;
	height: 5px;
	background-repeat: no-repeat;
}

#contact-form span.top {
	background-image: url(../_images/contact-form-top.gif);
}

#contact-form span.bottom {
	background-image: url(../_images/contact-form-bottom.gif);
}




#colLeft #contact-form label {
	display: block;
	float: none;
	text-align: left;
	font-family:Calibri, Arial, "Trebuchet MS";
	color: #d6d6d6;
	font-size: 18px;
	margin-bottom: 2px;
}

#contact-name-container {
	width: 200px;
	float: left;
}

#contact-email-container {
	width: 200px;
	float: left;
	margin-left: 10px;
}

#colLeft #contact-form form #contact-comments-container {
	clear: both;
}

#colLeft #contact-form form span {
	clear: none;
}

#contact-comments-container textarea {
	width: 565px;
	height: 180px;
}

/* About */

#meet-the-team {
	overflow: hidden;
}

#meet-the-team li {
	width: 114px;
	height: 240px;
	display: block;
	background-image: url(../_images/about/staff-profile-bg.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

#meet-the-team strong {
	display: block;
}

#meet-the-team a {
	margin-left: 10px;
	background-position: 9px 0px;
	margin-top: 8px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	width: 89px;
	height: 20px;
	padding-top: 187px;
}	


body#page-about h1 {

	margin-bottom: 10px;
	background-image: url(../_images/about_header.jpg);
	text-indent: -9999px;
	width: 626px;
	height: 153px;
	background-repeat: no-repeat;
}

#about-nav {
	margin-top: 15px;
	list-style: none;
	margin-left: 17px;
	position: relative;
	overflow: hidden;
}



#about-nav li a {
	width: 242px;
	height: 48px;
	text-indent: -9990px;
}

#about-nav li.meet a {
	display: block;
	background-image: url(/_images/about/nav-meet.gif);
}

body#page-about .inline-nav {
	list-style: none;
	overflow: hidden;
	width: 200px;
}

body#page-about .inline-nav li {
	float: left;
	width: 85px;
	margin-right: 10px;
	margin-bottom: 10px;
}


body#page-about .inline-nav li a {
	display: block;
	text-indent: -999px;
	width: 84px;
	height: 28px;
	background-repeat: no-repeat;
}

body#page-about .inline-nav .games a {
	background-image: url(/_images/about/button-games.gif);
	
}

body#page-about .inline-nav .clients a {
	background-image: url(/_images/about/button-clients.gif);
}

body#page-about .inline-nav .team a {
	background-image: url(/_images/about/button-team.gif);
}


body#page-register #colLeft .content,
body#page-about #colLeft .content,
body#page-team #colLeft .content,
body#page-contact #colLeft .content,
body#page-questions #colLeft .content,
#page-games #colLeft .content, 
#page-community #colLeft .content,
#page-privacy #colLeft .content,
#page-terms #colLeft .content,
#page-clients #colLeft .content,
#page-careers #colLeft .content,
#careers #colLeft .content,
.section-press #colLeft .content {
	padding-left: 20px;
	padding-right: 20px;
	width: 627px !important;
}





#flash {
	padding: 10px;
	border: 2px solid #febf04;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffde7d;
	color: #29292a;
	font-size: 12px;
}

#flash a {
	color: #29292a;
}

#flash.error {
	background-color: #ffcccc;
	border: 2px solid #666666;
}


#flash ul {
	margin-left: 20px;
}

#flash p {
	margin-bottom: 5px;
}

#flash strong {
	font-weight: bold;
	font-size: 14px;
}

body#page-about .content .rhs {
	height: 330px;
	width: 250px;
	margin-top: 10px;
	padding-bottom: 10px;
	float: right;
	margin-right: 6px;
}

/* Careers */

/* Games */

#page-terms #colLeft .content ul {
	margin-left: 20px;
}

#page-terms #colLeft .content ul li {
	margin-bottom: 5px;
}

#page-terms h1,
#page-privacy h1,
#page-contact h1,
#page-team h1,
#page-games h1,
.section-press h1,
#careers h2 {
	margin-top: -5px;
	border-bottom: 1px solid #5c5d5c;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#careers h3 {
	font-weight: bold;
	font-size: 13px;	
	color: #FDC624;
	
}


#page-clients h1 {
	margin-top: -10px;
	border-bottom: 1px solid #5c5d5c;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#journalist-resources  {
	width: 630px;
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

#journalist-resources li {
	display: block;
	float: left;
	margin-right: 10px;
	width: 301px;
}

#journalist-resources li a {
	width: 301px;
	height: 84px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#journalist-resources li#mt-summary a {
	background-image: url(../_images/press/button-mt-summary.gif);
}

#journalist-resources li#asset-pack a {
	background-image: url(../_images/press/button-asset-pack.gif);
}


#press-releases {
	background-image: url(../_images/games-box-middle.gif);
	width: 620px;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

#press-releases span.top {
		display: block;
		width: 620px;
		height: 10px;
		overflow: hidden;
		background-image: url(../_images/games-box-top.gif);
		background-repeat: no-repeat;
}

#press-releases span.bottom {
	display: block;
	width: 620px;
	height: 57px;
	overflow: hidden;
	background-image: url(../_images/games-box-bottom.gif);
	background-repeat: no-repeat;
}

#page-press h2 {
	border-bottom: 1px solid #5C5D5C;
	padding-bottom: 2px;
}

#press-releases h2 {
	margin-left: 20px;
	margin-right: 20px;
	
	
}

#press-releases ul {
	margin: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: -45px;
}

ol.page-press {
	margin: 20px;
	position: relative;
}

#press-releases li span {
	float: left;
	
	height: 55px;
}

#press-releases li {
padding-left: 65px;
background-repeat: no-repeat;
color: #c4c4c4;
clear: both;
margin:0px 0px 18px 0px;
display: block;
overflow: hidden;

}

#press-releases li a {
	text-decoration: none;
}

#press-releases li a:hover {
	text-decoration: underline;
}

#press-releases li em {
	color: #fec51c;
	font-size: 11px;
	float: right;
	margin-top: 5px;
}

#press-releases li .actions {
	overflow: hidden;
}

#press-releases li .actions a {
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 5px;
}

#press-releases li .actions a.view-online {
	background-image: url(../_images/icons/page_white_world.png);
}

#press-releases li .actions a.pdf {
	background-image: url(../_images/icons/page_white_acrobat.png);
}

#press-releases li .actions a.doc {
	background-image: url(../_images/icons/page_white_word.png);
}

#press-facts li {
	list-style: none;
	margin-bottom: 8px;
	background-image: url(../_images/press-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#press-facts li strong {
	color: #fec51c;
}



.games-box {
	background-image: url(../_images/games-box-middle.gif);
	width: 620px;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

.games-box .box-content {
	overflow: hidden;
	position: relative;
	margin-bottom: -45px;
}

.games-box .title {
	border-bottom: 1px solid #4d4e4d;
	width: 425px;
	float: right;
	margin-right: 10px;
	padding-bottom: 3px;
}

.games-box img {
	float: left;
	margin: 5px 15px;
}

.games-box h2 a {
	text-decoration: none;
}

.games-box p {
	float: left;
	width: 290px;
	margin: 10px 0px 0px 10px;
}

.games-box a.play {
	display: block;
	width: 100px;
	height: 20px;
	background-image: url(../_images/games-box-play-game.gif);
	float: right;
	text-indent: -9999px;
	margin-right: 20px;
	
}

.games-box a.case-study {
	display: block;
	width: 100px;
	height: 20px;
	background-image: url(../_images/games-box-case-study.gif);
	float: right;
	text-indent: -9999px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}



.games-box span.top {
		display: block;
		width: 620px;
		height: 10px;
		overflow: hidden;
		background-image: url(../_images/games-box-top.gif);
		background-repeat: no-repeat;
}

.games-box span.bottom {
	display: block;
	width: 620px;
	height: 57px;
	overflow: hidden;
	background-image: url(../_images/games-box-bottom.gif);
	background-repeat: no-repeat;
}


/* Clients */

#client-list {
	width: 610px;
	margin-left: 15px;
	overflow: hidden;
	padding-top: 10px;
}

#client-list li {
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-indent: -999px;
	width: 186px;
	height: 116px;
	border: 1px solid #3c3c3c;
	margin-right: 15px;
	margin-bottom: 15px;
}

#client-list #real {
	background-image: url(../_images/clients/real.gif);
	
	
}

#client-list #cartoon-network {
	background-image: url(../_images/clients/cartoon-network.gif);
}



#client-list #ea-games {
	background-image: url(../_images/clients/ea.gif);
}

#client-list #sierra {
	background-image: url(../_images/clients/sierra.gif);
}

#client-list #sega {
	background-image: url(../_images/clients/sega.gif);
}

#client-list #viacom {
	background-image: url(../_images/clients/viacom.gif);
}

#client-list #vivendi {
	background-image: url(../_images/clients/vivendi.gif);
}

#client-list #play-first {
	background-image: url(../_images/clients/playfirst.gif);
}

#client-list #mcafee {
	background-image: url(../_images/clients/mcaffe.gif);
}

#client-list #fujitsu {
	background-image: url(../_images/clients/fujitsu.gif);
}

#client-list #nickelodeon {
	background-image: url(../_images/clients/nick.gif);
}

#client-list #nintendo {
	background-image: url(../_images/clients/nintendo.gif);
}

#client-list #big-fish-games {
	background-image: url(../_images/clients/bigfish.gif);
}

#client-list #namco {
	background-image: url(../_images/clients/namco.gif);
}

#client-list #pop-cap {
	background-image: url(../_images/clients/popcap.gif);
}

#client-list #universal {
	background-image: url(../_images/clients/universal.gif);
}

#client-list #lego {
	background-image: url(../_images/clients/lego.gif);
}

#client-list #disney {
	background-image: url(../_images/clients/disney.gif);
}




/* Games */


#twin-header-container {
background: url(/_images/games/Steampunk_ComingSoon.jpg) top right no-repeat;
margin-bottom: 20px;
}

#new-game-list {
	width: 620px;
	margin-left: 0px;
	overflow: hidden;
	padding-top: 10px;
}

#new-game-list li {
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-indent: -999px;
	width: 141px;
	height: 141px;
	border: 0px solid #29292a;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 14px;
}

#new-game-list li  a{display: block; width: 141px; height: 141px; }
#new-game-list li  a.new{background: url(../_images/games/NEW_Banner.png) no-repeat; }
#new-game-list li  a.featured{background: url(../_images/games/FEATURED_Banner.png) no-repeat;}


#new-game-list #sonic-level-creator {background-image: url(../_images/games/sonic-level-creator.gif);}

#new-game-list #biker-blast-off {background-image: url(../_images/games/biker-blast-off.gif);}
#new-game-list #musteatbirds {background-image: url(../_images/games/must-eat-birds.gif);}
#new-game-list #meowcenaries {background-image: url(../_images/games/meowcenaries.gif);}

#new-game-list #brickbeards-bounty {background-image: url(../_images/games/LegoPirates.gif);}
#new-game-list #brain-exercise {background-image: url(../_images/games/BrainExercise.gif);}
#new-game-list #katapult-katastrophe {background-image: url(../_images/games/KvK.gif);}
#new-game-list #fast-furious {background-image: url(../_images/games/fastfurious.gif);}


#new-game-list #surgeon-christmas {background-image: url(../_images/games/ASXmas.gif);}

#new-game-list #gigolo-assassin{background-image: url(../_images/games/GA.gif);}
#new-game-list #surgeon {background-image: url(../_images/games/AS.gif);}
#new-game-list #diego-underwater-adventure {background-image: url(../_images/games/Diego.gif);}
#new-game-list #poppit {background-image: url(../_images/games/Poppit.gif);}

#new-game-list #sonic-olympics {background-image: url(../_images/games/SonicOlympics.gif);}
#new-game-list #diner-dash {background-image: url(../_images/games/DinerDash.gif);}
#new-game-list #bejeweled-2 {background-image: url(../_images/games/Bejeweled.gif);}
#new-game-list #bureaucracy-buster {background-image: url(../_images/games/BureaucracyBuster.gif);}
				
#new-game-list #trivial-pursuit {background-image: url(../_images/games/TP.gif);}
#new-game-list #operation-challenge {background-image: url(../_images/games/Operation.gif);}
#new-game-list #play-sega {background-image: url(../_images/games/avatarcreator.jpg);}
#new-game-list #mystery-case-files {background-image: url(../_images/games/MCF.gif);}

#new-game-list #mcafee-advisor {background-image: url(../_images/games/McAfee.gif);}
#new-game-list #azada {background-image: url(../_images/games/Azada.gif);}
#new-game-list #diamond-detective {background-image: url(../_images/games/DiamondDetective.gif);}
#new-game-list #little-shop {background-image: url(../_images/games/ShopOfTreasures.gif);}

#new-game-list #beetle-bomp {background-image: url(../_images/games/BeetleBomp.gif);}
#new-game-list #inca-quest {background-image: url(../_images/games/IncaQuest.gif);}
#new-game-list #travelogue-360 {background-image: url(../_images/games/360rome.gif);}
#new-game-list #football-manager-live {background-image: url(../_images/games/FMLbadge.gif);}
	
#new-game-list #bookwork {background-image: url(../_images/games/bookworm.gif);}
#new-game-list #manor-mystery {background-image: url(../_images/games/manorMystery.gif);}
#new-game-list #bubble-bubble {background-image: url(../_images/games/bubblebubble.gif);}
#new-game-list #super-collapse {background-image: url(../_images/games/supercollapse.gif);}
				
#new-game-list #greek-island-solitaire {background-image: url(../_images/games/solitaire.gif);}
#new-game-list #ice-shuffle {background-image: url(../_images/games/icefShuffle.gif);}
#new-game-list #aquatic-word-burst {background-image: url(../_images/games/aquatic.gif);}
#new-game-list #brain-assist {background-image: url(../_images/games/brainAssist.gif);}
				
#new-game-list #mah-jong {background-image: url(../_images/games/mahjong.gif);}
#new-game-list #culinary-delights {background-image: url(../_images/games/culinaryQuiz.gif);}
#new-game-list #sega-pool {background-image: url(../_images/games/segaPool.gif);}
#new-game-list #columns {background-image: url(../_images/games/Columns.gif);}
				
#new-game-list #talismania {background-image: url(../_images/games/talismania.gif);}
#new-game-list #horizon3 {background-image: url(../_images/games/horizon.gif);}
#new-game-list #sudoko {background-image: url(../_images/games/sudoku.gif);}
#new-game-list #tequlia-trouble {background-image: url(../_images/games/tequila.gif);}




/* Community */

#page-discussion-thread h1 {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#page-community .view-all {
	float: right;
	color: #DADADA;
	font-size: 11px;
	margin-top: -20px;
	padding-bottom: 10px;
}

#page-community #colLeft h2 {

	clear: both;
	padding-bottom: 3px;
	border-bottom: 1px solid #5C5D5C;
}

table#discussions {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}

table#discussions td, table#discussions th {
	padding: 5px;
	padding-bottom: 10px;
	color: #777777;
}

table#discussions tr.blog td.type {
	background-image: url(../_images/community/icon-blog.png);
	background-repeat: no-repeat;
	text-indent: -999px;
	background-position: 10px 10px;
	width: 50px;
}

table#discussions tr.discussion td.type {
	background-image: url(../_images/community/icon-post.png);
	background-repeat: no-repeat;
	text-indent: -999px;
	background-position: 10px 10px;
	width: 50px;
}

table#discussions td.title a {
	font-size: 12px;
	display: block;
	color: #dadada;
}

table#discussions td {
	font-size: 11px
}

table#discussions th {
	text-align: left;
	color: #969696;
	font-weight: normal;
}

table#discussions td.comments {
	font-size: 24px;
	text-align: center;
}

table#discussions tr.row-0 td {
	background-color: #353535;
}

table#discussions tr.row-1 td {
	background-color: #2e2e2e;
}

/* Profile */


dl.profile {
	overflow: hidden;
	margin-top: 10px;
}

dl.profile dt {
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
	margin-bottom: 10px;
}

dl.profile dd {
	display: block;
	float: left;
	width: 400px;
	margin-bottom: 10px;
}

span#your-profile {
	padding: 10px;
	border: 2px solid #febf04;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffde7d;
	color: #29292a;
	display: block;
}

span#your-profile strong {
	font-weight: bold;
	display: block;
	font-size: 14px;
}

span#your-profile a {
	color: #29292a;
}

/* Community */

body#page-community .content .header {
	background-image: url(../_images/header-community.jpg);
	width: 626px;
	height: 153px;
	margin-bottom: 10px;
}

body#page-community .content .header h1 {
	text-indent: -9999px;
}

body#page-community .content .header p {
	color: #b2b2b2;
	width: 300px;
	margin-left: 20px;
	margin-top: 20px;
}

.qa-container {
	overflow: hidden;
	margin-bottom: 25px;
	border-bottom: 1px solid #353535;
	padding-bottom: 20px;
	margin-top: 20px;
}

 .question-container {
	width: 217px;
	float: left;
	margin-left: 10px;
}

 .answer-container {
	width: 368px;
	margin-right: 10px;
	float: right;
}

 .question-author {
	overflow: hidden;
	position: relative;
	top: -6px;
	
}

 .answer-author img {
	float: left;
	width: 50px;
}



 .answer-author p {
	float: right;
	width: 310px;
	text-align: left;
	color: #9c9c9c;
}

 .answer-author {
	overflow: hidden;
	position: relative;
	bottom: -6px;
	margin-top: -6px;
	
}

 .not-answered {
	font-size: 11px;
	margin-top: 10px;
	text-align: center;
}

 .question-author img {
	float: right;
	width: 50px;
}



 .question-author p {
	float: left;
	width: 160px;
	text-align: right;
	color: #9c9c9c;
}

 .question {
	width: 217px;
	background-repeat: repeat-y;
	background-image: url(../_images/community/question-bg-bottom-long.png);
	background-position: bottom;
	padding-bottom: 20px;
	color: #101010;
	position: relative;
	z-index: 50;
}

 .question .middle {
	margin-top: -10px;
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}

 .answer .middle {
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}

 .question span.top {
	background-image: url(../_images/community/question-bg-top.png);
	background-repeat: no-repeat; 
	width: 217px;
	height: 17px;
	display: block;
}

/*
body#page-community .question span.bottom {
	background-image: url(../_images/community/question-bg-bottom.png);
	background-repeat: no-repeat; 
	width: 217px;
	height: 22px;
	display: block;
}*/




 .answer {
	background-image: url(../_images/community/answer-bg-top.png);
	background-repeat: repeat-y; 
	width: 369px;
	display: block;
	position: relative;
	z-index: 50;
	padding-top: 20px;
}

 .answer span.bottom {
	background-image: url(../_images/community/answer-bg-bottom.png);
	background-repeat: no-repeat; 
	width: 369px;
	height: 7px;
	display: block;
}

/* Blog */

span.page-nav {
	overflow: hidden;
	display: block;
	margin-right: 20px;
	margin-left: 20px;
}


a.previous, a.next {
	padding: 5px;
	border: 2px solid #494A49;
}

a.previous:hover, a.next:hover {
	background-color: #1B1B1B;	
}



a.previous {
	float: left;
}

a.next {
	float: right;
}

.blog-post {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 10px;
	overflow: hidden;
	
}



.blog-post .title {
	background-image: url(../_images/blog/blog-title-bg-full.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 550px;
	height: 77px;
	display: block;
	overflow: hidden;
	z-index: 500;
	position: relative;
	left: 83px;
}



.blog-post .title h2 {
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.blog-post .title h2 a {
	color: white;
	text-decoration: none;
}

.blog-post .meta {
	display: block;
	margin-left: 5px;
	left: 5px;
	width: 82px;
	z-index: 10;
	top: 0;
	position: absolute;
	left: 0px;
	font-size: 11px;
	color: #959595;
	
}

.blog-post .footer {
	margin-left: 100px;
	margin-right: 20px;
	font-size: 11px;
	display: block;
	color: #959595;
}

.blog-post .footer .comments {
	float: left;
	width: 45%;
	display: block;
}

.blog-post .footer .comments a {
	color: #b3b3b3;
}

.blog-post .footer .date {
	float: right;
	width: 45%;
	display: block;
	text-align: right;
}


.blog-post .meta .author cite {
	color: #b3b3b3;

}

.blog-post .meta span {
	display: block;
	margin-bottom: 5px;
	text-align: center;
}

.blog-post .meta a {
	color: #b3b3b3;
}

.blog-post .meta img {
	background-color: white;
	margin-bottom: 10px;
}

.blog-post .entry {
	margin-left: 100px;
	margin-top: 15px;
	margin-right: 20px;
}

.blog-post .social-links {
	margin-left: 100px;
	margin-top: 15px;
	margin-right: 20px;
}

.blog-post .comment-container {
	border-top: 1px solid #3a3a3b;
	
}

.blog-post form#comment textarea {
	display: block;
	width: 400px;
	height: 200px;
}

.blog-post .comment-container h2{
	margin-top: 10px;
	color: white;
}

.blog-post .comment-container p.unverified,
.blog-post .comment-container p.guest,
.blog-post .comment-container p.closed,
.blog-post .comment-container p.disabled {
	display: block;
	border: 1px solid #494A49;
	background-color: #2E2E2E;
	text-align: center;
	font-size: 11px;
	margin-top: 10px;
	padding: 5px;
}

#post-comment-container, #post-question-container {
	display: block;
	border: 1px solid #494A49;
	background-color: #2E2E2E;
	font-size: 11px;
	margin-top: 10px;
	padding: 10px;
	overflow: hidden;
	clear: both;
}

#post-comment-container .submit, #post-question-container .submit {
	float: right;
}

#page-discussion-thread #post-comment-container{
	margin-left: 20px;
	margin-right: 20px;
}

#colLeft #post-comment-container label, #colLeft #post-question-container label {
	float: none;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 2px;
}

#post-comment-container textarea  {
	margin-top: -20px;
	width: 400px;
	height: 150px;
	float: right;
}

#post-question-container textarea {
	margin-top: -20px;
	width: 400px;
	height: 100px;
	float: right;
}


#post-comment-container span.caption, #post-question-container span.caption {
	float: left;
	width: 200px;
	clear: none;
}

ol.comments, ol.thread {
	list-style: none;
	margin-left: 40px;
}

ol.comments li .avatar, ol.thread li .avatar {
	display: block;
	position: absolute;
	z-index: 10;
}



ol.comments li p.pending {
	text-align: center;
	font-size: 11px;
}

ol.comments .author, ol.thread .author {
	margin-left: 25px;
	float: left;
	color: #6d6d6d;	
	width: 300px;
}

ol.comments .author cite, ol.thread .author {
	color: #9c9c9c;
	font-style: normal;	
}

ol.comments .date, ol.thread .date{
	width: 180px;
	text-align: right;
	margin-right: 20px;
	float: right;
	color: #6d6d6d;	
}


ol.comments li .container, ol.thread li .container {
	background-image: url(../_images/blog/blog-comment-bg-middle.png);
	background-repeat: repeat-y;
	background-position: right;
	display: block;
	width: 542px;
	margin-bottom: 10px;
	position: relative;
	left: 46px;
	z-index: 50;
	color: #dcdbdb;
	
}

#post-comment-container .avatar {
	display: block;
	position: absolute;
	z-index: 10;
}

#post-comment-form .top {
	background-image: url(../_images/blog/blog-comment-bg-white-top.png);
	width: 543px;
	height: 34px;
	display: block;
}

#post-comment-form {
	background-image: url(../_images/blog/blog-comment-bg-white-middle.png);
	background-repeat: repeat-y;
	background-position: right;
	display: block;
	width: 542px;
	margin-bottom: 10px;
	position: relative;
	left: 46px;
	z-index: 50;
	
}

#comment-form form label {
	display: block;
}

#comment-form textarea {
	width: 400px;
	height: 200px;
}

ol.comments li .container .top, ol.thread li .container .top {
	background-image: url(../_images/blog/blog-comment-bg-top.png);
	width: 543px;
	height: 34px;
	display: block;
}

ol.comments li .container .bottom, ol.thread li .container .bottom {
	background-image: url(../_images/blog/blog-comment-bg-bottom.png);
	background-repeat: no-repeat;
	width: 543px;
	height: 6px;
	overflow: hidden;
	display: block;
	clear: both;
}

ol.comments li .body, ol.thread li .body {
	position: relative;
	left: 30px;
	top: -20px;
	margin-bottom: -20px;
	display: block;
	width: 490px;
}

ol.comments li.pending .body {
	color: #6d6d6d;
}


/* Tim */
.flashcasestudy{
display: block;
}

body#games.amateursurgeon #flashcasestudy{
padding: 0px 10px 0px 15px;
}


/* forms */

form#registration textarea {
	width: 350px;
	height: 100px;
}

#colLeft form {
	overflow: hidden;
}

#colLeft form .submit {
	float: right;
	margin-right: 10px;
}

#colLeft form span {
	display: block;
	clear: both;
}

#colLeft form span {
	overflow: hidden;
	padding-bottom: 5px;
	padding-top: 5px;
}

#colLeft form span.text input, form span.password input, form textarea {
	background-image: url(../_images/input-bg.gif);
	background-color: #cfcfcf;
	border: 1px solid #898989;
	padding: 3px;
	width: 200px;
	background-repeat: repeat-x;
}

#colLeft span.date label {
	display: none;
}


#colLeft form label, #colLeft form span.date legend span {
	width: 150px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 5px;
	padding-top: 3px;
	font-size: 14px;
}

#colLeft form span.date select.day {
	margin-left: 156px;
}

#colLeft input {
	float: left;
}

form span.caption {
	clear: both;
	font-size: 11px;
	padding-top: 5px;
	margin-left: 155px;
}

#colLeft form span.checkbox input {
	float: left;
	margin-left: 154px;
	margin-top: 3px;
}



#colLeft form span.checkbox label {
	float: right;
	text-align: left;
	width: 450px;
	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
  background-color: red !important;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:red;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
.tweet {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  width: 223px;
  height: 115px;
  background: transparent url(../_images/social-background.png) no-repeat;
  margin-top: 20px;
  padding: 5px;
  overflow: hidden;
text-align: center;
  }
.tweet .tweet_list {
  list-style-type: none;
  margin: 0;}
.tweet .tweet_list li {
  overflow: auto;
  padding: .5em; 
  text-align: left; 
  line-height: 17px;}
.tweet .tweet_list li a {
  color: #c1c1c1;}
.tweet .tweet_list .tweet_even {
  background-color: #91E5E7; }
.tweet .tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left; }
.tweet .tweet_list .tweet_avatar img {
}
a#join-twitter{
  background: url(../_images/btn-follow-on-twitter.png);
  width: 233px;
  height: 39px;
  display: block;
  text-indent: -2000px;
}
a#join-facebook{
  background: url(../_images/btn-join-on-facebook.png);
  width: 233px;
  height: 39px;
  display: block;
  text-indent: -2000px;
}
a:hover#join-facebook, a:hover#join-twitter{
  background-position: left bottom;
}
div.job-listing{
  padding: 8px 0 0 0;
}
div.job-listing h2{
  color: #FFC000;
}
div.job-listing a.job-apply{
  float: right;
  padding: 10px 0;
}