/*
 * $Id: common.css,v 1.8 2003/04/18 15:57:40 ksmith Exp $
 * PINT base style sheet definition
 */
 
/* STANDARD */
*				{ margin:0px; padding:0px;}

html			{ height: 100%; }
body			{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; 
					 margin: 0px; background: #ffffff; height: 100%; }

font			{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; }

a:active		{ color: #fff215; text-decoration: underline; }
a:link			{ color: #003366; text-decoration: underline; }
a:visited		{ color: #ececec; text-decoration: underline; }
a:hover			{ color: #8099b3; text-decoration: underline; }

ul				{ line-height: 1.3; margin: 5px 0px 0px 20px; padding: 0px; }
ol				{ line-height: 1.3; margin: 5px 0px 0px 20px; padding: 0px; }
sub				{ font-size: 90%; line-height: .75; }
sup				{ font-size: 90%; line-height: 1.25; }

table			{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: left;  
					background-color: #ffffff; margin: 0px auto 0px auto; }

h1 				{ font-size: 18px; color: #000099; }
h2				{ font-size: 13px; color: #000099; }
h3   			{ font-size: 12px; color: #333333; border-top: 1px solid #000099; }
h4   			{ font-size: 12px; color: #333333; margin-bottom: -5px; }
h5   			{ font-size: 12px; color: #333333; margin-bottom: -5px; }

blockquote		{ font-family: courier; font-size: 8px; color: #666666; margin: 0px 0px 0px 25px; }
dt				{ font-size: 121%; font-weight: bold; }
dd				{ margin: 0px 0px 15px 25px; }
legend 			{ font-size: 8pt; color: #ffffff;
					 padding: 5px; width: 50px;
					 background-color: #000000; border: 1pt solid #333333; }
fieldset 		{ margin: 8px; padding: 5px; width: 150px; }

#wrapper1		{ width: 100%; padding-bottom: 100px; position: absolute; top: 20px; left: 100px; }

#logo			{ width: 200px; padding: 5px; position: relative; top: 0px; left: 0px; font: arial; font-size: 16px; color: #333333; }
#logo img		{ padding-bottom: 10px; }


#wrapper2		{ height: 90%; position: absolute; top: 75px; left: 227px; }

#nav			{ font: 18px verdana bold; color: #666666; 
					width: 500px; height: 20px; 
					background: #999999; border: 1px solid #666666; 
					position: relative; left: 0px; top: 0px; }
					
#nav a			{ color: #ffffff; text-decoration: none;  }
#nav a:hover	{ color: #d8e3d7; }

#subnav			{ font-size: 12px; font-weight: bold; color: #cccccc; }
#subnav ul		{ list-style-type: none; margin-left: 0px; }
#subnav li		{ border-bottom: 1px solid #cccccc; width: 195px; margin-bottom: 5px; }
#subnav a:active	{ color: #003366; text-decoration: none; }
#subnav a:link		{ color: #003366; text-decoration: none; }
#subnav a:visited	{ color: #003366; text-decoration: none; }
#subnav a:hover		{ color: #8099b3; text-decoration: underline; }

#nArtist, #nGallery, #nContact
				{ height: 18px; padding: 3px 20px 3px 20px; border-right: 1px solid #666666; display: inline; }
				
#content		{ width: 460px; margin-top: 5px; padding: 20px;
					background: #ffffff; border: 1px solid #666666; 
					position: relative; left: 0px; top: 5px; 
					/*filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;*/ }
					
#content a:active		{ color: #fff215; text-decoration: underline; }
#content a:link			{ color: #003366; text-decoration: underline; }
#content a:visited		{ color: #9999cc; text-decoration: underline; }
#content a:hover			{ color: #8099b3; text-decoration: underline; }					
					
#showcase		{ width: 400px; height: 600px; position: relative; top: -50px; left: 600px; background: url(images/GAL_pierced.jpg) no-repeat;  }					

.gallery		{ width: 405px; margin-bottom: 20px; }
.g400x200		{ margin: 5px 0px 2px 1px; }
.g93x400		{ margin: 3px 1px 3px 1px; }
.g95x95			{ margin: 3px; }
.g200x200r		{ margin: 3px 3px 0px 0px; float: right; }
.g200x200l		{ margin: 3px 0px 3px 5px; float: left; }
.g200x400		{ margin: 3px 3px 0px 0px; float: right; }
.gdescl			{ font-size: 10px; text-align: left; padding: 4px; margin: 3px 0px 0px 2px; width: 188px; height: 194px; float: left; background: #efefef; }
.gdescr			{ font-size: 10px; text-align: left; padding: 4px; margin: 3px 1px 0px 2px; width: 188px; height: 194px; float: right; background: #efefef; }

#footer			{ font: 10px verdana; color: #666666; text-align: right;
					width: 494px; margin-top: 15px; margin-right: 0px; padding: 3px; 
					background: #999999; border: 1px solid #666666; }

#footer a			{ color: #ffffff; text-decoration: none;  }	

#showcase		{ position: absolute; top: 65px; left: 740px; }

.box				{ width: 10px; height: 5px; background: #c32f2f; border: 1px solid #000000; display: inline; }				
					
/* FORMS */
form			{ margin-top: 5px; }
input			{ background-color: #efefef; border: 1px solid #000000; height: 20px; color: #000000; margin: 5px; }
select			{ background-color: #efefef; height: 20px; }

/* MISC ELEMENTS */
.left			{ border-left: 1px solid #96ab9b; }
.right			{ border-right: 1px solid #96ab9b; }
.top			{ border-top: 1px solid #96ab9b; }
.bottom			{ border-bottom: 1px solid #96ab9b; }


.pdf			{ font-size: 11px; list-style-image: url('../images/ICN_pdf_sm.gif'); margin: 5px; text-align: top; }
.word			{ font-size: 11px; list-style-image: url('../images/ICN_word_sm.gif'); margin: 5px; text-align: top; }
.ppt			{ font-size: 11px; list-style-image: url('../images/ICN_ppt_sm.gif'); margin: 5px; text-align: top; }
.excel			{ font-size: 11px; list-style-image: url('../images/ICN_excel_sm.gif'); margin: 5px; text-align: top; }
.quicktime		{ font-size: 11px; list-style-image: url('../images/ICN_quicktime_sm.gif'); margin: 5px; text-align: top; }
.magnify		{ font-size: 11px; list-style-image: url('../images/ICN_magnify_sm.gif'); margin: 5px; text-align: top; }
.totop			{ font-size: 11px; list-style-image: url('../images/ICN_top.gif'); margin: 5px; vertical-align: top; }