/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Perform Global reset to remove browser defaults
- Style default (X)HTML elements
----------------------------------------------------------------------------------------------------------------------*/

/* == Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

/* == Base Element Styling
------------------------------------------------- */

body
{
    color: #666;
    font-family: Arial, Sans-Serif;
    font-size: 75%;
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6{font-size: 180%; margin: 10px 0; color: #b88b00; clear: both;font-family: Century Gothic;text-transform: uppercase;font-weight: normal;}
h1{margin-top: 0;line-height: 0.7em;}
h2{margin: 10px 0 10px 0;line-height: 1em;position: relative;}
h3{font-size: 130%; font-weight: normal;}
h4{font-size: 110%; font-weight: normal;}
/* alternative heading style */
.box h2{margin-top: 0;}
body#photos h1, body#shows h1, body#store h1, body#video h1{display: none;}

body#music h1{text-indent: -99999px;height: 19px; width: 70px;background: url(/_img/skin2/title-sprite.gif) no-repeat 0 -221px;}
body#blog h1{text-indent: -99999px;height: 19px; width: 156px;background: url(/_img/skin2/title-sprite.gif) no-repeat 0 -243px;}
body#vip h1{text-indent: -99999px;height: 19px; width: 154px;background: url(/_img/skin2/title-sprite.gif) no-repeat 0 -265px;}
body#causes h1{text-indent: -99999px;height: 19px; width: 171px;background: url(/_img/skin2/title-sprite.gif) no-repeat 0 -287px;}

.spriteTitle{text-indent: -99999px;background: url(/_img/skin2/title-sprite.gif) no-repeat 0 0;}
.titleNews{height: 21px; width: 145px;}
.titlePhotos{height: 19px; width: 91px; background-position: 0 -23px;}
.titleStore{height: 19px; width: 70px; background-position: 0 -45px;}
.titleUpdates{height: 19px; width: 148px; background-position: 0 -67px;}
.titleLogin{height: 19px; width: 112px; background-position: 0 -89px;}
.titleArea{height: 19px; width: 102px; background-position: 0 -111px;}
.titleVipPhotos{height: 19px; width: 133px; background-position: 0 -133px;}
.titleComments{height: 19px; width: 138px; background-position: 0 -155px;}
.titleOVideos{height: 19px; width: 187px; background-position: 0 -177px;}
.titleMVideos{height: 19px; width: 204px; background-position: 0 -199px;}
.titleAudio{height: 19px; width: 75px; background-position: 0 -309px;}

h2 .headAlt{color: #ccc;}

p{margin: 10px 0;line-height: 1.7em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px; list-style-type: disc;}
ul li{margin: 3px 0;}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 3px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{background: #f8f6ed;border: solid 1px #ece8de; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;padding: 5px 12px;text-align: left;color: #111;}
tr{}
td{border: solid 1px #f6f2e8;border-bottom: solid 1px #d6cfc4;padding: 6px 12px;}
tr.rowItemAlt td{background: #f8f6ed;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

/** Set default styles for form elements **/
form{}
fieldset{}
legend{font-weight: bold;}
label, .label{float: left;text-align: left;margin: 0px 5px 0 0;color:#3F352C;padding: 5px 0 0 0;}
.input, .textarea, textarea{margin:1px 0 1px 0;font-family: Arial, Sans-Serif;font-size: 100%;border: solid 1px #dcdcdc;padding: 3px 5px;color: #666; background: none;font-size: 90%;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
input.check{border:0;}
select{font-size: 95%;font-family: Arial;color: #333; margin: 1px 0 1px 0; padding:1px 0 1px 0;border: solid 1px #ccc;}

.btn{border: solid 1px #ccc;cursor: pointer;font-family: Arial;letter-spacing: 0;font-weight: bold;color: #b88b00;background: #f6f6f6;font-size: 100%;}
a.btn{padding: 3px 5px;}
select option{background: #fefefe !important;}

/** provide width classes to stack onto elements **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr, div.hr{border: 0;border-top: solid 1px #dbd3c4; height: 1px; margin: 10px 0; clear: both;}
div.hr hr{display:none;}

a{color: #b88b00;font-weight: bold;text-decoration: none;}
a:hover{text-decoration: underline;}

/** To remove dotted outline on links **/
a{outline-style:none;}
a:active, a:focus {outline: 0 !important;}

img{vertical-align: bottom;}
img.thumb{border: 3px #4f3632 solid;}

/* = Independent Global Styles
------------------------------------------------- */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
.hide, .divLoading{display: none;}
/** clearing **/
.clr{clear: both;}
.clrSml, .clrz{clear: both;line-height:1px;height:1px;}
.clrLeft{clear: left;}
.clrLeftSml{clear: left;line-height:1px;height:1px;}
.clrRight{clear: right;}
.clrRightSml{clear: right;line-height:1px;height:1px;}
/** presentation **/
.standoutText{color: #b88b00;}
.sml, .small{font-size:90%;}
.vmiddle{vertical-align: middle;}
.ul{border-bottom: 1px #400202 solid;}
.white{color: #fff}
.blue{color: #92d4f6;}
.inlineImg{border: solid 1px #ccc;padding: 8px; background: #f8f6ed;margin: 5px;}
.box{background: #fff;padding: 0 10px 10px 10px;margin-bottom: 40px;}