/* @override http://www.jandonley.net/css/main.css */

/*COLORS ______________________________ 
cream: rgb(255,254,208)
blue: rgb(115,156,185)
orange: rgb(181,74,49)
*/
/* GENERAL ______________________________ */
html, html body{
height:100%;
}
body, body.normal{
background:rgb(255,254,208) url("../images/drawing.gif") 550px bottom no-repeat fixed;
}
body.short{
background:rgb(255,254,208) url("../images/drawingSm.gif") 550px bottom no-repeat fixed;
}
body.novelBody{ background:rgb(255,254,208); }
/* LAYOUT DIVs ______________________________ */
#logo a{
position:absolute;
top:5px;
left:0;
width:500px;
height:194px;
text-indent:-9999px;
background:transparent url("../images/name.gif") left top no-repeat;
}
#mainContent{
padding-top:190px;
width:40em;
max-width:600px;
padding-bottom:36px;
}
#mainContent.panel-wrap{
	width:820px;
	max-width:none;
	margin:30px 0 0 40px;
	position:relative;
}
#sidebar{
position:absolute;
top:245px;
left:42em;
width:150px;
}
#footer{
clear:both;
width:40em;
max-width:600px;
}
#footer div{
padding:8px 0 20px 0;
margin-left:40px;
background:transparent url("../images/horizLineBlue.gif") left top no-repeat;
font-size:.83333em;
}
#footerPrint{
display:none;
}
/* IMAGES, OBJECT ______________________________ */
.imgR{
float:right;
margin:.5em 0 .5em .5em;
border:1px solid black;
}
.imgL{
float:left;
margin:.5em .5em 0 .5em;
border:1px solid black;
}
.imgC{
text-align:center;
margin:.5em auto;
border:1px solid black;
}
.noBorder{
border:none;
}
object, iframe{
margin-left:40px;
}
/*NOVEL PAGE STYLES  ______________________________ */
.panel-nav{margin-top:20px;}
.panel-nav li{
	float: left;
}
.panel-nav li a{
	display: block;
	margin-top: -30px;
	padding: 30px 10px 0 10px;
	text-decoration: none;
	color: #6490B3;
}
#to-side-door a.current,
#to-side-door a:hover,
#to-press a.current,
#to-press a:hover{
	background: url("../images/novel-sprites.png") 40% -300px no-repeat;
}
#to-author a.current,
#to-author a:hover{
	background: url("../images/novel-sprites.png") 40% -350px no-repeat;	
}
#to-events a.current,#to-sample a.current,
#to-events a:hover, #to-sample a:hover{
	background: url("../images/novel-sprites.png") 40% -400px no-repeat;	
}

.panel{
	width: 600px;
	padding: 20px 200px 35px 10px;
	clear:both;
	background-color:#FFFFE3;
	border: 1px solid #6490B3;
	border-width:4px 8px 7px 6px;
	-moz-border-image:url("../images/panel-border.png") 7 round;
	-webkit-border-image:url("../images/panel-border.png") 7 round;
	border-image:url("../images/panel-border.png") 7 round;
}
.panel p{
	font-size: 1.1666em;
	line-height: 1.43em;
	padding-left: 0;
}
.panel object{
	display:block;
	margin-left:0;
	margin-bottom:1em;
}
.panel blockquote{
	text-align: center;
	font-style: italic;
	padding: 0 1em;
}
#about-the-side-door blockquote, #press blockquote{
	text-align: left;
	font-style: italic;
	padding: 0;
}
.panel .imgL{
	margin-right: 2em;
	margin-bottom: 1em;
}
.panel img{
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.3);
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.3);
	box-shadow:3px 3px 5px rgba(0,0,0,.3);
	}
.links{
	font-size: 16px;
	position: absolute;
	top: 270px;
	right: 0;
}
.links a{
	text-decoration: none;
	color: #6490B3;
	display: block;
	padding: 8px 40px 8px 0;
	border-bottom: 1px solid #C5D3DC;
	background: url("../images/novel-sprites.png") 100% 5px no-repeat;
}
.links a:hover{
	color: #B64A31;
	background-position: 100% -45px;
}
.links li.twitter a{
	background-position: 100% -95px;
}
.links li.twitter a:hover{
	background-position: 100% -145px;
}
.links li.facebook a{
	background-position: 100% -195px;
}
.links li.facebook a:hover{
	background-position: 100% -245px;
}
.links li.badge a{
	background:none;
	text-align:center;
	border:0;
}
.simpleSlide-window{
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.3);
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.3);
	box-shadow:3px 3px 5px rgba(0,0,0,.3);
}
.left-button, .right-button{
	float:left;
	display:block;
	width:70px;
	height:26px;
	margin-top:5px;
	text-indent:-9999px;
	background:url("../images/arrows-slideshow.png") 0 0 no-repeat;
	cursor:pointer;
}
.right-button{
	background-position:100% 0;
}
.left-button:hover{
	background-position:0 -40px;
}
.right-button:hover{
	background-position:100% -40px;
}
/*p.caption{
	float:right;
	margin-left:140px;
	text-align:right;
	font-style:italic;
	line-height:2em;
}*/
.simpleSlide-slide{	position: relative;}
p.caption{
	position:absolute;
	top:10px;
	left:0;
	padding:2px 4px;
	background:rgb(255,254,208);
	background:rgba(255,254,208,.8);
}
/*NAVIGATION STYLES  ______________________________ */
#primNav {
position:absolute;
top:10px;
left:502px;
z-index:100;
}
#primNav li{
text-indent:-9999px;
width:130px;
height:38px;
}
#primNav a{
text-decoration:none;
border:none;
}
#primNav li#aboutBtn{
background:transparent url("../images/btns/about.gif") top left no-repeat;
}
#primNav li#fictionBtn{
background:transparent url("../images/btns/fiction.gif") top left no-repeat;
}
#primNav li#playsBtn{
background:transparent url("../images/btns/plays.gif") top left no-repeat;
}
#primNav li#journalBtn{
background:transparent url("../images/btns/journal.gif") top left no-repeat;
}
#primNav li#contactBtn{
background:transparent url("../images/btns/contact.gif") 0 0 no-repeat;
}
#primNav li a{
display:block;
height:38px;
}
#primNav li#theSideDoorBtn{
	position: absolute;
	top: 10px;
	left: 310px;
}
#primNav li#theSideDoorBtn a{
	display: block;
	width: 180px;
	height: 155px;
	text-indent: -9999px;
	background:url("../images/the-side-door.png") 0 10px no-repeat;
}
#primNav li#theSideDoorBtn a:hover,
.novelBody #primNav li#theSideDoorBtn a{
	background-position: 0 -246px;
}
/* HOVER and CURRENT nav styles */
li#aboutBtn a:hover, li#aboutBtn a:focus{
background:url("../images/arrows1.gif") 70px 50% no-repeat;
}
.aboutBody li#aboutBtn a,
.defaultBody li#aboutBtn a{
background:url("../images/sNavHorizLine.gif") 66px 19px no-repeat;
}
li#fictionBtn a:hover,
li#fictionBtn a:focus,
.fictionBody li#fictionBtn a{
background:url("../images/arrows2.gif") 70px 50% no-repeat;
}
li#playsBtn a:hover,
li#playsBtn a:focus,
.playsBody li#playsBtn a{
background:url("../images/arrows1.gif") 58px 50% no-repeat;
}
li#journalBtn a:hover,
li#journalBtn a:focus,
.journalBody li#journalBtn a{
background:url("../images/arrows4.gif") 81px 50% no-repeat;
}
li#contactBtn a:hover,
li#contactBtn a:focus,
.contactBody li#contactBtn a{
background:url("../images/arrows3.gif") 90px 50% no-repeat;
}
/* Sub nav styles */
#primNav ul{
display:none;
}
#primNav ul li{
width:165px;
}
/*displays sub navigation for appropriate section */
.aboutBody li#aboutBtn ul,
.defaultBody li#aboutBtn ul{
display:block;
position:absolute;
top:0;
left:130px;
padding-left:10px;
background:url("../images/sNavVertLine.gif") left 4px no-repeat;
}
#primNav ul li#introBtn{
height:35px;
background:transparent url("../images/btns/intro.gif") top left no-repeat;
}
#primNav ul li#myStoryBtn{
background:transparent url("../images/btns/myStory.gif") top left no-repeat;
}
#primNav ul li#myWorkBtn{
background:transparent url("../images/btns/myWork.gif") top left no-repeat;
}
.aboutBody li#myStoryBtn a, .defaultBody li#myStoryBtn a,
.aboutBody li#myWorkBtn a, .defaultBody li#myWorkBtn a,
.aboutBody li#introBtn a, .defaultBody li#introBtn a{
background:none;
}
#primNav li#introBtn a:hover,
#primNav li#introBtn a:focus,
#introductionBody li#introBtn a,
.defaultBody #primNav li#introBtn a{
background:url("../images/arrows3.gif") 135px 60% no-repeat;
}
#primNav li#myStoryBtn a:hover,
#primNav li#myStoryBtn a:focus,
#my-storyBody li#myStoryBtn a{
background:url("../images/arrows2.gif") 87px 60% no-repeat;
}
#primNav li#myWorkBtn a:hover,
#primNav li#myWorkBtn a:focus,
#my-workBody li#myWorkBtn a{
background:url("../images/arrows4.gif") 87px 60% no-repeat;
}
/* clear fix courtesy of Handcrafted CSS p 106-7 */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
}
*:first-child+html .clearfix {
	min-height:1px;
}