/* Tewkesbury Medieval Festival v2.0 */
/* Main stylesheet */

/* Ye olde coding crafted by squire Rob Mason t/a Sponge Project (www.spongeproject.co.uk).  
Other code and hacks credited to relevant peons. 
Also why are ye looking at my code? */

/* CSS3 only for browsers that can cope - IE I'm looking at you! */
@import url('css3.css');

/* General stuff*/
* { margin:0; padding: 0; }
body { background: #EDECDA url('../images/back.jpg') top left; color: #333; font: 62.5% Georgia, 'Palatino Linotype', 'Times New Roman', serif; }
h1, h2, h3, h4, p, li, abbr  { margin: 0.3em 0; letter-spacing: 0.05em; }
h1 { font-size: 4em; position: absolute; top: -20em; left: -200em; font-weight: normal; }
h2 { font-size: 2.8em; font-weight: normal; }
h3 { font-size: 2.2em; font-weight: normal; }
h4 { font-size: 1.8em; font-weight: normal; }
h2:first-letter, h3:first-letter  { font-size: 140%; color: #C33C0D; font-weight: bold; }
p, li, abbr { line-height: 1.5em; font-size: 1.5em; padding: 0 0 1em 0;}
ul { list-style: square; }
ol { list-style: lower-roman; }
li { margin: 0 0 0 20px; }
q, em, blockquote { color: #C33C0D; font-style: italic; }
blockquote { margin: 0 0 0 1em; padding: 0 0 0 1em; font-size: 0.8em; border-left: dashed 1px #C33C0D; }
a { color: #C33C0D; }
a:hover { color: #333; background: none; text-decoration: none; }
a:focus, a:active  { color: #333; background: #fff; text-decoration: underline; }
img { border: 0;}

/*Skip links */
.skiplinks { position: absolute; top: -9000px; left: -9000px; z-index: 9; }
.skiplinks a:focus, .skiplinks a:active { position: absolute; top: 9010px; left : 9005px; background: #fff; color: #333; padding: 5px; font-weight: bold; width: 10em; z-index: 9; text-align: center; font-style: italic; }

/* Wrapper section */
#wrapper { margin: 0 auto; }

/*Header section */
#header { text-align: center; background: url('../images/header-back.png') repeat-x bottom left; height: 198px; }
#header a { width: 960px; margin: 0 auto; color: #333; text-decoration: none; display: block; padding: 2em 0 1em 0; }
#header a:hover, #header a:focus, #header a:active { background: none; }

/* Navigation section */
#navheader { position: absolute; top: -20em; left: -200em; }
#nav { width: 960px; margin: 0.3em auto 0 auto; font-size: 1.2em; font-weight: normal;  }
#nav li { float: left; display: inline; text-align: center; padding: 0; margin: 0 0.3em; }
#nav li a { display: block; width: 5.8em; padding: 0.3em 0.6em; color: #fff;letter-spacing: 0.06em;  }
#nav .active { color: #fff; background: #C33C0D url('../images/nav-back.png') repeat-x left bottom; }
#nav li a:hover { color: #333; background: #fff url('../images/nav-back-hover.png') repeat-x left bottom; }
#nav li a:focus , #nav li a:active  { color: #333; background: #fff; text-decoration: underline; }
#tooltip { position: absolute; z-index: 3000; border: solid 1px #ddd; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; background-color: #fff; margin: 0.3em 0 0 0; padding: 5px; max-width: 300px; font-size: 0.9em; }

/* Content section and sub-items*/
#content { width: 960px; margin: 0 auto; padding: 10px 10px 0 10px;}
#content h2 { clear: left; }
#main { width: 660px; }
.new-news { background: url('../images/new-news.png') no-repeat 98% 60%; }

/*Sidebar */
#sidebar { float: right; width: 270px !important; margin-top: 1px; padding: 0; font-style: italic; }

/*Image  treatment*/
.gallery, .sponsor a, .imageholder { margin: 1em 0.5em 1em 0; padding: 1em; background: #fff; padding: 10px; border: solid 1px #ddd; text-align: center; font-style: italic; font-size: 110%; }
.imageholder a { text-decoration: none; }

/*Misc items or sections*/
.clear { clear: both; }
.pdf { background: url('../images/pdf.png') no-repeat center right; padding: 0 20px 0 0 }
.pdf:hover { background: url('../images/pdf.png') no-repeat center right; padding: 0 20px 0 0 } 
.pdf:active, .pdf:focus { background: #fff url('../images/pdf.png') no-repeat center right; padding: 0 20px 0 0 }
#upcoming, #facebook, #twitter, #flickr { padding: 0 0 0 18px; }
#upcoming { background: url('../images/upcoming.png') no-repeat left center; }
#facebook { background: url('../images/facebook.png') no-repeat left center; }
#twitter { background: url('../images/twitter.png') no-repeat left center;}
#flickr { background: url('../images/flickr.png') no-repeat left center;}
.sponsorship { list-style-image: url(''); }
.sponsorship li { float: left; list-style: none; list-style-image: url(''); margin-right: 0.5em; margin-left: 0; }
.sponsorship img { background: #fff; padding: 1em; border: solid 1px #ddd; }


/* Footer section */
#footer { font-size: 1.2em; clear: both; height: 140px; font-style: italic; background: url('../images/footer-back.png') repeat-x bottom left; }
#innerfooter { width: 960px; margin: 0 auto; padding: 65px 0 10px 0; }
#footer-links  { width: 960px; margin: 1em auto 0 auto; }
#footer-links ul { float: left; display: inline; }
#footer-links  li { float: left; padding: 0 5px 0 0; margin: 0; list-style: none; font-size: 1em; }