/* CSS - http://www.whoisdoctorwho.co.uk/
http://www.whoisdoctorwho.co.uk/
http://www.whoisdoctorwho.co.uk/css/styles.css


GAME04 - RobotShip
*/ 

/* ==================================================================================== */

/* IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none }
address { font-style: normal }

/* ==================================================================================== */

/* 
==STRUCTURAL:
*/

#container
{
width: 760px;
margin: 0 auto;
padding-bottom: 60px;
text-align: left;
left: 50%;
top: 50%;
}

#game-con
{
position: absolute;

width: 760px;

height: 440px;

left: 50%;

top: 50%;

margin: -240px 0 0 -380px;

padding: 0;
	background-image: url("../images/steel-back.jpg");
}

#content
{
float: right;
width: 500px;
padding: 15px 40px 0 20px;
}

#nav
{
float: left;
width: 165px;
padding: 15px 10px 0 25px;
}

/* ==================================================================================== */

/* 
==STYLING:
*/

/* =UNIVERSAL: */
body 
{ 
margin: 0;
padding: 0;
font-family: georgia, times,  "times new roman", serif; 
font-size: 62.5%;
background: #ffffff;
text-align: center;
color: #333;
}

.game { 
background: #000000;
}


h2
{
color: #21227c;
font-weight: lighter;
}

h3
{
color: #cb0100;
padding: 15px 0;
}

/* =MAIN CONTENT: */
#content img
{
display: block;
}


#content h1
{
font-size: 2em;
}

.headline { 
font-size: 120%;
color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
text-align:center;
}	

#game-con a
{
color: #ffda79;
font-weight: bold;
text-decoration: none;
}

#game-con a:hover
{
color: #ffffff;
text-decoration: underline;
}

#content h2
{
font-size: 1.3em;
}
#content h3
{
font-size: 1.3em;
}

#content p
{
margin: 10px 0;
font-size: 1.2em;
line-height: 1.8em;
color: #444;
}

#content a
{
color: #333;
font-weight: bold;
}

#content strong
{
color: #cb0100;
}

#content #mission
{
text-align: right;
float: right;
padding: 18px 0 10px 30px;
}
#content #mission a
{
display: block;
width: 181px;
height: 47px;
text-indent: -10000px;
background: url(../images/accept_off.gif) no-repeat;
text-align: center;
}
#content #mission a:hover
{
background: url(../images/accept_on.gif) no-repeat;
}

/* =NAVIGATION: */
#nav h2
{
font-size: 1.3em;
text-transform: uppercase;
}

#nav a
{
color: #333;
font-weight: bold;
}

#nav ul
{
margin-bottom: 15px;
padding: 10px 0;
font-size: 1.1em;
border-bottom: 1px dotted #999;
}
#nav ul li
{
padding: 2px 0;
line-height: 1.4em;
}

#nav small
{
color: #999;
line-height: 1.5em;
}

/* =EXTRAS: */
.accessibility
{
position: absolute;
left: -10000px;
}

.clear
{
clear: both;
}

#nav .current
{
height: 13px;
text-indent: -10000px;
background: url(../images/current-title.gif) no-repeat;
}
#nav .previous
{
height: 15px;
text-indent: -10000px;
background: url(../images/previous-title.gif) no-repeat;
}
#nav .links
{
height: 12px;
text-indent: -10000px;
background: url(../images/links-title.gif) no-repeat;
}