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

/* 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; text-shadow: #F6F5EA 1px 1px 1px; }
h1, h2, h3, h4, p, li, abbr  { margin: 0.3em 0; }
h1 { font-size: 6em; position: absolute; top: -20em; left: -200em; font-weight: normal; }
h2 { font-size: 4.6em; font-weight: normal; }
h3 { font-size: 3.6em; 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.6em; 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 auto; font-size: 1.5em; font-weight: normal;  }
#nav li { float: left; display: inline; text-align: center; padding: 0; margin: 0 0.3em; }
#nav li a { display: block; width: 4em; padding: 0.3em 0.5em; 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: #fde100 url('../images/nav-back-hover.png') repeat-x left bottom; }
#nav li a:focus , #nav li a:active  { color: #333; background: #F6F5EA; text-decoration: underline; }
#tooltip { position: absolute; z-index: 3000; border: solid 1px #aaa; background: #F6F5EA url('../images/back.jpg') top left; margin: 0.3em 0 0 0; padding: 5px; max-width: 250px; font-size: 0.6em; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5);}

/* 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: #F6F5EA; 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: #F6F5EA; padding: 1em; border: solid 1px #ddd; }
#donate-form  { margin-top: 20px; } 
#donate-now { font-size: 3em; cursor: pointer; width: 265px; display: block; padding: 20px; color: #fff; background: #C33C0D url('../images/nav-back.png') repeat-x left bottom; text-decoration: none; text-shadow: 1px 1px 1px #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #a1320b; }
#donate-now:hover{ background: #fde100 url('../images/nav-back-hover.png') repeat-x left bottom; color: #333; text-shadow: 1px 1px 1px #fff; border: solid 1px #cdb600; }


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

/* CSS3 funk */
h2, h3, #nav a, #donate-now { font-family: "CloisterBlackLight", Georgia, 'Palatino Linotype', 'Times New Roman', serif; }
#nav .active, #nav li a:hover, #nav li a:focus, #nav li a:active, #tooltip, #countdown, #stuff li, #find-us li, #top, .poster, .gallery , #top h2, .links li a, .imageholder img, .skiplinks , .sponsorship img, .map img, .imageholder, .links li , blockquote, textarea, .home-top, #livetweets { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#footer p, #footer li, #footer span { text-shadow: #FFFACF 1px 1px 1px; }
#nav a { text-shadow: none; }

@font-face {
    font-family: 'CloisterBlackLight';
    src: url('../fonts/CloisterBlack-webfont.eot');
    src: url('../fonts/CloisterBlack-webfont.eot?iefix') format('eot'),
         url('../fonts/CloisterBlack-webfont.woff') format('woff'),
         url('../fonts/CloisterBlack-webfont.ttf') format('truetype'),
         url('../fonts/CloisterBlack-webfont.svg#webfontqTaa2iI3') format('svg');
    font-weight: normal;
    font-style: normal;

}