/* Tewkebury Medieval Festival v2.0 */
/* Handheld stylesheet */

/* Ye olde coding crafted by sSquire 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: #fff url('../images/back.jpg') top left; color: #333; font: 62.5% Georgia, 'Palatino Linotype', 'Times New Roman', serif; }
h1, h2, h3, h4  { padding: 0.2em 0; letter-spacing: 0.05em; }
h1 { font-size: 3em; font-weight: bold; font-family: "manuskriptgotisch"; }
h2 { font-size: 1.8em; font-style: italic; }
h3 { font-size: 1.5em; font-style: italic; font-weight: normal; clear: both; }
h4 { font-size: 1.3em; font-weight: normal; }
h2:first-letter, h3:first-letter , p:first-letter { font-size: 140%; color: #C33C0D; font-family: "manuskriptgotisch"; font-weight: bold; }
p, li, abbr { font-size: 1.3em; line-height: 1.5em; padding: 0.5em 0; }
li { list-style: none; list-style-image: url('../images/bullet.png'); margin: 0 0 0 35px; }
q, em { color: #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 { margin: 0 auto; width: 400px; text-align: center; }
.skiplinks a { background: #fff; color: #333; padding: 5px; font-weight: bold; width: 10em; z-index: 9; text-align: center; font-style: italic; font-size: 0.8em; }

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

/*Header section */
#header { text-align: center; background: url('../images/header-back.png') repeat-x bottom left; height: 198px; color: #fff; }
#header a { display: none; }
#header h1 { margin: 0 auto; width: 400px; padding: 20px 0; }

/* Navigation section */
#navheader { position: absolute; top: -20em; left: -200em; }
#nav { width: 400px; margin: 1em auto 0 auto; font-size: 0.7em; font-weight: normal; font-style:italic; }
#nav li { float: left; display: inline; text-align: center; padding: 0; margin: 0 0.3em; letter-spacing: 0.05em; }
#nav li a { display: block; width: 4em; padding: 0.3em 0.5em; color: #fff; }
#nav .active { color: #fff; background: #C33C0D ; }
#nav li a:hover { color: #333; background: #fff; }
#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; }

/* Home page */
#top { margin: 1em 0; }
#upcoming, #facebook, #twitter { 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;}
#sponsorship li { margin: 0 6px 0 0; float: left; list-style: none; }
#sponsorship img { padding: 5px;  }

/* Content section and sub-items*/
#content { width: 400px; margin: 0 auto; padding: 0 10px;}
#content h2 { clear: left; }
.links { }
.links  li { width: 400px; margin: 0 auto; text-align: center; list-style: none;}
.links  li a{  display: block; }
#main { width: 400px; }

/*Sidebar */
#sidebar { float: right; width: 275px; margin: 0.5em 0 0.5em 0; padding: 0; font-style: italic; }

/*Image  treatment*/
.gallery , .poster , .links li a, .imageholder img { background: url('../images/background.png') top left; padding: 10px; border: solid 1px #ddd; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; }
.poster { float: right; margin: 5px; text-align: center; font-size: 110%; font-style: italic; }
.poster a, .imageholder a { text-decoration: none; }
.imageholder { font-size: 110%; font-style: italic; text-align: center; }
.imageholder li { float: left; list-style: none; margin: 0 3px 0 0;}
.sponsor { padding: 10px; margin: 0 0.13em 0 0; background: url('../images/background.png') top left; border: solid 1px #ddd; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; }
.map  { text-align: left; }

/*Misc items or sections*/
#stuff { margin-top: 1em; }
#stuff li { float: left; margin: 0 0.68em 0.5em 0; list-style: none; list-style-image: url(''); text-align: center; font-weight: bold; background: url('../images/background.png') top left; border: solid 1px #ddd; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; padding: 0;}
#stuff li a { display: block; padding: 7em 1.5em 1em 1.5em; font-size: 1em; width: 80px; min-height: 60px;  font-style: italic; }
#visitors a { background: url('../images/visitors.jpg') no-repeat 50% 20%; }
#re-enactors a { background: url('../images/re-enactors.jpg') no-repeat 	50% 20%; }
#entertainers a { background: url('../images/entertainers.jpg') no-repeat 50% 20%; }
#find-us li { margin: 0.5em 0; padding: 0; background: url('../images/background.png') top left; border: solid 1px #ddd;border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; list-style: none; list-style-image: url(''); text-align: left; font-weight: bold; }
#find-us li a { display: block; padding: 0.5em; font-size: 1.34em; font-style: italic;}
.hr { clear: both; }
hr { border: 0; }
.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 }

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