@import url("reset.css");
@import url("clearfix.css");

body {
	font-size: 62.5%;
	width:1000px;
	margin:0 auto;
	text-align:center;
	font-family: "obliqua-1","obliqua-2", sans-serif;
	background:#000 url(../img/stripe.png) top left repeat-x;
}

br.break {
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}


a:link {color: #918c02; text-decoration: none;}
a:visited {color: #918c02; text-decoration: none;}
a:hover,a:focus {color: #ad0505; text-decoration: none;}
a:active {}

h1 {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; font-size: 2.5em; margin-top: 15px; color:#fff; font-style: oblique;}
h2 {padding-top: 5px; color: #918c02; font-weight: 100; letter-spacing: 1px; text-transform: uppercase;}
h3 {font-style: oblique; padding: 0; margin-bottom: 10px; font-weight: 100; font-size: 1.2em; color: gray;}
h4 {font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", sans-serif; font-size: 1.8em; color: white; margin: 0 0 10px -25px; padding-top: 20px; text-align: center;}


/*===============================================================================/
// Page structure
/===============================================================================*/

#header,#nav,#content,#sub-section,#footer {
overflow:hidden;
display:inline-block;
text-align:left;
}

/*===============================================================================/
// Main Sections and Modifiers
/===============================================================================*/

#header,#nav,#footer,#terminator,#photoheader {width:100%;}
#nav {background: transparent;}
#header {height:60px; background: transparent;}
#photoheader {height:140px; background: url(../img/photo.png) top center no-repeat;}


#contentultra,#sub-section,#content2 {line-height:1.8em;}
#contentultra { position: relative; top:5px; width:1000px;}


#video2010 {position:relative; left:140px; width: 724px;}
#videoultrawide {position:relative; left:190px; width: 630px;}
#videowide {position:relative; left:0px; width: 520px;}

#footer {width:1000px; text-align: center; background: black; border-top: 5px solid #404040;}
#terminator {width: 1000px; padding: 20px 0 20px 0; font-size: 1.4em; color: gray; border-top: 1px solid #404040;}

#bodytext {sans-serif; line-height: 1.8em; font-size: 1.4em; margin-top: 20px;}
#bodytext strong {letter-spacing: 2px;}
#bodytext blockquote {color:#ad0505; margin: 1.3em 1.8em 1.3em 1.8em; border-left: 5px solid #e5e5e5; padding-left: 10px;}

#searchbox {position: relative; top: 10px; left:40px; padding: 10px 0 10px 0; width: 400px; height: 30px; background: #e8e8d3;}
#search {border: 1px solid #fff; width:250px;}

#adverts {position: relative; top:12px;}

#quote { font-size: 1.2em; color:#afaf9c; position: relative; top:12px; height: 140px; background: url(../img/quote.jpg) top left no-repeat; padding: 50px 20px 20px 65px; }
#quote .person {display: block; font-style: oblique;}

#tumblr {position: relative; top: 10px; background: url(../img/tumblr.png) top left no-repeat; padding-top:78px;}
#hotlink {position: relative; top: 8px; background: url(../img/latest.png) top left no-repeat; padding-top:57px;}
#thedate {position: relative; top:60px; left: 745px; width: 250px;}

#baselinead {margin-bottom: 15px;}

#photo img {border: 3px solid #282828; margin: 3px;}

/*===============================================================================/
// 3 x Footer Divs and UL controls
/===============================================================================*/

#footer-one {float: left; width:300px; padding: 0 0 20px 30px; border-right: 1px dotted #404040;}
#footer-two {float: left; width:300px; padding: 0 0 20px 30px; border-right: 1px dotted #404040;}
#footer-thr {float: left; width:300px; padding: 0 0 20px 30px;}	

ul#footlist {text-align: left;list-style: none;padding: 0px;margin: 0px;width: 240px;}
ul#footlist li {display: block; padding-bottom: 5px;}
ul#footlist li a {display: block; width: 275px; padding: 10px 0 5px 0; color:#006699; text-align:center;text-decoration: none;}
ul#footlist li a:active  {background: #f0e7d7; color: #800000;}
ul.footlist li a:hover {color:#d3011a; background: #424242;}

ul#footlist li a span.atitle {margin: 0 0 3px 0; display:block; color:#a7a7a4; font-size: 1.2em;}
ul#footlist li a span.description {display:block; font-size:10px; line-height: 1.2em;color:#000;}
ul#footlist li a span.date {font-weight: bold; font-size: 10px; color:#595959;}

/*===============================================================================/
// Horizontal Navigation Top Menu
/===============================================================================*/

#menu {margin: 0; padding: 0;}
#menu ul {border: 0; margin: 0; padding: 0; list-style-type: none;	text-align: center;	clear: left;}
#menu ul li {display: block;float: left; text-align: center; padding: 0; margin: 0;}
#menu ul li a {width: 90.5px; height: 40px; margin: 0px; color: #918c02; text-decoration: none; display: block; text-align: center; letter-spacing: 1px; line-height: 45px; font-size: 0.75em; font-weight: 800;}
#menu ul li a:hover {color: #ad0505; line-height: 45px; height: 37px; margin-top: 2px; background-color: #f2f2f2; font-weight: 800;}
#menu a:active	{background: #c60; color: #fff;}