/* stylesheet for joshuastanton.com
 * version 1.1
 * Feb 26, 2006
 */

/* general elements */
body 					{ margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-color:#000000; }
img						{ border:none; }
:focus 					{ outline:none; }

/* layers */
#wrapper				{ position:absolute; width:760px; height:auto; margin-left:50%; left:-380px; top:0px; padding:0px; }
#scrollbarsLayer		{ position:absolute; left:0px; top:200px; width:1px; height:1px; z-index:1; }
#logo					{ position:absolute; left:0px; top:0px; width:200px; height:auto; z-index:1; }
#header					{ position:absolute; left:200px; top:0px; width:560px; height:auto; z-index:1; }
#cartButton				{ position:absolute; left:686px; top:20px; width:100px; height:auto; z-index:2; margin:0px; }

#pagetitle				{ position:absolute; left:260px; top:84px; z-index:2; width:500px; height:200px; }
#pagetitle2				{ position:absolute; left:240px; top:84px; z-index:2; width:520px; height:200px; }
#nav					{ position:absolute; left:0px; width:760px; height:80px; z-index:2; }
#text					{ position:absolute; left:0px; top:88px; z-index:2; width:200px; height:160px; padding:20px; }
#text img				{ margin-bottom:3px; }
#content-toplevel		{ position:absolute; left:0px; top:284px; z-index:3; width:760px; height:auto; background-color:#0f0f0f; layer-background-color:#0f0f0f; }
#content-home			{ position:absolute; left:0px; top:330px; z-index:3; width:760px; height:auto; background-color:#0f0f0f; layer-background-color:#0f0f0f; }
#content-interior		{ position:absolute; left:0px; top:84px; z-index:3; width:760px; height:auto; background-color:#0f0f0f; }

#footer-sep				{ float:left; clear:all; width:760px; height:40px; background:#0f0f0f; }
#col-footer				{ float:left; clear:all; width:760px; height:80px; padding-top:1px; margin:0px; background:#000000; }


/* columns for 3-column interior page layout */
#col-subnav				{ float:left; height:200px; width:170px; padding:20px 20px 0px 20px; background-color:#0f0f0f; }
#col-content			{ float:left; min-height:380px; width:528px; padding:20px 0px 40px 22px; background:#FDEEBB; color:#0f0f0f; }
#col-content h2			{ color:#a9000c; }
#col-content #col		{ float:left; width:320px; }
#col-content #col img	{ margin-bottom:20px; }
#col-content #promo-2	{ float:left; width:175px; margin-left:10px; padding:0px 10px 0px 10px; }

/* colums for 2-column form-template */
#col-form				{ float:left; min-height:380px; width:500px; padding:24px 20px 0px 20px; background:#000000; }
#col-form-sidebar		{ float:left; height:100%px; width:180px; padding:20px 0px 40px 20px;  background:#0f0f0f; }

/* rules */
div.hr-int				{ background:url("/i/hr_int.gif") no-repeat; height:16px; width:280px; margin:6px 20px 6px 20px; }

/* headers */
h1,h2,h3				{ margin:0px; }
h2						{ color:#FFDB9E; font-family:georgia,serif; font-size:18px!important; line-height:20px; margin-bottom:8px; } 
h3						{ color:#FFDB9E; font-family:georgia,serif; font-size:14px!important; line-height:16px; margin-bottom:4px; }
h3.interior				{ color:#a9000c; }
h4						{ color:#0f0f0f; font-family:georgia,serif; font-size:11px!important; line-height:14px; margin:0px; }

/* lists */
ul.subnav-1				{ margin:0px; padding:0px; list-style:none; }
ul.subnav-1 li			{ background:url("/i/arrow_yel.gif") no-repeat 0px 5px; padding:0px 0px 8px 8px; }
ul.subnav-1 li a		{ color:#FFDB9E; text-decoration: none; }
ul.subnav-1 li a:visited	{ color:#FFDB9E; text-decoration: none; }
ul.subnav-1 li a:hover  { color:#FFDB9E; text-decoration: underline; }

/* promo areas */
#promo-1				{ color:#FDECD0; font-family:georgia,serif; font-size:11px!important; line-height:16px; padding-left:10px; }
#promo-1 a				{ color:#FDECD0; }
#promo-1 h3				{ background:url(/i/arrow_yel.gif) no-repeat 0px 5px; padding-left:9px; margin-left:-10px; }
#promo-1 a.h3			{ color:#FFDB9E; text-decoration: none; }
#promo-1 a.h3:visited	{ color:#FFDB9E; text-decoration: none; }
#promo-1 a.h3:hover		{ color:#FFDB9E; text-decoration: underline; }

#promo-2				{ color:#0f0f0f; font-family:georgia,serif; font-size:11px!important; line-height:16px; padding-left:10px; }
#promo-2 a				{ color:#a9000c; }
#promo-2 h3				{ background:url(/i/arrow_red.gif) no-repeat 0px 5px; padding-left:9px; margin-left:-10px; }
#promo-2 a.h3			{ color:#a9000c; text-decoration: none; }
#promo-2 a.h3:visited	{ color:#a9000c; text-decoration: none; }
#promo-2 a.h3:hover		{ color:#a9000c; text-decoration: underline; }

#promo-3				{ color:#FDECD0; font-family:georgia,serif; font-size:11px!important; line-height:16px; padding-left:10px; }
#promo-3 a				{ color:#FDECD0; }
#promo-3 a.h3			{ color:#FFDB9E; text-decoration: none; }
#promo-3 a.h3:visited	{ color:#FFDB9E; text-decoration: none; }
#promo-3 a.h3:hover		{ color:#FFDB9E; text-decoration: underline; }
				
/* text and links */
em						{ font-weight:bold; }

a:link 					{ color:#a9000c; text-decoration:none; }
a:visited				{ color:#a9000c; text-decoration:none; }
a:hover 				{ color:#C9695B; text-decoration:underline; }

a.h3					{ color:#FFDB9E; text-decoration: none; }
a.h3:visited			{ color:#FFDB9E; text-decoration: none; }
a.h3:hover				{ color:#FFDB9E; text-decoration: underline; }

.std	 				{ color:#FDECD0; font-family:georgia,serif; font-size:11px!important; line-height:16px; }
a.std, a.std:visited	{ color:#FDECD0; font-family:georgia,serif; font-size:11px!important; line-height:16px; font-weight:bold; }
a.std:hover				{ color:#FDECD0; text-decoration:underline; }

a.body, a.body:visited	{ text-decoration:underline; }
a.body:hover			{ color:#a9000c; text-decoration:none; }

.sml					{ font-size:10px!important; line-height:14px; }
.date					{ font-size:10px!important; line-height:14px; color:#888; letter-spacing:.2em; }
#promo-2 .date			{ color:#555; }
.date-2					{ font-size:11px!important; line-height:16px; color:#888; letter-spacing:.2em; } 
#col-content .date-2	{ color:#555; }


.promo	 				{ color:#FFDB9E; font-family:georgia,serif; font-size:14px!important; line-height:16px; }
.footer					{ color:#a9000c; font-family:georgia,serif; font-size:10px!important; line-height:14px; }
.error					{ color:red; }
.notice					{ font-size:10px!important; line-height:14px; }

/* text modifiers */
.b						{ font-weight: bold; }
.on						{ font-weight: bold; }

/* forms */
form					{ margin:0px; }
label					{ clear:both; display:block; width:150px; text-align:right; float:left; padding:8px 3px 0px 0px; }
input, select, textarea	{ margin:6px 0px 6px 0px; border:1px solid #333333; background-color:#0f0f0f; color:#777777; font-family:verdana,sans-serif; font-size:10px!important; line-height:17px; }
.button					{ border:1px solid #333333; background-color:#0f0f0f; color:#777777; font-family:verdana,sans-serif; font-size:10px!important; }
input.purchase			{ border:1px solid #a9000c; background-color:#FDECD0; color:#a9000c; font-family:verdana,sans-serif; font-size:10px!important; margin:0px 0px 4px 0px; }
input.hidden			{ visibility:hidden; }