/* CSS Document */

body {
	width: 770px;
	padding: 0 30px;
	margin: 0 auto;
	background: white;
	color: #000;
	text-align: left;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 10px;
	border-top: 0; border-right: 1px; border-bottom: 0; border-left: 1px;
	border-style: solid;
	border-color: #fff;}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;}
h2 {
	font-size: 12px;}
a {
	text-decoration: none;
	color: #000;}
a:hover {
	color: #C1C1C1;}
img {
	border: 0;
	padding: 0;
	margin: 0;}

#flashholder {
	margin:0; 
	padding:0; 
	width:520px; 
	height:520px;}

#header {
	padding-bottom: 100px;
	border-top: 0; border-right: 0; border-bottom: 1px; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;}
#header ul.nav{
	width: 770px;
	height: 25px;
	padding: 0 0 5px;
	margin: 0;}
.nav li.logo {
	margin: 0 40px 100px 0;
	padding: 0 0 5px 0;
	border-top: 0; border-right: 0; border-bottom: 1px; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;}
.nav li.link {
	margin: 50px 0 0 0;}
.nav li {
	margin: 0 15px 0 0;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;}
.nav img {
	border: 0;}
.nav li a {
	height: 25px;
	display: block;
	padding: 0;}
.blog {width: 50px; background: url(/images/nav/blog.jpg) no-repeat 0 0;}
.blog:hover {background: url(/images/nav/blog.jpg) no-repeat 0 -25px;}
.heart {width: 60px; background: url(/images/nav/heart.jpg) no-repeat 0 0;}
.heart:hover {background: url(/images/nav/heart.jpg) no-repeat 0 -25px;}
.collection {width: 100px; background: url(/images/nav/collection.jpg) no-repeat 0 0;}
.collection:hover {background: url(/images/nav/collection.jpg) no-repeat 0 -25px;}
.lookbook {width: 90px; background: url(/images/nav/lookbook.jpg) no-repeat 0 0;}
.lookbook:hover {background: url(/images/nav/lookbook.jpg) no-repeat 0 -25px;}
.artists {width: 70px; background: url(/images/nav/artists.jpg) no-repeat 0 0;}
.artists:hover {background: url(/images/nav/artists.jpg) no-repeat 0 -25px;}
.friends {width: 70px; background: url(/images/nav/friends.jpg) no-repeat 0 0;}
.friends:hover {background: url(/images/nav/friends.jpg) no-repeat 0 -25px;}
.contact {width: 80px; background: url(/images/nav/contact.jpg) no-repeat 0 0;}
.contact:hover {	background: url(/images/nav/contact.jpg) no-repeat 0 -25px;}
.faq {width: 30px; background: url(/images/nav/faq.jpg) no-repeat 0 0;}
.faq:hover {background: url(/images/nav/faq.jpg) no-repeat 0 -25px;}
.goodies {width: 55px; background: url(/images/nav/goodies.jpg) no-repeat 0 0;}
.goodies:hover {background: url(/images/nav/goodies.jpg) no-repeat 0 -25px;}
.bringitback {width: 85px; background: url(/images/nav/bringitback.jpg) no-repeat 0 0;}
.bringitback:hover {background: url(/images/nav/bringitback.jpg) no-repeat 0 -25px;}
.designbakery {width: 95px; background: url(/images/nav/designbakery.jpg) no-repeat 0 0;}
.designbakery:hover {background: url(/images/nav/designbakery.jpg) no-repeat 0 -25px;}
.sizing {width: 80px; background: url(/images/nav/sizing.jpg) no-repeat 0 0;}
.sizing:hover {background: url(/images/nav/sizing.jpg) no-repeat 0 -25px;}
.shipping {width: 120px; background: url(/images/nav/shipping.jpg) no-repeat 0 0;}
.shipping:hover {background: url(/images/nav/shipping.jpg) no-repeat 0 -25px;}

#main {
	width: 770px; 
	margin: 0; 
	padding: 0;
	clear: both;
	border-top: 0; border-right: 1px; border-bottom: 0; border-left: 1px;
	border-style: solid;
	border-color: #C1C1C1;}
p {
	font-size: 10px;}
#left {
	width: 530px;
	margin: 0 0 0 -10px;
	padding: 0 10px 0 10px;
	font-size: 12px;
	text-align: justify;
	float: left;
	border-top: 0; border-right: 1px; border-bottom: 0; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;}
.imglookbook img {
	width: 520px;
	margin-top: 10px;}
.listimages li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;}
.listimages li a {
	width: 245px;
	height: 200px;
	display: block;}
li.imgleft {
	border-top: 0; border-right: 20px; border-bottom: 10px; border-left: 10px;
	border-style: solid;
	border-color: #FFF;}
li.imgright {
	border-top: 0; border-right: 0px; border-bottom: 10px; border-left: 0;
	border-style: solid;
	border-color: #FFF;}
li.small a {
	height: 80px;
	padding: 0 0 10px 0;}
li.big a {
	height: 200px;}

.aca {background: url(/images/artists/aca.jpg) no-repeat 0 0;}
.aca:hover {background: url(/images/artists/aca.jpg) no-repeat 0 -200px;}
.anberlin {background: url(/images/artists/anberlin.jpg) no-repeat 0 0;}
.anberlin:hover {background: url(/images/artists/anberlin.jpg) no-repeat 0 -200px;}
.bidwell {background: url(/images/artists/bidwell.jpg) no-repeat 0 0;}
.bidwell:hover {background: url(/images/artists/bidwell.jpg) no-repeat 0 -200px;}
.bradleyhathaway {background: url(/images/artists/bradleyhathaway.jpg) no-repeat 0 0;}
.bradleyhathaway:hover {background: url(/images/artists/bradleyhathaway.jpg) no-repeat 0 -200px;}
.brighten {background: url(/images/artists/brighten.jpg) no-repeat 0 0;}
.brighten:hover {background: url(/images/artists/brighten.jpg) no-repeat 0 -200px;}
.coolhandluke {background: url(/images/artists/coolhandluke.jpg) no-repeat 0 0;}
.coolhandluke:hover {background: url(/images/artists/coolhandluke.jpg) no-repeat 0 -200px;}
.deasvail {background: url(/images/artists/deasvail.jpg) no-repeat 0 0;}
.deasvail:hover {background: url(/images/artists/deasvail.jpg) no-repeat 0 -200px;}
.dizmas {background: url(/images/artists/dizmas.jpg) no-repeat 0 0;}
.dizmas:hover {background: url(/images/artists/dizmas.jpg) no-repeat 0 -200px;}
.emery {background: url(/images/artists/emery.jpg) no-repeat 0 0;}
.emery:hover {background: url(/images/artists/emery.jpg) no-repeat 0 -200px;}
.hazelandvine {background: url(/images/artists/hazelandvine.jpg) no-repeat 0 0;}
.hazelandvine:hover {background: url(/images/artists/hazelandvine.jpg) no-repeat 0 -200px;}
.jonezetta {background: url(/images/artists/jonezetta.jpg) no-repeat 0 0;}
.jonezetta:hover {background: url(/images/artists/jonezetta.jpg) no-repeat 0 -200px;}
.lakes {background: url(/images/artists/lakes.jpg) no-repeat 0 0;}
.lakes:hover {background: url(/images/artists/lakes.jpg) no-repeat 0 -200px;}
.lostocean {background: url(/images/artists/lostocean.jpg) no-repeat 0 0;}
.lostocean:hover {background: url(/images/artists/lostocean.jpg) no-repeat 0 -200px;}
.project86 {background: url(/images/artists/project86.jpg) no-repeat 0 0;}
.project86:hover {background: url(/images/artists/project86.jpg) no-repeat 0 -200px;}
.thefold {background: url(/images/artists/thefold.jpg) no-repeat 0 0;}
.thefold:hover {background: url(/images/artists/thefold.jpg) no-repeat 0 -200px;}
.themyriad {background: url(/images/artists/themyriad.jpg) no-repeat 0 0;}
.themyriad:hover {background: url(/images/artists/themyriad.jpg) no-repeat 0 -200px;}

form table, form input, form textarea{
	background-color: #fff;}
#footer form {
	margin: -3px 0 -21px 0;
	text-align: left;}
	
div.commentpost {
	margin: 10px 0 0 0;
	border-top: 1px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;}
hr {
	border-top: 1px; border-right: 0; border-bottom: 0; border-left: 0;
	height: 1px;
	border-style: solid;
	border-color: #C1C1C1;}

#poll div {
	width: 520px; 
	padding: 0; 
	border: none;}
#poll ul {
	list-style-type: none; 
	padding: 0; 
	margin: 0;}
#poll label {
	margin: 0;}
#poll li.choice1 {
	margin: 0;}
#poll li.choice2 {
	margin: -220px 0 0 260px;}

table {
	font-size: 10px;}
table.tsizing, .tsizing th, .tsizing td {
	border: 1px;
	border-style: solid;
	border-color: #C1C1C1;
	border-collapse: collapse;
	text-align: center;}
table.tsizing {
	border: none;}
.tsizing caption {
	text-align: left;
	font-size: 12px;
	margin-bottom: 10px;}
.tsizing td {
	width: 50px;
	text-align: center;}
.tsizing .firstcol {
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	width: 90px;
	border-top: 0; border-right: 1px; border-bottom: 1px; border-left: 1px;
	border-style: solid;
	border-color: #C1C1C1;}
.tsizing.corner {
	border-top: 0; border-right: 0; border-bottom: 1px; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;}
img.tee {
	float: right;
	margin: -100px 10px 0 0;
	border: 0;}

textarea {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 10px;}

ul.downloads li {
	display: block;
	text-align: center;
	float: left;
	list-style-type: none;
	margin: 0 10px 10px 0;}

#sidebar {
	width: 190px;
	margin: 0 0 0 -1px;
	padding: 0 20px 10px 10px;
	float: left;
	text-align: justify;
	border-top: 0; border-right: 0; border-bottom: 0; border-left: 1px;
	border-style: solid;
	border-color: #C1C1C1;}
#sidebar p.news {
	width: 210px;
	border-top: 0; border-right: 0; border-bottom: 1px; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;
	margin: 10px 0 10px -10px;
	padding: 0 10px 10px 10px;}
#sidebar p.extralinks {
	width: 220px;
	border-top: 1px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;
	margin: 95px 0 10px -10px;
	padding: 5px 0 10px 10px;}
#sidebar p.extralinks img {
	border-top: 0; border-right: 0; border-bottom: 1px; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;
	margin: 0 0 10px -10px;
	padding: 0 15px 10px 15px;}
#sidebar p.extralinks img.last {
	border-top: 0; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;
	margin: 0 0 0 -10px;
	padding: 0 15px 0 15px;}
#sidebar ul.nav {
	width: 120px;
	text-align: right;}
#sidebar ul.nav li {
	clear: both;}
#sidebar .sizing img {
	margin-left: -35px;}
#sidebar p.signup {
	width: 220px;
	padding: 10px 10px 0 0;
	margin: -10px 0 0 -10px;
	text-align: center;
	border-top: 1px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;}
#sidebar form {
	width: 200px;
	padding: 0;
	margin: 0 0 0 10px;}
#footer{
	width: 770px;
	height: 20px;
	margin: 0 
	padding: 0;
	clear: both;
	text-align: right;
	border-top: 1px; border-right: 0; border-bottom: 0; border-left: 0;
	border-style: solid;
	border-color: #C1C1C1;}

/*----------lightbox----------*/
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none;}

#outerImageContainer {position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}

#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; 
	overflow: auto; width: 100%;}

#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; outline: none;}	 	

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}