/*
Common CSS File for http://www.example.com/
©2009 http://wbdsgn.com
Contact chris@wbdsgn.com
*/

/* >>> RESET <<<-------------------------------- */

html,body,#wrap {
	height: 100%;
	font-size: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td,tr { 
	margin: 0;
	padding: 0;
}

fieldset,img,a img,abbr,acronym { 
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ul,li {
	list-style: none;
}

caption,th {
	text-align:left;
}

strong {
	font-weight: bold;
}

sup,sum {
	font-size: 0.5em;
}

/* >>> CLEAR FIX <<<---------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* >>> COMMON LAYOUT AND STYLING <<<------------ */

body {
	position: relative;
	text-align: center;
	font: 62.5% helvetica,sans-serif;
	color: #fff;
	background: #000 url(../images/body/mainBg.gif) repeat;
}

#main {
	margin: 0 auto;
	width: 970px;
	text-align: left;
}

/* >>> VTOP <<<--------------------------------- */

#vTop {
	width: 970px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: #000;
}

#vTop ul {
	float: left;
	display: inline;
	width: 950px;
	height: 20px;
	margin: 10px;
}

	#vTop ul li {
		float: left;
		display: inline;
		height: 20px;
		margin-right: 10px;
	}

	#vTop ul li a {
		float: left;
		display: inline;
		padding-top: 2px;
		font: 100%/180% helvetica,sans-serif;
		text-decoration: none;
		color: #555;
	}
	
	#vTop ul li#skip a { color: #222; }

	#vTop ul li a:hover {
		color: #999;
	}

	#vTop ul li#skip a:hover {
		color: #444;
	}

#vTop #mainAd {
	clear: both;
	width: 950px;
	height: 90px;
	margin: 0 10px;
}

/* >>> BRANDING <<<----------------------------- */

#branding {
	width: 970px;
	height: 120px;
	margin-bottom: 5px;
	background: #000;
}

#branding .logo {
	float: left;
	display: block;
	width: 120px;
	height: 100px;
	margin-top: 10px;
}

#branding .ad {
	float: right;
	width: 728px;
	height: 90px;
	padding: 5px 0;
	margin: 10px 10px 0 0;
}

/* >>> MAIN NAVIGATION <<<---------------------- */

#mainNav {
	width: 970px;
	height: 50px;
	margin-bottom: 5px;
	background: #3d0000 url(../images/body/mainNavBg.png) no-repeat top left;
}

#mainNav ul {
	float: left;
	display: inline;
	width: 960px;
	height: 50px;
	padding: 0 5px;
}

	#mainNav ul li {
		float: left;
		display: inline;
		height: 50px;
	}

	#mainNav ul li a {
		float: left;
		display: inline;
		height: 50px;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
	}
	
	#mainNav ul li.home a { width: 63px; }
	#mainNav ul li.home a:hover,#mainNav ul li.home a:active,#home #mainNav li.home a { background: url(../images/body/mainNavBg.png) -5px -50px; }
	#mainNav ul li.venue a { width: 78px; }
	#mainNav ul li.venue a:hover,#mainNav ul li.venue a:active,#venue #mainNav li.venue a { background: url(../images/body/mainNavBg.png) -68px -50px; }
	#mainNav ul li.membership a { width: 147px; }
	#mainNav ul li.membership a:hover,#mainNav ul li.membership a:active,#membership #mainNav li.membership a { background: url(../images/body/mainNavBg.png) -146px -50px; }
	#mainNav ul li.news a,#article ul li.news a { width: 55px; }
	#mainNav ul li.news a:hover,#mainNav ul li.news a:active,#news #mainNav li.news a,#article #mainNav li.news a { background: url(../images/body/mainNavBg.png) -293px -50px; }
	#mainNav ul li.schedule a { width: 84px; }
	#mainNav ul li.schedule a:hover,#mainNav ul li.schedule a:active,#schedule #mainNav li.schedule a { background: url(../images/body/mainNavBg.png) -348px -50px; }
	#mainNav ul li.poker a { width: 61px; }
	#mainNav ul li.poker a:hover,#mainNav ul li.poker a:active,#poker #mainNav li.poker a,#pokerTR #mainNav li.poker a,#pokerTL #mainNav li.poker a,#pokerFL #mainNav li.poker a { background: url(../images/body/mainNavBg.png) -432px -50px; }
	#mainNav ul li.kalooki a { width: 75px; }
	#mainNav ul li.kalooki a:hover,#mainNav ul li.kalooki a:active,#kalooki #mainNav li.kalooki a { background: url(../images/body/mainNavBg.png) -493px -50px; }
	#mainNav ul li.games a { width: 101px; }
	#mainNav ul li.games a:hover,#mainNav ul li.games a:active,#games #mainNav li.games a { background: url(../images/body/mainNavBg.png) -568px -50px; }
	#mainNav ul li.bar a { width: 133px; }
	#mainNav ul li.bar a:hover,#mainNav ul li.bar a:active,#bar #mainNav li.bar a { background: url(../images/body/mainNavBg.png) -669px -50px; }
	#mainNav ul li.members a { width: 78px; }
	#mainNav ul li.members a:hover,#mainNav ul li.members a:active,#members #mainNav li.members a { background: url(../images/body/mainNavBg.png) -802px -50px; }
	#mainNav ul li.contact a { width: 85px; }
	#mainNav ul li.contact a:hover,#mainNav ul li.contact a:active,#contact #mainNav li.contact a { background: url(../images/body/mainNavBg.png) -880px -50px; }

/* >>> CONTENT <<<------------------------------ */

#contentWrap {
	width: 970px;
	margin-bottom: 5px;
}

#content {
	float: left;
	display: inline;
	width: 970px;
	margin-bottom: 5px;
	background: #000;
}

#contentBg {
	float: left;
	display: inline;
	width: 950px;
	margin: 10px;
	background: url(../images/body/contentBg.gif) repeat-y top left;
}

#mainContent {
	float: left;
	display: inline;
	width: 610px;
	margin: 0 10px 10px 10px;
	color: #555;
}

	#mainContent img {
		float: left;
		display: inline;
		margin-bottom: 20px;
		border: 0;
		border-right: 10px solid #fff;
		padding: 0;
		background: #fff;
	}

	#mainContent p,
	#mainContent ul li {
		font: 12px/150% helvetica,sans-serif;
		padding-bottom: 10px;
	}

	#mainContent table p {
		padding-bottom: 0;
	}
	
	#siteMap #mainContent ul {
		padding-left: 10px;
	}

	#contact #mainContent ul#address li,
	#siteMap #mainContent ul li {
		padding-bottom: 0;
	}

	#contact #mainContent ul {
		padding-bottom: 10px;
	}

	#mainContent p#current {
		display: block;
		width: 610px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e1e1e1;
		padding: 10px 0 0 0;
		font: 9px/22px helvetica,sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #888;
	}

	#mainContent p.archive {
		padding: 10px 0 0 0;
		text-align: right;
		text-transform: lowercase;
	}

	#mainContent p a {
		text-decoration: none;
		color: #5855e8;
	}

	#mainContent .more p a:hover {
		text-decoration: underline;
	}

	#mainContent p.meta,
	#mainContent ul li.meta {
		display: block;
		margin-bottom: 10px;
		border-bottom: 1px solid #e1e1e1;
		padding: 4px 0 0 0;
		font: 9px/22px helvetica,sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #888;
	}

	#schedule #mainContent .contentBox ul li,
	#schedule #mainContent .contentBox ul li.meta {
		padding-left: 10px;
	}

	#schedule #mainContent .contentBox ul li.meta {
		margin-bottom: 8px;
		border-top: 1px solid #ccc;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 21px;
		color: #000;
		background: #e1e1e1;
	}
	
	#members #mainContent .contentBox ul {
		float: left;
		width: 300px;
	}

	#members #mainContent .contentBox ul li,
	#members #mainContent .contentBox ul li.meta {
		padding-left: 10px;
	}

	#members #mainContent .contentBox ul li.meta {
		margin-bottom: 8px;
		border-top: 1px solid #ccc;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 21px;
		color: #000;
		background: #e1e1e1;
	}

	#mainContent .excerpt {
		clear: both;
		margin-top: 10px;
		padding-bottom: 9px;
		border-bottom: 1px solid #e1e1e1;
	}

	#mainContent .contentBox {
		clear: both;
	}

/* >>> NEWS <<<--------------------------------- */

#news #mainContent .more,
#article #mainContent .more {
	clear: both;
	width: 610px;
	padding: 10px 0;
}

.previous {
	float: left;
	margin-right: 10px;
}

.next {
	float: right;
	margin-left: 10px;
}

/* >>> SECONDARY <<<---------------------------- */

#secondary {
	float: right;
	display: inline;
	width: 310px;
}

#secondary .featured {
	margin-bottom: 10px;
	padding: 6px 10px 8px 10px;
	background: #111;
}

#secondary .featured a {
	display: block;
	margin-bottom: 2px;
	padding: 10px 10px 8px 10px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	font: 120%/150% helvetica,sans-serif;
	text-decoration: none;
	color: #7f7f7f;
}

#secondary .featured a:hover {
	color: #e5e5e5;
	background: #0d0d0d;
}

#secondary .featured a.more {
	width: 70px;
	height: 20px;
	margin: 10px 0 0 220px;
	padding: 0;
	border-top: none;
	border-bottom: none;
	text-indent: -9999px;
	overflow: hidden;
	background: #111 url(../images/body/moreBtn.png) no-repeat top right;
}

#secondary .ad,
#secondary .promo {
}

#secondary .ad {
	margin-bottom: 10px;
}

.twitterBox {
	margin-bottom: 10px;
}

.twitterBox ul,
.twitterBox a.twitFol {
	padding: 10px 10px 0 10px;
	background: #0f0f0f;
	font: 120%/150% helvetica,sans-serif;
	color: #666;
}

.twitterBox a.twitFol {
	display: block;
	padding: 15px 10px;
	background: #0f0f0f url(../images/body/twitter.png) no-repeat top right;
}

	.twitterBox a,
	.twitterBox a.twitFol {
		color: #4c4c4c;
		font: 110%/150% helvetica,sans-serif;
		text-decoration: none;
	}

	.twitterBox a:hover {
		color: #7f7f7f;
	}

/* >>> TABLES <<<------------------------------- */

#content table ul {
	border: 0;
	padding: 0;
}

#content table {
	clear: both;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 12px;
}

#content table p {
	font-size: 11px;
}

#content th,#content td {
	padding: 8px 5px 5px 5px;
	vertical-align: top;
}

#content col {
	border-right: 1px solid #ccc;
}

#content col#buyIn {
	border: none;
}

#content thead {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px;
}

#content th {
	padding-top: 20px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

#content tr {
	border-bottom: 1px solid #ccc;
}

.moreData {
	width: 610px;
	font-size: 11px;
}

.previous {
	float: left;
	margin-right: 10px;
	padding: 20px 0;
}

.next {
	float: right;
	margin-left: 10px;
	padding: 20px 0;
}

/* >>> SMALL TABLES <<<------------------------- */

#smallTableWrap {
	clear: both;
	width: 970px;
	margin-bottom: 5px;
}

#smallTableBox {
	float: left;
	display: inline;
	width: 970px;
	margin-bottom: 5px;
	padding: 10px 0;
	background: #000;
}

.smallTable {
	width: 310px;
	background: #111;
}

#smallTableBox .smallTable { /* FOOTER ONLY */
	float: left;
	display: inline;
	margin-left: 10px;
}

#secondary .smallTable { /* SECONDARY ONLY */
	margin-bottom: 10px;
}

.smallTable .pad {
	padding: 10px;
}

.smallTable table {
	border: 0;
	padding: 0;
	border-collapse: collapse;
	font: 110%/18px helvetica,sans-serif;
}

.smallTable td {
	vertical-align: top;
	color: #666;
}

	.smallTable td a {
		display: block;
		text-decoration: none;
		color: #666;
	}

	.smallTable tr:hover td,
	.smallTable tr:hover td a {
		color: #e5e5e5;
	}

	.smallTable td.right {
		text-align: right;
	}

	.smallTable ul li {
		font: 110%/18px helvetica,sans-serif;
		color: #7f7f7f;
	}

	.smallTable ul li.day {
		padding-top: 3px;
		font: 9px/15px helvetica,sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #9b851a;
	}

.smallTable .more a {
	display: block;
	width: 70px;
	height: 20px;
	margin: 10px 0 0 220px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/body/moreBtn.png) no-repeat top right;
}

/* >>> FOOTER <<<------------------------------- */

#aboveFooter {
	padding-bottom: 90px; /* must be same height as the footer */
}

#footer {
	position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
	clear: both;
	text-align: center;
}

#footerBox {
	margin: 0 auto;
	width: 970px;
	height: 90px;
	text-align: left;
	background: #000;
}

	#footerBox ul {
		width: 970px;
		padding-bottom: 6px;
		text-align: center;
	}

	#footerBox ul#footTop {
		padding-top: 17px;
	}

	#footerBox ul li {
		display: inline;
		padding: 0 6px 0 4px;
		border-right: 1px solid #222;
	}

	#footerBox ul li.last {
		border-right: none;
	}

	#footerBox ul li a {
		font: 100%/15px helvetica,sans-serif;
		text-decoration: none;
		color: #555;
	}

	#footerBox ul li a:hover,
	#home #footerBox ul li.home a,
	#venue #footerBox ul li.venue a,
	#membership #footerBox ul li.membership a,
	#news #footerBox ul li.news a,
	#article #footerBox ul li.news a,
	#schedule #footerBox ul li.schedule a,
	#poker #footerBox ul li.poker a,
	#pokerTR #footerBox ul li.pokerTR a,
	#pokerTL #footerBox ul li.pokerTL a,
	#pokerFL #footerBox ul li.pokerFL a,
	#kalooki #footerBox ul li.kalooki a,
	#games #footerBox ul li.games a,
	#bar #footerBox ul li.bar a,
	#members #footerBox ul li.members a,
	#contact #footerBox ul li.contact a,
	#find #footerBox ul li.find a,
	#accessibility #footerBox ul li.accessibility a,
	#internet #footerBox ul li.internet a,
	#siteMap #footerBox ul li.siteMap a {
		color: #999;
	}

	#footerBox p {
		width: 970px;
		font: 90%/15px tahoma,sans-serif;
		text-align: center;
		color: #333;
	}
	
	#footerBox p a {
		text-decoration: underline;
		color: #333;
	}

	#footerBox p span { color: #222; }

/* >>> HEADERS <<<------------------------------ */

h1 {
	margin-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
	padding: 27px 0 9px 0;
	font: 600 320%/125% "myriad pro",sans-serif;
	letter-spacing: -1px;
	color: #242424;
}

#article h1 {
	margin-bottom: 0;
}

h2 {
	padding: 9px 0 5px 0;
	font: 600 240%/125% "myriad pro",sans-serif;
	letter-spacing: -1px;
	color: #242424;
}

	#home h2,
	#news h2 {
		border-bottom: 1px solid #e1e1e1;
	}

	h2 a {
		text-decoration: none;
		color: #242424;
	}

	h2 a:hover { color: #522fac; }

h5 {
	width: 310px;
	height: 40px;
	text-indent: -9999px;
}

	h5#featuredH { background: url(../images/body/h5Bg.png) no-repeat 0 0; }
	h5#scheduleH { background: url(../images/body/h5Bg.png) no-repeat 0 -40px; }
	h5#TLboardH { background: url(../images/body/h5Bg.png) no-repeat 0 -80px; }
	h5#FLboardH { background: url(../images/body/h5Bg.png) no-repeat 0 -120px; }
	h5#twitterH { background: url(../images/body/h5Bg.png) no-repeat 0 -160px; }

/* >>> FORM <<<--------------------------------- */

.contactBox {
	float: left;
	display: inline;
	width: 290px;
}

.formBox {
	float: right;
	display: inline;
	width: 270px;
}

fieldset {
	padding: 0 0 40px 0;
}

label {
	display: block;
	padding-top: 10px;
	font: 12px/18px tahoma,sans-serif;
	color: #2e2e2e;
}

.req {
	font: italic 11px/18px tahoma,sans-serif;
	color: #f01726;
}

.input {
	width: 220px;
	padding: 2px;
	font: 11px/11px tahoma,sans-serif;
}

.textarea {
	width: 220px;
	height: 144px;
	padding: 6px;
	font: 11px/16px tahoma,sans-serif;
}

.submit {
	margin-top: 10px;
}