/************************************************
	Nathan Anderson (Thalazar.Com)
	CSS Definition File
	Created by Aiden Bordner Technology + Design
	With inspiration from www.alistapart.com
************************************************/

html, body {
 border: 0;
 margin: 0;
 padding: 0;
}

body {
 background: #ADAC8B url(../img/main_bg.gif) repeat-x;
 font: 10px Georgia, "Times New Roman", Times, serif;
}


/************************************************
	STRUCTURAL DIVS
************************************************/

#container {
 width: 688px;
 margin: 28px auto 0 auto;
 background: url(../img/cont_bg.gif) repeat-y;
}

#head {
 width: 688px;
 height: 94px;
 margin: 0;
 padding: 0;
 background: url(../img/head.gif) no-repeat;
}

#pageblock {
 display: block;
 width: 670px;
 background: transparent;
 margin: 0 9px;
}

#pagebody {
 background-color: #F1F1ED;
 width: 640px;
 border: 0;
 padding: 0;
 margin: 14px 15px 4px 15px;
 overflow: hidden;
}

#pagebody.home {
 margin-top: 0;
 background: url(../img/body_bg_home.gif) repeat-y;
}

#pagebody #content {
 float: left;
 width: 423px;
 background: transparent;
 color: #393925;
}

#pagebody #sidebar {
 float: left;
 background: transparent;
 height: 100%;
 padding-bottom: 30px;
 
}

#footer {
 width: 688px;
 height: 19px;
 margin: 0;
 padding: 0;
 background: url(../img/cont_foot.gif) bottom no-repeat;
}

/************************************************
	PAGE SPECFIC DIVS
************************************************/

#welcome {
 width: 423px;
 position: relative;
 float: left;
 top: 0;
 z-index: 10;
}

#hometop {
 width: 640px;
 margin: 0 auto;
 padding: 0;
}

/************************************************
	NAV MENU
************************************************/

#navbar {
 height: 27px;
 width: 670px;
 background: #710E0A url(../img/nav_bg.gif) repeat-x;
 margin: 0 auto;
}

#navbar #menu {
 margin: 0;
 padding: 0;
}

#navbar #menu ul {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 clear: left;
}

#navbar #menu ul li {
 width: 111px;
 height: 27px;
 display: inline;
 float: left;
 text-align: center;
 padding: 0;
 margin: 0;
 background: url(../img/nav_li_bg.gif) no-repeat top right;
}

#navbar #menu ul li.wide {
 width: 115px;
}

#navbar #menu ul li.links {
 background: transparent;
}

#navbar #menu li a,
#navbar #menu li a:visited {
 width: 111px;
 height: 27px;
 color: #fff;
 text-decoration: none;
 display: block;
 text-align: center;
 font-size: 1.2em;
 font-weight: bold;
 line-height: 27px;
 letter-spacing: -0.1em;
}

#navbar #menu li.wide a,
#navbar #menu li.wide a:visited {
 width: 115px;
}

#navbar #menu ul li a:hover,
#navbar #menu ul li a:focus {
 width: 111px;
 height: 27px;
 background: url(../img/nav_li_bg_sel.gif) repeat-x top left;
 color: #852C26;
}

#navbar #menu li.wide a:hover, 
#navbar #menu li.wide a:focus {
 width: 115px;
}

/************************************************
	FRONT PAGE NEWS CLASSES
************************************************/ 

.story{
 padding:0 14px 20px 14px;
 border-bottom:1px solid #fff;
 line-height:18px;
}

#bottom {
 border-bottom: none;
}

#content h3{
 padding-left:32px;
 margin-bottom:0;
 background:url(../img/bullet.gif) no-repeat;
 font-weight: normal;
 font-size: 1.8em;
 letter-spacing: -1px;
}

.story span.dateline{
 color: #808080;
 margin-top: -.1em;
 margin-bottom: 0;
}

#content p{
 font-size: 1.2em;
 line-height: 1.2em;
}


/************************************************
	SIDEBAR CLASSES
************************************************/ 

#sidebar h3{
 line-height:29px;
 text-indent:10px;
 background:#7B7B69;
 font-size:1.4em;
 font-weight: normal;
 color:#fff;
 margin-top: 11px;
 margin-left: 12px;
 width: 195px;
} 

#sidebar ul{
 padding: 0;
 margin: 0 0 0 16px;
 list-style-type: none;
 font-size: 1.4em;
 color: #393925;
}

#sidebar ul li{
 background:url(../img/arrow.gif) 0px 3px no-repeat;
 margin: 10px 0 0 0;
 text-indent: 20px;
}

#sidebar ul li.active{
 background:#BE9F97;
}

#sidebar ul li a{
 text-decoration: none;
 color: #393925;
}

#sidebar ul li a:hover{
 text-decoration: underline;
}

#sidebar ul li.sub_li{
 background: none;
 font-size: .7em;
 font-style: italic;
 margin-top: 0.8em;
 margin-bottom: 20px;
}

#sidebar span.sub_txt{
 font-size: .7em;
 margin-top: 2px;
 text-indent: 20px;
 display: block;
}


/************************************************
	THUMBNAIL DISPLAY
************************************************/

#gallery {
 padding: 20px 10px;
 margin: 0;
}

#gallery .thumbbox {
 float: left;
 width: 144px;
 padding: 10px 4px;
 text-align: center;
}

#gallery .thumb {
 width: 138px;
 height: 105px;
 background: url(../img/gal_bg.gif) 0 0 no-repeat;
 margin: 0 auto;
}

#gallery .thumb img {
 position: relative;
 top: 4px;
 border-style: none;
}

#gallery .thumb a,
#gallery .thumb a:visited,
#gallery .thumb a:hover,
#gallery .thumb a:active {
 border-style: none;
 outline: none;
}

#gallery .caption {
 color: #393925;
 display: block;
 width: 134px;
 padding: 0 7px;
 margin-top: 13px;
 font-size: 1.2em;
 font-style: normal;
 text-align: center;
}

#page_control,
#subgallery_selection {
 font-family: Arial, Verdana, sans_serif;
 font-size: 1.1em;
 color: #8E8E8C;
 width: 292px;
 height: 20px;
 line-height: 20px;
 margin: 10px auto 18px auto;
 border: 1px solid #D3D3CF;
 text-align: center;
}


#page_control a,
#page_control a:visited {
 color: #760F0A;
 text-decoration: none;
}

#subgallery_selection a,
#subgallery_selection a:visited {
 color: #8E8E8C;
 text-decoration: underline;
}

#page-control a:hover {
 text-decoration: underline;
}

#subgallery_selection a:hover {
 text-decoration: none;
}

#subgallery_selection span {
 font-weight: bold;
 color: #760F0A;
 font-size: 1.1em;
}

/************************************************
	BIO
************************************************/ 

#bio {
 margin: 25px 14px;
 font-size: 1.3em;
 color: #393925;
 line-height: 1.4em;
}
 
 
/************************************************
	CONTACT
************************************************/  

#contact {
 margin: 25px 14px;
 color: #393925;
}

#contact hr {
 width: 620px;
 height: 1px;
 border: 0 none;
 color: #CFCFBC;
}

#contact div.name {
 margin: 8px 0;
 font-size: 2.4em;
}

#contact div.address {
 font-size: 1.2em;
 line-height: 1.3em;
 margin-bottom: 25px;
}

#contact div.phone,
#contact div.email {
 font-size: 1.3em;
 margin-bottom: 8px;
}

#contact div.email a {
 color: #393925;
 text-decoration: none;
}

#contact div.email a:hover {
 text-decoration: underline;
}


 
/************************************************
	LINKS
************************************************/ 

#links {
 margin: 25px 8px;
}

#links ul {
 list-style: disc;
}

#links ul li {
 margin: 12px 0 0 0;
}

#links ul li a {
 font-size: 1.6em;
 color: #393925;
 text-decoration: none;
}

#links ul li a:hover {
 text-decoration: underline;
}

#links span.caption{
 color: #393925;
 font-size: 1.1em;
 margin-top: 2px;
 display: block;
}

 
/************************************************
	ORDER/INFORMATION
************************************************/ 

#order {
 margin: 25px 14px 45px 14px;
 color: white;
}

#order ul {
 list-style: disc;
 font-size: 0.9em;
 font-style: italic;
 line-height: 1.5em;
}

#order p.note {
 font-size: 0.9em;
 font-style: italic;
 line-height: 1.0em;
 margin: 
}

#order span.detail_head {
 font-size: 1.0em;
 font-weight: bold;
}

#order span.detail {
}
 
 


/************************************************
	COPYRIGHT LINE
************************************************/ 

#copyright{
 color: #5C5C4F;
 font-size: .9em;
 font-style: normal;
 width: 668px;
 text-align: right;
 margin: 0 auto 38px auto;
}


/************************************************
	REPAIR CLASSES
************************************************/ 
 
.clearing {
 height: 0;
 font-size: 0;
 margin: 0;
 padding: 0;
 clear: both;
}