﻿/* == 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
------------------------------------------------------------------------------------------------------------------------ */
html{width:100%;}
body{width:100%;}
body{color:#000; line-height:1.5; font-size:80%; font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; text-align:center;}

h1, h2, h3, h4, h5, h6{font-size:140%; font-weight:bold; color:#000; margin:10px 0; overflow:hidden; text-transform: uppercase;}
h1{font-size: 200%; font-weight:normal; margin: -5px 0 10px 30px;}
h2{font-size:130%;}
h3{font-size:110%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:100%;}

p{margin: 10px 0;line-height: 1.3em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px; list-style-type:disc;}
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: #fff; border-collapse: collapse;margin: 10px 0;}
thead{}
tfoot{}
th{border: solid 1px #aaa;padding: 3px 6px; background: #eee; color: #000;}
tr{}
td{border: solid 1px #ddd;padding: 3px 6px;}

label{float:left; font-weight:bold; width:125px;}
.input{border:solid 2px #a5a5a5; background:#434343; color: #fff; margin:0 0 2px 0; padding: 4px;}
.btn, .linkBtn{font-size:100%; display:inline-block; margin:0; letter-spacing:0; text-decoration:none; padding:3px; cursor:pointer; text-transform:uppercase; border: 0; background: #000; color: #fff;}
.backBtn{text-transform: uppercase;}

/** 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%;}

/* 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 #333;clear:both;}
div.hr hr{display:none;}

a{color:#000; text-decoration:none; font-weight: bold;}
a:hover{text-decoration:none; color: #d07821;}

img{vertical-align:bottom;}
img.rssIcon{position:absolute; bottom:6px; right:5px;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrLeft{clear: left;}
.clrRight{clear: right;}
.clrz, .clrSml{clear: both;line-height:1px;height:1px;}
.clrz, .pagingClr{display: none;}
/** presentation **/
.textRight{text-align: right;}
.hide{display: none;}
.snug{margin: 5px 0 10px 0;}
.sml{font-size:90%;}

.meta{text-transform: lowercase; color: #222; font-size: 90%;}
.meta span{font-weight: bold;color: #000;}
.meta a{text-decoration: none;}
.meta a:hover{text-decoration: underline;}

