/* CSS for Tribe Tattoo Site */
* {	margin: 0; padding: 0; }

/* Page Structure */
body {
	text-align: center;
	font-family: helvetica, verdana, sans-serif;
	color: #000;
	background-color: #333;
}
#wrapper {
	text-align: left;
	width: 440px; margin: 28px auto;
}
#header {
	background: #000 url(../images/top.gif) top left no-repeat;
	height: 53px; float:left; width:440px;
}
div.cont {
	background-color: #ffc; float:left; width:440px;
}
div.r {
	float:right; width:275px; text-align:justify;
}
div.l {
	float:left; width:150px; text-align:right;	
}
div.c { 
  float:left; width:420px; text-align:left;
}
div.crew {	float: left; padding: 10px 1px 10px 17px;}
div.gallery, div.thumbs, div.artists { float: left; text-align: left; width:440px;}
#footer {
	clear: both; height: 28px; width:440px;
	background: #000 url(../images/end.gif) top left no-repeat;
	color: #000;
	text-align: left;
}

#footer * {
	margin: 0px;
	padding: 0px;
}
/* Styles formatting starts here */
ul { list-style-type: none; }
ul li a { font-size: 0.8em; }

/* Left Column Styles */
div.l {overflow:hidden;}
.l h1 {font-size: 0.9em; margin: 10px 0px 10px 10px; padding: 2px 4px 2px 0px; font-weight: 800;}
.l h2 {font-size: 0.9em; margin: 10px 0px 10px 10px; padding: 0; font-weight: 800;}
.l h3 {font-size: 0.8em; margin: 10px 0px 10px 10px; padding: 0;}
.l p {font-size: 0.74em; margin: 10px 0px 10px 10px; padding: 0;}
.l p.detail {font-size: 0.6em;}
.l p.left { text-align:left; }
.l img {border:1px solid #966;}
.l a {font-weight: bold; text-decoration: underline; color: #966;}
.l a:hover {color: #CCC;}
.l a:visited {color: #999;}
.l a img {border-color: #966;}
.l div {margin:18px 0px; border-bottom:2px solid #966;}

/* Right Column Styles */
div.r, div.c { overflow:hidden;}
.r h1, .c h1 {font-size: 1.6em; margin: 10px 15px 10px 0px; padding: 0; font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif;}
.r h2, .c h2 {font-size: 0.95em; margin: 10px 15px 10px 0px; padding: 0;}
.r h3, .c h3 {font-size: 0.9em; margin: 10px 15px 10px 0px; padding: 0;}
.r p, .c p {font-size: 0.78em; margin: 10px 15px 10px 0px; padding: 0;}
.r img, .c img {margin-bottom: 10px; border:1px solid #966;}
.r a, .c a {font-weight: bold; text-decoration: underline; color: #966;}
.r a:hover, .c a:hover {color: #CCC;}
.r ul, .c ul {margin: 0; padding: 5px; list-style-type: none;}
.r li, .c li {font-size: 0.7em; margin: 0.5em 0; padding: 0; font-weight: bold;}
.r dl, .c dl {margin: 0; padding: 5px; list-style-type: none;}
.r dt, .c dt {font-size: 0.8em; margin: 0.2em 0; padding: 0; font-weight: bold;}
.r dd, .c dd {font-size: 0.8em; margin: 0.2em 0; padding-bottom: 10px;}

/* Crew index page styles */
div.crew a { color: #966; display: block; width: 121px; border: none; font-weight: bold; text-decoration: none; }
div.crew a:hover { color: #633; }
div.crew a img { border: 2px solid #633; }
div.crew a:hover img { border: 2px solid #966; }

/* Gallery Div styles */
.thumbs div {padding: 0px 12px 10px 12px; }
.thumbs h1 {font-size:0.9em; padding:8px;}
.thumbs a img { border:1px solid #633; margin:3px; }
.thumbs a:hover img { border: 1px solid #966; }

/* Ink page styles */
div.c { padding: 10px; }
.artists h1 {font-size:0.9em; padding-left:10px;}
div.float, div.current { float: left; padding:0px; text-align: center; }
div.current { background-color: #fa8; }
div.float span, div.current span { font-size: 0.8em; font-weight:bold; color:#966; }
div.float a, div.current a { text-decoration: none; padding-left:3px; }
div.float a:hover span, div.current a:hover span { color:#CCC; }
div.float a img, div.current a img {margin-left:0px; border:1px solid #996; }
div.ctr { clear:left; padding:10px; text-align:center; }
div.ctr img { border: 1px solid #966; }

/* Merchandise Splash Page */
#fmcat {
	text-align:right;
	font-size: 0.9em;
	font-weight: 800;
	background-color: #333; 
	color: #909090;
	float:right;
	width:275px;
	height:30px;
	padding-top:8px;
}
#fmcat input { margin-right:10px; }

/* Merchandise List Page styles */
div.gearitem { float:left; clear:both; width:440px; 
	padding:10px 0; border-bottom:1px solid #996; }
div.gearitem a { float:left; margin-left:10px; }
div.gearitem div { float:right; height: 120px; width:200px; }
div.gearitem div h1 { font-size: 1.2em; }
div.gearitem div h2 { font-size: 1em; color:#006633; }
div.gearitem div p { font-size: 0.9em; margin: 4px 10px 0 0; }

form.cats {
	text-align:right;
	width:440px; height:30px;
	padding-top:8px;
	clear:both;
	font-weight: 800;
	color: #909090;
	font-size: 0.9em;
	background-color: #333;
}
form.cats label { padding:0; margin:0; }
form.cats select { }
form.cats input { width:40px; margin-right:10px; }

div.crumbs { float:left; padding-left:10px; }
div.crumbs p a { text-decoration: none; color: #909090;}
div.crumbs p a:hover, div.crumbs a:active { color:#EEE; }


.leader {font-size: 1.1em; font-weight: 800;}

#footer h1 { padding: 8px 0px 0px 10px; font-size: 1.1em; }
#footer a { font-weight: 800; color: #EEE; text-decoration: none; }
#footer a:hover {color: #FFF;}

/* Section-specific styles */

.shopdetail div.l h1, .info div.l h1 { background: #FFC url(../images/bg-lfade.jpg) top left repeat-y; }
.shopdetail div.l { margin-top: 40px; }
.people div.l { margin-top: 12px; }
.gear div.l { margin-top: 20px; text-align:center; }