/* CSS STYLE SHEET for WE'RE A KNOCKOUT
coded by Digital Idiom Web Design Copyright c2008
www.weareaknockout.co.uk / www.digitalidiom.co.uk
#######################################################
*/

body {
margin:0px;
padding:0px;
background:#016290 url('../images/tile-body.gif');
font:normal 0.76em/1.5em Verdana, Arial, Helvetica, sans-serif;
color:#333;
}


/* #### MAIN DIVS ######################################################### */

#container {
width: 940px;
border: 0px solid #FFF;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color:#016290;
}

#masthead {
height:214px;
padding: 0px;
margin: 0px;
background:#016290 url('../images/bg-masthead.jpg') no-repeat;
}

#icons {
float:right;
width:200px;
height:40px;
background-color: #92CCEC;
}

#logo {
width:300px;
height:130px;
background-color: #92CCEC;
}

#search {
height:50px;
padding: 0px 10px;
background-color: #92CCEC;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}

#splash {
height:140px;
padding: 0px 10px;
background-color: #ECE;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}

#content { 
padding: 30px 0px 0px 0px;
width:600px;
background-color:#016290;
color:#E7E7E7;
float:left;
}

#contentWide { 
padding: 30px 0px 0px 0px;
width:940px;
background-color:#016290;
color:#E7E7E7;
float:left;
}


#sidebarL {
float: left;
width: 240px;
height:410px;
margin: 10px 20px 10px 10px;
margin-right: 25px;
padding: 10px 0px 10px 10px;
background:#016290 url('../images/bg-menu.jpg') no-repeat;
}

#footer {
height:70px;
clear: both;
margin:0px;
padding:14px 0px 0px 0px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height:10px;
color:#003366;
text-align:center;
background:#016290 url('../images/bg-footer.jpg') no-repeat;
}

#review {
margin:100px;
padding:20px;
background-color:#016290;
color:#6699CC;
border:1px solid #333366;
}

#review h3 {
color:#6699CC;
}

#review a:link, #review a:visited {
color:#4477AA;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Text and Headings */

.print {position:absolute; top:-2000px; left:-2000px;}
img {border:0px;}

h1 {
font:bold 17px Verdana, Arial, Helvetica, sans-serif;
color:#FFCC00;
margin:4px 0px 16px 0px;
padding:0px;
}

h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#FFCC00;
margin:12px 0px 4px 0px;
padding:0px;
}


h3 {
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#CCC;
margin:0px 0px 2px 0px;
}

.strapline {font-size:110%; font-weight:bold;}

p {margin:0px 0px 16px 0px;}
.price {font-weight:bold; font-size:140%;}
.note {font-size:80%; line-height:90%; color:#BBB;}

hr {height:1px; color:#CCC;}

.boxed {
border:1px solid #999;
padding:4px;
}

.imgRight {
float:right;
margin-left:10px;
}

.imgLeft {
float:left;
margin-right:4px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Menu and Links */

a:link, a:visited {color:#CCC; text-decoration:none;}
a:hover {color:#FC3;}

#content a:link, a:visited {color:#CCC; text-decoration:underline;}
#content a:hover {color:#FC3;}

#footer a:link, #footer a:visited {color:#036; text-decoration:none;}
#footer a:hover {color:#C00;}


#navlist
{
margin: 40px 0px 0px 10px;
padding:0px;
list-style: none;
}

#navlist li
{
padding: 0px 0px 8px 10px;
background-image: url('../images/icon-bullet.gif');
background-repeat: no-repeat;
}

#navlist li a:link, #navlist li a:visited {font-size:110%; color:#FFF; text-decoration:none; font-weight:bold;}
#navlist li a:hover {color:#FC3; text-decoration:underline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* FORM STYLES ########################## */
form {margin:0px; padding:4px; border-top:1px solid #999; border-bottom:1px solid #999;}
input, textarea, select {border:1px solid #666; margin:3px;}
.submit {background-color:#96C2DF; color:#333; font-weight:bold; border:1px solid #000;}


/* POPUP GAMES STYLES  ################## */

#popup {
border: 0px solid #FFF;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color:#016290;
text-align:center;
}

#popupfooter {
clear: both;
margin:0px;
padding:14px 0px 0px 0px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height:10px;
color:#003366;
text-align:center;
background-color:#016290;
}

#games {
background-color:#333;
color:#FFF;
}