﻿/* == 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;font-size: 75%; font-family: arial;text-align: center; background: #000;}

h1, h2, h3, h4, h5, h6{font-size: 180%;font-weight: normal;color: #fff;margin: 10px 0;}
h1{font-size: 14px;font-weight: bold; text-transform: uppercase; padding-left: 10px;margin: 8px 0;}
h2{font-size: 140%;font-weight: bold; text-transform: uppercase;}
h3{font-size: 140%;font-weight: bold; text-transform: uppercase;}
h4{font-size: 120%;font-weight: bold; text-transform: uppercase;color: #d85600;}
h5{font-size: 100%;}
h6{font-size: 100%;}
h2.modTitle{font-size: 14px;font-weight: bold; text-transform: uppercase; padding-left: 10px;margin: 8px 0;}
h2.replaced{font-size: 14px;font-weight: bold; text-transform: uppercase;margin: 10px 0;}
h2 .alt{color: #d85600;}

p{margin: 10px 0;line-height: 1.4em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px; list-style-type: square;}
ul li{margin: 5px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 5px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{background: none; margin: 10px 0; font-size: 95%;}
thead{}
tfoot{}
th{border: solid 1px #222;padding: 6px 6px 6px 20px; background: #000 url(/_img/th-bg.gif) repeat-y top left; color: #d85600; font-weight: bold; text-transform: uppercase;}
tr{}
td{border: solid 1px #222;padding: 3px 6px 3px 20px; background: #111 url(/_img/td-bg.gif) repeat-y top left;}
td.buy{background: #000;padding-left: 10px;}

label{float: left; font-weight: bold; width: 125px;}
.input{border: solid 1px #3b3a3a; background: #353535 url(/_img/input-bg.gif) bottom left repeat-x;margin: 0 0 2px 0;padding: 4px; color: #bbb; font-family: Arial;font-size: 100%;}
textarea.input{background: #000;}
select.input{background: none;background-color: #000 !important;padding: 0;}
.fileUpload{background: #000;border: solid 1px #3b3a3a;float: left;padding: 5px;margin-bottom: 2px;}
.btn{background: #222 url(/_img/btn-bg.gif) bottom left repeat-x; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 90%; padding: 4px 7px; border: solid 1px #2e2d2d;-moz-border-radius: 3px;-webkit-border-radius: 3px;letter-spacing: 0; font-family: Arial;cursor: pointer;}
.btn:hover{background: #000;}
textarea.txtComment{width: 650px;}

/* Cross browser hr styling */
hr{border: 0;border-top: solid 1px #272727; height: 1px; margin: 5px 0;}
div.hr{margin: 10px 0px; border: none; border-top: 1px solid #272727;clear:both;}
div.hr hr{display:none;}

a{color: #d85600;text-decoration: none;}
a:hover{color: #ccc;}

a.linkBtn{display: inline-block; background: #222 url(/_img/btn-bg.gif) bottom left repeat-x; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 90%; padding: 3px 4px; border: solid 1px #2e2d2d;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
a.linkBtn:hover, a.linkBtnOn{background: #000; text-decoration: none;}
a.linkBtnFull{padding: 4px 0; width: 100%; text-align: center;}
a.linkBtnShare{background: #d85600 url(/_img/gradient-share.gif) no-repeat top left;padding-left: 20px;}
a.linkBtnSml{padding: 2px;position: relative;}
a.nudgeBtn{margin-top: 8px;}
p a.linkBtn{vertical-align: middle;}

img{vertical-align: bottom;}
img.rssIcon{position: absolute; bottom: 6px; right: 5px;}

.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%;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrz, .clrSml{clear: both;line-height:1px;height:1px;}
.clrz, .pagingClr, .br1, .br2{display: none;}
/** presentation **/
.textRight{text-align: right;}
.hide{display: none;}
.snug{margin: 5px 0 10px 0;}
.sml{font-size:90%;}
.rel{position: relative;}
.abs{position: absolute;}
.highlightText{background: #d85600; color: #000; text-transform: uppercase;font-weight: bold; padding: 1px 3px; font-size: 95%;-moz-border-radius: 2px;-webkit-border-radius: 2px;}

.meta{color: #696969; font-size: 90%;}
.meta em{font-style: normal; color: #999;}
.meta a{text-decoration: none;}
.meta a:hover{text-decoration: underline;}

