/* ============================================
Relentless Clothing Global Stylesheet
Author:		Derek Balmer // Hold Fast Creative
Date:		02.26.08
Copyright:	Relentless Clothing, Inc.
It's fine to have a look around, but please
don't bite my styles homey. 
============================================ */

/* GENERIC RULES
----------------------------------------------- */
* {margin:0;padding:0;}

body {
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", arial, verdana, sans-serif;
	font-size: 90%;
	background:#fff url(http://relentlessclothing.com/themes/site_themes/relentless/cropMarksBG.png);
}

h2 {
	font:18px/26px "Century Gothic", arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#181818;
	text-indent: 5px;
	text-shadow: #ddd 0px 2px 2px;
	background:#fff;
	border-bottom: 1px solid #ccc;
}

h3 {font:14px/20px "Century Gothic", arial;color:#666;margin-top:5px;padding:5px;background:#fff;border-bottom:1px solid #c30;}
h3.simple {font:14px/20px "Century Gothic", arial;color:#181818;margin-top:5px;padding:0;background:transparent;border-bottom: 1px solid #c30;}
h4 {margin: 5px 0 7px 0;padding:0 5px;font-size:14px;line-height:20px;color:#c30;}
p {margin: 3px 0 7px 0;font-size:12px;line-height:18px;color:#666;}

ul {list-style: none;}
hr {border:none;outline:none;}

.clearLeft {clear:left;height:1%;}
.clearRight {clear:right;height:1%;}
.clearBoth {clear:both;height:1%;}

/* LINKS
----------------------------------------------- */
a:link, a:visited {color: #c30; text-decoration: none;}
a:hover {color: #f00; text-decoration: none;} 
a:active {color: #f00; text-decoration: none;}	
a img {border-width: 0; border-style: none;outline:none;}

h2 a:link, h2 a:visited {color:#181818;background:#fff;}
h2 a:hover, h2 a:active {color:#c30;background:#fff;}

/* LAYOUT
----------------------------------------------- */
#wrapper {width:980px;margin:0 auto;text-align:center;padding-bottom:20px;background:#fff url(http://relentlessclothing.com/themes/site_themes/relentless/wrapperBG.png) top center repeat-y;}
#top {width:960px;height:110px;display:block;margin-left:10px;position:relative;text-align:left;background: url(http://relentlessclothing.com/themes/site_themes/relentless/topBG.png) 0 0 no-repeat;}
#contentWrapper {width:940px;margin:10px 20px;text-align:left;background:#eaeaea;padding-bottom:10px;}
#content {width:920px;margin:10px;padding-bottom:5px;}
#primary {float:left;display:inline;width:610px;margin:0 20px 10px 0;}
#secondary {float:left;display:inline;width:290px;margin:0 0 10px 0;}
#footer {width:980px;margin:0 auto;text-align:center;padding-bottom:20px;background:#fff url(http://relentlessclothing.com/themes/site_themes/relentless/footerBG.png) bottom center no-repeat;}
.breadcrumb {width:auto;height:20px;padding:5px;background:#fff;border-top:1px solid #ddd;font:10px/20px arial, sans;text-transform:uppercase;}

/* TOP
----------------------------------------------- */
h1#branding {position:absolute;top:0px;left:0px;background: url(http://relentlessclothing.com/themes/site_themes/relentless/branding2BG.png) 0 -5px no-repeat;}
h1#branding a {display:block;overflow:hidden;text-indent: -9999px;width:160px;height:105px;cursor: pointer;border:none;outline:none;text-decoration:none;}
h1#branding a:hover {background: url(http://relentlessclothing.com/themes/site_themes/relentless/branding2BG.png) 0 -115px no-repeat;}
/* -- Info -- */
ul#rcNav {position:absolute;top:5px;left:160px;width:160px;height:85px;}
ul#rcNav li a:hover {color:#f00;background:#fff;border-top: 1px solid #f00;margin-top:1px;}
/* -- Catalog -- */
ul#catalogNav {position:absolute;top:5px;left:320px;width:160px;height:85px;}
ul#catalogNav li a:hover {color:#f00;background:#fff;border-top: 1px solid #f00;margin-top:1px;}
/* -- Common -- */
#top ul {font:12px/16px "Century Gothic", arial, sans-serif;text-align:left;text-transform:uppercase;text-indent:3px;}
#top li {float:left;display:inline;width:150px;height:16px;margin:1px 10px 0 0;}
#top li a {display:block;width:150px;height:16px;color:#181818;border-top: 1px solid #ddd;margin:1px 10px 0 0;}

/* PRIMARY
----------------------------------------------- */
/* -- contact Forms -- */
#contactForm {width:auto;padding:10px;margin-bottom:10px;border: 1px solid #fff;}
#contactForm p label {font-weight:bolder;text-transform:uppercase;}
#contactForm .inputField {margin:2px 0 5px 0;width:360px;height:20px;background:#fff;color:#c30;border: 1px solid #999;font-size:14px;}
#contactForm .inputFieldSM {margin:2px 0 5px 0;width:140px;height:20px;background:#fff;color:#c30;border: 1px solid #999;font-size:14px;}
#contactForm .inputMessage {margin:2px 0 5px 0;width:360px;height:150px;background:#fff;color:#c30;border: 1px solid #999;font-size:14px;}
#contactForm .inputField:focus, #contactForm .inputFieldSM:focus, #contactForm .inputMessage:focus {
	background:#ffc;color: #c30;border: 1px solid #f00;
}
#contactForm .btnSend {margin:2px 0;width:140px;height:24px;}

/* CATALOG
----------------------------------------------- */
#primary ul.catalog {width:610px;margin:0 0 10px 0;}
#primary ul.catalog li {width:305px;height:205px;float:left;display:inline;position:relative;}
#primary ul.catalog li a {display:block;background:#eaeaea;}
#primary ul.catalog li a:hover {background:#c30;}
#primary ul.catalog li img {padding:10px;}
#primary ul.catalog li .catThumbTitle {
	position:absolute;
	top:10px;
	left:10px;
	width:285px;
	height:30px;
	background:#fff;
	font:12px/24px arial;
	text-transform:uppercase;
	font-weight:bolder;
	text-indent: 10px;
	color:#c30;
}

#primary ul.catalog li .catThumbTitle[class] {
	background: transparent url(http://relentlessclothing.com/themes/site_themes/relentless/catThumbTitleBG.png) top left no-repeat;
}

/* PRODUCT DETAIL
----------------------------------------------- */
.prodImage {display:block;width:920px;height:230px;margin-bottom:10px;background:#fff;}
span.salePrice {font-weight:bolder;color:#c30;}
.col300 {float:left;display:inline;width:300px;margin:5px 10px 5px 0;}
.col300rt {float:left;display:inline;width:300px;margin:5px 0 5px 0;}
.col300 h3, .col300rt h3 {padding:5px;background:#fff;border-bottom:1px solid #c30;}
.col300 p, .col300rt p {margin-top:0;padding:5px;background:#fff;}
select.dropTrou200 {width:190px;height:24px;margin:0 10px 5px 0;background:#ddd;color:#c30;vertical-align:top;}
.btnAddCart {width:95px;height:24px;margin:0 0 5px 0;background:#ddd;color:#c30;vertical-align:top;}

/* NEWS
----------------------------------------------- */
div.article {width:auto;margin:0 0 10px 0;padding:0 0 3px 0;background:#fff;border-bottom:1px solid #ccc;}
div.article h2 {margin-bottom:7px;}
div.article p {margin:0 0 5px 0;padding:0 5px;}
div.article .date {font: 10px/20px arial, verdana, sans-serif;color:#999;height:20px;font-weight: bolder;margin:0 5px 5px 5px;}
div.article .posted {font: 10px/20px arial, verdana, sans-serif;color:#c30;text-indent:5px;text-transform:uppercase;height:20px;border-top:1px solid #ccc;margin: 5px  5px 2px  5px;}
/* -- comments -- */
.postedBy {font: 12px/20px arial, verdana, sans-serif;color:#c30;padding-left:40px;text-transform:uppercase;height:20px;width:auto;margin:10px 0 0 0;background: url(http://relentlessclothing.com/themes/site_themes/relentless/cmtTop.png) bottom left no-repeat;}
.userComment {font: 12px/16px "Rockwell", arial, verdana, sans-serif;color:#999;padding:5px;margin:0 0 10px 0;width:auto;background:#fff;border-bottom:1px solid #ccc;}

/* SECONDARY
----------------------------------------------- */
#secondary select {margin:5px auto;width:290px;height:20px;background:#fff;color:#666;}
#secondary ul {width:auto;margin:0 0 10px 0;font:12px/20px arial, sans-serif;text-transform:uppercase;}
#secondary ul li {display:inline;width:auto;text-indent:5px;vertical-align:top;}
#secondary ul li a {display:block;width:290px;border-bottom:1px solid #ddd;}
#secondary ul li a:hover {background:#fff;border-bottom:1px solid #ccc;}

/* -- mailing list -- */
#mailingList {width:auto;padding:5px;margin:0 0 10px 0;background:#fff;}
#mailingList h3 {margin-top: 0;padding-top: 0;}
#mailingList p {margin:5px;}
#mailingList .mlInput {width:190px;height:22px;margin-right:10px;vertical-align:top;background:#eee;border:1px solid #c30;font-size:16px;line-height:22px;color:#c30;}
#mailingList .mlInput:focus {background:#ffc;border:1px solid #f00;}
#mailingList .mlBtn {width:55px;height:24px;vertical-align:top;}

/* KEVIN HALL
----------------------------------------------- */
/* -- gallery -- */
#photoMain {float:left;display:inline;width:480px;height:390px;margin:0 0 10px 0;background:transparent url(http://relentlessclothing.com/themes/site_themes/relentless/photoMain_BG.png) 0 0 no-repeat;}
#photoMain h3 {margin:0;padding:0;width:auto;height:28px;overflow:hidden;text-indent:20px;font-size:14px;line-height:28px;background:transparent;border:none;color:#c30;}
#photoMain p {font-size:12px;line-height:12px;margin:10px 0 0 20px;background:none;border:none;color:#666;}
#photoContainer {margin:0 0 0 12.5px;background:#fff;width:455px;height:273px;overflow:hidden;}
ul#photoThumbs {float:left;display:inline;width:130px;height:390px;overflow:auto;}
ul#photoThumbs li {float:left;display:inline;width:55px;height:55px;}
ul#photoThumbs li a {display:block;width:54px;height:54px;overflow:hidden;}
ul#photoThumbs li a img  {width:50px;height:50px;margin:2px;cursor:pointer;}
ul#photoThumbs li a:hover {background:#c30;}
/* -- nav -- */
ul#khNav {padding-top:275px;background:transparent url(http://relentlessclothing.com/themes/site_themes/relentless/khNav_BG.jpg) top left no-repeat;}
ul#khNav li {display:inline;width:auto;text-indent:5px;vertical-align:top;background:#eaeaea;}
ul#khNav li a {display:block;width:290px;background:#eaeaea;border-bottom:1px solid #ddd;}
ul#khNav li a:hover {background:#fff;border-bottom:1px solid #ccc;}

/* FOOTER
----------------------------------------------- */
.legal {float:left;display:inline;line-height:10px;margin:0 10px 5px 20px;width:630px;border-top:1px solid #c30;text-align:left;}
.legal p {font:10px/12px arial, sans-serif;color:#666;margin:5px 0 0 0;padding:0;}
ul#footerNav {float:left;display:inline;margin:0 10px 5px 0;padding:0;width:150px;border-top:1px solid #c30;text-align:left;}
ul#footerNav li {display:inline;width:150px;height:16px;text-align:left;}
ul#footerNav li a {display:block;width:150px;height:16px;font:10px/16px arial;text-transform:uppercase;padding:0;text-align:left;border-bottom: 1px solid #ddd;}
ul#footerNav li.rssLink a {background: url(http://relentlessclothing.com/themes/site_themes/relentless/RSS_14.png) 100% 50% no-repeat;}
ul#kevinHallBtn {float:left;display:inline;margin-right:10px;width:140px;height:62px;overflow:hidden;}
ul#kevinHallBtn li {display:inline;}
ul#kevinHallBtn li a {width:140px;height:62px;display:block;overflow:hidden;text-indent:-9999px;background:url(http://relentlessclothing.com/themes/site_themes/relentless/btn_kevinHall.png) 80px 0 no-repeat;}
ul#kevinHallBtn li a:hover {background-position: 80px -62px}