/*  
Theme Name: bwin
Theme URI: http://www.bwingames.se/
Description: Parent framework theme for bwin poker blog sites running on WP2.8.x
Version: 1.0
Author: Tim Heighes, bwin Games AB
Author URI: http://www.bwingames.se/
*/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      CheapProFonts
 * License URL: http://www.fontspring.com/fflicense/cheapprofonts
 *
 *
 */

@font-face {
    font-family: 'MatriseProRegular';
    src: url('fonts/matrisepro/Matrise_Pro-webfont.eot');
    src: url('fonts/matrisepro/Matrise_Pro-webfont.eot?iefix') format('eot'),
         url('fonts/matrisepro/Matrise_Pro-webfont.woff') format('woff'),
         url('fonts/matrisepro/Matrise_Pro-webfont.ttf') format('truetype'),
         url('fonts/matrisepro/Matrise_Pro-webfont.svg#webfontSgEhK8V3') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements
	Streamlined and adapted version of yui reset.css

------------------------------------------------------------------*/
html {
	background: #282828;
	color: #fff;
}

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

td {
	margin: 0 0 10px 0;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

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

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

del, ins {
	text-decoration: none;
}



/*------------------------------------------------------------------

2.	FONTS
	Streamlined and adapted version of yui font.css

------------------------------------------------------------------*/
body {
    background-color: #282828;
	font: 13px/1.231 verdana, arial, helvetica, clean, sans-serif;
}

/* Nudge down to get to 13px equivalent for these form elements */ 
select, input, button, textarea {
	font: 99% verdana, arial, helvetica, clean, sans-serif;
}

/* To help tables remember to inherit */
table {
	font-size: inherit;
	font: 100% verdana, arial, helvetica, clean, sans-serif;
}

pre, code, kbd, samp, tt {
	font-family: monospace;
	line-height: 100%;
}



/*------------------------------------------------------------------

3.	PAGE AND COLUMN LAYOUT

------------------------------------------------------------------*/
#outerWrapper {
	background-color: #222;
	margin: 0 auto;
	padding-left: 15px;
	text-align: center;
	width: 985px;
}

.content,
#footer {
	clear: both;
}

.col1, .col2, .col3, .col4, .col5 {
	float: left;
}

.col1 { width: 197px; }
.col2 { width: 394px; }
.col3 { width: 591px; }
.col4 { width: 788px; }
.col5 { width: 985px; }

/* used on content columns to allow sidebars to be placed later in markup */
div.right { float: right; }



/*------------------------------------------------------------------

4.	HEADER

------------------------------------------------------------------*/
#header {
	position: relative;
	text-align: left;
}

#header .left,
#header .right {
	font-size: 77%;
	line-height: 2.4;
	min-height: 26px;
	width: 50%;
}

#header .left {
	left: 10px; /* makes 25px margin-left when combined with the 15px on #outerWrappper */
	position: relative;
}

#header .right {
	position: absolute;
	right: 15px; /* makes 25px margin-right when combined with last contained li a */
	text-align: right;
	top: -5px;
}

#header .left li,
#header .right li {
	display: inline;
}

#header .left li a,
#header .right li a {
	color: #ccc;
	margin-right: 10px;
	text-decoration: none;
}

#header .left li a:hover,
#header .right li a:hover {
	text-decoration: underline;
}



/*------------------------------------------------------------------

5.	SEARCH FORM

------------------------------------------------------------------*/
#searchForm {
	display: inline;
	left: -3px;
	position: relative;
}

#searchForm label {
	color: #ccc;
}

#searchForm div {
	display: inline;
}

#searchSubmit {
	position: relative;
	top: 7px;
}

/* search term */
#s {
	background-color: #000;
	color: #fff;
	border: 1px solid #5a5a5a;
}



/*------------------------------------------------------------------

6.	MAIN NAVIGATION
    Rules also created dynamically

------------------------------------------------------------------*/
#mainNavigation {
	border-top: 1px solid #000;
	background: url(images/bg_bwin_header.gif) repeat-x;
	height: 70px;
	margin-left: -15px;
	position: relative;
	width: 1000px;
}

#mainNavigation h1 {
	left: -9000px;
	position: absolute;
}

#mainNavigation #logo { 
	margin-left: 22px;
	outline: none;
}

#mainNavigation ul {
	bottom: 1px;
	left: 282px;
	position: absolute;
}

#mainNavigation li { float: left; }

#mainNavigation li a {
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	margin-right: 20px;
	text-indent: -9000px;
}

.fr_FR #mainNavigation li a {
	margin-right: 10px;
}

#mainNavigation li a:focus { outline: none; }



/*------------------------------------------------------------------

7.	REGISTER NOW AND OTHER ACTION BUTTONS

------------------------------------------------------------------*/
#registerNow {
    background-position: 0 0;
	background-repeat: no-repeat;
	bottom: 0;
	display: block;
	height: 47px;
	position: absolute;
	right: 15px;
	text-align: left;
	text-indent: -9000px;
}
.en_US #registerNow {
    background-image: url(images/en_US/register_now.png);
    width: 128px;
}
.de_DE #registerNow {
    background-image: url(images/de_DE/register_now.png);
    width: 158px;
}
.fr_FR #registerNow {
    background-image: url(images/fr_FR/register_now.png);
    width: 143px;
}
.it_IT #registerNow {
    background-image: url(images/it_IT/register_now.png);
    width: 157px;
}
.es_ES #registerNow {
    background-image: url(images/es_ES/register_now.png);
    width: 128px;
}

#registerNow:hover { background-position: 0 -47px; }
#registerNow:focus { outline: none; }



/*------------------------------------------------------------------

8.	GO TO BWIN LINK

------------------------------------------------------------------*/
#goToBwin {
	background: url(images/arrow_right_ccc.gif) no-repeat 100% 50%;
	color: #ccc;
	font-size: 77%;
	padding-right: 10px;
	position: absolute;
	right: 22px;
	text-decoration: none;
	top: 10px;
}

#goToBwin:hover {
	text-decoration: underline;
}



/*------------------------------------------------------------------

9.	SUB NAVIGATION

------------------------------------------------------------------*/
#subNavigation {
	font-size: 85%;
	line-height: 2.4;
	margin-left: 3px;
	min-height: 30px;
}

#subNavigation li {
	display: inline;
	position: relative;
}

#subNavigation li a {
	color: #fff;
	margin: 0 6px;
	position: relative;
	text-decoration: none;
	top: 3px;
}

#subNavigation li.selected a {
	color: #fc0;
	font-weight: bold;
}

#subNavigation li a:hover {
	color: #fc0;
}



/*------------------------------------------------------------------

10.	PAGE BANNER

------------------------------------------------------------------*/
#pageBanner {
	height: 100px;
	position: relative;
	width: 970px;
}

#pageBanner a {
	display: block;
	height: 100%;
	text-align: left;
	text-indent: -9000px;
	width: 100%;
}

#pageBanner a:focus { outline: none; }

#banner_text {
	color: #fff;
	font-family: tahoma, verdana, helvetica, sans-serif;
	font-size: 197%;
	font-weight: bold;
	left: 10px;
	position: absolute;
	text-align: left;
	top: 60px;
	width: 900px;
	z-index: 10;
}

.banner .message_background {
	background-color: #000;
	bottom: 0;
	height: 50px;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	z-index: 1;
}



/*------------------------------------------------------------------

11.	DROP SHADOW CONTENT BOXES

------------------------------------------------------------------*/
.dsBodyLeft {
	background: url(images/ds_body_left.png) repeat-y;
	left: -4px;
	padding-left: 4px;
	position: relative;
	text-align: left;
}

.dsTop {
	background: url(images/ds_top.png) repeat-x 100% 0;
	height: 14px;
	margin-bottom: -14px;
	padding-right: 11px;
	position: relative;
}

.dsTopLeft {
	background: url(images/ds_top_left.png) no-repeat;
	font-size: 0;
	height: 14px;
	left: -4px;
	margin-bottom: -4px;
	position: relative;
	width: 15px;
}

.dsBodyRight {
	background: url(images/ds_body_right.png) 100% 0 repeat-y;
	padding-right: 11px;
}

.dsBody {
	padding-top: 4px;
	width: 100%;
}

.dsBodyBg {
	position: relative;
	width: 100%;
}

.dsBodyBg .dsGradientImg {
	height: 100%;
	position: absolute;
	width: 100%;
}

.dsBodyContent {
	position: relative;
}

.dsBodyLeft h2 {
	background-color: #000;
	color: #fc0;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.8;
	padding: 0 10px;
	min-height: 20px;
}

.dsBodyLeft h2 a {
	background: url(images/arrow_right_ff0.gif) no-repeat 100% 50%;
	color: #fc0;
	padding-right: 10px;
	text-decoration: none;
}

.dsBodyLeft h2 a:hover {
	text-decoration: underline;
}

.dsBodyLeft .headerShadow {
	background: transparent url(images/bg_control_header_shadow.png) repeat-x;
	height: 8px;
	width: 100%;
}

.dsBottom {
	background: url(images/ds_bottom.png) no-repeat 100% 0;
	height: 14px;
	left: 11px;
	margin-top: -3px;
	position: relative;
}

.dsBottomLeft {
	background: url(images/ds_bottom_left.png) no-repeat;
	font-size: 0;
	height: 14px;
	left: -15px;
	position: relative;
	width: 15px;
}

/* filler for when the dsGradientImg needs to fill to the bottom of the 
   .message div and the last element above the filler has a bottom margin */
.filler {
	clear: both;
	font-size: 0;
	line-height: 1;
}



/*------------------------------------------------------------------

12.	DROP SHADOW CONTENT BOXES (MESSAGE CONTENT)

------------------------------------------------------------------*/
.message a { color: #fff; }

.dsBodyLeft .message {
	font-size: 85%;
	line-height: 1.5;
	padding: 0 10px;
	position: relative;
}

.dsBodyLeft .message * {
	font-size: 100%;
	padding-bottom: 0;
}

.dsBodyLeft .message p,
.dsBodyLeft .message ol,
.dsBodyLeft .message ul {
	padding-bottom: 10px;
}

/* do not change the order of the following rules */
.col3 .message img { max-width: 556px; }
.col2 .message img { max-width: 359px; }
/* end do not change */

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

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

.aligncenter { text-align: center; }



/*------------------------------------------------------------------

13.	SEARCH RESULTS

------------------------------------------------------------------*/
.search_results ul li {
	margin-left: 20px;
	list-style: disc;
}



/*------------------------------------------------------------------

14.	BLOG POSTS (IN DROP SHADOW CONTENT BOXES)

------------------------------------------------------------------*/
.post {
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}

.message .last_post,
.message .single_post {
    border-bottom-width: 0;
    margin-bottom: 0;
}

.single-post h3 a, 
.post h3 a {
	color: #fc0;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
}

.single-post h3 a:hover,
.post h3 a:hover { text-decoration: underline; }

.single-post h3 a:visited,
.post h3 a:visited { color: #fc0; }

.single-post hr, .post hr {
	border: none;
	color: #999;
	padding: 5px 0;
}

.single-post .entry,
.post .entry { padding-bottom: 10px; }

.entry-text {
    clear: both;
}

.single-post p.meta,
.post p.meta,
.twitter p.meta {
	color: #999;
	font-size: 90.588%;
	padding-left: 0;
	padding-right: 0;
}

.single-post p.meta a,
.post p.meta a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

.single-post p.meta a:hover,
.post p.meta a:hover {
    color: #fff;
    text-decoration: underline;
}

h2.twitter-stream {
    background: #000 url(images/social_media_mini_icons_sprite.png) no-repeat 10px -1845px;
    padding-left: 34px;
}

.twitter {
    padding-bottom: 0 !important;
}

.twitter p.meta a {
    text-decoration: none;
}

.twitter p.meta a:hover {
    text-decoration: underline;
}

.twitter p.tweet {
    padding-bottom: 0 !important;
}

.twitter p.tweet a {
    color: #fc0;
}

ol.twitter li {
    border-bottom: 1px dotted #999;
    margin-bottom: 5px;
}

ol.twitter li.last {
    margin-bottom: 0;
}

.single-post div.entry p.wp-caption-text,
.post div.entry p.wp-caption-text {
	color: #999;
	font-size: 90.588%;
	font-style: italic;
	margin: 5px 0;
}

.message p.blog_navigation {
    clear: both;
    padding: 10px 0;
}

.more-link,
.blog_navigation a {
	background: url(images/arrow_right_fff.gif) no-repeat 100% 50%;
	color: #fff;
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
}

.blog_navigation a:visited { color: #fff; }

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.abbr_posts .entry {
    height: 100px;
    max-height: 100px;
    position: relative;
}

.abbr_posts p.blog_navigation {
    bottom: 0;
    left: 110px;
    position: absolute;
}

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



/*------------------------------------------------------------------

15.	HALL OF FAME

------------------------------------------------------------------*/
.hall-of-famer {
	border-top: 1px dotted #999;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	line-height: 16px;
	font-size:11px !important;
}
.hall-of-famer-flag {
	float: left;
	margin-right: 10px;
}

.hall-of-famer-title {
	font-size:16px !important;
        font-weight:bold;
}

.hall-of-famer-ingress {
 	font-weight:bold;
}

.hall-of-famer h3 {
  font-weight: bold;
}



/*------------------------------------------------------------------

16.	SECONDARY STYLE DROP SHADOW CONTENT BOXES

------------------------------------------------------------------*/
.secondary h2 {
	background-color: transparent;
	color: #999;
	font-weight: normal;
	padding: 5px 10px 0;
	text-transform: uppercase;
}



/*------------------------------------------------------------------

17.	EVENT AND BLOG SUB NAVIGATION (SECONDARY STYLE DROPSHADOW CONTENT BOXES)

------------------------------------------------------------------*/
.page_item {
	line-height: 1.4;
	margin-bottom: 5px;
	margin-top: 5px;
}

.page_item a {
	color: #fff;
	text-decoration: none;
}

.page_item a:hover { text-decoration: underline; }

.message .current_page_item a { color: #fc0; }



/*------------------------------------------------------------------

18.	YOUTUBE PLAYER

------------------------------------------------------------------*/
.largeFormat #ytapiplayer {
	background: url(images/video_player_lrg.jpg) repeat;
	height: 385px;
	margin: 0;
	width: 640px;
}

.smallFormat #ytapiplayer {
	background: url(images/video_player.png) no-repeat;
	height: 269px;
	margin: 0 auto;
	width: 359px;
}

#ytapiplayer span {
	display: block;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	width: 80%;
}

#videoControls {
	background-image: url(images/video_player_controls_bg.png);
	height: 36px;
	position: absolute;
}

.largeFormat #videoControls {
	top: 385px;
	width: 640px;
}

.smallFormat #videoControls {
	left: 10px;
	top: 269px;
	width: 359px;
}

#videoControls a {
	bottom: 11px;
	display: block;
	height: 13px;
	left: 7px;
	position: absolute;
	text-align: left;
	text-indent: -9000px;
	width: 15px;
}

#videoControls a:focus { outline: none; }

#videoControls a#videoPlay {
	background: url(images/video_player_playbtn.gif) no-repeat;
}

#videoControls a#videoPause {
	background: url(images/video_player_pausebtn.gif) no-repeat;
	display: none;
	width: 12px;
}

#videoSeeker {
	bottom: 11px;
	height: 12px;
	left: 28px;
	position: absolute;
}

.largeFormat #videoSeeker {
	background-image: url(images/video_player_seeker_large.png);
	width: 483px;
}

.smallFormat #videoSeeker {
	background-image: url(images/video_player_seeker.png);
	width: 202px;	
}

#videoTimebar {
	bottom: 4px;
	height: 4px;
	left: 5px;
	position: absolute;
	width: 0;
}

.largeFormat #videoTimebar {
	background: url(images/video_player_timebar_large.png) no-repeat 0 0;
}

.smallFormat #videoTimebar {
	background: url(images/video_player_timebar.gif) no-repeat 0 0;
}

#videoTime {
	background: url(images/video_player_time.png) 100% 0;
	bottom: 11px;
	color: #999;
	font-family: verdana, helvetica, sans-serif;
	font-size: 8px !important;
	height: 12px;
	letter-spacing: 1px;
	line-height: 12px;
	position: absolute;
	text-indent: 2px;
	width: 70px;
}

.largeFormat #videoTime {
	left: 511px;
}

.smallFormat #videoTime {
	left: 230px;	
}

#videoVolume {
	background-image: url(images/video_player_volume.png);
	background-position: 0 0; /* must be specified separately for IE6 to work with jQuery manipulation in application.js */
	background-repeat: no-repeat;
	bottom: 11px;
	cursor: pointer;
	height: 12px;
	position: absolute;
	width: 46px;
}

.largeFormat #videoVolume {
	left: 587px;
}

.smallFormat #videoVolume {
	left: 306px;	
}

#videoVolume label, #volumeInput { display: none; }

.largeFormat #youtubePlaylist {
	background-color: #000;
	height: 114px;
	margin: 36px 41px 0;
	position: relative;
	overflow: hidden;
	width: 888px;
}

.smallFormat #youtubePlaylist {
	height: 228px;
	overflow: auto;
	margin-top: 46px;
	width: 359px;
}

.smallFormat .youtube-item {
	clear: both;
	height: 104px;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.youtube-item .thumb {
	background-image: url(images/youtube_thumbnail_bg.png);
	float: left;
	height: 90px;
	padding: 9px;
	width: 120px;
}

.largeFormat .current .thumb,
.video-thumbnails .current .thumb {
	background-image: url(images/youtube_thumbnail_current_bg.png);
}

.largeFormat #youtubePlaylist ol {
	position: absolute;
	width: 20000em;
}

.largeFormat #youtubePlaylist ol .youtube-item {
	float: left;
	font-size: 85%;
	margin: 0 5px;
}

.youtube-item .thumb a {
	display: block;
	height: 90px;
	width: 120px;
}

.smallFormat .youtube-item h4 {
	display: block;
	float: right;
	margin-top: 7px;
	width: 190px;
}

.message .smallFormat div.youtube-item p.meta {
	color: #999;
	float: right;
	font-size: 90.588%;
	margin-bottom: 0;
	padding: 0;
	width: 190px;
}

#nowPlaying {
	background-color: #000;
	color: #fff;
	float: right;
	height: 411px;
	padding: 5px 10px 5px 15px;
	text-align: left;
	width: 305px;
}

#nowPlaying h2 {
	color: #fc0;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 10px;
}

#nowPlaying p {
	font-weight: bold;
	padding-bottom: 10px;
}

#nowPlaying p.duration {
	float: right;
	font-weight: normal;
	text-align: right;
	width: 50%;
}

#nowPlaying p.views {
	float: left;
	font-weight: normal;
	width: 50%;
}

.nowPlaying {
	display: none;
}

#videoCarouselContainer {
    clear: both;
    position: relative;
}

.largeFormat .browse {
	background: url(images/carousel_sprite_000.png) no-repeat 0 0;
	bottom: 0;
	cursor: pointer;
	display: block;
	position: absolute;
	height: 114px;
	top: 0;
	width: 41px;
	z-index: 10;
}

.largeFormat a.disabled {
	background-position: -82px 0 !important;
}

.largeFormat a.prevPage {
	background-position: -41px 0;
	left: 0;
}

.largeFormat a.prevPage:hover {
	background-position: 0 0;
	left: 0;
}

.largeFormat a.disabled {
	background-position: -123px 0 !important;
}

.largeFormat a.nextPage {
	background-position: -164px 0;
	right: 0;
}

.largeFormat a.nextPage:hover {
	background-position: -205px 0;
	right: 0;
}

.largeFormat #youtubePlaylist .youtube-item,
.video-thumbnails .youtube-item {
	cursor: pointer;
	float: left;
	position: relative;
}

.largeFormat #youtubePlaylist .youtube-item h4,
.video-thumbnails .youtube-item h4,
.largeFormat #youtubePlaylist .youtube-item .background,
.video-thumbnails .youtube-item .background {
	cursor: pointer;
	display: none;
	left: 9px;
	position: absolute;
	top: 9px;
}

.largeFormat #youtubePlaylist .youtube-item h4,
.video-thumbnails .youtube-item h4 {
	height: 80px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 110px;
}

.largeFormat #youtubePlaylist .youtube-item .background,
.video-thumbnails .youtube-item .background {
	background-color: #000;
	height: 90px;
	opacity: .8;
	width: 120px;
}

/*------------------------------------------------------------------

19.	FLICKR CONTENT

------------------------------------------------------------------*/
#flickr-sidebar .message,
.message .photos {
	padding: 0 0 4px 12px;
}

.message .photos {
	float: left;
	padding: 0 0 12px 4px;
}

#flickr-sidebar .message a,
.message a.flickrSquare {
	background: url(images/flickr_thumbnail_bg.png) no-repeat;
	display: block;
	float: left;
	height: 75px;
	padding: 7px 7px 8px;
	position: relative;
	top: -3px;
	width: 75px;
}

#flickr-sidebar .message a {
	margin: 0;
}

a.flickrSquare {
	margin-bottom: 2px;
	margin-right: 3px;
}

#photo_viewer {
	padding: 0 10px 10px;
	position: relative;
}

#previous_photo,
#next_photo {
	position: absolute;
	top: 120px;
}
#previous_photo { left: 20px; }
#next_photo { right: 20px; }

#photo { text-align: center; }

#photo p { margin-top: 15px; }

.label {
	background: url(images/flickr_thumbnail_bg.png) no-repeat;
	color: #999;
	font-size: 77%;
	height: 69px;
	padding: 20px 10px 0;
	text-align: center;
	width: 69px;
}



/*------------------------------------------------------------------

20.	PAGINATION

------------------------------------------------------------------*/
.pagenav {
	font-size: 77%;
	margin-top: 5px;
	text-align: center;
	width: 100%;
}

.pagenav li { display: inline; }

.pagenav a,
.pagenav span {
	color: #999;
	padding: 0 4px;
	margin: 0 2px;
}

.pagenav span.current {
	background-color: #fc0;
	color: #000;
}

.pagenav a,
.pagenav a:visited {
	text-decoration: none;
}

.pagenav a:hover,
.pagenav a:active {
	color: #fff;
	text-decoration: underline;
}

.pagenav .prev_page { padding-left: 10px; }

.pagenav .next_page { padding-right: 10px; }

.pagenav .prev_page { background: url(images/arrow_left_fff.gif) no-repeat 0 50%; }

.pagenav .next_page { background: url(images/arrow_right_fff.gif) no-repeat 100% 50%; }

#earlier_later_links {
	padding-bottom: 20px;
	position: relative;
}

#earlier_later_links.pagenav .prev_page,
#earlier_later_links.pagenav .next_page {
	position: absolute;
}

#earlier_later_links.pagenav .prev_page:focus,
#earlier_later_links.pagenav .next_page:focus { outline: 1px dotted; }

#earlier_later_links.pagenav .prev_page {
	left: 10px;
	text-align: left;
	width: 40%;
}

#earlier_later_links.pagenav .next_page {
	right: 25px;
	text-align: right;
	width: 40%;
}



/*------------------------------------------------------------------

21.	404 PAGE

------------------------------------------------------------------*/
.page_not_found img {
	margin: 7px 0 15px;
	max-width: 556px;
}

.page_not_found a { color: #fff; }
.page_not_found a:hover, .page_not_found a:active { color: #fc0; }



/*------------------------------------------------------------------

22.	SECURITY AND TRUST

------------------------------------------------------------------*/

#optional_footer_message {
	font-style: italic;
	margin: 0 auto 2em;
	width: 640px;
}

#optional_footer_message a {
	color: #999;
}

#optional_footer_message a:hover {
	color: #fff;
}

#security {
	color: #ccc;
	font-size: 77%;
	padding: 20px 0 21px;
}

#security h4 {
	padding-bottom: 6px;
}

#security a {
	margin: 0 3px;
}


#logos {
	margin-bottom: 25px;
}

#logos li,
#metaNavigation li {
	display: inline;
}

#logos a,
#metaNavigation a {
	color: #ccc;
	text-decoration: none;
}

#metaNavigation a { margin: 0 6px; }

#metaNavigation a:hover { text-decoration: underline; }



/*------------------------------------------------------------------

23.	FOOTER

------------------------------------------------------------------*/
#footer {
	background: #222 url(images/gradient_wb_small.gif) repeat-x;
	border-top: 1px solid #000;
	font-size: 77%;
	line-height: 2.5;
	margin: 9px 0 0 -15px;
	min-height: 36px;
	padding-bottom: 5px;
	position: relative;
	width: 1000px;
}

#footer .left {
	left: 0;
	padding-left: 15px;
	position: absolute;
}

ul#selectLanguage,
#selectLanguage li {
	display: inline;
}

#selectLanguage a,
#selectLanguage strong {
	color: #fff;
	margin-left: 10px;
	text-decoration :none;
}

#selectLanguage a:hover {
	text-decoration: underline;
}

select#jsSelectLanguage {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	margin-left: 5px;
}

#footer .right {
	position: absolute;
	right: 0;
	width: 49%;
}

#copyright {
	float: right;
	margin-right: 17px;
}

#copyright span {
	font-style: italic;
	font-weight: bold;
}

#age {
	background-image: url(images/age.png);
	display: block;
	float: right;
	height: 35px;
	margin-right: 25px;
	outline: 0;
	text-align: left;
	text-indent: -9000px;
	width: 36px;
}



/*------------------------------------------------------------------

23.	TABLES

------------------------------------------------------------------*/
table {
	margin: 0 auto;
	width: 90%;
}

caption {
	color: #fc0;
	font-weight: bold;
	margin-bottom: 10px;
}

th {
	font-weight: bold;
	line-height: 1.8;
}

thead tr th,
tr.even td {
	background-color: #444;
}

th.rank, td.rank {
	text-align: center;
}

td { line-height: 1.8 }

.col2 .leaderboard_container {
  width: 359px;
}

.leaderboard_container {
  height: 350px;
  margin-bottom: 10px;
  overflow: auto;
}

.leaderboard_container > table {
  width: 100%;
}

.leaderboard_container tr.alt {
  background-color: #444;
}

.leaderboard_container td {
  padding: 0 3px;
}


/*------------------------------------------------------------------

24.	AD SPACES

------------------------------------------------------------------*/
.ad_space a:focus { outline: none; }
.ad_space a { z-index: 2; }

.ad_space .message_background {
	background-color: #000;
	bottom: 0;
	min-height: 22px;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.col1 .ad_space,
.col2 .ad_space {
	height: 190px;
}

.ad_space a {
	color: #fff;
	display: block;
	font-family: verdana, helvetica, sans-serif;
	font-size: 85%;
	height: 100%;
	letter-spacing: 1px;
	position: relative;
	text-decoration: none;
	width: 100%;
}

.ad_space span {
	bottom: 0;
	display: block;
	line-height: 2;
	position: absolute;
	text-align: center;
	width: 100%;

}

.col2 .ad_space span {
	left: 10px;
	text-align: left;
	width: 359px;
}



/*------------------------------------------------------------------

25.	CARDS (used by card-converter theme-plugin)

------------------------------------------------------------------*/
.dsBodyLeft .message .redcardsuit,
.dsBodyLeft .message .blackcardsuit,
.dsBodyLeft .message .nocardsuit,
.dsBodyLeft .message .invalidcard {
	background-color: #fff;
	border: 1px solid #888;
	font: 116%/1.8 "courier new", courier, monospace, sans-serif;
	margin: 0 1px;
	padding: 1px;
}

.redcardsuit { color: #f00; }
.blackcardsuit { color: #000; }
.nocardsuit {	color: #00f; }
.invalidcard { color: #000; }



/*------------------------------------------------------------------

26.	MICROAUDIO (used by microaudio plugin)

------------------------------------------------------------------*/
.microAudio-bg { color: #000000; }

.microAudio-leftbg { color: #000000; }

.microAudio-lefticon { color: #FFCC00; }

.microAudio-voltrack { color: #333333; }

.microAudio-volslider { color: #FFCC00; }

.microAudio-rightbg { color: #000000; }

.microAudio-rightbghover { color: #000000; }

.microAudio-righticon { color: #FFCC00; }

.microAudio-righticonhover { color: #FFCC00; }

.microAudio-skip { color: #002EB8; }

.microAudio-text { color: #FFFFFF; }

.microAudio-track { color: #000000; }

.microAudio-border { color: #000000; }

.microAudio-loader { color: #000000; }

.microAudio-tracker { color: #FFCC00; }

.mAp, .adplr { width: 300px; }

.mAp {
	height: 26px;
	margin-top: 5px;
}

.mp3Player {
	background: url(/wp-content/plugins/microaudio/player-left.gif) no-repeat;
	height: 24px;
	margin-top: 5px;
	overflow: hidden;
	width: 300px;
}

.mp3Player a {
	background: url(/wp-content/plugins/microaudio/play.gif) no-repeat top right;
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 21px 0 10px;
	text-decoration: none;
}



/*------------------------------------------------------------------

27.	RADIO PLAYER

------------------------------------------------------------------*/
#radioCurrentlyPlaying {
    background: #0d0d0d;
    max-height: 110px;
    min-height: 110px;
}

#radioCurrentlyPlaying h3 {
    color: #fc0;
    font-size: 108%;
    font-weight: bold;
    margin: 0 10px;
    padding-top: 5px;
}

#radioCurrentlyPlaying p {
    margin: 0 10px;
    padding-bottom: 0;
}

#radioControls {
	background-image: url(images/video_player_controls_bg.png);
	height: 36px;
	position: absolute;
	width: 359px;
}

#radioControls .button {
	bottom: 11px;
	cursor: pointer;
	display: block;
	height: 13px;
	left: 7px;
	position: absolute;
	text-align: left;
	text-indent: -9000px;
	width: 15px;
}

#radioControls #radioPlay {
	background: url(images/video_player_playbtn.gif) no-repeat;
}

#radioControls #radioPause {
	background: url(images/video_player_pausebtn.gif) no-repeat;
	width: 12px;
}

#radioSeeker {
    background-image: url(images/video_player_seeker.png);
	bottom: 11px;
	height: 12px;
	left: 28px;
	position: absolute;
	width: 202px;
}

#radioTimebar {
	background: url(images/video_player_timebar.gif) no-repeat 0 0;
	bottom: 4px;
	height: 4px;
	left: 5px;
	position: absolute;
	width: 0;
}

#radioTime {
	background: url(images/video_player_time.png) 100% 0;
	bottom: 11px;
	color: #999;
	font-family: verdana, helvetica, sans-serif;
	font-size: 8px !important;
	height: 12px;
	left: 230px;
	letter-spacing: 1px;
	line-height: 12px;
	position: absolute;
	text-indent: 2px;
	width: 70px;
}

#radioVolume {
	background-image: url(images/video_player_volume.png);
	background-position: 0 0; /* must be specified separately for IE6 to work with jQuery manipulation in application.js */
	background-repeat: no-repeat;
	bottom: 11px;
	cursor: pointer;
	height: 12px;
	left: 306px;
	position: absolute;
	width: 46px;
}

#radioVolume label, #radioVolumeInput { display: none; }

#radioPlaylist {
    height: 354px;
    max-height: 354px;
    margin: 44px 0 10px;
    overflow: auto;
}

#radioPlaylist li {
    cursor: pointer;
    padding: 5px;
    position: relative;
}

#radioPlaylist li.even {
    background-color: #0d0d0d;
}

#radioPlaylist li.playlistCurrent {
    color: #fc0;
    font-weight: bold;
}

#radioPlaylist li:hover {
    color: #fc0;
}

#radioPlaylist li span {
    font-weight: normal;
    position: absolute;
    right: 5px;
}

#radioPopupLink {
    background: url(images/arrow_right_fff.gif) no-repeat 100% 50%;
    font-weight: bold;
    padding-right: 10px;
    position: relative;
    text-decoration: none;
    top: -5px;
}

#radioPopupLink:hover {
	background-image: url(images/arrow_right_ff0.gif);
	color: #fc0;
	text-decoration: underline;
}

#popOutPlayer {
    font-size: 85%;
    line-height: 1.5;
    height: 510px;
    width: 359px;
}



/*------------------------------------------------------------------

28.	Links in homepage to social media

------------------------------------------------------------------*/
.extraLinks img {
	display: block;
}

.extraLinks a {
	text-deoration: underline;
}



/*------------------------------------------------------------------

29. Widget Panel (Tabs)

------------------------------------------------------------------*/
h2.share-this {
    background: #000 url(images/social_media_mini_icons_sprite.png) no-repeat 10px -1383px;
    padding-left: 34px;
}

.share-this-box {
    border: 1px solid #666;
    padding: 5px;
}

.share-this-box p {
    background: transparent url(images/social_media_mini_icons_sprite.png) no-repeat 0 -1383px;
    line-height: 20px;
    min-height: 20px;
    padding-left: 24px;
}

#share-this-bwin p {
    padding-bottom: 0;
}

#share-this-bwin .services {
    padding-bottom: 0 !important;
}

#share-this-bwin a {
	font-weight: normal;
	text-decoration: none;
}

#share-this-bwin ul.services li {
	background: transparent url(images/social_media_mini_icons_sprite.png) no-repeat 0 50%;
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0 4px 22px;
	width: 90px;
}

#share-this-bwin ul.services:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

#share-this-bwin ul.services li.blinklist { background-position: 0 0; } 
#share-this-bwin ul.services li.brightkite { background-position: 0 -66px; } 
#share-this-bwin ul.services li.delicious { background-position: 0 -132px; } 
#share-this-bwin ul.services li.design_float { background-position: 0 -198px; } 
#share-this-bwin ul.services li.digg { background-position: 0 -264px; } 
#share-this-bwin ul.services li.dopplr { background-position: 0 -330px; } 
#share-this-bwin ul.services li.email { background-position: 0 -396px; } 
#share-this-bwin ul.services li.facebook { background-position: 0 -462px; } 
#share-this-bwin ul.services li.feed { background-position: 0 -528px; } 
#share-this-bwin ul.services li.flickr { background-position: 0 -594px; } 
#share-this-bwin ul.services li.friendfeed { background-position: 0 -660px; } 
#share-this-bwin ul.services li.furl { background-position: 0 -726px; } 
#share-this-bwin ul.services li.gamespot { background-position: 0 -792px; }
#share-this-bwin ul.services li.lastfm { background-position: 0 -858px; } 
#share-this-bwin ul.services li.linkedin { background-position: 0 -924px; } 
#share-this-bwin ul.services li.magnolia { background-position: 0 -990px; } 
#share-this-bwin ul.services li.mixx { background-position: 0 -1056px; } 
#share-this-bwin ul.services li.myspace { background-position: 0 -1122px; } 
#share-this-bwin ul.services li.newsvine { background-position: 0 -1188px; } 
#share-this-bwin ul.services li.posterous { background-position: 0 -1254px; } 
#share-this-bwin ul.services li.reddit { background-position: 0 -1320px; } 
#share-this-bwin ul.services li.sharethis { background-position: 0 -1386px; } 
#share-this-bwin ul.services li.sphere { background-position: 0 -1452px; } 
#share-this-bwin ul.services li.sphinn { background-position: 0 -1518px; } 
#share-this-bwin ul.services li.stumble { background-position: 0 -1584px; } 
#share-this-bwin ul.services li.technorati { background-position: 0 -1650px; } 
#share-this-bwin ul.services li.tripadvisor { background-position: 0 -1716px; } 
#share-this-bwin ul.services li.tumblr { background-position: 0 -1782px; } 
#share-this-bwin ul.services li.twitter { background-position: 0 -1848px; } 
#share-this-bwin ul.services li.vimeo { background-position: 0 -1914px; } 
#share-this-bwin ul.services li.youtube { background-position: 0 -1964px; }
#share-this-bwin ul.services li.google { background-position: 0 -2046px; }



/*------------------------------------------------------------------

30. Facebook Integration

------------------------------------------------------------------*/
.facebookLikeButtonBottom,
.facebookLikeButtonTop {
    float: left;
    margin-bottom: 10px;
    width: 225px;
}

.facebookCommentsOuter {
    border: 1px solid #666;
    clear: both;
    padding: 5px 5px 100px;
}

.facebookCommentsOuter h3 {
    font-size: 107%;
    font-weight: bold;
    margin-bottom: 3px;
}

.facebookCommentsInner {
    min-height: 200px;
}

iframe.fb_ltr {
    margin-bottom: 5px;
}




/*------------------------------------------------------------------

30. Tweet Button

------------------------------------------------------------------*/
.tweetButtonBottom,
.tweetButtonTop {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    top: 2px;
}



/*------------------------------------------------------------------

31. Tournament Countdown

------------------------------------------------------------------*/
#tournamentCountdown {
    bottom: 10px;
    height: 50px;
    position: absolute;
    right: 10px;
    width: 350px;
    z-index: 1000;
}

#tournamentCountdown .scrollable {
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 350px;
    z-index: 100;
}

#tournamentCountdown .items {
    height: 1500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#tournamentCountdown .items li {
    display: block;
    height: 40px;
    padding: 5px;
    position: relative;
    width: 340px;
}

#tournamentCountdown a {
    text-decoration: none;
}

#tournamentCountdown .name {
    color: #fff;
    font-family: MatriseProRegular, helvetica, sans-serif;
    font-size: 20px;
    height: 25px;
    position: relative;
    text-align: right;
    text-decoration: none;
    width: 340px;
}

#tournamentCountdown .live .name {
    color: #fc0;
}

#tournamentCountdown .time-to-go {
    color: #fff;
    font: 11px verdana, sans-serif;
    height: 15px;
    position: relative;
    text-align: right;
    width: 340px;
}

#tournamentCountdown a.background-link {
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: left;
    text-indent: -9000px;
    top: 0;
    width: 350px;
}

#tournamentCountdown .smoky_background {
	background-color: #000;
	bottom: 0;
	height: 50px;
	left: 0;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	zoom: 1;
	z-index: 50;
}



/*------------------------------------------------------------------

31. Online Tournament Scroller

------------------------------------------------------------------*/
.tournamentScroller {
    height: 75px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tournamentScroller .items {
    height: 3000px;
    position: absolute;
}

.tournamentScroller .alt {
    background-color: #444;
}

.tournamentScroller a {
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    text-decoration: none;
    width: 349px;
}

.tournamentScroller a span {
    float: right;
}



/*------------------------------------------------------------------

32. Author pages

------------------------------------------------------------------*/
ol.authors li {
    clear: both;
    min-height: 54px;
    margin-bottom: 10px;
}

ol.authors li img {
    float: left;
}

ol.authors li a {
    color: #fc0;
    font-weight: bold;
    text-decoration: none;
}

ol.authors li a:hover {
    text-decoration: underline;
}


.avatar-52 {
    border: 1px solid #494949;
    margin-right: 10px;
}

.avatar-96 {
    margin: 5px 10px 10px 0;
}