/*  
Theme Name: Vermont Poker League v2.0
Theme URI: http://www.vermontpokerleague.com/
Description: The VPL theme. Based on YUI. Please refer to http://developer.yahoo.com/yui/grids/
Version: 2.0
Author: Andrew Jones
Author URI: http://www.vermontpokerleague.com/
*/

#body, #doc4 {
	background: #FFF url('images/page_bg.gif');
	width: 987px;
}

.yui-t4 .yui-b {
	width: 180px;
}

#hd {
	display: block;
	width: 974px;
	height: 150px;
}

#hd h1 {
	margin: 0px;
}

#hd h1 a {
	display: block;
	width: 174px;
	height: 102px;
	background: url('images/vpl-logo.gif') no-repeat;
	text-indent: -9999em;
	position: relative;
	top: 0px;
	left: 19px;
}

#hd .description {
	display: none;
}

#hd #cards {
	position: relative;
	display: block;
	height: 0px;
	width: 268px;
	left: 701px;
	top: -101px;
}

#sidebar {
	background: url('images/sidebar_head.jpg') no-repeat;
	padding-top: 200px;
	position: relative;
	top: -150px;
	left: -106px;
	width: 267px;
	color: #333;
}

#sidebar ul li {
	list-style: none;
	margin-bottom: 1em;
}

#sidebar ul li a, .yui-cms-item .hd a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#sidebar ul li a:hover {
	text-decoration: underline;
	
}

.wpmg-attribution-text {
	display: none;
}

#sidebar h3 {
	display: block;
	background: url('images/sidebar_h3_bg.jpg') repeat-y;
	width: 100%;
	padding: 0.5em;
}

#sidebar .sidebar-calendar {
	margin-left: 2em;
}

#sidebar .sidebar-calendar .date {
	font-weight: bold;
	font-size: 108%;
	margin-top: 1em;
}

#sidebar .sidebar-calendar ul {
	margin-left: 0;
}

#sidebar .sidebar-calendar ul li {
	margin-bottom: 0;
}

#sidebar .linkcat h2 {
	display: none;
}

#ft {
	display: block;
	background: #fff url('images/footer.gif') no-repeat;
	height: 35px;
	text-align: right;
	padding-top: 12px;
	color: #666;
}

#ft p {
	width: 90%;
}


#yui-main {
	margin-left: 25px;
}

#yui-main #featured {
	display: block;
	width: 675px;
	height: 245px;
	overflow: hidden;
}

#yui-main #featured a {
	color: white;
}

#yui-main .post {
	margin-left: 25px;
	margin-right: 25px;
}

#yui-main .post img.feature-full {
	position: relative;
	top: 0;
	left: -27px;
}

#yui-main .post h2 a, #yui-main #leaderboard h3 {
	font-weight: normal;
	color: #333;
	text-decoration: none;
	font-size: 153.9%;
}

.entry table.hall td {
	border: none;
}

table.hall img {
	width: 200px;
	height: 267px;
}

#yui-main .advert {
	margin-left: 90px;
	width: 468px;
	height: 60px;
}

#navigation {
	width: 680px;
	position: relative;
	top: -25px;
	left: 18px;
	height: 50px;
}

#navigation .yui-nav {
	margin-left: 250px;
	border: 0px;
}

#navigation .yui-nav li.selected a {
	background: url('images/nav1-bg.gif') repeat-x;
}

#navigation .yui-content {
	background: url('images/nav2-bg.gif') repeat-x;
	height: 32px;
	padding: 0;
}

#navigation .yui-content ul {
	margin-top: 8px;
}

#navigation .yui-content li {
	display: inline;
}

#navigation .yui-content li a {
	font-weight: bold;
	color: #EEE;
	text-decoration: none;
	padding-left: 0.75em;
	padding-right: 0.75em;
	padding-top: 0em;
}

#navigation .yui-content li a:hover {
	text-decoration: underline;
}

.yui-t4 #yui-main .yui-b {
	margin-right: 310px;
}

.jdGallery .slideInfoZone p, .jdGallery .slideInfoZone h2 {
	font-size: 100%;
}

#leaderboard .yui-nav {
	font-size: 92%;
}

.qual { 
	background-color: #e95454; 
}

.twenty { 
	background-color: #e2e752; 
}

.extra-chips { 
	color: gray; 
	font-style: italic; 
	font-size: 92%; 
}

table.lb_table {
	width: 100%;
}

.lb_table tbody td {
	text-align: center
}


.lb_table tbody td.lb_name { 
	font-weight: bold;
	text-align: left;
}

.premium {
	background: url('images/32.png') no-repeat 1px 4px;
	padding-left: 20px;
}

#wp-forum table td {
	border: none;
}

.sociable img {
	width: 48px;
	height: 48px;
}

.wp125ad {
	text-align: center;
}

.twenty .premium {
	background: url('images/32.png') no-repeat 1px 4px;
	padding-left: 20px;
	background-color: #e2e752;
}

td.place-1 {
	background: url('images/1st-place.png') no-repeat 4px center;
	font-weight: bold;
	padding-left: 20px;
}

.twenty td.place-1 {
	background: url('images/1st-place.png') no-repeat 4px center;
	font-weight: bold;
	padding-left: 20px;
	background-color: #e2e752;
}

td.place-2 {
	background: url('images/2nd-place.png') no-repeat 4px center;
	font-weight: bold;
	padding-left: 20px;
}

.twenty td.place-2 {
	background: url('images/2nd-place.png') no-repeat 4px center;
	font-weight: bold;
	padding-left: 20px;
	background-color: #e2e752;
}

td.place-3 {
	background: url('images/3rd-place.png') no-repeat 4px center;
	font-weight: bold;
	padding-left: 20px;
}

.twenty td.place-3 {
	background: url('images/3rd-place.png') no-repeat 4px center;
	font-weight: bold;
	padding-left: 20px;
	background-color: #e2e752;
} 

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */