/* Original design template, Jefferson, by dreamLogic http://www.dream-logic.com - Many thanks!*/

body{
background:url(images/background.gif) #000000;
__background:#000000;
margin:0;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; 
}

A:link{ color:#CEB100; text-decoration:none; }
A:hover{ color:#FFFFFF; text-decoration:underline; }
A:active{ color:#CEB100; text-decoration:none; }
A:active:hover{ color:#FFFFFF; text-decoration:underline; }
A:visited{ color:#CEB100; text-decoration:none; }
A:visited:hover{ color:#FFFFFF; text-decoration:underline; }

#header{
background:url(images/syrups_jumplogo_337x400.png) no-repeat transparent bottom left;
__background:url(images/syrups_jumplogo_337x400.jpg) no-repeat transparent bottom left;
width:800px;
margin-left:auto;
margin-right:auto;
height:520px;
text-align:left;
overflow:hidden;
/*border:1px solid #d45500;*/
}

.title{
font-size:21px;
font-weight:bold;
letter-spacing:1px;
font-variant:small-caps;
color:#5C4F00;
background:#000000;
width:100%;
}

#wrap{
/*background:url(bg.gif) repeat-x top left;*/
width:100%;
margin-left:auto;
margin-right:auto;
}

#container{
margin-right:25%;
}

#content{
background:transparent;
width:425px;
height:475px;
overflow:hidden;
padding:21px;
color:#708FA8;
text-align:justify;
float:right;
/*border:1px solid #ffffff;*/
}

#navcontainer{
float:none;
text-align:center;
}

.center_image{
text-align:center;
margin-left:auto;
margin-right:auto;
}

 #navlist li{
list-style-type: none;
display:inline;
text-align:right;
padding-right: 20px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:600;
text-transform:lowercase; 
color:#666666;
}

#navlist li a:link { color: #708FA8; text-decoration:none; }
#navlist li a:visited { color: #708FA8; text-decoration:none; }
#navlist li a:hover {color: #983D06; text-decoration:none; }
/* old color=#CEB100 */

 #navlist-hor li{
list-style-type: none;
display:block;
text-align:right;
padding-right: 20px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:12px;
text-transform:lowercase; 
color:#666666;
}

#navlist-hor li a:link { color: #CEB100; text-decoration:none; }
#navlist-hor li a:visited { color: #CEB100; text-decoration:none; }
#navlist-hor li a:hover {color: #983D06; text-decoration:none; }

#biocontent{
background:transparent;
width:425px;
height:448px;
overflow:hidden;
padding:21px;
color:#708FA8;
text-align:justify;
float:right;
/*border:1px solid #ff0000;*/
}

#bionav{
float:left;
height:125px;
/*border:1px solid #ffffff;*/
}

#bionav li{
list-style-type: none;
display:block;
text-align:left;
padding-left: 0px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:12px;
text-transform:lowercase; 
color:#666666;
}

#bionav li a:link { color: #CEB100; text-decoration:none; }
#bionav li a:visited { color: #CEB100; text-decoration:none; }
#bionav li a:hover {color: #983D06; text-decoration:none; }

.biotext{
height:100%;	
padding:10px;
text-align:justify;
font: 8pt/12pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
float:left;
__width:100%;
/*border:1px solid #ff00ff;*/
}	

.bioimage{
width:180px;	
height:125px; 	
float:right;	
border:0px solid #ff0000;
}	

.bioimage-left{
float:left;
margin:1px;
/*
border-style:outset;
border-width:2px;
border-color:#d45500;
*/
text-align:center;
color: #CEB100;
}

.bioimage-right{
float:right;
margin:1px;
/*
border-style:outset;
border-width:2px;
border-color:#d45500;
*/
text-align:center;
color: #CEB100;
}

#biofooter{
width:100%;
text-align:right;
text-transform:lowercase;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#E6E6E6;
float:right;
/*border:1px solid #ffff00;*/
}

#biofooterlist li{
list-style-type: none;
display:inline;
text-align:right;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:12px;
text-transform:lowercase; 
color:#666666;
}

#biofooterlist li a:link { color: #CEB100; text-decoration:none; }
#biofooterlist li a:visited { color: #CEB100; text-decoration:none; }
#biofooterlist li a:hover {color: #983D06; text-decoration:none; }		

h3{
font-size:21px;
font-weight:bold;
color:#983D06;
text-align:right;
text-transform:lowercase; 
}

.content{
padding:21px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

#xspfjukebox{
background:transparent;
width:425px;
height:457px;
overflow:hidden;
padding:0px;
__margin-top:25px;
color:#708FA8;
text-align:justify;
float:right;
display:inline;
/*border:1px solid #d45500;*/
}

#xspfjukebox-jukebox{
width:244px;
display:inline;
height:460px;
float:left;
/*border:1px solid #d45500;*/
}

#xspfjukebox-playlist{
float:right;
width:170px;
text-align:left;
font-size:85%;
/*border:1px solid #ffffff;*/
}		

#xspfjukebox-playlist li{
list-style-type: none;
display:block;
text-align:left;
padding-left: 1px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:8pt;
text-transform:lowercase; 
color:#666666;
}

#xspfjukebox-new{
width:423px;
height:335px;
/*display:inline;*/
/*float:right;*/
/*text-align:center;*/
border:1px solid #ffffff;*/
}

#xspfjukebox-new_playlist{
float:right;
width:425px;
text-align:left;
font-size:85%;
/*border:1px solid #ff00ff;*/
}

.xspfjukebox-new_playlist_125{
float:right;
width:139px;
text-align:left;
font-size:80%;
/*border:1px solid #ff00ff;*/
}

#xspfjukebox-new_playlist li{
list-style-type: none;
display:block;
text-align:left;
padding-left: 1px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:8pt;
text-transform:lowercase; 
color:#666666;
}

#myGallery
{
text-align:center;
padding-top:15px;
padding-left:20px;
width:400px !important;
height:400px !important;
} 

/*#footer{
width:100%;
padding-bottom:5px;
text-align:left;
text-transform:lowercase;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#E6E6E6;
float:right;
border:1px solid #fff000;
}*/

#footer{
width:800px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:5px;
text-align:left;
text-transform:lowercase;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#E6E6E6;
/*border:1px solid #d45500;*/
}

#second_nav{
width:100%;
padding-bottom:5px;
padding-right:100px;
text-align:center;
text-transform:lowercase;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#E6E6E6;
float:right;
/*border:1px solid #ff0000;*/
}

img.hiddenPic{
display:none
}

#ie6warning{
border:1px solid #F7941D;
background:#FEEFDA;
text-align:center;
clear:both;
height:105px;
position:relative;	
}

/*
#ie6warninglist li{
position:absolute;
right:3px;
top:3px;
font-family:courier new;
font-weight:bold;
}

#ie6warninglist li a:link { color: #CEB100; text-decoration:none; }
#ie6warninglist li a:visited { color: #CEB100; text-decoration:none; }
#ie6warninglist li a:hover {color: #983D06; text-decoration:none; }	
*/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */