/* --------------------------------------------------
CP Shop CSS stylesheet copyright 2007.
Developed by: Detour Design
http://www.detourdesign.com
abetterway@detourdesign.com
801-680-8844

---------------------------------------------------- */

/* =global */
html {
	background: #fff url('assets/site-bg.gif') repeat-x top;
	color: #444;
	font: 62.5%/120% Helvetica, Arial, sans-serif;
	text-align: center;
}

body {
	margin: 0 auto;
	width: 960px;
}

* { margin: 0; padding: 0; }

/* =typography */
h1, p, ul, ol, form { text-align: left; }

p, #content ol, #content ul a,  form {
	font-size: 1.2em;
	line-height: 150%;
}

ul { list-style: none; margin-left: 16px; }
ul.subnav { list-style: disc; }
ul.subnav li a, ul.subnav li a:visited { color: #000; }
ul.subnav li a:hover { color: #666; text-decoration: none; }
ul.subnav li a:active { color: #000; }
ol { margin-left: 36px; }

#featured-design p { margin: 8px auto 0; text-align: center; width: 150px; }

#footer p { font-size: 1.1em; text-align: center; }

/* =link colors */
a { color: #6a5731; }
a:visited { color: #999; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #6a5731; }
img { border: 0; }

/* =classes */
.bold { font-weight: bold; }
.clear { clear: both; height: 1px; }
.debug { border: 1px solid #f00; }
.next-p { margin-top: 8px; }
.nextp-large { margin-top: 24px; }

h2.col-header {
	background: url('assets/col-header.jpg') no-repeat;
	color: #000;
	font: bold 1.5em/100% Helvetica, Arial, sans-serif;
	height: 40px;
	padding-top: 16px;
	text-align: center;
	text-transform: uppercase;
}

.gallery-row { margin-bottom: 12px; width: 560px; }
.gallery-pad { padding-right: 12px; }

/* =form */
#poll input.radio { margin-right: 4px; }
#poll input.button { margin-right: 12px; }

#newsletter input#txtEmail { margin-top: 8px; width: 176px; }
#newsletter input#join { margin-top: 8px; }

/* =layout */
#header { padding-top: 24px; }
h1#site-id {
	background: url('assets/site-id.jpg') no-repeat;
	height: 63px;
	float: left;
	margin-bottom: 24px;
	text-indent: -9000px;
	width: 375px;
}

#topnav {
	float: right;
	width: 500px;
}

#topnav ul, #topnav p { text-align: right; }
#topnav ul { margin-bottom: 16px; }
#topnav ul li {
	border-right: 1px solid #fff;
	display: inline;
	text-transform: uppercase;
}

#topnav ul li a {
	color: #fff;
	font-size: 1.2em;
	padding: 0 12px 0 9px;
	text-decoration: none;
}
#topnav ul li.noborder { border-right: 0; }
#topnav ul li a.nopad { padding-right: 0; }

#topnav p {
	color: #fff;
	font-size: 1.2em;
}
	
#superbanner { clear: both; margin: 0 auto; }
#superbanner ul { float: left; margin-left: 0; width: 960px; }
#superbanner li { float: left; }

#content { padding-top: 24px; }
#main-content {
	float: right;
	width: 760px;
}

#designs {
	float: left;
	width: 560px;
}

#features {
	float: right;
	width: 184px;
}

#sidebar-nav {
	float: left;
	width: 184px;
}
#footer {
	border-top: 1px solid #ccc;
	clear: both;
	margin-top: 24px;
	padding: 16px 0;
}

form { text-align: left;}
input, textarea { margin: 0 0 5px; }
input.field, textarea.field { width: 350px; }
label { font-weight: bold; padding-left: 16px; }

body#home ul#navlist li.n-home a, body#tvshows ul#navlist li.n-tvshows a, body#vintage ul#navlist li.n-vintage a, body#loveshack ul#navlist li.n-loveshack a, body#scion ul#navlist li.n-scion a, body#humor ul#navlist li.n-humor a, body#gamers ul#navlist li.n-gamers a, body#statehood ul#navlist li.n-statehood a, body#madebykids ul#navlist li.n-madebykids a, body#misc ul#navlist li.n-misc a { color: #000; cursor: default; font-weight: bold; text-decoration: none; }