/* Custom stylesheet for BytePoker
 * by Dieter Orens
 * @author name <dieter@dio5.com>
 * --------------------------------------------------------------- */

html, body {
	background:#000;
	color:#fff;
	font:14px/1.4 Arial, Helvetica, sans-serif;
}

.container{
	width:960px;
	margin:0 auto;
}

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

/* Links
 * ------------------------------------------------------------------- */

a{
	color:#eb1100;
	text-decoration:none;
}

a:hover, a:focus{
	color:#fff;
	background:#d80000;
}

#footer a{
	color:#fff;
}

#header a, #footer a{
	background:none;
}

#footer a:hover,
#footer a:focus{
	text-decoration:underline;
}

/* Headings
 * ------------------------------------------------------------------- */

h1, h2{
	color:#d70101;
	font:bold 34px Myriad, "Myriad Pro", "Myriad Roman", Arial, sans-serif;
	margin:0 0 16px;
	line-height:1.1;
}

h3{
	font:bold 20px Myriad, "Myriad Pro", "Myriad Roman", Arial, sans-serif;
	line-height:1.1;
	color:#000;
	margin:0 0 12px;
}

.HomePage #header h1,
.BlogHolder #header h1{
	margin:0;
	line-height:1;
}

/* General
 * ------------------------------------------------------------------- */

p{
	line-height:1.4;
	padding:0 0 18px;
}

.typography ul,
.typography ol{
	margin:0 0 16px 24px;
}

.typography ul li{
	list-style:disc;
}

.typography ol li{
	list-style:decimal;
}

img.right {	float: right; margin:0 0 10px 20px; }
img.left { float: left;	margin:0 20px 10px 0; }
img.leftAlone {	display:block; clear:both; }
img.center { float: none; margin-left: auto; margin-right: auto; display: block; }

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

blockquote{
	font-style:inherit;
	margin:0 0 0 20px;
}

/* Header
 * ------------------------------------------------------------------- */

#header{
	position:relative;
	background:url(../images/header-bg.jpg) no-repeat 250px top;
	height:200px;
}

#logo{
	position:absolute;
	top:40px;
	left:0;
}

#dateVenue{
	position:absolute;
	right:0;
	top:40px;
	line-height:1.1;
}

#dateVenue .date{
	font:bold 25px "Arial Black", Arial, Helvetica, sans-serif;
	color:#ce1b1b;
	display:block;
	letter-spacing:-1px;
}

#dateVenue .venue{
	font:13px "Arial Black", Arial, Helvetica, sans-serif;
	color:#cfcfcf;
	text-transform:uppercase;	
}

/* Nav
 * ------------------------------------------------------------------- */

 
#mainNav{
	position:absolute;
	overflow:hidden;
	margin:8px 0 0;
	border:2px solid #323232;
	width:956px;
	background:url(../images/menu-bg.png) repeat-x left top;
	top:136px;
	left:0;
}

#mainNav li{
	margin:0;
	float:left;
}

#mainNav a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	height:46px;
	line-height:46px;
	padding:0 23px;
	background:url(../images/menu-bg.png) repeat-x left top;
	text-transform:uppercase;
	font-size:12px;
	border-right:1px solid #262626;
	border-left:1px solid #515151;
}

#mainNav .first a{
	border-left:none;
}

#mainNav .last a{
	border-right:none;
}


#mainNav a:hover,
#mainNav a:focus,
#mainNav a.current,
#mainNav a.section
{
	background-position:left bottom;
}


/* Content
 * ------------------------------------------------------------------- */

#content{
	position:relative;
 	background:#fff url(../images/content-bg.png) repeat-y left top;
	color:#323232;
}
 
#contentInner{
	position:relative;
 	background:url(../images/content-top.png) no-repeat left top;
	padding:28px 22px 28px 30px;
}

#mainContent{
	position:relative;
	float:left;
	width:572px;
}

#secondaryContent{
	position:relative;
	float:right;
	width:308px;
}

.intro{
	font-size:16px;
}

#banner{
	margin-bottom:12px;
}

#latestBlogEntries a{
	font-size:16px;
}

/* BlogEntry
 * ------------------------------------------------------------------- */

.BlogEntry h1,
.BlogHolder #mainContent h2{
	margin-bottom:8px;
}

.BlogEntry h2.comments{
	font-size:25px;
	font-weight:bold;
	color:#605f5f;
	margin:0 0 10px;
}

ol#comments{
	border-top:2px solid #e2e0e0;
	margin:0 0 16px;
	padding:0;
}

.typography ol#comments li{
	list-style:none;
	border-bottom:1px solid #e2e0e0;
	padding:20px 0 12px;
}

#comments p{
	padding:0;
}

.fn{
	font-weight:bold;
}

h3.vcard{
	margin-bottom:10px;
}

#shareOptions{
	background:#e5e5e5;
	border-top:2px solid #cecccc;
	border-bottom:2px solid #cecccc;
	margin:24px 0 36px;
	padding:5px 8px;
}

#shareOptions li{
	float:left;
	list-style:none;
	margin-right:12px;
}

#shareOptions a{
	display:block;
	width:39px;
	height:39px;
	text-indent:-30000px;
	background:url(../images/share-options.png) no-repeat left top;
}

#shareOptions a.twitterbtn{ background-position:-52px top; }
#shareOptions a.stumbleupon{ background-position:-104px top; }
#shareOptions a.delicious{ background-position:-156px top;}
#shareOptions a.facebook{ background-position:-208px top; }
#shareOptions a.myspace{ background-position:-260px top; }
#shareOptions a.google{ background-position:-312px top; }

/* Forms
 * ------------------------------------------------------------------- */

form{
	position:relative;
	border:2px solid #cecccc;
	background:#e5e5e5;
	padding:20px;
	overflow:hidden;
}

legend{
	display:none;
}

label{
	font:bold 20px Myriad, "Myriad Pro", "Myriad Roman", Arial, sans-serif;
}

.checkbox label{
	font:12px Arial, Helvetica, sans-serif;
}

label.left{
	float:left;
	width:212px;
}


div.middleColumn{
	float:right;
	width:312px;
}

input.text, textarea, select{
	padding:4px;
	border:2px solid #cecccc;
	width:300px;
}

#Comment textarea{
	height:120px;
}

div.field{
	position:relative;
	margin:0 0 18px;
	overflow:hidden;
}

span.required{
	color:#f00;
}

label.required{
	display:block;
	color:#f00;
	float:none;
	clear:both;
	font:14px Arial, Helvetica, sans-serif;
}

div.Actions{
	float:right;
}

.action{
	border:2px solid #cecccc;
	background:url(../images/submit-bg.gif) repeat-x left top;
	padding:6px 4px;
}

#commentHolder .action{
	padding:0;
}

form .field ul{
	margin:0;
}

.field ul li{
	list-style:none;
}

.field ul li label{
	font:12px Arial, Helvetica, sans-serif;
}

p.checkbox{
	margin-left:216px;
	overflow:hidden;
}

p.checkbox input{
	float:left;
	margin-right:6px;
}

p.checkbox label{
	width:290px;
	float:left;
}

/* Corporate
 * ------------------------------------------------------------------- */

#corporate{
	position:relative;
	background:#fff url(../images/content-bottom.png) no-repeat left top;
	padding:32px 30px 10px;
	min-height:46px;
}

#corporate p{
	padding:0;
}

/* Widgets
 * ------------------------------------------------------------------- */

.widget{
	position:relative;
	margin:0 0 20px;
	border:2px solid #cecccc;
	background:#bfbfbf url(../images/widget-bg.png) repeat-x left top;
	padding:18px;
}

.widget h2{
	font:bold 20px Myriad, "Myriad Pro", "Myriad Roman", Arial, sans-serif;
	line-height:1.1;
	color:#000;
	margin:0 0 12px;
}

#registerWidget{
	border:none;
	padding:0;
}

#registerWidget img{
	display:block;
}

#donationsWidget{
	padding-bottom:6px;
}

#pokerWidget p{
	z-index:11;
}

#pokerWidget img{
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
}

#featuredWidget{
	padding-bottom:8px; 
}

#featuredWidget h2{
	border-bottom:2px solid #cecccc;
	padding-bottom:5px;
}

#featuredWidget a{
	margin-right:12px;
}

#featuredWidget a:hover,
#featuredWidget a:focus{
	background:none;
}

/* Footer
 * ------------------------------------------------------------------- */

#footer{
	position:relative;
	background:#3a3a3a url(../images/footer-bg.png) repeat-x left top;
	padding:18px 22px 18px 30px;
	font-size:11px;
	margin:0 0 24px;
}

#footer ul{
	width:300px;
	float:left;
}

#footer li{
	line-height:1.8;
}

#copy{
	color:#a5a2a2;
	clear:both;
	padding:8px 0 0;
}

#donateNow{
	float:right;
}