/***** Global Settings *****/

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

body {
font:100%/1.25 helvetica, arial, sans-serif;
text-align: center;
min-width: 810px;
background-image: url("images/bg.jpg");
}

/***** Debugging *****/

tt* { border: 1px solid #f00; }

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding: 0;
font:2em arial, helvetica, sans-serif;
}

h2 {
text-indent: -9000px;
background: url(images/news.png) no-repeat;
width: 96px;
height: 64px;
font:1.5em arial, helvetica, sans-serif;
}

h3 {
display: block;
text-indent:2px;
font:1.25em futura, helvetica, arial, sans-serif;
}

h3 span {
display: block;
background: url("images/bluebar.png") no-repeat;
width: 570px;
}

p, ul, ol {
margin:0;
padding:0 0 20px 0;
}



ul, ol {
list-style-type: none;
}

ul li {
display: block;
background: transparent;
padding:0 0 20px 0;
list-style-type: none;
}

blockquote {
    margin-left: auto;
    margin-right: auto;
    width: 6em
}

.small {
font-size:0.80em;
}


img {
border:0;
margin:0;
padding: 0;
}


/***** Links *****/


p a[href ^="http:"] {
background: url(images/externalLink.gif) no-repeat right top;
padding-right: 10px;
}

ul a[href ^="http:"] {
background: url(images/externalLink.gif) no-repeat right top;
padding-right: 10px;
}

a[href ^="http://biklops.bigcartel.com"], a[href ^="http://www.biklops.bigcartel.com"], a [href="http://www.dreamhost.com/green.cgi"]{
background-image: none;
padding-right: 0px;
}

a:link, a:visited {
text-decoration: none;
color: #522818;
font-weight: bold;
}

p a:hover, p a:active {
border-bottom: 1px dotted #522818;
}

:focus { -moz-outline-style: none; }



/***** Wrapper *****/

#wrapper {
width:800px;
margin:0 auto;
text-align: left;
}


/***** Divs *****/

#masthead {
	width: 800px;
	float: left;
	display: inline;
}

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

#content {
	width: 570px;
	float: right;
	font-size:0.8em;
}

#mainNav {
	width: 195px;
	float:left;
	font-size:0.8em;
}


#home {
	display: block;
	float: left;
	text-indent: -5000px;
	width: 231px;
	height: 72px;
	line-height: 72px;
	text-decoration: none;
	border-bottom: none;
	background: url("images/biklops.jpg") no-repeat left center;
}



#email {
	display: block;
	float: right;
	text-indent: -9000px;
	width: 238px;
	height: 72px;
	line-height: 72px;
	text-decoration: none;
	border-bottom: none;
	background: url("images/email.png") no-repeat left center;
}

a#email:hover, .selected{
	background-position: right top;
}
	

#nav li{
	list-style: none;
	float:left;
}

#nav li a{
	display: block;
	text-indent: -5000px;
	width: 219px;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	padding: 0pt;
	border: none;
}

#nav li a#contact{
	background: url("images/contact_over.jpg") no-repeat left center;
}

#nav li a#contact:hover, .selected{
	background-position: right bottom;
}

#nav li a#shop{
	background: url("images/shop_over.jpg") no-repeat left top;
}

#nav li a#shop:hover, .selected{
	background-position: right top;
}

#nav li a#blog{
	background: url("images/blog_over.jpg") no-repeat;
}

#nav li a#blog:hover, .selected{
	background-position: right bottom;
}

#nav li a#freebies{
	background: url("images/freebies_over.jpg") no-repeat;
}

#nav li a#freebies:hover, .selected{
	background-position: right bottom;
}

	
#footer {
	clear: both;
	width: 800px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	padding: 0;
	background: url("images/footer.jpg") no-repeat left center;
}


/***** Custom Classes *****/

.friends {
list-style: none;
}

.friends li {
padding:0 0 15px 0;
}

.referral {
text-align: center; display: block; margin-top: 200px;  
}


/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px; margin:0 auto; }

.img-left 		{ float:left; margin:4px 10px 4px 0; }
.img-right 		{ float:right; margin:4px 0 4px 10px; }
.centerImage    { text-align: center; display: block; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }