/*  
Theme Name: Open Book 1.0
Theme URI: http://www69.pair.com/ajbblack/home/wp-content/openbook
Description: A theme for wordpress that displays content within an open book, making use of the CSS attribute "position: fixed;". In IE6 it displays a simple, elegant alternative.
Author: Ali Blackwell
Author URI: http://www.aliblackwell.com
*/
<!--[if IE 6]><!--

/* Resets and Hacks*/
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	list-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

#newpage {
width: 400px;
display: none;
margin: 0px 0px 0px 2400px;
border: solid black 1px;
height: 400px; 
position: fixed;}



#ie6warning {display: none;}
#ie6warning p {display: none; }
* {margin: 0; padding: 0; }
#adbanner { width: 400px; height: 250px; margin: 0; padding: 0; }
#flashback  {z-index: z-index: -10;  width: 450px;}
a#postqueerlink {margin: 0px 0px 0px 174px; padding: 0; width: 210px; height: 80px; display: block; position: absolute; }
a#writinglink {margin: 0px 0px 0px 0px; padding: 0; width: 353px; height: 37px; display: block; position: absolute; }
a#actinglink {margin: 125px 0px 0px 150px; padding: 0; width: 87px; height: 79px; display: block; position: absolute;  }
a#directinglink {margin: 225px 0px 0px 113px; padding: 0; width: 237px; height: 79px; display: block; position: absolute;  }
#urgentarticleflash { position: absolute; z-index: 6; margin: 20px 0px 0px 80px; }
#contactnoteflash { position: absolute; z-index: 6; margin: 20px 0px 0px 80px; }
#latestcontentflash { position: absolute; }
a {z-index: 10;  }
a, img {border: none; }
a:focus, a:hover, a:active { outline:none }
.textwidget {text-align: center; margin: 0 auto; }
li img {width: 50px; height: 50px; }
li#rss-1 img {width: 14px; height: 14px; }
html {  }
p {margin-bottom: 18px; font-size: 13px; line-height: 20px; letter-spacing: 1px;   } 
.nomargin {margin: 0px;}
h1 {  font-size: 27px; line-height: 36px; margin-bottom: 18px;  }
h2 {   font-size: 18px;    line-height: 18px;    margin-bottom: 18px; text-align: center; padding: 0px;   }
.firsth2 {font-size: 18px;    line-height: 18px;  text-transform: uppercase;  margin-bottom: 18px; text-align: center; padding: 0;   }
h3 {   font-size: 16px;   line-height: 18px; text-align: center; margin-bottom: 16px;}
h4 {text-align: center; line-height: 16px; font-size: 14px; margin-bottom: 12px;}
ul, ol {   margin-bottom: 18px; }
.left {   float: left; border: solid black 2px; padding: 4px; background: white;   margin: 0 18px 18px 0; }
.thumb {margin-left: 57px; padding: 4px; border: solid black 2px; background: #cccccc; }
a {text-decoration: none; font-weight: bold; color: black; padding: 0px; }
a:hover {text-decoration: underline; color: red; } 
a.ext {  background: url("images/external.gif") right no-repeat; padding: 0px 12px 0px 0px;}
a.int {  background: url("images/int.gif") right no-repeat; padding: 0px 12px 0px 0px;}
.defunct {  background: url("images/externaldead.gif") right no-repeat; padding: 0px 12px 0px 0px;}
body {font-weight: normal !important; font-family: 

             Tahoma,
             "Trebuchet MS",
             "Lucida Sans",
             "Lucida Grande",
             "Lucida Sans Unicode",
              Arial,
             sans-serif;
position: relative; z-index: 10; width: 100%; margin: 0 auto; padding: 0; line-height: 18px;
font-weight: normal; }
.quicklinks {text-align: center; }
span.spanpadding a {margin-right: 20px; }
#maincontent ul {list-style: none;  padding: 5px; text-align: center;  }
#xhtml {display: block; position: absolute; top: 100px; left: 10px; z-index: 10;  }
#css { display: block; position: absolute; top: 140px; left: 10px; z-index: 10; }
#background { position: fixed;  width: 1600px; background: url("images/bg.jpg");   height: 100%;  z-index: -10; }
#copyright { display: block; position: absolute; margin: 5px 0px 0px 550px; padding: 0; font-size: 14px; }
#copyright .iphoneoptimised {display: none; }
#footnotes { display: block; position: absolute; margin: 5px 0px 0px 80px; padding: 0;  z-index: 10; font-size: 13px; }

#header img {margin-top: 40px; margin-left: 640px; }
#header h1 {margin-top: 50px; margin-left: 50px; text-transform: uppercase; padding: 0px 0px 10px 0px; width: 330px; text-align: center; }
#header {position: fixed;  margin-left: 1px; width: 1100px;  height: 100px; background: url("images/booktop.jpg") no-repeat;     padding: 0; z-index: 5; }
#bookmiddle {  position: fixed; margin-left: 4px; top: 84px; width: 100%; height: 100%; background:  url("images/bookmiddle.gif") no-repeat ; z-index: -5;  }
#bookbottom { position: fixed; margin-left: 11px; top: 548px;   width: 100%; height: 100%; background: url("images/bookbottom1.jpg") no-repeat; z-index: 5;  }
#maincontent {  text-align: justify; position: absolute; margin-top: 0px;  margin-left: 90px;   display: block; float: left;  border: 0; width: 84%; }




#maincontent h1 {text-align: center; }
#leftcontent {float: left; width: 380px; text-align: justify;  margin-left: 0px; position: fixed; display: block;  margin-top: 216px;   margin-bottom: 50px; clear: both;}
.home #leftcontent {margin-top: 194px;}
#rightcontent {float: right; width: 370px;  padding: 0px 50px 800px 0px; position: absolute; margin-left: 440px;   display: block; text-align: justify;  margin-top: 98px;}
.contactpage p {text-align: center; }
#booktop h1 {margin-left: 80px; }
#mainnav {list-style: none;   margin: 26px 0px 0px 80px;  padding: 0; position: fixed;  width: 377px; height: 180px;    z-index: 7;  display: block;}
#mainnav a { display: block;  height: 50px; }
#mainnav li {position: fixed; z-index: 10;     }
#sidebar img {margin: 0; padding: 0; }
#contents {width: 150px; height: 50px; display: block; background: url("images/contents.png") no-repeat right; margin: 10px 0px 0px 130px; text-indent: -10000em;}





#lh {width: 150px; height: 50px; display: block; background: url("images/tabs.png") no-repeat right; background-position: 0 -400px; margin: 50px 0px 0px 0px; text-indent: -10000em;}
#l1 {width: 150px; height: 50px; display: block; background: url("images/tabs.png") no-repeat right; background-position: 0 -1000px;  margin: 50px 0px 0px 160px; text-indent: -10000em;}
#l2 {width: 150px; height: 50px; display: block; background: url("images/tabs.png") no-repeat right; background-position: 0 0; margin-left: 215px; margin-top: 90px; text-indent: -10000em; }
#l3 {width: 150px; height: 50px; display: block; background: url("images/tabs.png") no-repeat right; background-position: 0 -600px; margin-left: 55px; margin-top: 92px; text-indent: -10000em;}
#l4 {width: 150px; height: 50px; display: block; background: url("images/tabs.png") no-repeat right; background-position: 0 -800px; margin-left: 200px; margin-top: 132px; text-indent: -10000em;}
#l5  {width: 150px; height: 50px; height: 50px; display: block; background: url("images/tabs.png") no-repeat right; background-position: 0 -200px; margin-left: 10px; margin-top: 132px;  text-indent: -10000em;}
#lh:hover, #lh a:active { background: url("images/tabs.png") no-repeat right;  background-position: 0 -500px;}
#l1:hover, #l1 a:active { background: url("images/tabs.png") no-repeat right; background-position: 0 -1100px; }
#l2:hover, #l2 a:active { background: url("images/tabs.png") no-repeat right;  background-position: 0 -100px;}
#l3:hover, #l3 a:active { background: url("images/tabs.png") no-repeat right; background-position: 0 -700px;}
#l4:hover, #l4 a:active { background: url("images/tabs.png") no-repeat right; background-position: 0 -900px;}
#l5:hover, #l5 a:active { background: url("images/tabs.png") no-repeat right; background-position: 0 -300px;  }
#mainnav .currenthome {background: url("images/tabs.png") no-repeat right; background-position: 0 -500px; }
#mainnav .current1 {background: url("images/tabs.png") no-repeat right; background-position: 0 -1100px; }
#mainnav .current2 {background: url("images/tabs.png") no-repeat right;  background-position: 0 -100px;}
#mainnav .current3 {background: url("images/tabs.png") no-repeat right; background-position: 0 -700px; }
#mainnav .current4 {background: url("images/tabs.png") no-repeat right; background-position: 0 -900px;}
#mainnav .current5 {background: url("images/tabs.png") no-repeat right; background-position: 0 -300px; }







/*
#lh {width: 150px; height: 50px; display: block; background: url("images/hometab.png") no-repeat right; margin: 50px 0px 0px 0px; text-indent: -10000em;}
#l1 {width: 150px; height: 50px; display: block; background: url("images/webdesigntab.png") no-repeat right; margin: 50px 0px 0px 160px; text-indent: -10000em;}
#l2 {width: 150px; height: 50px; display: block; background: url("images/articlestab.png") no-repeat right; margin-left: 215px; margin-top: 90px; text-indent: -10000em; }
#l3 {width: 150px; height: 50px; display: block; background: url("images/projectstab.png") no-repeat right; margin-left: 55px; margin-top: 92px; text-indent: -10000em;}
#l4 {width: 150px; height: 50px; display: block; background: url("images/theatretab.png") no-repeat right; margin-left: 200px; margin-top: 132px; text-indent: -10000em;}
#l5  {width: 150px; height: 50px; height: 50px; display: block; background: url("images/contacttab.png") no-repeat right; margin-left: 10px; margin-top: 132px;  text-indent: -10000em;}
#lh:hover, #lh a:active { background: url("images/hometabund.png") no-repeat right; }
#l1:hover, #l1 a:active { background: url("images/webdesigntabund.png") no-repeat right; }
#l2:hover, #l2 a:active { background: url("images/articlestabund.png") no-repeat right; }
#l3:hover, #l3 a:active { background: url("images/projectstabund.png") no-repeat right; }
#l4:hover, #l4 a:active { background: url("images/theatretabund.png") no-repeat right; }
#l5:hover, #l5 a:active { background: url("images/contacttabund.png") no-repeat right;   }
#mainnav .currenthome {background: url("images/hometabund.png") no-repeat right; }
#mainnav .current1 {background: url("images/webdesigntabund.png") no-repeat right; }
#mainnav .current2 {background: url("images/articlestabund.png") no-repeat right; }
#mainnav .current3 {background: url("images/projectstabund.png") no-repeat right; }
#mainnav .current4 {background: url("images/theatretabund.png") no-repeat right; }
#mainnav .current5 {background: url("images/contacttabund.png") no-repeat right; }
*/
#sadface {width: 50px; height: 50px; display: block; background: url("images/sadmask.png") no-repeat right; margin: 35px 0px 0px 825px;   position: fixed; }
#happyface {width: 50px; height: 50px; display: block; background: url("images/happymask.png") no-repeat right; margin: 35px 0px 0px 545px;   position: fixed; }


.textwidget {text-align: justify;  }
li#search { padding: 18px 0 18px 0;  background: url("images/h2head1.png") top no-repeat; }
#comment {width: 370px; }
#entryblurb {background: #ccc; width: 350px; padding: 10px; border: solid black 1px; }

.posted {text-align: left; background: #ccc; width: 350px; padding: 10px; border: solid black 1px; }

.post-line {margin: 0; margin-bottom: 3px; }
.main_formhead {display: none; }
legend#mainlegend {display: none; }
.paddingdiv {display: block; width: 377px; height: 700px; }


img#writer {position: absolute; margin-left: 19px; margin-top: 43px; }
img#actor {  position: absolute;  margin-left: 247px; margin-top: 94px; }
img#director  {   position: absolute; margin-left: 10px; margin-top: 149px;    }

#theatrethumb {position: absolute; }
#theatreimage {width: 380px; display: block;  height: 330px;  position: absolute; margin-top: 0px; margin-left: 0px;  z-index: 10; background: url("images/theatreimage.jpg") no-repeat;   }
#actinghide {text-indent: -10000em;}
#contactimage {width: 380px; display: block;  height: 330px;  position: absolute; margin-top: 0px; margin-left: 0px;  z-index: 10; background: url("images/contactimage.jpg") no-repeat;   }





#keyboard {width: 1024px; display: block;  height: 600px;  position: fixed; margin-top: 600px; margin-left: 750px;  z-index: 10; background: url("images/keyboard.jpg") no-repeat;  }
#iphone {width: 400px; display: block;  height: 600px;  position: fixed; margin-top: 0px; margin-left: 995px;  z-index: 6; background: url("images/iphone.jpg") no-repeat;    }
#beercan { width: 400px; display: block;  height: 600px;  position: fixed; margin-top: 400px; margin-left: 995px;  z-index: 6; background: url("images/beercan.jpg") no-repeat;   }
a.hand:hover { cursor: pointer;  }
a.handfixed {cursor: pointer; }
#howworks {width: 380px; display: block;  height: 60px;   margin: 0px;  z-index: 10; background: url("images/howworks.png") no-repeat; text-indent: -10000em; }
#howworksheader {text-indent: -10000em; position: absolute;}
#boringcode {width: 380px; display: block;  height: 60px;   margin-top: 0px; margin-left: 0px;  z-index: 10; background: url("images/codeisboring.png") no-repeat; text-indent: -10000em; }
.boringcodeheader {text-indent: -10000em; position: absolute;}
#projectsandshizimage {width: 380px; display: block;  height: 60px;   margin: 0px;  z-index: 10; background: url("images/projectsandshiz.png") no-repeat; text-indent: -10000em; }
#projectsandshiz {text-indent: -10000em; position: absolute;}
#projectsimage {width: 400px; height: 150px; margin-top: 0px; margin-left: 0px; z-index: 10; background: url("images/projectsimage.jpg") no-repeat; clear: both; }


#homepageheader {width: 360px;  height: 70px; padding-right: 210px;  margin-top: 20px; float: right;   z-index: 10; background: url("images/homepageheader.png") no-repeat; text-indent: -10000em;  }
#webdesignheader {width: 360px;  height: 70px; padding-right: 210px;  margin-top: 20px; float: right;   z-index: 10; background: url("images/webdesignheader.png") no-repeat; text-indent: -10000em;  }
#projectsheader {width: 360px;  height: 70px; padding-right: 210px;  margin-top: 20px; float: right;  z-index: 10; background: url("images/projectsheader.png") no-repeat; text-indent: -10000em;  }
#articlesheader {width: 360px;  height: 70px; padding-right: 210px;  margin-top: 20px; float: right;   z-index: 10; background: url("images/articlesheader.png") no-repeat; text-indent: -10000em;  }
#theatreheader {width: 360px;  height: 70px; padding-right: 210px;  margin-top: 20px; float: right; z-index: 10; background: url("images/theatreheader.png") no-repeat; text-indent: -10000em;  }
#contactheader {width: 360px;  height: 70px; padding-right: 210px;  margin-top: 20px; float: right; z-index: 10; background: url("images/contactheader.png") no-repeat; text-indent: -10000em;  }

#sidebarbanner {width: 400px; height: 80px; position: absolute; display: block; margin-top: 20px; margin-left: 80px; z-index: 10;  }
.contactbanner { display: none; }
h2.hide {position: absolute; text-indent: -10000em; }
.articlesbanner {  }

.sidebarheader {width: 150px; height: 27px;  margin: 0; z-index: 10;  }
.notetoreader {width: 377px; height: 27px;  margin: 0; z-index: 10; background: url("images/notetoreader.png") no-repeat; clear: both; }
#catarwrap {display: block; float: left; width: 377px;   }
#archivesheader {background: url("images/archives.png") no-repeat; }
#archives {float: left; width: 150px; padding-left: 20px;  }
#categoriesheader {background: url("images/categories.png") no-repeat; margin-left: 20px;  }
#categories { height: 45px; }
#archives ul  {height: 90px; margin: 0px; }
#categories ul  {float: left; }
#categories li {float: left; }
#categories li a {margin: 0px 12px 0px 0px;}
#brainstorm {width: 380px;   height: 200px;   margin-top: 30px; margin-left: 0px;  z-index: 10; background: url("images/articlesimage.jpg") no-repeat;  }

#latestcontentwrap {width: 377px; height: 70px; margin-top: 0px; margin-left: 0px; z-index: 10; background: url("images/latestcontent.png") no-repeat; clear: both; position: absolute; }
h2#latestcontent {  line-height: 24px; text-align: left;  margin: 10px 0px 0px 185px; position: absolute; }
h2#latestcontentheader {position: absolute; text-indent: -10000em;}

.newsflash {
font-weight: bold;
color: red;
}

-->
<![endif]-->