/* 
TORCHWOOD HOUSE
*/ 

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

/* 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 */

:link,:visited 
{ 
text-decoration: none;
}
ul,ol 
{ 
list-style: 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
{
position: absolute;
width: 760px;
height: 440px;
left: 50%;
top: 50%;
margin: -240px 0 0 -380px;
padding: 0;
background: #ffffff;
}
#game #container
{
height: 554px;
margin-top: -277px;
}
#end #container
{
background: #441d22;
}

#homecontent
{
height: 189px;
overflow: auto;
padding: 20px;
background: url(../images/homecontent-bg.gif) no-repeat right top #ffffff;
}
* html #homecontent
{
background-attachment: fixed;
}
#no-tl #homecontent
{
height: 289px;
overflow: auto;
padding: 20px;
background: url(../images/homecontent-bg.gif) no-repeat right top #ffffff;
}

#timeline
{
padding-bottom: 1px;
clear: both;
padding-left: 51px;
background: url(../images/title-timeline.gif) no-repeat left center #dedede;
}
* html #timeline
{
height: 1px;
}

#copyright-etc
{
clear: both;
padding-bottom: 1px;
background: url(../images/copyright-bg.gif) no-repeat left center #511c28;
}
* html #copyright-etc
{
height: 1px;
}
/* silly FF: */#container > #copyright-etc
{
margin-top: -3px;
}

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

/* 
==STYLING:
*/

/* =UNIVERSAL: */
body 
{ 
margin: 0;
padding: 0;
font-family: georgia, times,  "times new roman", serif; 
font-size: 62.5%;
background: #fbf7f4;
}
#end
{
background: #441d22;
}

h1 
{
height: 80px;
}

/* =MAIN NAVIGATION: */
#nav
{
background: url(../images/nav-bg.gif) no-repeat;
}

#nav
{
padding: 6px 0 7px 20px;
}
#nav li
{
display: inline;
margin-right: 10px;
font-size: 1.4em;
color: #ffffff;
}
#nav li a
{
padding-left: 24px;
color: #ffffff;
}
#nav li a:hover
{
text-decoration: underline;
}
#nav li .light
{
background: url(../images/nav-itembg-light.gif) no-repeat 0 0.2em;
}
#nav li .dark
{
background: url(../images/nav-itembg-dark.gif) no-repeat 0 0.2em;
}

/* =MAIN PAGE PIC: */
#mainpic
{
float: left;
}
#no-tl > #container > #mainpic
{
height: 319px;
}

/* =HOME PAGE SCROLLING CONTENT: */
#homecontent h2
{
font-size: 2.4em;
font-weight: lighter;
color: #af865d;
margin-bottom: 12px;
}
#homecontent h3
{
font-size: 1.5em;
color: #af865d;
padding: 10px;
}
#homecontent h3 a
{
font-size: 0.9em;
color: #af865d;
}

#homecontent p
{
padding: 8px 10px;
font-size: 1.1em;
line-height: 1.5em;
}

#homecontent a
{
color: #511c28;
font-weight: bold;
text-decoration: underline;
}

#homecontent ul
{
padding: 8px 10px;
font-size: 1.1em;
line-height: 1.5em;
}
#homecontent ul li
{
padding: 4px 0;
}

#homecontent cite
{
display: inline;
font-size: 1.1em;
line-height: 1.5em;
padding: 0px 10px;
}

/* =TIMELINE: */
#timeline h3
{
float: left;
}

#timeline dl
{
float: left;
width: 200px;
margin: 10px 5px 10px 0;
color: #666666;
}
#timeline dl dt
{
float: left;
}
#timeline dl dd
{
margin-left: 90px;
}
#timeline dd h4
{
font-size: 1.2em;
font-weight: lighter;
}
#timeline dd h4 strong
{
font-size: 0.9em;
font-weight: bold;
}

#timeline #more
{
float: right;
margin-right: 5px;
}

/* =COPYRIGHT, ETC: */
#copyright-etc p
{
padding: 10px;
color: #ffffff;
}
#copyright-etc a
{
color: #ffffff;
}
#copyright-etc a:hover
{
text-decoration: underline;
}

#copyright-etc #links
{
float: left;
}
#copyright-etc #info
{
float: right;
}

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

.clear
{
clear: both;
}

.leftpic
{
float: left; 
margin: 5px 15px 15px 0;
}
.rightpic
{
float: right; 
margin: 5px -10px 15px 15px;
}

/* =DECORATIONAL FIRST LETTERS OF PARAGRAPH: */
.t
{
display: block;
float: left;
width: 38px;
height: 15px;
margin-top: -10px;
padding-top: 10px;
text-indent: 30px;
color: #ffffff;
background: url(../images/paragraph-t.gif) no-repeat;
}