#bones-header, #bones-footer 
{ 
	float:right;
}

#bones-header a 
{
	font-weight: bold;
	color:#7df;
	text-decoration:none;
}

#page 
{ 
	background:url(/bones/graphics/sbs-front-long.jpg);
	max-height:580px;
	min-height:400px;
	overflow:auto;
	padding:0;
	margin:0;
} 

#nav-trail
{
	/* display:inline; */
	padding:0;
	margin:0;
	/* border-top: 1px solid #ddd; */
	/* background: #eee */
	background: #44a;
}

#nav-trail li 
{
	display:inline; 
	color:white;
}

#nav-trail li a 
{
	color:#fff;
	padding-left:2px;
	padding-right:2px;
	margin-right:4px;
}

#nav-trail li a:hover 
{ 
	color:blue;
	background:white;
	padding-left:2px;
	padding-right:2px;
}

#nav-trail li strong   /* used to indicate current gallery level */
{
	color: #7df;
	padding:2px 1px 1px 1px;
}

/* IE hacks for trail follow */

/* * html #nav-trail li { position: relative; bottom: 8px; } */

#tab-box 
{
	background: #ddd;
	margin:0;
	padding:10px 0 0 0;
	width:100%;
}

#nav-tabs 
{
	list-style:none;
	margin:0; 
	padding-left:10px;
	border-bottom:1px solid #aaa;
}

#nav-tabs li 
{
	display:inline;
	white-space:nowrap;
	margin:0;
	padding:0;
}

#nav-tabs li a, #nav-tabs li a:visited
{
	margin:0;
	padding:0px 10px;
	color: #cef;
	background: #aaa; /* #a66; */
	border:1px solid #aaa;
	border-bottom:none;
	text-decoration:none;
}

#nav-tabs li a:hover 
{ 
	background-color: white; /* #08c; */
	color:black;
	background: white;
}

#nav-tabs li.current-tab        /* used to indicate current gallery level */ 
{ 
	margin:0;                  /* must be same as #nav-tabs li */
	padding:0px 10px;          /* must be same as #nav-tabs li a */
	background:url(/bones/graphics/sbs-front.jpg);
	color:#000;
	border:1px solid #aaa;
	border-bottom: 1px solid white;  /* same as background */
	text-decoration:none;
}

* html #nav-tabs li.current-tab  /* for IE 6 (and 5?), not sure why */
{
	padding-right:7px;
	margin-right:3px;
}

/* child selector isn't recognized by IE 5 and 6, but makes first line  
   indent more than wrapped lines, which looks good in firefox */
#nav-tabs > li:first-child { margin-left:10px; }


#index 
{ 
	margin:auto;
	width:360px;
	background:#aaa;
}

/* IE 6 non-strict hack required for unknown reasons ...
   weird, as the box model bug should not apply here? */
* html #index
{
	width: 380px;
	w\idth: 360px;  /* reset for IE 6 */
}

#index a 
{ 
        text-decoration:none;
	margin:0;
	padding:0;
}
	
/*---- CSS POPUPS: DISPLAY NONE UNTIL HOVER ----*/

/* disable for now */ 
#index a span { display: none }

/*
#index a span 
{ 
	display:none; 
	position:relative;
	z-index:50;
	margin:0;
	padding:0;
}

#index a:hover span 
{ 
	display:none; 
	color:#fff;  
	background:#000;
	padding:2px;
	padding-right:4px;
	padding-left:4px;
	border:1px solid white;
}
*/


#index img 
{ 
	float:left;  /* put in #index a, if this doesn't work */
	border:none;
	background: #ccc;
	margin:0;
	padding:0;
}

#index-clear
{
	clear:left;
	width:100%;  
	height:0;
}

#pager {
	line-height:20px;
	color:#000;
	width:360px;
	margin:auto;  /* SAME AS INDEX */
	text-align:right;
}

#pager a 
{ 
	color: #00f; 
	padding:0 4px; 
	text-decoration: none;
}

#pager strong 
{ 
	padding:0 4px; 
	color:#0ff;
	background:#000;
}

#pager a:hover 
{ 
	color:black;
	background:#0f0;
}	

#button-bar
{
	text-align:center;
	font-size:100%;
	font-weight:bold;
	margin-top:4px;
}

#button-bar a
{
	color:#444;
	text-decoration:none;
}

#button-bar a:hover
{
	color:#00f;
}

#no-image-selected 
{
	display:none;
}

#gallery-info, #place_holder {
	height:400px;
	overflow:auto;
	padding-left:30px;
	padding-right:30px;
}

#place_holder
{
	color:#666;
	text-align:right;
}


#gallery-info
{
	background:url(/bones/graphics/sbs-front-text.jpg);
	color:#666;
	margin:0;
}

#gallery-info h2
{
	margin:0;
}

#gallery-info h3
{
	margin:0;
	border-top: 1px solid #aaa;
}

#gallery-info em
{
	background:none;
}

#image-info 
{
	color:#000;
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:80%;
}

#main-image
{
	text-align: center;
}

#ie-warning
{
	display:none;
	position:absolute;
	padding:4px;
	color:#766;
	font-size:80%;
	top:10px;
	right:10px;
	width:200px;
	margin-right:10px;
	background:#ddd;
}

* html #ie-warning
{
	display:block;
	/* d\isplay:none; this obscures the warning in IE6*/
}