/*  
Theme Name: Mecca Bodega Theme
Theme URI: http://kpfdigital.com/
Description: Custom theme for Mecca Bodega
Version: 1.0
Author: Kenneth Feldman
Author URI: http://www.kpfdigital.com/

*/

/*CSS Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
img{border:0}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal}
li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:baseline; position:relative; top:-0.5em}
sub{vertical-align:text-bottom}
hr{clear:both}

a{outline:none}
/*
IE 7 no likey this: a{position:relative}
*/

.clearfix:after{content:"."; clear:both; height:0; visibility:hidden; display:block}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

html, body{min-height:101%}

img#wpstats{display:none}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ol, ul, dl, fieldset, address{margin-bottom:1em}


#page_87 dl {margin-bottom: 2em;}

#page_85 dl {margin-left: 1.0em;}


dt {margin-bottom: 1em;}

#page_87 dt {font-weight: bold; font-size:1.1em; color:#3B330C;margin-bottom: .25em;}


#page_87 dd strong {color:#222222;}


/* Discography / Collaborations */
#page_85 dt strong {color:#E8BC8E;}

/* Film Scores */
#page_18 dt strong {color:#E8BC8E;}


code {font-weight:bold;}


#page_87 dd, dd {margin-left: 1.5em; font-weight: normal;}



ol{list-style:decimal}
ul{list-style:square}
ul li{margin-left:00px;list-style:square;}
ol li{margin-left:00px;list-style:decimal;}


body { /* This is where you set many of the universal defaults */
	background: #330000; 
	color: #121212;
	font-family: Verdana, geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.60em;
	text-align: center;
}

/*********************************************
		Universal Link Styles
*********************************************/
a {
	color: #660000;
	text-decoration: none;
}
a:hover { 
	color: #e8bc8e; 
	text-decoration: underline; 
}

/*********************************************
		Universal Text Elements
*********************************************/
i, em {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
p, ul, ol, blockquote {
	color: #121212;
}
ol, ul {
	margin: 0px 35px 1em;
}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: square;
}



blockquote {
	background:url("images/quote.png") no-repeat scroll 5px 5px transparent;
	font:normal 14px/18px  "comic sans ms", Arial,Helvetica,verdana,geneva,sans-serif;
	margin-bottom:10px;
	margin-left:5px;
	padding:5px 20px 5px 25px;
	}
	
blockquote p {color:#330000;line-height: 1.3em;font-family: "comic sans ms";}
	
#cd-info blockquote {margin-left:3px;margin-bottom:0px;}
#cd-info blockquote p {color:#330000; font-size: 13px;line-height: 1.3em;font-family: "comic sans ms";margin-bottom:8px;}



blockquote em {color:#333; font-size: .85em;}





img { border: 0px; background: none; }

hr { margin: 0px 0px 2em; height: 2px; color: #3b330c; border: none; } /* For Internet Explorer */
#content hr { margin: 0px 0px 2em; height: 2px; background-color: #3b330c; border: none;} /* For Gecko-based browsers */
#content hr { margin: 0px 0px 2em; height: 2px; background-color: #3b330c; border: 0px solid #999; } /* For Opera and Gecko-based browsers */



/*********************************************
		Header Styles
*********************************************/
/* Use this for universal styles for all header elements
Be sure to uncomment the styles before using */
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #e8bc8e;
}

h1 { /* This style is generally used as title on single posts and pages */
	font-size: 20px;
	text-transform: uppercase;
}
h2 { /* This style used as a sub-header in post/page content */
	font-size: 18px;
}




h3 { /* This style used as the post titles on homepage/archive */
	clear: both;
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	color: #440000;
}

h3 span { /* This style used as the post titles on homepage/archive */
	text-transform: none;
}

#page_128 #content h3 { /* This style used as the post titles on homepage/archive */
	padding-top: 1em;
}




h3 a {
}
h3 a:hover {
}
h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-size: 14px;
	text-transform: uppercase;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}

/*********************************************
		The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.alignleft {
   float: left;
   margin: 0px 20px 20px 0px;
	border: 1px solid #3b330c;

}


.page-nav .alignleft {
	border: 0px solid #3b330c;
	}



.alignnone {
   margin: 0px 20px 0px 0px;
	border: 1px solid #3b330c;

}





.alignright {
   float: right;
   margin: 0px 0px 8px 8px;
}
.wp-caption {
   border: 0px solid #ddd;
   text-align: center;
   background-color: transparent;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}



.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 2px 4px 5px;
   margin: 0;
   font-weight: bold;
}

/*********************************************
		Container Div
*********************************************/
#container {
	background: #96842a url(images/container-bg.gif) repeat-y;
	width: 966px;
	margin: 0px auto 20px; padding: 0px;
	text-align: left;
}



/* Page BGs for Store Pages */
#page_16 #container,
#page_360 #container,
#page_370 #container,
#page_372 #container,
#page_374 #container,
#page_376 #container,
#page_378 #container,
#page_380 #container,
#page_388 #container


{
	background-image: none;
}


#home #container {
	background: #97852a;
	width: 966px;
	margin: 0px auto 20px; padding: 0px;
	text-align: left;
}








/*********************************************
		Header Styles
*********************************************/
#header {
	background: #7c6d22 url(images/header.jpg) no-repeat;
	width: 966px; height: 180px;
}
#header a {
	display: block;
	width: 966px; height: 161px;
	margin: 0px; padding: 0px;
	text-indent: -9999px;
}
/*********************************************
		Horizontal Navigaion Styles 
				(with dropdowns)
*********************************************/
#menu {
/*
	float: left;
*/
	font-size: 21px;
	font-weight: bold;
	background: transparent url("images/nav-bg.gif") left top repeat-x;
	width: 966px;

	height: 45px;

	margin: 0px 0 0 0px;
	padding: 0px;
	border: 0px solid #171717;
	border-top: 0px solid #3b330c;
	border-bottom: 0px solid #3b330c;
	position: relative;
	z-index: 20;
	text-transform: none;
}




/* This is the style for the first UL (horizontal) */
#menu ul {
	float: left;
	background: transparent;

	height: 45px; line-height: 45px;

	margin: 0px; padding: 0px;
}




/* This is the style for the top level list items */
#menu ul li {
	background: transparent;
	width: auto;
	display: block;
	float: left;
	list-style-type: none;

	height: 45px; line-height: 45px;

	margin: 0px; padding: 0px;
	border-right: 0px solid #383838;
}





#menu ul li.home {
	background: none;
}
/* The style for all links */
#menu a {
	color: #97852a;
	text-decoration: none;
}





/* The universal hover state colors and background for all LI items and links */
#menu li:hover,
#menu li:hover a,
#menu li.sfhover,
#menu li.sfhover a,
#menu li a:hover {
	background: transparent;
	color: #e8bc8e;
	text-decoration: none;
}





/* This is the style for the top level links, if different than the universal */
#menu ul li a {
	background: transparent;
	display: block;
	height: 45px; line-height: 45px;
	margin: 0px; padding: 0px 16px;
	text-decoration: none;
	text-indent:0px;
/*
	text-shadow: 0px 0px 4px #000;
*/
	}



/* This is the style for the top level links, if different than the universal */
#menu ul li.page-item-22 a {
	padding: 0px 0px 0 16px;
	
/*
	text-shadow: 0px 0px 4px #000;
*/
	}





/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a, #menu ul li.current_page_ancestor a {
	background: transparent;
	color: #e8bc8e;
	text-decoration: none;

}








/****************************** 
The second-level stuff 
*******************************/
/* This hides the nested UL before you hover */
#menu li ul {
	clear: both;
	position: absolute;
	width: 200px; /* the width of the dropdown */
	left: -999em;
	font-weight: bold;
	font-size: 14px;
	}

#menu li.page-item-10 ul {
	clear: both;
	position: absolute;
	width: 255px; /* the width of the dropdown */
	left: -999em;
}



/* This shows the nested UL when you hover */
#menu li:hover ul, 
#menu li.sfhover ul {
	left: auto;
	display:  block;
	z-index: 25;
}

/* This is the style for the nested UL */
#menu li:hover ul, #menu li.sfhover ul {
	background: transparent;
	display: block;
	border-top: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	margin: -12px 0 0;
	padding: 0px 0 0 0;
}

/* This is the style for the LI items within the nested UL */
#menu li:hover ul li,
#menu li.sfhover ul li {
	background: transparent;
	width: 100%;
	display: block;
	padding: 0px; margin: 0px;
	height: 31px; line-height: 31px;
	overflow: hidden;
	text-align: left;
	border-right: 0px solid #fff;
}
/* This is the style for the links within the LI items within the nested UL */
#menu li:hover ul li a,
#menu li:hover ul li.current_page_item a,
#menu li.sfhover ul li a,
#menu li.sfhover ul li.current_page_item a {
	width: 185px;
	display: block;
	background: #3b330c;
	margin: 0px; padding: 0px 5px 0 10px;
	height: 30px; line-height: 30px;
	border-bottom: 1px solid #97852a;
	border-top: none;
	color: #97852a;
}
/* This is the style for the hover state on the links within the LI items within the nested UL */
#menu li:hover ul li a:hover, 
#menu li.sfhover ul li a:hover {
	background: #4f4410;
	color: #e8bc8e;
	text-decoration: none;
	margin: 0px; padding: 0px 5px 0 10px;
	height: 30px; line-height: 30px;
}



/* This is the style for the links within the LI items within the nested UL */
#menu li.page-item-10:hover ul li a,
#menu li.page-item-10:hover ul li.current_page_item a,
#menu li.sfhover ul li a,
#menu li.sfhover ul li.current_page_item a {
	width: 245px;
}



/*********************************************
		Homepage Styles
*********************************************/
#homefeature {
	width: 966px;
	background: transparent;
	margin: 0px; padding: 20px 0 17px 0;
	border-left: 0px solid #171717;
	border-right: 0px solid #171717;
}
#homefeature #rotator-wrapper {
	display: block;
	float: left;
	padding-left: 20px;
	border-right: 0px solid #F30;
}




#homefeature #homefeature-blurb {
	display: block;
	float: left;
	width: 415px;
	margin: 0px; padding: 20px 20px 0px;
}


#homefeature #homefeature-blurb p {
	font-size: 13.5px;
	line-height: 1.8em;
	}

#homefeature #homefeature-blurb p strong {
	font-size: 15px;
	color: #3e7a23;
}



#homefeature #homefeature-blurb ol {
	margin: 5px 10px 5px 25px;
	}
#homefeature #homefeature-blurb ol li{
	margin: 0 0 .75em 0;
	}



#homefeature #homefeature-blurb blockquote p {color:#330000; font-size: 13px;line-height: 1.5em;font-size: .9em;font-family: "comic sans ms";margin-bottom:0px;}








#homebottom {
	width: 966px;
	background: transparent;
	margin: 0px; padding: 0px;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
#homebottom .widget {
	width: 318px;
	display: inline;
	float: left;
	padding:0px 0 25px 0px;
}

#homebottom h4 {
	padding: 15px 20px 0px 23px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border-bottom: 0px solid #ccc;
	color: #E8BC8E;
}

#homebottom h4 span {
	color: #51a02e;
}



#homebottom .widget p,
#homebottom .widget img,
#homebottom .widget form,
#homebottom .widget div  {
	padding: 0 20px;
}


#homebottom .widget img {
	margin-bottom: 15px;
}


#homebottom .widget p {
	font-size: 11px;
	line-height: 1.4em;
	margin-bottom: 1em;
	color: #121212;
	}



#homebottom .widget .textwidget p,
#homebottom .widget .textwidget img,
#homebottom .widget .textwidget form,
#homebottom .widget .textwidget div,
#homebottom .widget .textwidget ul,
#homebottom .widget .textwidget ol {
	margin: 0px; padding: 0px;
}




#homebottom .widget form,
#homebottom .widget div  {
	padding: 0 2px;
}

#homebottom .widget form,
#homebottom .widget div  {
	padding: 0 22px;
}




#homebottom .widget ul,
#homebottom .widget ol {
	padding: 10px 0px; margin: 0px 15px 5px 25px;
	list-style-type: square;
}





#homebottom .widget .textwidget img {
	margin-bottom: 15px;
}

#homebottom .widget .textwidget p {
	margin-bottom: 15px;
}






	
/*********************************************
		Content Div
*********************************************/
#content {
	display: inline;
	width: 578px;
	float: left;
	margin: 0px 0 0 5px;
	padding: 40px 30px 80px;
}



#content-full {
	background: transparent;
	display: inline;
	width: 940px;
	float: left;
	margin: 0px;
	padding: 20px 0 20px 20px;
	border-left: 0px solid #383838;
	border-right: 0px solid #383838;
}

#content-full #port-container p {
	margin: 0px;
}




#featureimg-wide {
	background: #121212;
	width: 956px;
	height: 202px;
	padding: 0px 0px;
	margin: 0 0 0 5px;
	border-bottom: 1px solid #FFF;
}


#featureimg-wide img {
	width: 956px;
	border-bottom: 4px solid #000;
	}
	
	
	
#featureimg {
	width: 635px;
	padding: 0px 0px 0px 3px;
	border-bottom: 1px solid #FFF;
	float: left;
}
#featureimg img {
	width: 635px;
}

/*********************************************
		Post Div
*********************************************/
.post {
	clear: both;
}

.post h3, .post h1 {
	margin-bottom: 0px;
}





/*********************************************
		Post Meta Styles, if needed
*********************************************/
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
	margin-bottom: 1em;
}
.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 10px 0px;
}

.meta-bottom .alignleft {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 10px 0px;
	border:0px;
}




.meta-date {
}
.meta-author {
}
.meta-comments {
}
.meta-category {
}

/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 0px; padding: 0px;
}

/*********************************************
		Sidebar
*********************************************/
.sidebar {
	display: inline;
	float: right;
	width: 278px;
	margin: 0px; padding: 20px;
}
.sidebar .widget {
	clear: both;
	margin: 0px; padding: 0px 0px 20px 0px;
}

.sidebar .widget h4 {
	clear: both;
	margin: 0px; padding: 0px 0px 0px 0px;
}







.sidebar .textwidget p {
font-size: .85em;
line-height: 1.4em;
padding-right: 35px;
color:#666;
}
.sidebar img {
	margin: 10px 0px;
}
.sidebar form {
	margin: 5px; padding: 0px;
}
.sidebar ul {
	margin: 0px; padding: 0px 20px 1.5em;
}
.sidebar ul li {
	margin: 5px 10px 5px 5px; padding: 0px;
}
.sidebar ul li a {
	
}
.sidebar ul li a:hover {
	
}
.sidebar ul li ul {
	margin: 0px 0px 0px 10px; padding: 0px;
}
.sidebar ul li ul li {
	margin: 5px 10px 5px 5px; padding: 0px;
}


.sidebar ul.one li.current_page_item a, .sidebar ul.two li.current_page_item a {color: #660000;text-decoration:none;font-weight:bold;}

.sidebar ul.one, .sidebar ul.two {margin-bottom: 6em;}


/*********************************************
		Comment Styles
*********************************************/
#comments {
	margin: 20px 0px; padding: 0px;
	overflow: hidden;
}
#comments .title {
	font-size: 25px;
	margin: 0px; padding: 15px 0px;
}
#comments ol.commentlist {
	margin: 0px; padding: 0px;
}
#comments ul.children {
	margin: 0px; padding: 10px 0px 0px 20px;
}
#comments .vcard {
	
}
#comments .vcard .avatar {
	display: block;
	float: left;
	margin: 0px; padding: 0px 10px 0px 0px;
}
#comments .comment-meta {
	padding: 0px 0px 20px 0px;
}
#comments li.even,
#comments li.odd {
	clear: both;
	list-style-type: none;
	border: 1px solid #CCC;
}
#comments ul.children li {
	border: 1px solid #CCC;
}
#comments li.even {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	overflow: hidden;
}
#comments li.odd {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	overflow: hidden;
}
#comments blockquote {
	background: #F2F2F2;
	margin: 10px 0px; padding: 10px;
}
#comments blockquote {
	background: #FFF;
	border: 1px solid #CCC;
	margin: 10px 0px; padding: 10px;
}
#comments .alert {
	background: #fffbd6;
	border: 1px solid #ebe067;
	margin: 5px 0px; padding: 5px;
}
#comments p {
	margin: 0px 0px 10px; padding: 0px;
}

#respond {
	overflow: hidden;
}
#respond #commentform {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
#respond #commentform #author,
#respond #commentform #email,
#respond #commentform #url {
	width: 50%;
	margin: 0px 0px 5px 0px; padding: 5px;
}
#respond #commentform #comment {
	width: 95%;
	margin: 10px 0px 15px 0px; padding: 5px;
}

/*********************************************
		Footer Styles
*********************************************/
#footer {
	height: 65px;
	clear: both;
	display: block;
	background: url(images/footer-bg.gif) bottom left no-repeat;
	color: #666;
	text-align: left;
	border-top: 0px solid #383838;
	margin: 0px;
	padding: 0px 20px 0px 28px;
	font-size: .85em;
}
#footer p {padding-top:20px; line-height: 1em;color: #666;	font-family: Helvetica, Arial, Verdana, geneva, sans-serif;}

#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #c6c6c6;
	text-decoration: underline;
}

#footer a.contact {
	color: #1d687f;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}
#footer a.contact:hover {
	color: #3CC;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}



.sociable {clear:both;padding-top:3em;font-size: .85em;}













/* FAQ Styles */


ol.message_list li {
background:url("images/bullet8.png") no-repeat scroll 0 7px transparent;
color:#333;
list-style:none;
padding:0 0 10px 15px;
}



ol.message_list  {
font-size:12px;
line-height:18px;
margin:0 0 0 0px;

}


ol.message_list li p.message_head {
cursor:pointer;
font-weight:bold;
margin:0;
padding:0px 0 0;
color:#4a91ac;
}






span.required {font-weight: normal; color: #F90;font-size:.85em;}


/*

#page_2 #header,
#page_30 #header,
#page_32 #header

{
	background: url(http://meccabodega.com/mpress/wp-content/themes/mb_theme/images/header-metal.jpg) top left no-repeat;
}





#page_10 #header,
#page_44 #header,
#page_46 #header,
#page_48 #header,
#page_50 #header,
#page_53 #header,
#page_55 #header,
#page_57 #header,
#page_85 #header
{
	background: url(http://meccabodega.com/mpress/wp-content/themes/mb_theme/images/header-music.jpg) top left no-repeat;
}

*/



th, td {padding: 0 7px; font-size:.75em;color: #121212 }







/* Music Player Styles
-------------------------------------------- */


#musicplayers {padding-top: 2em;border-top: 0px solid #3b330c;}

#musicplayers h3 {clear: none;}



#musicplayers p {margin-bottom: 3px;}

#musicplayers p.audioplayer_container {margin-bottom: 1em;}


#cd-info {
	float: right;
	width: 340px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	



/* Instrument Map Page Styles
-------------------------------------------- */

#instrument_map { 
	margin-top: 0px;
	position: relative; 
	}
	
#instrument_map dl { 
	font-size: 13px;
	line-height: 18px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}
	

#instrument_map dd { 
	padding-left: 0;
	margin-left: 0px;
	}
	
#instrument_map dt { 
	font-size: 14px;
	margin-bottom: 5px;
	color: #e8bc8e;
	}
	
#instrument_map img {
	margin-bottom: 0;
	}
	
	
#description_box {
	position: relative; 
	top: 0px;
	left: 0px;
	height: 210px;
	width: 557px;
	visibility: visible;
	display: block;
	background-color: transparent;
	}	
	
	
#t0    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: visible;
	display: block
	}

#t1    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t2    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t3    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t4    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t5    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t6    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t7    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t8    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t9    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t10    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t11    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t12    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#t13    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}





#instrument_map2 { 
	margin-top: 0px;
	position: relative; 
	}
	
#instrument_map2 dl { 
	font-size: 13px;
	line-height: 18px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	}
	

#instrument_map2 dd { 
	padding-left: 0;
	margin-left: 0px;
	}
	
#instrument_map2 dt { 
	font-size: 14px;
	margin-bottom: 5px;
	color: #e8bc8e;
	}
	
#instrument_map2 img {
	margin-bottom: 0;
	}
	
	
#description_box2 {
	position: relative; 
	top: 0px;
	left: 0px;
	height: 210px;
	width: 557px;
	visibility: visible;
	display: block;
	background-color: transparent;
	}	
	
	
#s0    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: visible;
	display: block
	}

#s1    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#s2    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#s3    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#s4    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}

#s5    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}


#s6    
	{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 557px;
	height: 287px;
	visibility: hidden;
	display: block
	}






/* Download Manager Styles
-------------------------------------------- */


div.dm {
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 2em;
	}

div.dm a {
	font-weight: bold;
	}

div.dm span {
	font-style: italic;
	color: #333;
	}



/* Miscellaneous
-------------------------------------------- */

#quicklinks {
	background-color: #74661f;
	padding: 7px 9px 12px;
	
	}

#quicklinks ul {
	margin: 0px 0 0 1.5em;
	padding: 0px;
	font-size: 12px;
	}

#quicklinks ul li {
	margin-bottom: 0px;
	line-height: 1.2em;
	list-style:disc;
	}


#dl-howto  {
background-color:#8E7D28;
border-top:0px dotted white;
margin-top:25px;
margin-bottom:1em;
padding:25px 25px 10px;
font-size: .85em;
line-height: 1.3em;
}

#dl-howto li {
margin-bottom:1em;
}








/* Form Styles
-------------------------------------------- */

form#thisform
{
	font-size: 1em;
	color: #3B330C;
	margin-top: 20px;
}

form dl
{
	margin-bottom: 30px;
}


form#thisform dt {
	text-align: right;
	margin-bottom: 3px;
	float: left;
	clear: left;
	width: 100px;
	}	


form#thisform dd {
	float: left;
	margin-bottom: 10px;
	}	
	

	
	
#name, #email, #comment {
	width: 325px;
	}	

#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 0px solid #ccc;
	padding: 10px 20px;
	}

#thisform legend {
	color: #111;
	border: 0px solid #ccc;
	padding: 4px 0px;
	}	

	/*	
	IE Fixes

	:hover and :active pseudo-classes do not behave as 
	we expect them to on all but one element in IE, but there 
	are Internet Explorer Behaviors to add the desired 
	functionality with little extra work.

	The scripting of the behavior goes into a separate .htc file 
	which compliant browsers do not ever see.
	(http://www.vladdy.net/Demos/IEPseudoClassesFix.html)
	
	 */
	
input, textarea
  { behavior: url('IEFixes.htc');
  }  
  
  
input:hover, input.hover { 
	border: 2px solid #3B330C;
	color: #111;
	}

textarea:hover, textarea.hover { 
	border: 2px solid #3B330C;
	color: #111;
	}



input:focus, input.focus { 
	background: #ccc;
	border: 2px solid #3B330C;
	}

textarea:focus, textarea.focus { 
	background: #ccc;
	border: 2px solid #3B330C;
	}




input, textarea	{
	border: 2px solid #7C6D22;
	background-color: #97852A;
	color: #111;
	padding: 3px;
	margin: 0;
	}