body {margin:0; padding:0px; background: url(http://s3.paramorphicdesigns.com/clients/julieboden/background.jpg) 50% 0 no-repeat #d9c38a; font-family:arial;}

#navleft {float:left; margin: -40px 0 0 69px;}
#navleft ul {margin:0; padding: 0; list-style:none;}
#content {width:425px; height:600px; float:left; margin-left:15px; margin-top:20px; padding:30px 10px 10px 10px; position:relative;}
#navleft a {display:block; outline:none; background-image: url(http://s3.paramorphicdesigns.com/clients/julieboden/navigationgridv2.jpg);}
#book {width:993px; height:700px; margin-top:100px; margin-left:auto; margin-right:auto; background: url(http://s3.paramorphicdesigns.com/clients/julieboden/book.png) center no-repeat;}
#header {float:left; width:344px; height:295px; margin:-15px 0 0 41px;}
#book-left {width: 490px; height:680px; float:left; margin:0;}
h1 {margin:0; padding:0;}
img {margin:0; padding:0;}

#nav-home {background-position: 0 0; width:120px; height:44px;}
#nav-home:hover {background-position: -219px 0;}
#nav-biography { background-position: 0 -44px; width:160px; height:43px;}
#nav-biography:hover {background-position: -219px -44px;}
#nav-bibliography {background-position: 0 -87px; width:180px; height:43px;}
#nav-bibliography:hover {background-position: -219px -87px;}
#nav-quotesreviews {background-position: 0 -129px; width:150px; height:42px;}
#nav-quotesreviews:hover {background-position: -219px -129px;}
#nav-events {background-position: 0 -175px; width:136px; height:40px;}
#nav-events:hover {background-position: -219px -175px;}
#nav-poetry {background-position: 0 -215px; width:120px; height:47px;}
#nav-poetry:hover {background-position: -219px -215px;}
#nav-photos {background-position: 0 -262px; width:132px; height:35px;}
#nav-photos:hover {background-position: -219px -262px;}
#nav-shop {background-position: 0 -297px; width:116px; height:47px;}
#nav-shop:hover {background-position: -219px -297px;}
#nav-links {background-position: 0 -344px; width:116px; height:47px;}
#nav-links:hover {background-position: -219px -344px;}


/*.poems {list-style:none;}
.poems a {color: black; text-decoration:none; margin-left: 10px; display:block; float:left;}
.poems .obj {float:left; clear:left}
.poems .filler {width: 26px; height: 1px; float: left; clear:left;}*/

.poems {margin:0; padding:0}

.block {height:20px;padding-left:8px;}
.block a {color: black; text-decoration:none; margin-left: 10px; display:block; float:left;}
.block .obj {float:left; clear:left}
.block .filler {width: 32px; height: 1px; float: left; clear:left;}
.block .mp3 {width:24px; height:16px; margin-top:2px; float:left; display:block; background: url(http://s3.paramorphicdesigns.com/clients/julieboden/play.png);}


a {outline:none;}
a img {border:none;}

.feather {position:absolute; z-index:10; background: url(http://s3.paramorphicdesigns.com/clients/julieboden/feather.png) center no-repeat; }
#f1 {background-position:0 0; left:50%; margin-left:115px; top:0px; width: 200px; height:80px;}
#f2 {background-position:-80px -40px; left:50%; margin-left:195px; top:40px;width: 180px; height:100px;}
#f3 {background-position:-170px -80px; left:50%; margin-left:285px; top:80px; width: 180px; height:150px;}
#f4 {background-position:-270px -160px; left:50%; margin-left:385px; top:160px;width: 197px; height:250px;}

/*p {margin-bottom:20px;}*/


#content-body{height: 585px; overflow:auto; font-size:0.75em;}
#content-body p {padding:0; margin-bottom:5px; margin-left:0px; margin-right:0px; margin-top:0px;}
#content-body a {color: black;}
#content-body a:hover {color:green;}

.gallery{height: 585px; overflow:auto;}

#page-selector{list-style:none; text-align:center;}
#page-selector li{display:inline; padding:10px;}
#page-selector a {text-decoration: none; color: brown;}

.product {float:left; position:relative; width:400px; margin-top:5px; height:153px;}
.product a {float:left; margin-right:5px;}
.product .details {float:left; position:absolute; left:120px; bottom:10px;}
.product .details .paypal {float:left;}
.product .details span {float:left;line-height:20px;margin-right:10px;}

#player {position:absolute; bottom:10px; left:20px;}

.clearthis {clear:both;}

h2 {font-size:1.2em;}
h3 {font-size:1.0em;}


/*THICKBOX*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#TB_layer {
	position:absolute;
	z-index:101;
	top: 0px;
	left: 0px;
	width:100%;
	min-width:600px;
}


#TB_window {
	position: relative;
	background: #ffffff url(http://s3.paramorphicdesigns.com/clients/julieboden/poembg.jpg) no-repeat;
	color:#000000;
	border: 1px solid black;
	text-align:left;
	top:100px;
	margin: 0 auto;
	width:600px;
}




#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color: transparent;
	height:32px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:center;
	line-height:1.4em;
	width: 570px; 
	height: 585px;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}








/*ACCORDION*/

.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0 0 2px 0; padding: 0;}

.ui-accordion li .ui-accordion-header {	display: block;	padding-left: 5px;	height: 28px;	background-image: url(http://s3.paramorphicdesigns.com/clients/julieboden/buttonpoetrygrid.png);	background-position: -4px -4px;	color: #f8efde;	text-decoration: none;	line-height: 28px;}
/*
.ui-accordion li .ui-accordion-right, .ui-accordion li .ui-accordion-left {display: none;}
*/
.ui-accordion li:hover .ui-accordion-header { background-position: -4px -37px;}

.ui-accordion li.selected .ui-accordion-header { background-position: -4px -70px;}

}
.ui-accordion li .ui-accordion-right {
	display: block;
	position: absolute;
	width: 0px;

}
.ui-accordion li .ui-accordion-left {
	display: block;
	position: absolute;
	width: 0px;
}