/* ----- main containers ----- */

body{color:#666;font-size:11px;background:#fff url(../images/bg-page-global.gif) top center repeat-x scroll;font-family:helvetica,arial,sans-serif;}
body#home{background-image:url(../images/bg-page-global-home.gif);}
body#tinymce{background-color: #fff;background-image:none;}
#wrap{/* background-color:#ffd;*/}

/* ----- global navigation between sites ----- */

#global-bar{float:right;position:absolute;margin:0 10px 0 670px;background:transparent url(../images/bg-global-nav.png) top left no-repeat scroll;height:64px;width:270px;padding:0 5px;}
#global-nav{margin:0;height:60px;}
#global-nav li{list-style:none; float:left; margin-left:0px; padding:0 5px 0 5px; }
#global-nav li a{display:block;float:left;margin:10px 0px 10px 0px; width:44px;height:44px;font-size:10px;text-indent:-10000em;background-color:#fb0;background:#fc0 url(../images/sprites-global-nav.png) top left no-repeat scroll;}
#global-nav li#global-nav-ch a{background-color:#ff5315;background-position:-22px -22px;}
#global-nav li#global-nav-ch a:hover{background-position:-22px -110px;}
#global-nav li#global-nav-hf a{background-color:#409dd8;background-position:-22px -198px;}
#global-nav li#global-nav-hf a:hover{background-position:-22px -286px;}
#global-nav li#global-nav-dbv a{background-color:#81ae29;background-position:-22px -374px;}
#global-nav li#global-nav-dbv a:hover{background-position:-22px -462px;}
#global-nav li#global-nav-rr a{background-color:#e43138;background-position:-22px -550px;}
#global-nav li#global-nav-rr a:hover{background-position:-22px -638px;}
#global-nav li#global-nav-ee a{background-color:#b42ca7;background-position:-22px -726px;}
#global-nav li#global-nav-ee a:hover{background-position:-22px -814px;}
#global-bar #global-nav-desc{font-family:georgia,"times new roman",serif;background:#ffc url(../images/bg-global-nav-desc.gif) top left no-repeat scroll;width:250px;height:30px;position:absolute;top:61px;text-align:center;margin:0px 5px;padding:5px 0px 0px;z-index:2;display:none;font-size:15px;}
#global-bar #global-nav-desc span{/* display:none;*/}


/* ----- site specific navigation ----- */

#site-nav, #site-nav *{margin:0;padding:0;list-style:none;}
#site-nav{height:53px;margin:0px 0 0 0px;padding:0 5px;background:transparent url(../images/bg-nav-10.png) bottom left no-repeat scroll;font-family:Palatino,Georgia,"Times New Roman",serif;}
body#home #site-nav{height:53px;margin:7px 0 0 0px;padding:0 5px;}
#site-nav li{display:inline;list-style:none;float:left;position:relative;z-index:99;}
#site-nav li a{display:block;float:left;margin:0px 0 0 5px;padding:20px 3px 5px;height:27px;color:#333;font-size:12px;line-height:12px;letter-spacing:0px;font-weight:normal;text-align:center;text-decoration:none;}
* html #site-nav li a{padding:20px 2px 5px;font-size:11px;}
#site-nav li a:hover, #site-nav li.sfHover{color:#111;border-bottom:0px solid #dabf71;background:transparent url(../images/bg-nav-hover.gif) top center no-repeat scroll;}
#site-nav li.sfHover, #site-nav li li a:hover {background-image: none;}
#site-nav li a.current{background:transparent url(../images/bg-nav-hover.gif) top center no-repeat scroll;}



/*#site-nav{line-height:1.0;}*/

#site-nav li:hover li ul, #site-nav li.sfHover li ul{top:-999em;}
#site-nav li li:hover ul, ul#site-nav li li.sfHover ul{left:0em;top:-1px;}
.superfish li:hover ul, .superfish li li:hover ul{top:-999em;}


#site-nav ul{position:absolute;top:-999em;width:140px;background:#f0ba0f;border: 1px solid #daa407;border-top: 0px none;}
/*#site-nav ul li, #site-nav ul li a{width:100%;}*/
#site-nav ul li{display:inline;list-style:none;border-top:1px solid #daa407;}
#site-nav ul li:hover ul, #site-nav li.sfHover ul{left:-5px;top:53px;}
ul#site-nav li li.sfHover ul{left:140px;top:-1px;}
#site-nav ul li a{height:auto;width:120px;margin:0px;padding:10px 10px 5px;text-align:left;border-bottom:0px none;}
#site-nav ul li a:hover{color:#111;background: #ffd525 none;border-bottom:0px none;}
#site-nav ul li a.current{background:transparent none;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/* ----- site specific navigation ----- */

#sub-nav{display: none;height:30px;padding:0 5px;}
#sub-nav li{display:inline;list-style:square inside;}
#sub-nav li a{display:block;float:left;margin:2px 0 0 5px;color:#fff;font-size:12px;line-height:11px;letter-spacing:0px;font-weight:normal;padding:5px 5px 0;text-align:center;text-decoration:underline;}
#sub-nav li a:hover{color:#333;text-decoration:underline;}

	
/* ----- breadcrumb navigation ----- */

#breadcrumb{display: none;height:10px;padding:0 5px;}
	
	
/* ----- page header stuff ----- */

#hd{width:100%;height:250px;overflow:visible;}
body#home #hd{height:400px;}
h1#fruity-bits{height:180px;margin:17px 0 0;text-indent:-100000em;background: transparent none no-repeat;}
body#home h1#fruity-bits{height:320px;margin:20px 0 0;}
#site-graphic{width:340px;height:240px;margin:130px 0 0;position:absolute;background: transparent none no-repeat;}
body#home #site-graphic{height:240px;margin:40px 0 0;}
body#forum #site-graphic{display: none;}
#hd-intro{height:120px;margin:60px 0px 0;font-size:12px;font-family:Palatino,Georgia,"Times New Roman",serif;font-style:italic;line-height:1em;}
body#home #hd-intro{height:120px;margin:120px 0px 0;}
#hd-intro span{display:block;margin:0 0 5px;font-size:28px;font-style:italic;text-align:left;line-height:1em;}
#hd-intro span strong{display:block;font-size:35px;color:#555;text-align:left;font-style:normal;font-weight: normal;}


/* ----- content area stuff ----- */

#content {
	margin: 10px 0 0;
	padding: 20px 20px;
	/* color: #fff;*/
	background: #fff;
	border: 1px solid #888;
	background: #fff url(../images/bg-content.gif) 0 0 repeat-y scroll;
	font-size: 12px;
}


/* ----- sidebar stuff ----- */

#sidebar {
	margin: 120px 0 0;
	padding: 00px 0 0;
	color: #fff;
}


#sidebar fieldset {
	margin-bottom: 10px;
}

#sidebar h3 {
	height: 20px;
	margin: 5px 0;
	padding: 7px 5px 3px 12px;
	color: #333;
	background: transparent url(../images/bg-sidebar-heading.png) no-repeat;
	border-bottom: 0px solid #fc0;
	font-size: 15px;
	font-weight: normal;
	font-family:Palatino,Georgia,"Times New Roman",serif;
	line-height: 17px;
}

#sidebar-login {
	height: 100px;
	margin: 10px 0;
	padding: 10px 15px 10px;
	color: #444;
	background-color: #ffd;
	background: transparent url(../images/bg-sidebar-login.png) no-repeat;
}
#sidebar-login label, #sidebar-login input.text {
	display: block;
	float: left;
	width: 60px;
	margin-bottom: 5px;
	color: #444;
}
#sidebar-login input.text {
	width: 110px;
}
#sidebar-login input.button {
	float: right;
	width: 80px;
	margin: 0px 10px 0px;
}

#sidebar-book {
	margin: -5px 5px 10px;
	padding: 10px 7px 10px;
	color: #444;
	background-color: #fff;
	border: 1px solid #999;
	text-align: center;
}

#sidebar-book {
	margin: -5px 5px 10px;
	padding: 10px 7px 10px;
	color: #444;
	background-color: #fff;
	border: 1px solid #999;
	text-align: center;
}

	
/* ----- footer stuff ----- */

#ft{margin:20px 0px;text-align:center;color:#fff;font-size:12px;}
#ft a{color:#fc0;text-decoration:none;}
#ft p{text-align:center;}
#ft a:hover{color:#ff0;text-decoration:underline;}
#ft p#footer-sitebyelixir { font-size: 9px; }
#ft p#footer-sitebyelixir a {
/*	display: none;*/
/*	background-color:#fff;*/
/*	border:1px solid #ccc;*/
	color:#fff;
/*	margin:0px auto;*/
/*	padding:2px 10px;*/
/*	width:110px;*/
}
#ft p#footer-sitebyelixir a:hover {
/*	color:#999999;*/
	text-decoration: underline;
}

/* ----- heading styles ----- */
	
#content h2,#content h3,#content h4,#content h5, #tinymce h2,#tinymce h3,#tinymce h4,#tinymce h5{font-family:Palatino,Georgia,"Times New Roman",serif;font-weight:normal;background:#fff url(../images/bg-hx.gif) bottom left repeat-x scroll;}
h2{color:#555;font-weight:bold;font-size:25px;}
h3{color:#555;font-size:20px;border-bottom:1px solid #eee;}
h4{font-size:16px;}
h5{font-size:15px;}
h2 a,h3 a{display:block;color:#555;text-decoration:none;}
h2 a:hover,h3 a:hover{background-color:#ffc;}

h2 small, h3 small{margin: -20px 0 0; float: right; font-size: 12px;}
h3 small.date{font-size: 11px;}



/* ----- form styles ----- */


.formrow { clear:  both; margin: 5px 0px;}
#content fieldset { border: 1px solid #eee; padding: 0 10px 10px;}
#content legend { font-size: 16px; margin-left: 10px;}
#content label{display:block;float:left;width:120px; padding: 3px 0 0;}
#content input.submit { float: right;}

a.button {
    background: transparent url(../images/bg-button-20.png) no-repeat scroll top right;
    color: #444;
    display: block;
	float: left;
    height: 20px;
    margin: 10px 10px 10px 0;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	clear: right;
}

a.button span {
    background: transparent url(../images/bg-button-20.png) no-repeat;
    display: block;
    height: 15px;
    line-height: 15px;
    padding: 3px 0 2px 10px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
}



/* ----- paragraph styles ----- */

p {
	font-size: 12px;
	line-height: 16px;
/*	text-align: left;*/
	margin-bottom: 15px;
}



p.more {
	padding: 0px 0;
}

big { font-size: 125%;}
small { font-size: 75%;}
blockquote{
	background-color:#f6f6f6;
	border-left:2px solid #ddd;
	font-style:italic;
	margin:0.5em 4em 1em 1em;
	padding:1em 1em .2em;
}


div.notloggedin {
	margin: 10px 10px;
	padding: 10px;
	background-color: #ffd;
	border: 1px solid #ccb;
}
div.notloggedin h3 {
	background: transparent	 url(none) no-repeat;
}

/*
p.more a {
	display: block;
	width: 40px;
	height: 15px;
	padding: 3px 15px 2px;
	color: #444;
	background-color: #ffa;
	background: #ffa url(../images/bg-button-70.png) no-repeat;
	border: 0px solid #ccc;
	text-decoration: none;
}
p.more a:hover {
	color: #333;
	background-color: #ff6;
	background-position:0px -20px;
}
p.back {
	width: 60%;
	margin: 20px 0px 0px;
	font-size: 11px;
}
p.back a {
	display: block;
	padding: 3px 5px;
	color: #666;
	background-color: #ffe;
	border: 0px;
	border-top: 1px solid #ccc;
	text-decoration: none;
}
p.back a:hover {
	color: #555;
	background-color: #ffd;
	text-decoration: underline;
}*/

/* ----- entry list stuff ----- */

div.entries div.entry {
	margin: 0px 0px 15px;
	padding: 0px 10px 0;
	/* background-color: #fffff6;*/
	border: 1px solid #eee;
}

div.entries div.entry h3, div.entries div.entry h4 {
	margin: 5px -10px 5px;
	padding: 0 10px;
}

/* ----- photo gallery stuff ----- */

a.thumb {
	display: block;
	float: left;
	height: 75px;
	width: 100px;
	margin: 0 0 10px 10px;
	padding: 5px 5px;
	/* background-color: #fffff6;*/
	border: 1px solid #ddd;
	text-align: center;
}

#sidebar a.thumb {
	display: block;
	float: left;
	height: 70px;
	width: 70px;
	margin: 5px 0px 10px 20px;
	padding: 5px 5px;
	background-color: #fff;
	border: 1px solid #ddd;
	text-align: center;
}


/* ----- book library stuff ----- */

.cover {margin:  10px auto;}
.rating {clear: both;margin: 10px auto; display: block;height: 16px;width: 80px; background: transparent url(../images/star-rating.png) 0 0  no-repeat;text-align: center;text-indent: -5000px;}
.rating.rated-1 {background-position: 0px -16px;}
.rating.rated-2 {background-position: 0px -32px;}
.rating.rated-3 {background-position: 0px -48px;}
.rating.rated-4 {background-position: 0px -64px;}
.rating.rated-5 {background-position: 0px -80px;}


/* ----- table styles ----- */

th {background-color: #ddd; border-bottom: 1px solid #ccc;}
tr.odd { background-color: #f6f6f6; border-bottom:  1px solid #e6e6e6;}
tr.even { background-color: #fff; border-bottom:  1px solid #e6e6e6;}
tr.hover { background-color: #ffd;}


/* ----- EE Calendar CSS ----- */

.calendarBG{background-color:#e6e6e6;border:1px solid #ddd;}
.calendarHeader{font-weight:bold;color:#fff;text-align:center;background-color:#555;}
.calendarHeader th{font-weight:bold;color:#fff;text-align:center;background-color:#555;}
.calendarMonthLinks{font-family:Arial,Trebuchet MS,Tahoma,Sans-serif;font-size:11px;font-weight:bold;letter-spacing:.1em;text-decoration:none;color:#fff;background-color:transparent;}
.calendarMonthLinks a{color:#fff;text-decoration:none;background-color:transparent;}
.calendarMonthLinks a:visited{color:#fff;text-decoration:none;background-color:transparent;}
.calendarMonthLinks a:hover{color:#ccc;text-decoration:underline;background-color:transparent;}
.calendarDayHeading{font-size:14px;color:#777;text-align:center;vertical-align:middle;}
.calendarToday{font-size:12px;font-weight:bold;letter-spacing:.1em;text-decoration:none;text-align:center;vertical-align:middle;color:#000;background-color:#ccc;}
.calendarCell { background-color:#FFFFFF; color:#999999; font-size:13px; height:40px; padding:5px 10px; text-align:left; text-decoration:none; vertical-align:top; }
.calendarCell a{color:#000;text-decoration:underline;background-color:transparent;}
.calendarCell a:visited{color:#000;text-decoration:underline;background-color:transparent;}
.calendarCell a:hover{color:#fff;text-decoration:none;background-color:transparent;}
.calendarBlank{ color: #ccc; background-color:#f6f6f6; }
.calendarEntry{ color: #666; background-color:#ffd; }
	


/* ----- EE Formatting Buttons ----- */

.buttonMode{background-color:transparent;color:#73769D;font-family:Geneva,Tahoma,Trebuchet MS,Arial,Sans-serif;font-size:10px;white-space:nowrap;}
.htmlButtonOutter,.htmlButtonOutterL{background-color:#f6f6f6;border-bottom:#333 1px solid;border-right:#333 1px solid;border-top:#333 1px solid;padding:0;}
.htmlButtonOutterL{border-left:#333 1px solid;}
.htmlButtonInner{background-color:transparent;border-bottom:#ccc 1px solid;border-left:#fff 1px solid;border-right:#ccc 1px solid;border-top:#fff 1px solid;padding:0 3px 0 3px;text-align:center;}
.htmlButtonOff{font-family:Arial,Trebuchet MS,Tahoma,Sans-serif;font-size:11px;font-weight:bold;padding:1px 2px 2px 2px;white-space:nowrap;}
.htmlButtonOff a:link{color:#000;text-decoration:none;white-space:nowrap;}
.htmlButtonOff a:visited{text-decoration:none;}
.htmlButtonOff a:active{color:#999;text-decoration:none;}
.htmlButtonOff a:hover{color:#999;text-decoration:none;}
.htmlButtonOn{background:#f6f6f6;font-family:Arial,Trebuchet MS,Tahoma,Sans-serif;font-size:11px;font-weight:bold;padding:1px 2px 2px 2px;white-space:nowrap;}
.htmlButtonOn a:link{color:#990000;text-decoration:none;white-space:nowrap;}
.htmlButtonOn a:visited{text-decoration:none;}
.htmlButtonOn a:active{color:#999;text-decoration:none;}
.htmlButtonOn a:hover{color:#999;text-decoration:none;}
.htmlButtonA{font-family:Lucida Grande,Geneva,Sans-serif;font-size:11px;font-weight:bold;padding:2px 3px 3px 3px;white-space:nowrap;}
.htmlButtonB{background:#E1E3EC;font-family:arial,Lucida Grande,Geneva,Sans-serif;font-size:11px;font-weight:bold;padding:2px 3px 3px 3px;white-space:nowrap;}
.htmlButtonA a:link{color:#000;font-weight:bold;text-decoration:none;white-space:nowrap;}
.htmlButtonA a:visited{text-decoration:none;}
.htmlButtonA a:active{color:#999;text-decoration:none;}
.htmlButtonA a:hover{color:#999;text-decoration:none;}
.htmlButtonB a:link{color:#990000;font-weight:bold;text-decoration:none;white-space:nowrap;}
.htmlButtonB a:visited{text-decoration:none;}
.htmlButtonB a:active{color:#999;text-decoration:none;}
.htmlButtonB a:hover{color:#999;text-decoration:none;}

/* ----- jQuery Tooltip CSS ----- */

#tooltip{position:absolute;z-index:3000;border:1px solid #666;background-color:#fc0;padding:5px;/*opacity:0.95;*/}
#tooltip h3,#tooltip div{margin:0;font-size:12px;font-family: arial,sans-serif;color:#666;}


/* ----- jQuery Lightbox CSS ----- */

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;/*zoom:1;*/display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}