/*swatches--------------------------------------------
#73524d; purple brown (font color)
#b6a85a; greenish neutral 
#aa1407; red brown (h1, links)
#dcd4d2; lavender gray (borders)
#441811; dk brown (header,etc.)
-------------------------------------------------------
-----------------------------------------------------*/
/*baseline styles, based on Eric Meyer------------------------------*/
html, body, div, span, iframe, p,
blockquote, a, abbr, acronym, address, cite, del, dfn, em, font, img, strong, sub, sup, q,
h1, h2, h3, h4, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style:  none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong { font-weight: bold; }	

em { font-style: italic; }

img { display: block; } /*removes unwanted space from under image in ff*/	

/*--------------------------------------------------*/
html, body {
height: 100%;
}

body {
	font:  62.5% Georgia, "Times New Roman", Times, serif; /*Verdana, Arial, sans-serif;*/
	color:  #73524d;
	background-color:  #b6a85a;
	background:  #b6a85a url(../images/paper.jpg);
	text-align:  center;
} 

/*=links--------------------------------------------
--------------------------------------------------*/
a:link, a:visited {
	color: #aa1407;
	text-decoration:  none;
}
			
a:hover {
	color:  #73524d;
	text-decoration: underline;
}

/*=element selectors---------------------------------
----------------------------------------------------*/
p, li, dl {
	font-size: 130%;
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
}

h1, h2, h3, h4 { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-weight: bold; 
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 175%;
	color: #aa1407;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
	border-bottom: 2px dotted #aa1407;
}	


h2 {
	font-size: 165%;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 125%;
	margin-bottom: 0.75em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #bbb;
}

h4 {
	font-size:  115%;
}

/*=major divs------------------------------------------
------------------------------------------------------*/

/*=wrap - contains all ---------------------------
----------------------------------------------*/
#wrap {
	width: 96em;
	background: #fff;
	text-align: left;
	min-height:  100%;
	height:  auto; 
	margin: 15px auto -4em auto;
	-moz-box-shadow: 2px -1px 5px #573631, -2px 0 5px #573631;
	-webkit-box-shadow: 2px -1px 5px #573631, -2px 0 5px #573631;
	box-shadow: 2px 2px 5px 2px -1px 5px #573631, -2px 0 5px #573631;
}		

/*clearing strategy*/
#wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*for ie6*/			
*html #wrap {
	height: 1%;
}

/*for ie7*/
*:first-child+html #wrap {
	min-height: 1px;
}			

/*=header----------------------------
------------------------------------*/			
#header	{
	position: relative;
	background:  #fff url(../images/dkbrn_strip.gif) repeat-x;
	height: 112px;
}

#header img {
	margin: 0 0 0 30px;
}

/* basic contact info upper right*/		
p#address {
	width: 23em;
	position: absolute;
	top: 28px;
	right: 25px;
	text-align:  right;
	font-size: 11px;
	color: #b6a85a;  /*greenish, same as nav background color*/
	line-height: 1.3;
}				

/*=navigation----------------------------------
--------------------------------------------*/
#menu {
	float: left;
	width: 100%;
	overflow: hidden; 
	position: relative;
	top: 1px;
	left: 0;
}

#menu ul {
   clear: left;
   float: left;
   position: relative;
   left: 50%;
   text-align: center;
   font-size: 100%;
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
   text-transform: capitalize;
   letter-spacing:  0.025em;
}

#menu ul li {
   display: block;
   float: left;
   position: relative;
   right: 50%;
}

#menu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 16px;
   color: #441811;
   font-weight: bold;
   text-decoration: none;
   line-height: 1.3em;
   letter-spacing: 0.35px;
}

#menu ul li a#this_page:link,
#menu ul li a#this_page:visited {
  	color: #aa1407;
  	background-color: #fff;
  	border-bottom: 1px dotted #aa1407;
  	cursor: default;
}

#menu ul li a:hover {
	color: #fff;
	background-color: #441811;
}				

/*=footer-----------------------------
------------------------------------*/			
/* to force footer to bottom*/			
#footer {
	width:  96em;
	height: 4em; /*matches neg margin on wrap*/
	margin: 3em auto 0 auto;
	padding:  0.5em 0;
	background-color:  #441811;
	line-height:  1.75;
	color: #fff; 
	text-align:  center;
	-moz-box-shadow: 2px 2px 5px #573631, -2px 1px 5px #573631;
	-webkit-box-shadow:2px 2px 5px #441811;
	box-shadow:2px 2px 5px #441811;
}		
				
#footer ul { margin: 2px 0 0 0; }
			
#footer	li {
	display: inline;
	white-space: nowrap;
	padding:  0 .6em 0 0;
	font-size: 120%;
	text-transform:  capitalize;
	/*text-align: center;*/
}
		
#footer li:after { content:  " |"; }	

#footer li:last-child:after { content:  ""; }				
		
#footer li a:link, #footer li a:visited { color: #fff; }
			
#footer li a:hover {
	color: #b6a85a; /*greenish neutral*/ 
	text-decoration: none;
}	

.copyright { font-size:  110%; }

/* content-main ------------------------------------
----------------------------------------------------*/
/*adjusted margin and padding to solve legacy ie bugs*/
#content_main {
	position:  relative;
	float:  left;
	min-height: 300px; /*for links page*/
	width:  55%;
	margin-bottom: 2em;
	margin: 4em 0 2em 7%;
	padding:  0.5em 5% 1em 0;
	border-right:  1px solid #dcd4d2;
}

/*currently index page only*/
.col1 {
	float: left;
	width: 47%;
}

.col2 {
	float: right;
	width: 47%;
}

.col1 p:first-child {
	font-weight: bold;
}

/* column-sub content ------------------------------------
----------------------------------------------------------*/
#content_sub {
	float: right;
	width: 30%;
	margin-top: 7.3em;
	padding: 0 1% 0 1.5%;
}

/*teaser boxes inc - used on several pages*/
.sublist li {
	margin: 0 1em 1.5em 1em;
	padding: 1.5em;
	font-size: 110%;
	border-radius: 5px;	
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	background: #ece3e1;
	box-shadow:2px 2px 2px #666;
	-moz-box-shadow:2px 2px 2px #666;
	-webkit-box-shadow:2px 2px 2px #666;
}

.sublist li:hover {
	background: #cfc7c5;
}

/*nested list*/
.sublist ul {
	margin-top: -0.75em;
	list-style-type: square;
	margin-left: 1.7em;
}

.sublist ul li {
	margin: 0 0 0.5em 0;
	padding: 0;
	height: auto;
	background-color: transparent;
	font-size: 115%;
	border-radius: 0;	
	-moz-border-radius: 0;	
	-webkit-border-radius: 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow:0 0 0;
}

.sublist ul li a#active:link,
.sublist ul li a#active:visited {
  	color: #73524d;
  	font-weight: bold;
  	cursor: default;
}

.sublist ul li a:hover {
	cursor: pointer;
}	

.sublist ul li a#active:hover {
	cursor: default;
	text-decoration: none;
}	

body#events li.events, body#events li.msrlink {
	display: none;
}

/*=general styles-----------------------------------------
-------------------------------------------------------*/
.clear {
	clear: both;
}																						

/*=individual page styles---------------------*/

/*=index page--------------------------------
-------------------------------------------*/
body#index #content_main img {
	margin: 2em auto 3em auto;
	padding:  10px;
	border:  3px solid #dcd4d2;
}	

body#index #content_main div.col2 img.narr_bor {
	margin: 0 auto;
	padding: 4px 7px;
	border: 1px solid #dcd4d2;
}	

body#index h1 {
	font-size: 205%;	
	margin-bottom: 0.75em;
	text-align: center;	
}	

/*sublist repair desc toggle*/
ul.sublist li p#repair {
	font-size: 100%;
}

ul.sublist .toggle  {
	margin-left:  0;
	font-size:  80%;
	display: block;
	margin-top: 0em;
}

/*=About page w/ bios and slideshow of shop-----
-----------------------------------------------*/
/*make the 2 cols equal width*/
body#about #content_main, body#about #content_sub { 
	width: 46%;
	padding-right: 0;
	padding-left: 0;
	border-right:  0;
}

body#about #content_main {
	margin: 6em 0 2em 2%;
}

body#about #content_sub {
	margin: 5em 3% 2em 0.25%;
}

/* shop images slideshow */
div#slideshow {
	position:  relative;
	top:  10px;
	left:  1.5em;
	width:  411px;  
    height:   300px; 
    z-index:  5;
}

#slideshow img {  
	width: 393px;
	height: 260px;
    padding:  6px;
	border:  2px solid #dcd4d2;
} 	

#caption h4 {
	margin-left: 3%;
	border: 0;
}
/* about page bios accordion*/
#accordion {
	width: 100%;
	margin-bottom: 30px;
	border-left:1px solid #dcd4d2;
}

#accordion h2 {
	background: #dcd4d2;
	margin: 0;
	padding: 6px 15px 9px;
	font-size: 125%;
	border: 1px solid #fff;
	border-width: 1px 0;
	cursor: pointer;	
	border-radius: 0 15px 15px 0;	
	-moz-border-radius: 0 15px 15px 0;	
	-webkit-border-radius: 0 15px 15px 0;	
}

#accordion h2:hover {
	color: #fff;
	background-color: #441811;
}

/* currently active header */
#accordion h2.current {
	color: #fff;
	background-color: #8f6760;
	cursor: default;	
}

/* accordion pane */
#accordion div.pane {
	border: 1px solid #fff;
	border-width: 0 1px;
	display: none;
	height: auto;
	padding: 15px 15px 0;
	font-size: 100%;
}

/*web design*/
.credits {
	font-size: 10px;
	margin: 60px 0 0 2%;
}	

/*=collectors page------------------------------
---------------------------------------------*/
body#collectors #content_main li  {
	list-style: square;
	margin-left: 3%;
	margin-bottom: 12px;
	padding: 14px;
	font-size:  120%;
	font-weight:  bold;
	background: #ece3e1;
	border-radius: 5px;	
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
}

body#collectors #content_main li p  {
	margin:  0.5em 0 0 1.5em;
	font-size:  120%;
	font-weight:  normal;
	line-height: 1.3;
}

/*=links page ---------------------
---------------------------------*/
dl.links {
	width:  100%;
	padding:  10px 0 40px 0;
	overflow: hidden;
}
			
.links dt {
	font-weight:  bold;
	text-transform:  capitalize;
	float: left;
	clear: left;
	width: 45%;
	margin-bottom: 1em;
}
			
.links dd {
	float: left;
	text-align:  left;
	width: 50%;
	margin-left: 2%;
	margin-bottom: 1em;
}			
			
* html .links dd {
	float: none;
	margin-left: 25%;
}
/* end dl styles */

/*=events page------------------------------
--------------------------------------------*/
body#events #content_main ul ul li, body#events ul h2 {
	font-size: 100%;
}

body#events #content_main ul {
	margin: 1em 0;
	line-height: 1.5;
}

body#events #content_main li p {
	font-size: 90%;
	line-height: 1.5;
}

body#events #content_main span {
	margin-top: 0.5em;
	font-size: 90%;
	display: block;
}
	
.toggleLink {
	font-size:  100%;
	display: block;
	margin-top: 0.25em;
}

.toggle  {
	margin-left:  15px;
}
/*end events pg*/

/*=contact page------------------------------
--------------------------------------------*/
/*hides address (redundant on contact page) */		
body#contact p#address {
	display: none;
}

#moveblurb {
	position:  absolute;
	top:  75px;
	right:  9%;
	width:  20em; 
	padding: 1em; 
	font-size:  110%;
	border-radius: 5px;	
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	background: #ece3e1;
	-moz-box-shadow:2px 2px 2px #666;
	-webkit-box-shadow:2px 2px 2px #666;
	box-shadow:2px 2px 2px #666;
}

/*google map*/
#map-container {
    width: 275px;
    height: 185px;
    margin: 20px auto;
    border: 3px solid #dcd4d2;
}

body#contact #content_sub h3 ~ p {
	font-size: 110%;
}

/*=images------------------------------------
-------------------------------------------*/
#content_main img, #content_sub img {
	border: 1px solid #dcd4d2;
	padding:  6px;
	margin-bottom: 5px;
}

#content_sub img {
	position: relative;
	left: -1.75em;
}

/*reverse position relative*/
body#contact #content_sub img,  body#about #content_sub img{
	position: static;
	left: 0;
}
		
img.rt, .pane img.rt {
	float: right;
	margin:  0 0 5px 10px;
}	

img.left {
	float: left;
	margin:  5px 10px 0 0;
}	

#wrap img.full {
	display: block;
	margin-bottom: 20px;
}

body#collectors #content_sub img, body#links #content_sub img {
	border: 3px solid #dcd4d2;
	margin: 0 auto 1em auto;
}