﻿/* == STYLESHEET FUNCTIONS - Global reset and base element styling
------------------------------------------------------------------------------------------------------------------------ 

/* == 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;
}
:focus {
	outline: 0;
}
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}


/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */
body{color: #fff;line-height: 1.5;font-size: 75%; font-family: Arial, Helvetica, Sans-Serif; background-color:#000000; min-width: 1050px;}

h1, h2, h3, h4, h5, h6{margin: 10px 0;font-weight: normal;color: #fff;position: relative; font-weight: bold; text-transform: uppercase}
h1{font-size: 200%;margin: 0 0 15px 0;}
h2{font-size: 150%;line-height: 1.2em; margin:0;}
h3{font-size: 140%;}
h4{font-size: 120%;}
h5{font-size: 110%; color:#9BA0A9; margin:5px 0;}
h6{font-size: 100%;}
p b {color:#A4B0BB;}

h2.comments{border-bottom: 1px #88898b solid; padding: 0 0 5px 0; float:left; width:100%; float:none;}
h3.comments{color: #d0cda4; font-weight: bold; font-size: 120%;}

h2.newsarticle{text-transform: uppercase; font-size: 120%; font-weight: bold;}
h2.membersAttending {border-bottom: 1px #88898b solid; padding: 0 0 5px 0; width:100%;  font-size: 120%;}

.iconSkull{position: absolute; top: -75px; left: 50%;z-index: -1;margin-left: -46px;}
.iconTrolley{position: absolute; top: -60px; right: 10px;z-index: 100;}
.iconEye{position: absolute; top: -32px; right: 20px;z-index: 100;}
.eyeGraphic{position: absolute; bottom: 15px; right: -80px;z-index: 100;}

#wrap .templateOne .zoneTwo h1{position: relative;}
h1 span .iconRSS{position: absolute; top: 5px; right: 0;}

p{margin: 10px 0 10px 0;line-height: 1.7em;}
blockquote{margin: 20px;}

ul{margin: 20px 0 20px 20px;list-style-type: disc;}
ul.basic{margin: 10px 0 10px 0; list-style: none;list-style-image: none;}
ul.basicInner{margin: 10px 0 10px 10px; list-style: none;list-style-image: none;}
ul.basicInner a {color:#D0CDA4; text-decoration:none;}
ul.basicInner a:hover {color:#D0CDA4; color:#333;background-color:#d0cda4;}


ul li{margin: 5px 0;}
ul li ul{list-style-image: url(../_img/angle-arrow.gif);margin: 5px 0 5px 20px;}
ul li ul li{margin: 3px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 10px 0;}
ul.plain{margin: 20px 0 20px 0;list-style: none;}

ul.rate {float:left; list-style-type: none; padding: 0; margin: 0 0 15px 0;}
ul.rate li {display: inline;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #111;border-top: solid 1px #7d84a8;border-bottom: solid 1px #7d84a8;padding: 6px; background: #656565; color: #fff; font-weight: normal;}
td{border: solid 1px #222;padding: 3px 6px;background: #000;}
tr.rowItemAlt td{background: #111;color: #bbb;}

#wrap form{margin: 10px 0;}
fieldset{}
legend{font-weight: bold;}
label{float: left; width: 90px;vertical-align: middle; margin: 2px 0;}
.input{border: solid 1px #666666;margin: 0 0 8px 0; background: #030303 url(/_img/bg-input.gif) top left repeat-x !important;color: #fff;padding: 3px 5px;}
select{background: #030303 url(/_img/bg-input.gif) top left repeat-x !important; color: #fff;font-size: 90%;padding: 3px 5px;border: solid 1px #666666;}
option{background: none;}
textarea{border: solid 1px #666666;margin: 0 0 2px 0;color: #fff; font-family: Arial; font-size: 100%;background: #030303 url(/_img/bg-input.gif) top left repeat-x;}

.btn{font-family: Arial,Helvetica,Sans-Serif;background:#151515 none repeat scroll 0 0;border:1px solid #787878;color:#EEEEEE;float:left;font-size:90%;margin:0 0 0 0;padding:3px 3px 3px 3px !important;text-decoration:none;text-transform:uppercase; overflow:visible;font-weight: bold;}
.btn:hover{color: #333; background: #D0CDA4;}

/**a.linkBtn{background: #28313A; color: #d2d2d2; text-decoration: none;padding: 4px; margin-right:5px; margin-bottom:5px;}
a.linkBtn span{color: #c31760;}
a.linkBtn:hover{background: #a4b0bb; color: #111;}**/

a.linkBtn{ background: #151515; color: #EEEEEE; text-decoration: none;padding: 3px;font-weight: bold; border: 1px #787878 solid; margin: 5px 0 0 5px; font-family: Arial, Helvetica, Sans-Serif; position:relative;}
a.linkBtn:hover{color: #333; background: #D0CDA4;}
a.linkBtn span{color: #c31760; display:none;}

a.btn{ background: #151515; color: #EEEEEE; text-decoration: none;padding: 3px;font-weight: bold; font-size: 90%; border: 1px #787878 solid; margin:0 0 10px 0; text-transform:uppercase;cursor: pointer;}
a.btn:hover{color: #111; background: #D0CDA4;}
a.btn span{color: #c31760; display:none;}

a.altlink{color: #d0cda4; font-weight: bold; text-decoration: none;}
a.altlink:hover{text-decoration: underline;}

/** 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%;}
.fortynine{width:49%;}
.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{}

/* Cross browser hr styling */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #7A7C81;}
div.hr hr{display:none;}
div.hrImage{background: url(/_img/hr-bg.png) top center no-repeat;height: 40px;border: 0;}

a{color: #fff; text-decoration: underline;}
a:hover{text-decoration: none;}

h2 a{text-decoration: none;text-transform: uppercase; font-size: 90%; font-weight: bold;}
h2 a:hover{text-decoration: underline;text-transform: uppercase; font-size: 90%; font-weight: bold;}

a.usStore{position: absolute; top: -35px; right: 0;text-decoration: none;}
a.usStore:hover{background: #c5d6ac; color: #111;}
a.usStoreLink{font-size: 90%;padding: 2px 4px; position: absolute; top: -32px; right: 0;font-weight: bold;  background:#151515; color: #D2D2D2; border:solid 1px #868686; text-decoration: none;text-transform: uppercase;}
a.usStoreLink:hover{ background:#C5D6AC; color:#111;}
a.usStoreAlt{right:60px;}
color:#111111;

img{vertical-align: bottom;}
img.rssIcon{position: absolute; bottom: 6px; right: 5px;}
img.thumbLeft{float: left; border: solid 1px #565455; padding: 7px; background: #222222;margin: 0 15px 0 0;}
img.authorIcon{background: url(/_img/icon-author.gif) top left no-repeat;padding: 3px 3px 9px 3px;}
img.twitterIcon{background: url(/_img/icon-twitter.gif) top left no-repeat;padding: 3px 3px 9px 3px; margin:10px -2px 0 5px;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrz, .clrSml,.storeHome .clr, .pagingClr {clear: both;line-height:1px;height:1px;}
/** presentation **/
.textRight{text-align: right;}
.textCenter{text-align: center;}
.hide{display: none;}
.snug{margin: 5px 0 10px 0;}
.inlineImg{border: solid 1px #444;padding:1px;margin: 0 7px 5px 0;}
.inlineImgRight{margin: 0 0 5px 7px;}
.sml{font-size:90%;}
.standoutText{color: #d9dca4}
.itemDetails{color: #c6d6af; font-size: 90%; clear: left;}
.white{color: #fff;}
.nomargin{margin: 0;}
.hidden {display: none;}
.tightLeft {margin-left: 0 !important;}
.tightRight {margin-right: 0 !important;}