/*
-----------------------------------------------
dsicons.com Screen Master
Author:   Firewheel Design
Version:  001 17 August 2006
----------------------------------------------- */

body {
	margin: 0;
  	padding: 40px 0;
  	font: 12px/1.6em Verdana, Helvetica, Arial, Sans-serif;
  	text-align: center;
   	color: #222;
  	background: #fff url(../images/bgd-body.gif) repeat-x;
 	}
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align: left;
	}
h1 {
	margin: 0 0 .25em;
	font-size: 36px;
	}
h2 {
	margin: 0 0 .25em;
	font-size: 14px;
	}
h3 {
	margin: 0;
	color: #000;
	font-size: 100%;
	}
h4 {
	margin: 0 0 .25em;
	}
p {
	margin: 0 0 .75em;
	}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
dl {
	margin: 0;
	padding: 0;
	}
dt {
	margin: 0;
	padding: 0;
	}
dd {
	margin: 0 0 .75em;
	padding: 0;
	}
blockquote {
	margin: 0;
	padding: 0;
	}


/* Link Styles
----------------------------------------------- */
a:link {
	color: #29c;
	text-decoration: none;
	}
a:visited {
	color: #29c;
	text-decoration: none;
	}
a:hover {
	color: #f40;
	text-decoration: underline;
	}
a:active {
	color: #f40;
	text-decoration: underline;
	}
a:link img,
a:visited img,
a:hover img {
	border: 0;
	background: none;
	text-decoration: none;
	}

/* Header Styles
----------------------------------------------- */
#header {
	position: relative;
	margin: 0 0 14px;
	padding: 0;
	}
#logo {
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	height: 50px;
	background: url(../images/logo-dsicons-800.gif) no-repeat;
	overflow: hidden;
	}
#logo a:link,
#logo a:visited {
	display: block;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 50px;
	text-indent: -10000px;
	background: url(../images/logo-dsicons-800.gif) no-repeat;
	}
#header .adblock {
	position: relative;
	margin: 0 0 16px;
	padding: 0;
	}
#header .adblock script {
	margin: 0;
	padding: 0;
	}
#nav {
	position: relative;
	margin: 0;
	padding: 0;
	height: 40px;
	}
#nav li {
	position: absolute;
	display: block;
	top: 0;
	margin: 0;
	padding: 0;
	height: 36px;
	text-indent: -10000px;
	overflow: hidden;
	}
#nav li a:link,
#nav li a:visited {
	display: block;
	margin: 0;
	padding: 0;
	height: 36px;
	}

#nav-fresh,
#nav-fresh a:link,
#nav-fresh a:visited {
	left: 0;
	width: 130px;
	background: url(../images/nav-fresh.gif) no-repeat;
	}
#nav-fresh a:hover { background: url(../images/nav-fresh-hover.gif) no-repeat; }
.home #nav-fresh,
.home #nav-fresh a:link,
.home #nav-fresh a:visited {
	background: url(../images/nav-fresh-hover.gif) no-repeat;
	}

#nav-vault,
#nav-vault a:link,
#nav-vault a:visited {
	left: 140px;
	width: 150px;
	background: url(../images/nav-vault.gif) no-repeat;
	}
#nav-vault a:hover { background: url(../images/nav-vault-hover.gif) no-repeat; }
.vault #nav-vault,
.vault #nav-vault a:link,
.vault #nav-vault a:visited {
	background: url(../images/nav-vault-hover.gif) no-repeat;
	}

#nav-collections,
#nav-collections a:link,
#nav-collections a:visited {
	left: 300px;
	width: 170px;
	background: url(../images/nav-collections.gif) no-repeat;
	}
#nav-collections a:hover { background: url(../images/nav-collections-hover.gif) no-repeat; }
.collections #nav-collections,
.collections #nav-collections a:link,
.collections #nav-collections a:visited {
	background: url(../images/nav-collections-hover.gif) no-repeat;
	}

#nav-custom,
#nav-custom a:link,
#nav-custom a:visited {
	left: 480px;
	width: 150px;
	background: url(../images/nav-custom.gif) no-repeat;
	}
#nav-custom a:hover { background: url(../images/nav-custom-hover.gif) no-repeat; }
.custom #nav-custom,
.custom #nav-custom a:link,
.custom #nav-custom a:visited {
	background: url(../images/nav-custom-hover.gif) no-repeat;
	}

#nav-about,
#nav-about a:link,
#nav-about a:visited {
	left: 640px;
	width: 90px;
	background: url(../images/nav-about.gif) no-repeat;
	}
#nav-about a:hover { background: url(../images/nav-about-hover.gif) no-repeat; }
.about #nav-about,
.about #nav-about a:link,
.about #nav-about a:visited {
	background: url(../images/nav-about-hover.gif) no-repeat;
	}

#nav-rss,
#nav-rss a:link,
#nav-rss a:visited {
	left: 740px;
	width: 60px;
	background: url(../images/nav-rss.gif) no-repeat;
	}

/* Content Styles
----------------------------------------------- */
#columnwrap2 {
	margin: 0;
	padding: 0 0 20px;
	width: 800px;
	color: #888;
	overflow: hidden;
	}
#column1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 540px;
	}
#column2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 240px;
	}
.adblock {
	margin: 0 0 20px;
	padding: 0;
	}
.adblock script {
	margin: 0;
	padding: 0;
	}
.archive-list {
	margin: 0 0 20px;
	padding: 0;
	background: #ddd;
	}
.archive-list h3 {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 40px;
	text-indent: -10000px;
	background: url(../images/header-by-month-240.gif) no-repeat;
	overflow: hidden;
	}
.archive-list ul {
	margin: 0;
	padding: 0 20px 20px;
	background: url(../images/bgd-archive-list.gif) bottom no-repeat;
	}
.tag-list {
	margin: 0 0 20px;
	padding: 0;
	background: #ddd;
	}
.tag-list h3 {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 40px;
	text-indent: -10000px;
	background: url(../images/header-tags-240.gif) no-repeat;
	overflow: hidden;
	}
.tag-list ul {
	margin: 0;
	padding: 0 20px 20px;
	background: url(../images/bgd-archive-list.gif) bottom no-repeat;
	overflow: hidden;
	}
.tag-list li {
	float: left;
	margin: 0 6px 0 0;
	}
.faq {
	margin: 0 0 20px;
	padding: 0;
	background: #ddd;
	}
.faq h3 {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 40px;
	text-indent: -10000px;
	background: url(../images/header-faq-240.gif) no-repeat;
	overflow: hidden;
	}
.faq dl {
	margin: 0;
	padding: 0 20px 20px;
	font-size: 9px;
	line-height: 13px;
	background: url(../images/bgd-archive-list.gif) bottom no-repeat;
	}
.faq dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
.faq dd {
	margin: 0 0 .75em;
	padding: 0;
	}
#link-iconbuffet {
	margin: 0 0 20px;
	padding: 0;
	}
#link-iconbuffet a:link,
#link-iconbuffet a:visited,
#link-iconbuffet a:hover {
	display: block;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 130px;
	text-indent: -1000px;
	background: url(../images/header-ib-240.gif) no-repeat;
	overflow: hidden;
	}
#link-collections {
	margin: 0 0 20px;
	padding: 0;
	}
#link-collections a:link,
#link-collections a:visited,
#link-collections a:hover {
	display: block;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 110px;
	text-indent: -1000px;
	background: url(../images/header-collections-240.gif) no-repeat;
	overflow: hidden;
	}
#link-custom {
	margin: 0 0 20px;
	padding: 0;
	}
.home #link-custom { margin: 0; }
#link-custom a:link,
#link-custom a:visited,
#link-custom a:hover {
	display: block;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 110px;
	text-indent: -1000px;
	background: url(../images/header-custom-240.gif) no-repeat;
	overflow: hidden;
	}
	

/* Headline Styles
----------------------------------------------- */
.home #ultimate {
	margin: 0;
	padding: 0;
	height: 240px;
	width: 540px;
	text-indent: -10000px;
	background: url(../images/header-ultimate-540.jpg) no-repeat;
	overflow: hidden;
	}
.section-header {
	margin: 0 0 20px;
	padding: 0;
	height: 30px;
	width: 800px;
	text-indent: -10000px;
	overflow: hidden;
	}
#header-vault { background: url(../images/header-vault-800.gif) no-repeat; }
#header-custom { background: url(../images/header-custom-800.gif) no-repeat; }
#header-about { background: url(../images/header-about-800.gif) no-repeat; }
#header-collections { background: url(../images/header-collections-800.gif) no-repeat; }
.vault h2 {
	margin: 0 0 .5em;
	color: #1a8;
	}
#hundredpercent,
#startorder,
#choices,
#corporatekart,
#skinny,
#classic,
#thanks,
#last50 {
	margin: 0 0 10px;
	padding: 0;
	height: 40px;
	width: 540px;
	text-indent: -10000px;
	}
#hundredpercent { background: url(../images/header-100percent-540.gif) no-repeat; }
#startorder { background: url(../images/header-startorder-540.gif) no-repeat; }
#choices { background: url(../images/header-choices-540.gif) no-repeat; }
#corporatekart { background: url(../images/header-corporatekart-540.gif) no-repeat; }
#skinny { background: url(../images/header-skinny-540.gif) no-repeat; }
#classic { background: url(../images/header-classic-540.gif) no-repeat; }
#thanks { background: url(../images/header-thanks-540.gif) no-repeat; }
#last50 { background: url(../images/header-last50-540.gif) no-repeat; }

.choices h3 {
	margin: 0 0 .25em;
	font-size: 18px;
	color: #000;
	}

/* Entry Styles
----------------------------------------------- */
.entry {
	margin: 0 0 40px;
	padding: 0;
	}
.entry h3 {
	margin: 0 0 8px;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	}
.entry h3 .date {  color: #444; }
.entry h3 .title {  text-transform: lowercase; }
.entry h3 .designer {  color: #888; font-size: 14px; text-transform: lowercase; }
.entry h3 .category {  color: #859; font-size: 18px; text-transform: lowercase; font-style: italic; }
.entry img {
	margin: 0 0 6px;
	padding: 0;
	}
.entry p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #888;
	}
.vault .entry {
	margin: 0;
	}
.vault .entry h3 {
	margin: 0 0 6px;
	padding: 0;
	font-size: 16px;
	line-height: 32px;
	}
.vault .entry h3 .date {  color: #444; font-size: 11px; }
.vault .entry h3 .title {  text-transform: lowercase; }
.vault .entry h3 .designer {  color: #888; font-size: 11px; text-transform: lowercase; }
.vault .entry h3 .category {  color: #859; font-size: 13px; text-transform: lowercase; font-style: italic; }
.vault .entry img { float:left; margin: 0 8px 0 0; padding: 0; }
.vault-entry .entry p { margin: 0 0 10px; }
.vault-entry .entry h3 .title {  color: #f40; }

#nav-entry {
	margin: 0;
	padding: 10px 0 0;
	height: 50px;
	width: 800px;
	border-top: 1px solid #ddd;
	}

a#nav-next:link,
a#nav-next:visited {
	float: right;
	display: block;
	margin: 0 0 0 10px;
	padding: 9px 20px 9px 8px;
	height: 32px;
	width: 32px;
	background: url(../images/nav-next.gif) no-repeat;
	}
a#nav-next:hover { background: url(../images/nav-next-hover.gif) no-repeat; }

a#nav-previous:link,
a#nav-previous:visited {
	float: right;
	display: block;
	margin: 0 0 0 10px;
	padding: 9px 8px 9px 20px;
	height: 32px;
	width: 32px;
	background: url(../images/nav-previous.gif) no-repeat;
	}
a#nav-previous:hover { background: url(../images/nav-previous-hover.gif) no-repeat; }

a#nav-digg:link,
a#nav-digg:visited {
	float: right;
	display: block;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 30px;
	width: 80px;
	text-indent: -10000px;
	background: url(../images/nav-digg.gif) no-repeat;
	overflow: hidden;
	}
a#nav-digg:hover { background: url(../images/nav-digg-hover.gif) no-repeat; }

a#nav-delicious:link,
a#nav-delicious:visited {
	float: right;
	display: block;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 30px;
	width: 120px;
	text-indent: -10000px;
	background: url(../images/nav-delicious.gif) no-repeat;
	overflow: hidden;
	}
a#nav-delicious:hover { background: url(../images/nav-delicious-hover.gif) no-repeat; }

#nav-findmore {
	margin: 0 0 10px;
	padding: 10px 0 0;
	height: 40px;
	width: 800px;
	border-top: 1px solid #ddd;
	}
#nav-findmore a:link,
#nav-findmore a:visited,
#nav-findmore a:hover {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 344px;
	text-indent: -10000px;
	background: url(../images/button-find-more.gif) no-repeat;
	overflow: hidden;
	}

/* Form Styles
----------------------------------------------- */
.formbox {
	margin: 0 0 20px;
	padding: 20px;
	background: #ddd;
	}
.personal label {
	margin: 0;
	font-size: 18px;
	}
.personal input {
	margin: 2px 0 6px;
	font-size: 24px;
	width: 500px;
	border: 0;
	}
.personal strong {
	font-size: 10px;
	color: #f40;
	font-weight: normal;
	}
.details select {
	margin: 0 6px 12px 0;
	border: 0;
	}
.termbox {
	margin: 0 0 19px;
	padding: 16px 20px;
	color: #f40;
	border: 1px solid #f40;
	}
.termbox strong {
	color: #222;
	}
.receipt {
	margin: 0 0 19px;
	padding: 16px 20px;
	border: 1px solid #29c;
	}
.receipt strong {
	color: #29c;
	}
.errorbox {
	margin: 0 0 20px;
	padding: 16px 20px;
	color: #fff;
	background: #c00;
	}
.errorbox p { margin: 0; }

/* Footer Styles
----------------------------------------------- */
#footer {
	margin: 0;
	padding: 6px 0 0;
	width: 800px;
	font-size: 11px;
	line-height: 16px;
	color: #888;
	border-top: 1px solid #29c;
	overflow: hidden;
	}
#footer1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	}
#footer1 a#firewheel:link,
#footer1 a#firewheel:visited {
	display: block;
	margin: 0;
	padding: 0;
	height: 24px;
	width: 172px;
	text-indent: -1000px;
	background: url(../images/logo-fw-172.gif) no-repeat;
	overflow: hidden;
	}
#footer1 a#firewheel:hover { background: url(../images/logo-fw-172-hover.gif) no-repeat; }
#footer2 {
	float: left;
	margin: 0;
	padding: 4px 0 0;
	width: 460px;
	}
#footer3 {
	margin: 0;
	padding: 4px 0 0;
	text-align: right;
	}
#footer3 a:link,
#footer3 a:visited {
	margin: 0 0 0 12px;
	padding: 0;
	}
