/*
Terpcamp  Framework: Version: 1.0
Copyright (c) 2009 Mark Terpstra. All rights reserved.
*/

/*** base **********/
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; vertical-align: baseline; text-decoration:none; color: #000000; }
input, textarea { margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a, img { border: none; outline: none; }
a { text-decoration: none;}
.gallery, #content .slide, #content .text, #content .notebook {margin: 0; padding:0;}
 

/*** layout **********/
 
body 
	{
	font: 76% 'Lucida Grande',Verdana, Helvetica, Arial sans-serif;
	text-align:center;
	background: #f3f3ed url(/bg-body-blue.gif) repeat-x scroll left top;	
	color: #000000;
	}
 
#container
	{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	border-right: 0px solid #eae9e6;
	border-bottom: 0px solid #eae9e6;	
	}
	
#credits
	{
	margin:15px 50px;
	font-size: 10px;
	}
 
#header
	{
	padding: 25px 0 10px 10px;	
	margin: 0;
	min-height: 1px;
	position: relative;
	}

#footer
	{
	clear: both;
	margin: 25px 50px 0 50px;
	padding: 15px 0;
	text-align:center;
	} 
 
#content-full	
	{
	width: 860px;
	padding: 50px;
	margin: 0;	
	clear:both;
	border-right: 3px solid #eae9e6;
	border-bottom: 3px solid #eae9e6;	
	border-top: 1px solid #eae9e6;
	border-left: 1px solid #eae9e6;
	background: #fff;
	}
	
#sidebar
	{
	float: right;
	width: 225px;
	margin-right: 50px;
	}	

#content
	{
	float: left;
	width: 525px;
	padding: 25px 0;
	margin-left: 50px;	
	}
	
 
/*** header **********/

#header h1
	{
	font-weight: normal;
	font-size: 25px;	
	font-family: 'Times New Roman', Times, serif;
	color: #000000;
	}	

#header h1 a
	{
	border:none;
	}	

#header h1 span.tagline
	{
	font-weight: normal;
	font-size: 15px;	
	font-family: 'Lucida Grande',Verdana, Helvetica, Arial sans-serif;
	color: #666666;
	margin: 0 25px;
	}	

#header a.addthis
	{
	padding: 2px 3px 1px 3px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDD;
	border-right: 1px solid #666666;
	color: #666666;
	background: #f3f3ed;
	margin-left:20px;
	}

#header .logo
{position: absolute; top: 25px; right: 10px;}
 
/*** type **********/
p, ul, ol 
	{
	margin: 0 0 15px 0;
	line-height: 130%;	
	}
 
a:link, a:visited 
{
	color: #36648B;
	text-decoration: none;
	border-bottom: 1px solid #e7e7e2;	
}

a.light
{
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #e7e7e2;	
}

a.dark
{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #e7e7e2;	
}

a.dark:hover
{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;	
}

a:hover
{
	color: #36648B;
	border-bottom: 1px solid #36648B;	
	text-decoration: none;
}
 
a.imagelink
{ border:none;	text-decoration:none; }
 
a.imagelink:hover { border: none;	text-decoration:none; }		
 
/*** title **********/


#title { text-align:center; clear: both;}

#title h1
	{
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0;
	line-height:normal;
	color: #000;
	font: 50px 'Times New Roman', Times, serif;		
	}	

#title h2
	{
	font-size: 20px;
	margin: 0;
	font-weight:normal;
	color: #666666;
	font-family: 'Lucida Grande',Verdana, Helvetica, Arial sans-serif;	
	}

.searchbox
	{	
	padding: 25px;
	margin: 30px 0;
	background: #f3f3ed;
	border: 1px solid #eae9e6;
	}

.searchbox p
	{
	font-size: 15px;
	margin: 0 0 5px 0;
	}

input.google-search
	{
	color: #999999;
	width: 550px;
	font-size: 20px;	
	padding: 5px;
	}
	
input.google-search:focus
	{
	color: #999999;
	font-style:italic;
	}
 
input.google-button
	{
	background-color: #000000;
	border: 1px solid #000000;
	color: #FFF;
	padding: 5px;
	font: 25px Times, serif;		
	margin-left: 5px;
	}
 
input.google-button:hover
	{
	background-color: #36648B;
	border: 1px solid #36648B;		
	color: #f3f3ed;
	}
	
h2
	{
	font-size: 18px;	
	font-family: 'Georgia',Times, serif;	
	margin: 25px 0 5px 0;
	line-height:125%;
	font-weight: bold;
	}
 
h3
	{
	font-size: 14px;
	margin: 10px 0 5px 0;
	line-height:125%;
	font-weight: bold;	
	}
 
ul, ol
	{
	padding: 0 0 0 25px;
	line-height: 130%;
	}
 
li
	{
	padding: 0 0 3px 0;
	}	
 
/*** gallery view  ***/
 
.gallery
	{
	padding: 0;
	margin: 0;
	clear: both;
	}
 
.gallery:after
	{
	clear: both;
	}
	
.gallery p
	{
	padding: 0 0 7px 0;
	margin: 0;
	}
 
.gallery .entryone
	{
	float: left;
	margin: 0 25px 25px 0;
	clear:left;
	padding:0;
	width: 250px;
	text-align: left;	
	}
 
.gallery .entrytwo
	{
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	width: 250px;	
	text-align: left;	
	}
 
 
/*** slide view ***/
 
.slide
	{
	padding: 3px 0 0 0;
	margin: 0 0 35px 0;
	clear: both;
	}	
	
.slide 
	{
	margin: 0 0 25px 0;
	}
 
.slide p, p.caption
	{
	padding: 12px 5px 10px 5px;
	background-color: #e7e7e2;
	margin-bottom: 0;	
	}
	
.toggle-blurb
	{
	padding: 12px 5px 10px 5px;
	background-color: #e7e7e2;	
	}
 
.slide .price 
	{font-weight: bold; margin: 0 10px;}
.slide .regular-price 
	{font-weight: bold; text-decoration: line-through;  margin: 0 10px;}	
.slide .sale-price 
	{font-weight: bold; color: #df6e38; margin-right: 20px;}
.slide .price-comment
	{font-style: italic; margin-right: 20px;}
 
.pagination
	{
	clear: left;
	margin: 25px 0;
	}	
	
.band
	{
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #e7e7e2;
	}
	
.color-band
	{
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #d6dcc4;
	}
 
 .blueband
{
	background-color: #36648B;
	color: #FFF;
	padding: 20px;
	margin: 25px 0;
}
/*** notebook styles ***/
 
.notebook-entry
{
	margin: 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e7e7e2;		
}
 
.notebook-entry h2
{
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 2px 0;
}
 
.notebook-entry h2 a
{
	border:none;
}
 
.notebook-entry img.photo
{
	margin: 0 0 15px 0;
	width: 525px;	
}
 
img.right-thumb
{
	width: 200px;
	float: right;
	margin: 0 0 15px 15px;
}
 
img.left-thumb
{
	width: 200px;
	float: left;
	margin: 0 15px 15px 0;
}
 
.notebook-entry h2 a:hover
{
	border-bottom: 1px solid #697740;
}
 
.notebook-entry p.posted
{
	color: #959436;		
	font-style: italic;
}
 
.notebook-entry p.posted a
{
	color: #959436;
	border-bottom: 1px solid #d6dcc4;
	font-style: italic;	
}
 
.notebook-entry p.posted a:hover
{
	color: #959436;
	border-bottom: 1px solid #959436;
}
 
.notebook-entry a.permalink
{
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0;
}
 
.notebook-entry a.permalink:hover
{
	font-weight: bold;
}
 
a.external
{
	color: #959436;
}
 
a.external:hover
{
	color: #959436;
	border-bottom: 1px solid #959436;
}
 
/*** sidebar **********/
	
#sidebar .sidebox
	{
	padding: 10px;
	border-top: 1px solid #e7e7e2;
	border-bottom: 1px solid #e7e7e2;
	margin: 12px 0 20px 0;
	}
 
/*** accordion menu  ***/
 
#sidebar dl.accordion-menu 
	{ 
	margin: 10px 0; 
	}
 
#sidebar dt 
	{ 
	padding: 7px 10px;
	border-top: 1px solid #f3f3ed;	
	background-color: #d6dcc4;
	}
	
#sidebar dt a
	{
	border: none;
	text-decoration: none;
	}
	
#sidebar dt a:hover
	{	
	border-bottom: 1px solid #697740;
	color: #697740;
	background: none;
	}		
	
#sidebar dd 
	{ 
	padding: 20px 10px 20px 10px;
	margin: 0;
	background-color: #e7e7e2;
	}
 
#sidebar dd p
	{ 
	margin: 0 0 10px 0;
	}
 
#sidebar dd:focus
	{ 
	border:none;
	}
 
/*** sidebar form ***/
 
input.sidebar-field, textarea.sidebar-field
	{
	border: 1px solid #7c7c7c;
	color: #7c7c7c;
	width: 200px;
	font: 12px arial, san-serif;	
	margin-bottom: 5px;
	padding: 3px;
	}
		
input.sidebar-field:focus, textarea.sidebar-field:focus
	{
	border: 1px solid #df6e38;
	color: #df6e38;
	}
 
input.submit-button
	{
	background-color: #df6e38;
	color: #f3f3ed;
	border: none;
	padding: 3px;
	}
 
input.submit-button:hover
	{
	background-color: #697740;
	}
		
.label 
	{ 
	position: relative; 
	float: left; 
	margin-right: 3px; 
	clear: left; }
 
label.over 
	{ 
	color: #7c7c7c; 
	position: absolute; 
	top: 5px; left: 5px;
	}	
 
 
 
 
 
 
/*** footer **********/
	
#footer p
	{
	padding: 0;
	margin: 0;
	color: #7c7c7c;
	}
	
#footer a
	{
	color: #7c7c7c;
	border-bottom: 1px solid #7c7c7c;
	}

#footer a:hover
	{
	color: #242424;
	border-bottom: 1px solid #242424;
	} 
 
/*** misc classes **********/
 
.clear {clear: both;}
.hide {display: none; }
.highlighted {background: #ffc;}
.color-text {color: #df6e38;}
a.color-link
	{
	color: #df6e38;
	font-weight: bold;		
	}
.float-left {float:left;}
.float-right {float:right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.caps {text-transform: uppercase;}
.centered {text-align: center;}
.strike {text-decoration:line-through;}
 
.addthis
	{
	margin: 13px 0 0 0;
	border: none;
	}	
	
.addthis img, .addthis a, .addthis a:hover {border:0;text-decoration:none;}	
 
.drop-down
	{
	margin: 0 25px 0 50px;
	border: 1px solid #7c7c7c;
	color: #7c7c7c;
	width: 300px;
	font: 12px arial, san-serif;	
	padding: 5px;
	}	
	
a.button
	{
	padding: 3px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDD;
	border-right: 1px solid #666666;
	color: #7c7c7c;
	background: #f3f3ed;
	display: block;
	float:left;
	margin-left: 25px;
	}
 
a.button:hover
	{
	padding: 3px;
	color: #242424;
	}
 
p.quote
	{
	text-align:center;
	padding: 0 125px 0 125px;		
	color: #666666;
	font-style: italic;
	}