@charset "utf-8";
/* CSS Document */

<style type="text/css">





/* neutralize browser styles */

body, html {

	margin:0;

	padding:0;

	background-image: url(images/bg2.jpg);

}

/* neutralize browser spacing for vertical elements */

h1, h2, h3, h4, h5, h6, p, pre,

blockquote, ul, ol, dl, address {

	margin: 1em 0;

	padding: 0;

	}

/* General Styles */

body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

	background: url(images/head_pattern.jpg) repeat-x;

	background-image: url(images/bg2.jpg);

}

html {

	background: url(images/page_bkg1.jpg);

}

blockquote  {

	font-family: "Trebuchet MS", Helvetica, sans-serif;

	font-size: .9em;

	font-weight: normal;

	line-height: 1.8;

	margin-right: 4em;

	margin-left: 4em;

	padding-right: 1em;

	padding-left: 1em;

	background: url(images/upQuote.gif) no-repeat;

	padding-top: 1em;

	margin-top: 1.8em;

}

blockquote span {

	text-align: right;

	font-weight: bold;

	background: url(images/downQuote.gif) no-repeat right bottom;

	line-height: 1.2;

	padding-bottom: 2.4em;

	display: block;

	padding-top: 0em;

	padding-right: 2em;

}





/* ---------All layout generic styles---------------- */

.twoColFixSmSide #container, .twoColFixLgSide #container, .oneCol #container {

	width: 860px;

	margin: 0 auto;

	text-align: left;

	background: #FFF url(images/bg.jpg) repeat-y;

	padding-right: 20px;

	padding-left: 20px;

} 

.twoColFixSmSide #header, .twoColFixLgSide #header, .oneCol #header {

	height: 194px; /* this will be the height of the header background graphic */

	position: relative;

	margin-bottom: 14px;

	background: #FFF url(images/header_photo02.jpg) no-repeat bottom;

} 

.twoColFixSmSide #sidebar div, .twoColFixLgSide #sidebar div {

	background: url(images/bg2.jpg) repeat-x;

	padding-bottom: 1em;

	margin-bottom: 1em;

}

.twoColFixSmSide #footer, .twoColFixLgSide #footer, .oneCol #footer {

	padding: 1px 1em .5em; 

	background:#666 ;

	margin-bottom: 1em;

} 

.twoColFixSmSide #footer p, .twoColFixLgSide #footer p, .oneCol #footer p {

	font-size: 0.7em;

	color: #fff;

	text-align: center;

	margin-bottom: 0.5em;

}

/* --------------Large sidebar specific styles -------------*/

.twoColFixLgSide #sidebar {

	float: left; /* since this element is floated, a width must be given */

	width: 230px; /* the actual width of this div, adding padding and borders will increase the overall width in standards-compliant browsers */

	padding: 0;

	color: #fff;

}

.twoColFixLgSide #mainContent {

	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends. */

	padding: 0;

	background: repeat-x;

} 

/* --------------Small sidebar specific styles -------------*/

.twoColFixSmSide #sidebar {

	float: left; /* since this element is floated, a width must be given */

	width: 200px; /* the actual width of this div, adding padding and borders will increase the overall width in standards-compliant browsers */

	padding: 0;

	color: #fff;

}

.twoColFixSmSide #mainContent {

	margin: 0 0 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends. */

	padding: 0; 

} 



/* -----------------end large sidebar styles ----------------------------*/

/* -----------------one column styles ----------------------------*/

.oneCol #mainContent {

	margin: 0

	padding:0;

	}

.oneCol #mainContent .article h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.6em;

	color: #78320E;

	margin: 0;

	font-weight: normal;

	line-height: 2;

	padding-left: 55px;

	background: url(images/skull_header.gif) no-repeat left center;

}

.oneCol #mainContent img {

	background: none;

	display: inline;

	border: none;

	margin: 5px;

	padding: 0;

}

/* ----------------- shopping area styling -------------------- */

#mainContent .TabbedPanels .TabbedPanelsTab h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.6em;

	font-weight: bold;

	text-align: center;

	background: none;

	padding: 0;

	margin:0;

	line-height: 1.6;

	color: #78320E;

}

.wearContainer {

	width: 300px;

	float: left;

	margin-right: 40px;

	margin-bottom: 10px;

	}

.carryContainer {

	width: 200px;

	float: left;

	margin-right: 30px;

	margin-bottom: 10px;

	}

#mainContent .shop{

	font: 1em/1 Georgia, "Times New Roman", Times, serif;

	color: #78320E;

	margin: 0;

	padding:0;

}

#mainContent .wearContainer p, #mainContent .carryContainer p {

	font-size: .85em;

	line-height: 1;

	margin: 0;

	padding: 0;

	}

#mainContent .wearContainer .plus, #mainContent .carryContainer .plus {

	margin-left: 110px;

	}

#mainContent .wearContainer .plus a,#mainContent .carryContainer .plus a {

	border: none;

	font-weight: normal;

	}

#mainContent .wearContainer .plus a:hover,#mainContent .carryContainer .plus a:hover  {

	color: #666;

	}

#mainContent .article .wearContainer h2,#mainContent .article .carryContainer h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;

	color: #78320E;

	line-height: 1.4;

	padding:0;

	background: none;

	text-align: left;

	margin: 0;

	}

/* -------------------- main content specific styles ------------------*/

#mainContent img {
	background: #ccc;
	display: block;
	padding: 3px;
	border: 1px solid #999;
	margin: 1.6em auto;
	float: right;
	clear: right;
}

#mainContent p, #mainContent blockquote, #mainContent ul, #mainContent ol {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 0.7em;

	line-height: 1.3;

	padding-right: 1.6em;

	padding-left: 1.6em;

	color: #333;

	margin-top: 0em;

}



#mainContent ul, #mainContent ol {

	padding-left: 2.6em;

	

}





#mainContent a {

	font-weight: bold;

	color: #602E0C;

	text-decoration: none;

	border-bottom: 1px dotted #602E0C;

	padding-bottom: .1em;

}

#mainContent a:hover {

	color: #BA3818;

	border: none;

}





#mainContent .article, #mainContent .galleryArticle {

	background: #fff;

	padding: 0.5em 0.5em 2em;

	margin-bottom: 1em;

	border: 1px solid #bbb;

	

}

#mainContent .article h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.3em;

	color: #666;

	margin: 0;

	font-weight: normal;

	line-height: 2;

	padding-left: 0px;

	background: no-repeat left center;

}

#mainContent .article h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.6em;

	color: #666;

	margin-bottom: -0.5em;

	font-weight: normal;

	text-align: center;

	padding-bottom: 45px;

	background: url(images/headline_bkg6.jpg) no-repeat center bottom;

}

#mainContent h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 0.95em;

	margin: 1em .5em;

	color: #600;

}

/* ------ mainContent gallery styles --------------*/

#mainContent .galleryArticle h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 2.5em;

	line-height:1.75em;

	text-align: center;

	color: #666;

	margin: 1em 2em 0;

	font-weight: normal;

	padding: 0;

	border-top: 1px dotted #666;

	background: none;

}

#mainContent .galleryArticle h2 {

	position: relative;

	top: -.5em;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;

	line-height: 0;

	color: #333;

	font-weight: normal;

	text-align: center;

	padding: 0 0 55px;

	background: url(images/headline_bkg6.jpg) no-repeat center bottom;

}

#mainContent .author {

	font-style: italic;

	}

/* ------ mainContent table styles --------------*/

#mainContent table#gearTbl {

	width: 500px;

	border: 1px solid #333;

	margin: 0 auto;

	border-collapse:collapse;

	background: #445745;

}

#mainContent  #gearTbl  caption   {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	color: #666;

	text-align: left;

	padding-bottom: .5em;

}

#mainContent #gearTbl thead {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #fff;

	font-weight: normal;

}

#mainContent #gearTbl tbody {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .625em;

	color: #fff;

	text-align:center;

}

#mainContent #gearTbl th {

	background: #444;

	height: 190px;

	vertical-align: bottom;

	font-weight: normal;

	border: 1px solid #333;

	text-align: center;

	padding-bottom: 0.5em;

}

#mainContent #gearTbl th.sony {

	background: #444 url(images/sony_dscf717.gif) no-repeat center;	

}

#mainContent #gearTbl th.fuji {

	background: #444 url(images/fuji_finepixf480.gif) no-repeat center;

}

#mainContent #gearTbl td.specs {

	text-align: left;

	font-weight: bold;

}

#mainContent #gearTbl td {

	padding: 1.5em 1em;

	border: 1px solid #333;

	}

#mainContent #gearTbl tr.odd {

	background: #58725A;

}

#mainContent #gearTbl tr:hover {

	background: #333;

}

/* ---------------- form styles ----------------*/

#formWrap {

	background: #999;

	padding: 1em 0;

	}

form#frmContact {

	width: 505px;

	margin: 0 auto;

	}

fieldset {

	background: #D8D5C5;

	border: none;

	margin: 1em 0;

	padding-bottom: .5em;

	}

legend {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;

	color: #602E0C;

	line-height: 1.4;

	background: #D8D5C5;

	padding: 0.2em .5em;

	margin-left: 0.5em;

}

#formWrap p {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #602E0C;

	font-size: 0.85em;

	line-height: 1.2;

	margin: 1.4em 0;

}

input.text {

	width: 250px;

}

textarea {

	width: 300px;

	margin-top: .5em;

}

label.top {

	display: block;

	margin-bottom: .5em;

}

label.check {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .75em;

	line-height: 1;

	color: #000;

}

span.aside {

	font-style: italic;

}

p.info {

	position: relative;

}

span.info {

	position: absolute;

	left: 320px;

	padding-left: 35px;

	background: url(images/notice_icon.gif) no-repeat left center;

	color: #c00;

	height: 25px;

	line-height: 25px;

}



input.text:focus, textarea:focus {

	background: #C8D3CB;

}





/* ---------------- header specific styles ----------------*/

#header ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	float: left;

	position: absolute;

	right: 34px;

	bottom: -36px;

	width: 395px;

	height: 30px;

}

#header li {

	float: left;

}

#header li a:link, #header li a:visited {

	background: #FFF;

	padding: .2em .5em;

	display: block;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 0.65em;

	font-weight: normal;

	color: #000;

	text-decoration: none;

	line-height: 1.2em;

	margin-right: 0.5em;

	border: 1px dotted #999;

	font-variant: normal;

	text-transform: uppercase;

}

#header li a.guest, #header li a.guest:hover, #header li a.guest:active {

	color: #78320E;

	background: #fff;

	cursor: default;

}

#header li a:hover {
	color: #FFF;
	background: #3C2D30;
}

#header #logo {

	background: url(images/logo.gif) no-repeat;

	height: 76px;

	width: 288px;

	position: absolute;

	top: 0px;

	right: 0px;

}



/* ------------------sidebar specific styles -----------------------*/

#sidebar h1{

	margin: 0;

	text-indent: -1000em;

	height: 35px;

	margin-bottom: .25em;

	}

#sidebar #news h1 {

	background: url(images/col_head_news.gif) no-repeat;

}

#sidebar #archive h1 {

	background: url(images/archives_head.gif) no-repeat;

	margin-bottom: 0;

}

#sidebar #next h1 {

	background: url(images/next_header.gif) no-repeat;

}

#sidebar #guest h1 {

	background: url(images/col_head_guest.gif) no-repeat;

}

#sidebar #info h1 {

	background: url(images/col_head_info.gif) no-repeat;

	font-size: 1em;

	height: 35px;

}

#sidebar #about h1 {

	background: url(images/about_head.gif) no-repeat;

}

#sidebar #about p{

	margin: 1em .625em;

	}

#sidebar #info ul,#sidebar #archive ul  {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

#sidebar  #info  ul li {

	margin: 0 0 0 10px;

}

#sidebar #archive ul li {

	margin:0;

	padding:0;

	background: url(images/archive_bkg.gif) no-repeat left center;

	}

#sidebar #info ul a {

	display: block;

	width: 200px;

	padding-left: 20px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 0.7em;

	color: #333;

	text-decoration: none;

	line-height: 2em;

	background: url(images/bullet1.gif) no-repeat left center;

	margin: 0;

}

#sidebar #archive ul a {

	display: block;

	width: 170px;

	padding-left: 30px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.75em;

	color: #fff;

	text-decoration: none;

	line-height: 30px;

	background: url(images/archive_bkg.gif) no-repeat left center;

	margin: 0;

	border-bottom: 1px solid #fff;

}

#sidebar #archive ul a:hover {

	background-position: -200px 0px;

	color: #58725A;

	}

#sidebar #archive ul a.guest {

	background-position: top right;

	color: #602E0C;

	cursor: default;

	}

#sidebar #archive ul a.last {

	border-bottom: none;

	}

.twoColFixSmSide #sidebar div#archive {

	padding:0;

	}

#sidebar #info ul a:hover {

	background: #666 url(images/bullet1.gif) no-repeat left center;

	color: #FFF;

}

#sidebar div img {

	margin: .5em auto 0.5em;

	display: block;

}

#sidebar div p {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 0.7em;

	color: #333;

	padding: 0px 10px;

}

#sidebar  div#next  p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.75em;

	color: #fff;

	margin: 1em .7em;

	line-height: 1.6;

}



#sidebar div p.caption {

	font-size: 0.8em;

	margin-top: 0em;

	text-align: center;

}

#sidebar div h2 {

	font-size: .8em;

	margin-left: 10px;

	color: #333;

	margin-right: 10px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.rightAlign    {

	text-align: right;

}
.Guestlink {
	color: #602E0C;
	font-weight: bold;
	text-decoration: underline;
}





</style>
