/*	================================
		Default Values

		# common colors:
			Dark Brown: #633b14
			Light Brown: #d8cec4
			Blue Green: #4db5ac
			Turquoies: #1d9b87
		
		================================ */


html { 	background:#dcbe81 url('../images/USCBrownBackground.jpg') top left repeat; }

* { margin:0; padding:0; }

body { 
	font-family:Helvetica, "Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:62.5%;
	_font-size:small;
	text-align:left;
	color:#633b14;
}

p { color:#633b14; }
hr { color:#d8cec4; }

.required { color:#c30; padding:0 .25em; font-size:150%; position:relative; top:.15em; }
.turq { color:#1d9b87; }
p.legalize, span.legalize { font-size:11px; font-style:italic; margin:1em 0;}
address { margin:1em; padding:0 1em; font-style:normal; width:50%; }

/*	Headers
		===========================	*/
h1, h2, h3, h4, h5, h6 { margin:0 0 8px 0; color:#633b14; }
h3 { _font-size:1.2em; }
h4 { _font-size:1em; }


/*	Links
		===========================	*/
a:link, a:visited { color: #4db5ac; text-decoration:none; outline:none; }
a:hover, a:active { color:#633b14; }

a img { border:none; }

a.form_link { border-bottom:1px solid; padding:0 0 .25em 0; }
a.form_link:hover { border:none; }

/*	Lists
		===========================	*/
ul { list-style:none; margin:0; padding:0; color:#633b14; }
ol { margin:0 0 0 20px; color:#633b14; }

ul.bullets, ul.bullets ul { margin:1em 0; padding:0 0 0 2em; }
ul.bullets li { list-style:disc; }

/*	Tables
		===========================	*/
table { border-collapse:collapse; margin:0 0 2em 0; }
tr { padding:5px 0; margin:10px 0; border-bottom:1px solid #d8cec4; }
td { margin:0 3px; padding:.25em 20px; color:#633b14; }
th { padding:.25em 20px; color:#633b14; border:2px solid #d8cec4; border-width:0 0 2px; }

table caption { text-align:left; /*font-weight:bold;*/ font-size:1.2em; }

tr.subtotal td { border:2px solid #d8cec4; border-width:2px 0 0; padding:.5em 20px; }
tr.total td { border:2px solid #d8cec4; border-width:3px 0; padding:.5em 20px; }

table#orders td { height:20px; }
table#subscriptions td { height:20px; border-bottom:1px solid #d8cec4; }

table.order_info { }
table.order_info tr { border:none; }


/*	Forms
		===========================	*/
form { }
form fieldset { padding:10px; border:2px solid #d8cec4; margin:0 0 2em 0; }
form fieldset.person { width:70%; }
form fieldset legend { padding:0 10px; font-size:120%; color:#4db5ac; _margin:0 0 5px 0;  }

form fieldset fieldset { border:none; }

form label { text-align:right; float:left; width:115px; margin:0px 20px 0 0; font-weight:bold; color:#633b14; }
form input { border:none; background:#f6f0ea; color:#633b15; padding:3px 5px; }
form input.checkbox { height:16px; width:16px; }
form input.query_field { 
  background:url('../images/search_box_bg.gif') left top no-repeat; 
  color:#633b14; 
  width:234px; 
  padding:2px 7px; 
  border:none; 
  height:16px; 
  _height:20px; 
}
form input.submit_btn { background:#633b14; color:#fff; border:none; padding:2px 5px 3px 5px; } 
form input.search_btn { background:#4db5ac; color:#fff; margin:0 -5px 0 -15px; font-weight:bold; }

form textarea { border:none; background:#f6f0ea; color:#633b14; padding:3px 5px; }
form textarea.comment { width:75%; height:50px; }
form select { border:none; background:#f6f0ea; color:#633b14; padding:2px 5px; }
form option { padding:0 10px 3px 5px; }

form fieldset input.checkbox { margin:5px 0 0 135px; }
form fieldset input.submit_btn { margin:10px 0 0 135px; }

#details { margin:15px 0 5px 0; padding:10px 0px 10px 15px; width:97%; border:2px dashed #d8cec4; }

.form_hint { float:left; width:75%; padding:10px 5px; margin:10px 0 10px 135px; border:2px dashed #d8cec4;}
.getaclue { font-size:80%; font-weight:normal; color:#633b14; }


.left_col { float:left; position:relative; width:350px; height:150px; }
.right_col { width:350px; margin:0 0 0 360px; height:150px; }
.left_col label, .right_col label { text-align:right; float:left; width:115px; left:-20px; }

form select option.option_default_separator { border-bottom:2px dashed #d8cec4; padding:0 0 3px 5px; margin:5px 0; }
p.formHint { float:right; width:190px; background:#f6f0ea; padding:.5em; border:2px dashed #d8cec4; }

label#cvv { background:url('../images/CCV.gif') left top no-repeat; padding:.5em 0 .5em 0em; }


div.record_search { margin:1em 0; padding:.5em 0; border:2px solid #d8cec4; border-width:2px 0; }

/*	================================
		Page Layout
		================================ */
#container { margin:0 auto; width:950px; }
#white_wrapper { width:100%; background:#fff; }


/*	Header Area
		===========================	*/
#top_header {
	background:url('../images/top_header_rounded.gif') 3px top no-repeat;
	margin:30px auto 0 auto;
	width:950px;
	height:27px;
}

#header { margin:-20px 0 0 0; width:100%; height:145px; background:#fff; _position:relative; _margin:-5px 0 0 0; _height:auto; }

#header_bar { 
	width:100%; 
	height:30px; 
	background:#4db5ac; 
	color:#fff; 
	margin:15px 0 0 0;
	_margin:0 0 15px 0;
	text-align:right; 
	
}

#userArea { 
	margin:0 20px 0 0;
	padding:10px 0; 
	width:80%; 
	text-align:right; 
	font-size:110%;
	_font-size:90%;
	float:right; 
	color:#fff;
	_margin:5px 0 0 0;
	_padding:0px 0;
}

#userArea ul { list-style:none; }
#userArea li { display:inline; float:right; margin:0 5px; color:#fff; }

#userArea li form { margin:-7px 0 0 0; _margin:0; _padding:0; }

#userArea a { color:#fff; text-decoration:underline; padding:0 5px; }
#userArea p { color:#fff; _padding:5px 0 0 0; }

#logo { 
	float:left; 
	margin:-70px 0 0 -28px; 
	_position:absolute;
	_top:-40px;
	_left:-35px;
	_margin:0;
	_float:left;
}

/*	Navigation
		===========================	*/
#nav { 
	width:715px; 
	margin:15px 0 0 175px; 
	min-height:17px;
	_height:37px; 
	padding: 0 0 20px 0; 
	background:url(../images/dots.jpg) -5px 20px repeat-x;
	clear:right;
}

#nav ul { font-size:132%; _font-size:12px; _font-weight:bolder; }
#nav li { float:left; display:inline; margin:0; padding:0;}
#nav li a, #nav li a:link, #nav li a:visited { color:#633b14; border:none; text-decoration:none; padding:0 2px; }
#nav li a:hover, #nav li a:active { color:#4db5ac; border:none; text-decoration:none;}

/* hides the submenus */ 
#nav ul li ul {
/*	display:none; */
	position:absolute;
	top:20px;
	left:0px;
	width:95px;
	font-size:small; 
	margin:0;
	padding:20px 0 0 0; 
	background:url('../images/triangle_down.gif') top left no-repeat;
	z-index:10;
}

/* display the submenus */
/* #nav ul li:hover ul { display:block }	*/

#nav ul li ul li { display:block; margin:0; padding:0; border:2px solid #633b14; margin:-2px 0 0 0; }
#nav ul li ul li a { background:#d8cec4; color:#633b14; display:block; padding:5px 7px; margin:0;  }
#nav ul li ul li a:hover { background:#fff; color:#4db5ac; }

/*	Content Wrapper (wraps the Left & 
		Right Sidebars, the Content, and Footer sections)
=====================================================	*/
#content_wrapper {  margin:75px 0 20px 0; width:100%; background:#fff; min-height:450px; height:auto; }

/*	Content
===========================	*/
#content {
	width:730px;
	margin:-40px 15px 40px 25px;
	min-height:450px;
	font-size:small;
	float:left;
	_margin:0px 7px 20px 25px;
	display:inline;
}

#content p { font-size:small; margin:0 0 8px 0; line-height:1.2em; }
#content a { font-size:small; }
#content a img { border:none; }		
#content li { margin:10px 0 0 0; }
#inner_content { width:100%;}
#inner_content img.floatleft { float:left; margin:0 15px 10px 0; }

/*	Sidebars
===========================	*/
.sidebar_left_top { 
	background:url('../images/dots_top.jpg') -5px center no-repeat; 
	width:135px;
	overflow:hidden;
	height:13px;
	margin:-10px 0 10px 0; 
	_margin:0 0 10px 0;
}

.sidebar_left_bottom { 
	background:url('../images/dots_bottom.jpg') -5px center no-repeat; 
	width:135px;
	overflow:hidden;
	height:13px;
	margin:10px 0 0 0; 
}

#sidebar_left {
		float:left;
		width:135px;
		margin:20px 0 20px 15px;
		_margin:60px 0 20px 15px;
		min-height:300px;
		_height:300px;
		font-size:120%;
}
#sidebar_left ul { margin:5px 0 0 0; _font-size:80%; _font-weight:bolder;}
#sidebar_left li { margin:0 0 5px 0; }
#sidebar_left p { font-size:95%; line-height:1.5em; _font-size:65%; _font-weight:bolder; }

#sidebar_left ul li a { color:#330; }
#sidebar_left ul li a:hover { color:#4db5ac; }

#side_menu { padding:5px 0; }

/*	Footer Area
===========================	*/
#footer { clear:both; width:100%;  background:#fff; padding:0 0 10px 0; margin:20px 0 0 0; }

#footer_address_bar {
	width:100%; 
	height:30px; 
	background:#4db5ac; 
	color:#fff; 
	margin:30px 0 10px 0; 
	text-align:left; 
	font-size:120%;
}

/*	================================
		Various Classes
		================================ */
.pay_attn { color: #39c; }
img.insertPic { display:block; }
.floatright { float:right; width: 41%; margin:0 0 0 15px; padding:0; }
.floatleft { float:left; }
img.cardsAccepted { float:right;}

/* Used for various stamps in products pages
============================================	*/
.indieStamp { 
	float:left;
	width:340px;
	_width:320px; 
	height: 211px; 
	_height:221px;
	margin:0px 25px 120px 0px; 
}

.indieStamp_name { 
	display:block; 
	margin:7px 0 3px 0; 
	width:320px;
}

.thumb { 
	border:3px solid #633b14;
	overflow:hidden;
	margin:0 auto;
	width:280px;
	height:192px;
	background:#fff;
}

.thumb_bg { padding:20px; background:#e3bd7e; border:3px solid #633b14; _padding:20px; }

div.archived_thumb_bg { position:relative; padding:20px; background:#40A7AC; border:3px solid #633b14; _padding:20px; }
div.archived_badge { position:absolute; top:10em; left:0; width:100%; }
div.archived_badge span.warning { 
  display:block; 
  background:#7F1007; 
  color:#fff; 
  padding:1em; 
  font-size:1.2em; 
  font-weight:bold;
  opacity:0.8; 
  -moz-opacity:0.8; 
}

.CRUD_Link { display:inline; margin:3px 3px 0 0; }
.trashIt { position:relative; top:2px; }
.price { font-size:small; font-weight:bold; }
.stamp_wrapper { width:100%; float:left; margin:0 0 20px 0; }

div.showStamp { width:467px; height:300px; float:left; /*border:3px solid #633b14; */ }
div.showStamp_bg { padding:10px; background:#e3bd7e; border:3px solid #633b14; }
div.showStamp img { border:3px solid #633b14; margin:0 auto; }
div.showStampInfo { width:260px; margin:0 0 0 485px; _width:240px; }

div.archived_product_bg { position:relative; padding:10px; background:#40A7AC; border:3px solid #633b14; }


div.centered { text-align:center; }

#inner_content div.trashIt img { float:none; position:relative; }


/* Used for user profiles (Design Team)
============================================	*/
/* wraps designer_info, designer_story, used in show view */
.designer_profile { width:100%; padding:0 0 20px 0; }

/* wraps designer_photo & designer_contact, used in show view */
.designer_info { width:143px; float:left; font-size:x-small; }
.designer_photo { width:143px; border:2px solid #d8cec4; }
.designer_photo img { padding:5px; }
.designer_contact { width:143px; margin:10px 0 0 0; }
.designer_story { width:75%; margin:0 0 0 22%; }
#content .designer_story p { margin:0 0 9px 0; line-height:1.4em; }

/* wraps designer_thumb & designer_name, used in index view */
.designer_thumb { width:143px; height:250px; float:left; margin:0 25px 20px 0; }
.designer_name { margin:10px 0; }


/* Used for individual CRUD in views
====================================	*/
.indieAdminLinks { 
	padding:15px 0; 
	border-top:1px solid #633b14; 
	border-bottom:1px solid #633b14; 
	min-height:20px; 
}

div.CRUD_btn { 
	background:url('../images/CRUD_btn.jpg') left top no-repeat; 
	padding:4px 5px 7px 5px; 
	color:#fff;
	display:inline-block;
	width:90px;
	text-align:center;
	font-size:small;
	_padding:1px 10px 7px 5px;
}

div.CRUD_btn:hover { background:url('../images/CRUD_btn-over.jpg') left top no-repeat; }

div.CRUD_btn a { color:#fff; width:90px; display:inline-block; position:relative; }
div#checkout_btn.CRUD_btn { position:relative; top:1em; margin:0 1em 0 0; }



/* Used for various stamps in products pages
============================================	*/
#shopping_cart { position:relative; height:135px; width:135px; margin:0 0 15px 0; }
#shopping_cart h3 { _font-size:14px; }

#cart {
/*	background:url(../images/Shoppingcart.gif) right top no-repeat; */
	padding:20px 0;
	margin:0 0 20px 0;
	width:155px;
	_width:135px;
	z-index:10;
}

#cart_count img.shopping_cart_img {
	position:absolute;
	top:30px;
	right:-10px;
	float:right;
	width:60px;
	margin:0 0 10px 10px;
}

#cart_size {
	position:relative;
	float:right;
	top:-5px;
	right:38px;
	color:#fff;
	font-size:110%;
	font-weight:bolder;
	background:#e3bd7e;
	width:23px;
	padding:0 2px;
  z-index:10;
}

div.cart_btn { 
	background:url('../images/cart_btn.jpg') left top no-repeat; 
	display:inline-block;
	width:150px;
	padding:4px 10px 7px 5px; 
	color:#fff; 
	width:100px; 
	font-size:small;
	line-height:20px;
	_padding:1px 10px 7px 5px;
}

div.cart_btn:hover { background:url('../images/cart_btn_over.jpg') left top no-repeat; } 

div.cart_btn a.utility_btn { 
  display:inline-block; 
  width:105px; 
  position:relative; 
  bottom:.3em;   
  color:#fff; 
}


#cart_notice { margin:5px 0 0 0; }
.cart_hover { background:#FDF5D3; }

.drag_drop_icon { margin:0 10px; position:relative; top:7px; }
.drag_drop { cursor:move; }

#cart_items li { min-height:80px; padding:10px; margin:15px 0; border:2px dashed #d8cec4; }
#cart_items li form { float:right; margin:-42px 0 0 0; display:inline;}

.cart_item_desc { border-bottom:1px solid #d8cec4; padding:0 0 10px 0; line-height:20px; margin:0 0 10px 125px; width:82.5%; }
#cart_items div.cart_item_desc .small { font-size:90%; }

.cart_item_thumb { float:left; margin:2px 15px 10px 5px; padding:2px; border:1px solid #d8cec4; width:100px; }
#cart_items ul li div.small a { font-size:95%; }

.cart_item_price { float:right; margin:0; }
.big_price { font-size:150%; }

div#shipping_quote { margin:0 0 25px 0; width:200px; float:right; position:relative; top:-20px; }
div#shipping_quote form input.submit_btn { float:right; }

div#order_meta { text-align:right; width:250px; float:right; position:relative; top:0; }
div#order_meta table {width:100%; border-collapse:collapse; text-align:right; }
div#order_meta table td {padding:5px 0 2px 0; border:none; }
div#order_meta table td.total {padding:7px 0 0 0; border-top:3px solid; }

div.errors { background:#F1D3C9; border:2px solid #c30; width:90%; padding:0em; margin:1em 0; }
div.errors h3 { background:#c30; padding:.25em 1em; color:#fff; }
div.errors p { color:#AF4522; padding:0 2em; }

/*	Flash notices, alerst etc.
===============================	*/
.flash { 
	width:135px; 
	margin:0 0 10px 0; 
	font-size:small; 
	background:#d8cec4; 
	color:#fff;
	text-align:left;
}
.flash p { padding:5px; }

/*	Pagination
===============================	*/
#pagination { clear:both; width:100%; margin:0px 0 20px 0; }

.pagination {
	float:right;
  padding:3px;
  margin:3px 30px;
	display:inline;
	_margin:3px 20px;
}
.pagination a, .pagination a:visited {
  padding: 4px 5px;
  margin:0 1px 0 0;
  text-decoration: none;
	border:1px solid #d8cec4;
	background:#d8cec4;
  color: #fff;
	_padding:2px 5px;

}
.pagination a:hover, .pagination a:active {
 	background:#633b14;
	color: #fff;
	border:1px solid #633b14;
}
.pagination span.current {
  padding: 4px 5px;
  margin:0 1px 0 0;
  font-weight: bold;
	border:1px solid #4db5ac;
  background-color: #4db5ac;
  color: #FFF;
	_padding:2px 5px;
}
.pagination span.disabled {
  padding: 4px 5px;
  margin:0 1px 0 0;
  border:1px solid #d8cec4;
  color:#d8cec4;
	_padding:2px 5px;
}

/* Tag Cloud Styling 
==========================	*/
.tag1 { font-size:100%; }
.tag2 { font-size:120%; }
.tag3 { font-size:140%; }
.tag4 { font-size:160%; }
.tag5 { font-size:180%; }

/* Users views
==========================	*/
.user { border-bottom:1px solid #d8cec4; padding:0 0 7px 0; margin:0 0 10px 0; }
.user_meta { margin:-15px 0 0 0px; color:#633b14; display:block; }
.metadata { font-size:90%; color:#A78877; line-height:1.4em; }

/* Contacts views
==========================	*/
/* nested inside of #content */
#contacts { width:100% }
.contact {  margin:0 0 7px 0; }
.contactName p { margin:0; padding:0 0 4px 0; border-bottom: 1px solid #d8cec4; }

.meta { font-size:90%; color:#A78877; float:right; margin:-12px 0 0px 0; }
.metaBig {font-size:110%; color:#633b14; }

#letter_links { width:100%; margin:0 0 50px; }
#letter_links a { font-size:85%; padding:6px 5px 5px 5px; background:#d8cec4; color:#633b14; border:1px solid #A78877; }
#letter_links a:hover { background:#fff; border:1px solid #A78877; }
#letter_links a.active { background:#4db5ac; color:#fff; border:1px solid #4db5ac; }

/*  ====================================
    Error styling
	  ====================================	*/
div#errorExplanation { background:#4D321D; padding:0 0 1em 0; color:#fff; margin:0 0 1em 0; }
div#errorExplanation h2 { background:#4DB5AC; display:block; padding:1em 0 1em 1em; width:97.4%; color:#fff; font-weight:normal; }
div#errorExplanation p { color:#fff; font-weight:bold; padding:0 1em; }
div#errorExplanation ul { padding:0 2em 0 3em; }
div#errorExplanation ul li { color:#fff; font-style:italic; list-style:disc; line-height:1.5em; }

/* ====================================
		CSS Hacks for usual suspects
	 ====================================	*/
*:first-child+html .showStampInfo { margin:0 0 0 470px; }
*:first-child+html #header_bar { margin:0px 0 15px 0; }
*:first-child+html #userArea { margin:0; }
*:first-child+html #header { margin:0; }
*:first-child+html #header input.query_field { padding:4px 7px 5px 7px; }
*:first-child+html #logo { margin:-90px 0 0 -28px; }