/*---------------------------------------------------------------------------

CSS File for bannister.org

Created by Tom Marshall
www.tvotw.co.uk

---------------------------------------------------------------------------*/

.wrapper
{
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	width: 920px;
}

/*---------------------------------------------------------------------------
| HEADER DEFINITIONS
+--------------------------------------------------------------------------*/
 
#header {
	background: #C8DAEE url('./images/navback.jpg') repeat-x bottom;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: -20px;
}

#header a, #footer a { 
        color: #30302e; 
}

#header a:hover, #footer a:hover
{
	background: transparent;
	color: #e20303;
}

#header:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header ul, #footer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#header h1
{
	display: block;
	background: none;
	height: 18px;
	font-size: 20px;
	width: 600px;
	margin-top: 14px;
}

#header h3
{
	display: block;
	background: none;
	height: 17px;
	font-size: 12px;
	width: 600px;
}

/*---------------------------------------------------------------------------
| NAVBAR DEFINITIONS
+--------------------------------------------------------------------------*/
 
#navbar
{
   margin-top: -20px;
}

#navbar ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navbar li
{
	background: #3B74F5 ;
   	list-style-type: none;
    float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 14px 7px 14px;
	margin: 0 3px 0 0;
    color: #fff; 
	border-bottom: thin solid Gray;
	border-right: thin solid Gray;
}

#navbar li:hover
{
	background: #093FAD;
    color: #fff; 
}

#navbar a
{
    color: #fff;
}

#navbar a:hover
{
	background: #093FAD;
    color: #fff;
    text-decoration: none;
}

/*---------------------------------------------------------------------------
| SIDEBAR DEFINITIONS
+--------------------------------------------------------------------------*/

#sidebar
{
	float: right;
	margin: 20px 0 25px;
	padding: 0 0 0 12px;
	width: 180px !important;
}

#sidebar p
{
	text-align: justify;
}

#sidebar ul
{
	margin-top: 0.5em;
	margin: 7px 0 0 15px;
	padding: 0;
	line-height: 1.5em;
}

#sidebar ul li ul
{
	margin-top: 0.5em;
	margin: 1px 0 0 15px;
	padding: 0;
	line-height: 1.3em;
}

/*---------------------------------------------------------------------------
| FOOTER DEFINITIONS
+--------------------------------------------------------------------------*/

#footer
{
	clear: both;
	position: relative;
	padding: 30px;
    margin-bottom: 30px;
	color: #5c5c5c;
    border-top: solid 0.8em #C8DAEE;
}

#footer #sitemap
{
	float: left;
	width: 500px;
	padding: 0 0 30px;
}

#footer #sitemap li
{
	border-right: 1px solid #ccc;
	float: left;
	line-height: 1.5em;
	padding: 0 7px;
}

#footer .copy
{
	text-align: right;
	float: right;
	margin: 0;
	padding: 0px 0 5px;
	width: 300px;
}



/*---------------------------------------------------------------------------
| CONTENT DEFINITIONS
+--------------------------------------------------------------------------*/
 
 
#mainarea {
    background: #ffffff;
}
 
a
{
	color: #366e9d;
	text-decoration: none;
	font-weight: bold;
}

a:visited { color: #999; }

a:hover
{
	background: #F9F0B7;
	color: #c00;
	text-decoration: underline;
}


h2 a, h3 a, h2 a:visited, h3 a:visited { color: #366e9d; }

h2 a:hover, h3 a:hover
{
	background: #F9F0B7;
	color: #c00;
	text-decoration: underline;
}

body
{
	font: 62.5% 'Lucida Grande', 'Lucida Sans', 'Myriad Pro', Myriad, Tahoma, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

img { border: 0; }

fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

#content
{
	position: relative;
	clear: both;
	float: left;
	margin: 25px 0 25px;
	padding-right: 21px;
	width: 700px;
	font-size: 1.2em;
	line-height: 1.5em;
	border-right: 1px solid #ccc;
}


#content h1 { color: #090; }

#content h2
{
	font: 2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
	margin: 1em 0 5px;
	border-bottom: 1px solid #ccc;
}

#content h3 { margin: 2em 0 0; }

#content .coastertitle h3
{
	text-align: center;
	text-decoration: underline;
	margin: 1em 0 1em 0;
}

#content p
{
	line-height: 1.4em;
	margin-bottom: 1.5em;
}

#content .center
{
	text-align: center;
}

#content .rightphoto
{
	height: 240px;
	width: 320px;
	border: 1px solid #000;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

#content .story
{
	margin: 0 0 3em;
	padding-bottom: 0px;
}

#content .headline
{
	height: 2.5em;
	border-bottom: 1px solid #ccc;
	vertical-align: bottom;
}

#content .headline h2
{
	display: inline;
	margin: 0;
	padding: 0 .5em .5em 0;
	border: 0 !important;
	float: none;
	color: #060;
}	

#content .text
{
	margin: 1em 0;
	text-align: justify;
}

#content .strike
{
	text-decoration: line-through;
}

#content .coasterpark tr
{
	text-align: left;
}

#content .coasterpark td
{
	width: 330px;
	padding: 5px;
}

#content .coasterpark td img
{
	width: 320px;
	height: 240px;
}

#content .coastertripindex td
{
	vertical-align: top;
	font-size: 9px;
}
	
#content .screenshot
{
	text-align: center;
}

#content .screenshot img
{
	border: 1px solid #eeeeee;
}
