/* Stylesheet for Kendall Wanderers website */

/* RESETS */
html, body, div, span, object, table, caption, tbody, tfoot, thead, tr, th, td, 
img, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big, cite, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	outline: 0;	padding: 0;	margin: 0;	border: 0;
	vertical-align: baseline; font-family: inherit;	font-weight: inherit; 
	font-style: inherit; font-size: 100%; color: #bfbfbf; }
:focus { outline: 0;}
body { background: #020101; text-align:center; margin: 0 auto;	
font-family: Arial, Verdana; font-size: 75%; }
ul {list-style: none;	}
table {border-collapse: separate;	border-spacing: 0;	}
caption, th, td {	font-weight: normal;	text-align: left;	}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" "";	}
a {	text-decoration:none;}


.hide{
display: none;
}

.show{
display: block;
}

/* FLOATERS */
.r {float:right;}
.l {float:left;}


/* GENERIC LINK STYLE */
a {color: #d49e2a;text-decoration: none; }
a:hover {text-decoration:underline;}


/* BASIC LAYOUT */
#wrapper {margin:0 auto; width:941px; text-align:left;}
.firstcol {width: 620px;float:left}
.secondcol {width: 220px;float:left;}


/* LOGO, MENU, CONTACT ADDRESS */
#header {background:#520016;border-bottom: 1px solid #3e0910; width: 100%; }
#header #header-pos { margin:0 auto; width:941px; text-align:left;}
#header ul {list-style:none;}
#header li {float:left;display:inline;}
#logo-kw {padding:8px 0;float:left;}
#header p {margin: 0; padding: 1.3em .5em .3em .5em; float:right; font-size: .9em; color: #e2cf8d;
background: #020101;}
#header p a {color:#e2cf8d;}


/* PRIMARY NAV */
#nav { margin: 68px 0 0 1em; float:left; display:inline; width: 830px;}
#nav li {font-size: .9em; float:left; display:inline; text-transform: uppercase;}
#nav a {padding: .5em 2em .7em 1em; display:block;float:left;color: #e2cf8d;}
#nav .on, #nav a:hover {color: #fff8e1; text-decoration:none;}


/* SHOW CURRENT NAV ON CURRENT PAGE */
.pg-hom #nav-hom a,
.pg-clu #nav-clu a,
.pg-new #nav-new a,
.pg-tea #nav-tea a,
.pg-pho #nav-pho a,
.pg-arc #nav-arc a,
.pg-mes #nav-mes a,
.pg-int #nav-int a {color: #fff8e1;}


/* HEADINGS */
h1 {margin-bottom: .2em; font-size:2.7em; letter-spacing: -.02em; color:#efefef; font-weight:normal; line-height: 1em; }
h2 {padding: 0 0 .12em 0; font-size:1.75em; letter-spacing: -.02em; color:#fff8e1; font-weight: normal; }
h3 {font-size: 1.2em; color:#fff8e1; font-weight:bold; border:none; margin:0; padding:0;}
h4 {font-weight:bold;}
.secondcol h2 { margin: 2.05em 0 0 .6em; text-transform: uppercase; color: #e2cf8d; font-size: 1.4em;}


/* CONTENT */
.content { margin: 1em 0 2em 1em; padding: 2em 5em 3em 15px; background:#0a0909;}
.nopad {padding-right: 1em;}
.pg-hom .content {padding-right: 1.2em;}
li ul,
li ol {margin:0 1.5em;}
.content ul,
.content ol {margin:1em 0 1em 1.5em;}
.content ul {list-style-type:disc;}
.content p {margin: 1em 0; line-height: 1.5em; }
.content li {margin-bottom: 0; line-height: 1.5em; }
.content ol {list-style-type:decimal;}
table {margin-bottom:1.4em;width:100%;}
.pic-r {margin: 1em 0 1em 3em; float:right;}
.pic-l {margin: 1em 1em 1em 0; float:left;}
.pic-m {margin: 1em auto; text-align:center;}
.firstcol a,
.secondcol a {text-decoration:underline;}
.firstcol a:hover,
.secondcol a:hover {text-decoration:none;}
.content #intro {margin-bottom: 2em;font-size: 115%; width: 90%;}


/* SUB NAV */
#sub-nav {margin: 0 0 1em 1em; padding: .8em 0 1em 0; }
#sub-nav ul,
#sub-nav li { margin: 0; }
#sub-nav a { border-top: 1px solid #5b0d22; border-bottom: 1px solid #450012; display:block; 
	text-decoration:none; padding: .4em 0 .4em .8em; color: #e2cf8d; background: #520016;}
#sub-nav a:hover,
#sub-nav li li a:hover  { background: #5b0d22; color:#fff8e1; text-decoration:none; }		
#sub-nav .current a {font-weight:bold; color:#fff8e1; text-decoration:none;}


/* SUB NAV 2ND LEVEL */
#sub-nav li li {font-size: .9em;}
#sub-nav li li a {padding-left: 2em;}
#sub-nav .current li a {color: #e2cf8d; font-weight:normal; background: #5b0d22;}
#sub-nav .current li.current a {color: #fff8e1; font-weight:normal;}

		
/* SIDE POCKETS */
#sponsors,
#join {margin: 1em 0 2em 1em; padding: .8em .5em 1em .8em; background: #0a0909; border: 1px solid #201d1d;}
#sponsors img {margin-top: .5em;}
#sponsors a {text-decoration:none; color: #333;}

.statistics {margin:0 0 0 2em; padding: .7em .8em; float:right; width: 25%; border: 1px solid #201d1d;}
dl {font-size: .9em; }
dt {color: #666;font-weight:bold;margin:0;margin: 1em 0 0 0; line-height: 1.5em; }
.yellowcard {background: url("../img/icon-yellowcard.gif") no-repeat 0 2px;
padding-left: 13px;}
.redcard {background: url("../img/icon-redcard.gif") no-repeat 0 2px;
padding-left: 13px;}
		
				
/* NEWS, EVENTS LISTING */
#article-list {margin: 0;}
.article-item {background: #201d1d; padding: .7em .8em;}
#article-list p {margin-top: 0;}
#article-list .date {margin: 0; text-transform: uppercase; font-size: .88em; color: #666;}
#article-list h3 {margin-bottom:.3em; }


/* COPYRIGHT, TERTIARY NAV */
#footer { border-top:1px solid #201d1d; width: 941px;  border-top:1px solid #201d1d;}
#footer p {padding: 1.5em 0 40px 22px; }
#footer a {color:#303235;}
#footer span {margin: 0 .3em; color:#9b9b9b;}
#footer li {float:left;display:inline;}


/* DATA TABLE */
.datagrid {margin: 1em 0; border-collapse:collapse; }
.datagrid td {padding: .5em 0 .4em .5em;
					border-bottom: 1px solid #3d3939;}
.datagrid th {padding: .7em 0 .3em .5em;font-weight: bold; color: #000;
					background: #d49e2a;}
.datagrid .odd td {background: #201d1d;}
.datagrid a {background:none;}
.datagrid a:hover {background:none;}

/* WANDERERS WHO HAVE WANDERED TABLE */
.wwhw {margin: 1em 0; border-collapse:collapse; }
.wwhw td {padding: .5em 0 .4em .5em;
.wwhw a {background:none;}
.wwhw a:hover {background:none;}

/* CLEARS THE AREA AFTER FLOATING ITEMS */
/* zero font-size added to prevent potential layout issues */
.clearfix:after {
     content: " "; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     font-size: 0;
     }