/*  
Theme Name: Analysis of Bison Kills
Theme URI: http://analysisofbisonkills.co.uk
Description: The Analysis of Bison KIlls site theme
Version: 1.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com/
*/

/*
***********************************************************

Title:			style.css
Browser(s): 	All (except IE)

Author: 		Elliot Jay Stocks (elliotjaystocks.com)
Created: 		14.10.2007
Last modified: 	25.01.2008

***********************************************************
*/





/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}





/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */






/* Typography */

h2 { font:bold italic 24px/24px Georgia, 'Times New Roman', Times, serif }
h3 { font:bold italic 18px/24px Georgia, 'Times New Roman', Times, serif; margin:0 0 10px 0 }
h3.respond { margin:-100px 0 2px 0 }

p { margin:2px 0 16px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
h4 { font:bold italic 14px/18px Georgia, 'Times New Roman', Times, serif; margin:0 0 2px 0 }
h5 { font-size:14px; line-height:18px }
p, li, dt, dd, label, cite { font-size:11px; line-height:18px }
input, textarea { font-size:11px; padding:2px; width:394px; border:1px solid #000 }

dl { width:400px; padding:0 0 0 75px; margin:0 0 16px 0 }
dl dt { float:left; width:140px; font-weight:bold }

blockquote { font:bold italic 14px/18px Georgia, 'Times New Roman', Times, serif; margin:0 0 2px 0; color:#666 }
cite { font-weight:bold }

a { color:#369; text-decoration:none }
a:hover { color:#369 }
p a:hover, h3 a:hover { border-bottom:2px solid #369 }






/* Layout (basic) */

body { background:#fff url(images/repeater01.jpg) top left repeat-x fixed; text-align:left; color:#000 }

div.wrapper { background:url(images/wrapperBG01.jpg) top left no-repeat fixed; width:100%; padding:0 0 100px 0 }

div.wrapper ol li.section { background:url(images/shadow01.png) top left repeat-x; border-top:10px solid #000; margin:0 0 100px 0; width:100%; position:relative }
div.wrapper ol li.section h1 { background:url(images/logo01.png) top left no-repeat; width:366px; height:284px; text-indent:-9999px; position:absolute; top:0; left:494px }

div.wrapper ol li.section h2 { color:#0cf; width:40px; height:40px; padding:10px 0 0 10px; background:#000; position:absolute; top:190px; left:0 }
div.wrapper ol li.section h2 span { display:none }
div.wrapper ol li.section div.ad { background:url(images/ad01.jpg); width:394px; height:168px; border:1px solid #000; border-top:none; position:absolute; top:0; left:76px }
div.wrapper ol li.section div.ad.top01 { background:url(images/top01.jpg) }
div.wrapper ol li.section div.ad.top02 { background:url(images/top02.jpg) }
div.wrapper ol li.section div.ad.top03 { background:url(images/top03.jpg) }
div.wrapper ol li.section div.ad.top04 { background:url(images/top04.jpg) }
div.wrapper ol li.section div.ad.top05 { background:url(images/top05.jpg) }
div.wrapper ol li.section div.ad.top06 { background:url(images/top06.jpg) }
div.wrapper ol li.section div.ad p { width:200px; padding:0 }

div.wrapper ol li ul.nav { width:250px; height:50px; background:url(images/nav01.gif) top left repeat-x; position:absolute; top:190px; left:550px } /* The background is for IE, which didn't seem to like the flat colour */
div.wrapper ol li ul.nav li { border:none; position:static }
div.wrapper ol li ul.nav li a { font:italic 14px/24px Georgia, 'Times New Roman', Times, serif; color:#fff; height:25px; padding:0 10px; display:block; position:absolute }
div.wrapper ol li ul.nav li a:hover { border:none; background:#222 }
div.wrapper ol li ul.nav li a.buttonNews { width:40px; top:0; left:0 }
div.wrapper ol li ul.nav li a.buttonMusic { width:44px; top:0; left:60px }
div.wrapper ol li ul.nav li a.buttonBio { width:32px; top:0; left:122px }
div.wrapper ol li ul.nav li a.buttonImages { width:56px; top:0; left:174px }
div.wrapper ol li ul.nav li a.buttonVideo { width:40px; top:25px; left:0 }
div.wrapper ol li ul.nav li a.buttonPress { width:44px; top:25px; left:60px }
div.wrapper ol li ul.nav li a.buttonLinks { width:32px; top:25px; left:122px }
div.wrapper ol li ul.nav li a.buttonMySpace { width:56px; top:25px; left:174px }
div.wrapper ol li ul.nav li a.current { color:#0cf }

div.wrapper ol li ul.nav li a.back { width:230px; top:12px; left:0 }

div.wrapper ol li h3 { width:400px; padding:190px 0 0 75px }
div.wrapper ol li h4 { width:400px; padding:40px 0 0 75px }
div.wrapper ol li p { width:400px; padding:0 0 0 75px }

ul#recentPosts { width:400px; padding:0 0 0 75px }
ul#recentPosts li a { display:block; padding:5px; border-bottom:1px dotted #666 }
ul#recentPosts li a:hover { color:#fff; background:#222 }

ul#links { width:400px; padding:0 0 0 75px }
ul#links li { padding:10px 0; border-bottom:1px dotted #666 }
ul#links li a { font-size:14px; line-height:18px; font-weight:bold; display:block }
ul#links li a:hover { border:none; color:#fff; background:#222; padding:0 5px }

div.flashPlayer { width:398px; height:166px; margin:0 0 0 75px; border:1px solid #666 }

li#images a { border:none }
li#images img { float:left; border:1px solid #000; margin:0 10px 10px 0 }
li#images br { clear:both }