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

Title : DeucesCracked Rakeback CSS
Author : Aaron Gerdes
URL : aarongerdes.com

Created : 09/29/07
Modified : 06/23/09

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

/*-------------------------------------------------
   RESET
-------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1;
	background: url(/website_images/deucescracked/bg.gif) no-repeat top left #000;
        background:#000000 url(/website_images/deucescracked/bg-rob.jpg) no-repeat fixed center top;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,

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

blockquote, q {
	quotes: "" "";
}


/* ----- BREAK ----- */
.break {
	height: 0;
	clear: both;
	float: none;
}


/*-------------------------------------------------
   BODY
-------------------------------------------------*/
body { height: 100%; font-size: 18px; } 
html>body { font-size: 18px; }


/*-------------------------------------------------
   IE6 PNG SUPPORT
-------------------------------------------------*/
img { behavior: url(/stylesheets/iepngfix.htc) }


/*-------------------------------------------------
   LAYOUT
-------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 1020px;
}

#menu {
	margin: 0;
	clear:both;
	float: right;
	display: inline;
	height:40px;
}

#container-content {
	width: 100%;
	clear: both;
	float: none;
	background-color:#10100C;
}

#headline-offer {
	margin: 0 auto 1em 1em;
	padding: 0.5em 1em;
	width: 33em;
	height: 5em;
	background-color: #111;
	float: left;
	display: inline;
}

#log-in {
	margin: 0 auto 1em 1em;
	padding: .75em;
	width: 15.5em;
	height: 4.5em;
	background-color: #111;
	float: left;
	display: inline;
}

#content { margin: 0 1em 1em 1em; padding: 1em; clear: both; float: none; background-color: #222; }
#index #content { margin: 0; padding: 0; background: none; }
#videos #content { padding: 0; background: none; }

#footer {
	margin: 1em auto 0 auto;
	padding: 1em;
	width: 51em;
	height: 2em;
	background-color: #222;
	clear: both;
	float: none;
}


/*-------------------------------------------------
   MAIN MENU
-------------------------------------------------*/

#menu {margin:2px 0 2px 0;width:784px;clear:both;}
#menu li {float:left;display:inline;}
#menu li.home {margin-left:0;}
#menu li a, #menu li a:visited {
	margin-left:1em;
	height:2em;
	width:5em;
	font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans;
	line-height:1.8em;
	text-align:center;
	color:#fff;
	text-decoration:none;
	display:block;
	background:#1b2e3d url(/website_images/deucescracked/menutabbg.png) top left repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#menu li.promotions a {width:117px;}
#menu li div a, #menu li div a:visited, #menu li div a:hover {
	margin:0;
	width:auto;
	font-family:Helvetica,Arial,sans;
	font-size:.9em;
	display:inline;
	background:none;
	padding:.25em 0;
}
#menu li a:hover {background-color:#111;background-image:none;}
#menu li.selected {background-color:#000;background-image:none;}
#menu li.current_tab a {background-color:#222;background-image:none;}
#menu li.signup a {background-color:#257933;background-image:url(/website_images/deucescracked/menutabbg-signup.png);}


/*-------------------------------------------------
   TYPOGRAPHY
-------------------------------------------------*/


#content p {font-family:Arial, Helvetica, sans-serif; margin-bottom: 5px; font-size: 12px; line-height: 16px; }

a, a:visited { color: #87b3eb; text-decoration:none; }
a:hover { color: #99ccff; text-decoration:none; }

strong { font-weight: bolder; }
small { font-size: 0.75em; }

#menu a { color: #fff; font-size: 1em; text-decoration: none; }

.series-menu li a { padding-top: 1em; color: #fff; font-size: .625em; text-decoration: none; display: block; }

#search-bar label { margin: .2em 1em 0 0; font-size: .9em; display: inline; }
#search-bar input { margin-right: 1em; display: inline; }
#search-bar span { margin: .25em 0 0 5em; float: left; display: inline; clear: right; font-size: .661em; line-height: 1em; color: #777; }

#headline-offer p { font-size: .88em; line-height: 1.5em; }

#log-in p { margin-right: .5em; float: left; display: inline; }
#log-in p.pass { margin-right: 0; }
#log-in label { margin-bottom: .25em; padding: .25em; width: 5em; font-size: 0.625em; background-color: #333; float: left;  }
#log-in input { width: 11.5em; font-size: 0.625em; float: left; border: none; clear: both; }

#log-in div.check { width: 7em; margin: 1.25em 0 0 0; float: right; clear: none; text-align: left; }
#log-in div.check label { width: auto; float: left; clear: none; }
#log-in div.check input { margin: 0; padding: 0; width: auto; border: none; float: left; clear: none; }

#log-in.welcome, #headline-offer.welcome { padding: .6em .75em .75em .75em; height: 1.6em; font-size: 1em; text-align: left; }
#log-in.welcome p { margin: 0; padding: 0; font-size: .611em; line-height: 1.4em; float: left; }

.article-container h2 a, .videothumb-small-container h2 a { 
	padding: .33em; 
	font-size: .661em;
	font-weight: bold; 
	line-height: .661em; 
	text-transform: uppercase; 
	text-decoration: none; 
	display: block; 
	background-color: #3d586b; 
}

.videothumb-small-container h2 a { margin: 1em 1.5em 1em 1.5em; float: none; clear: both; }
#content .videothumb-small-container p { margin: 0; font-size: .661em; }

#content .article-container p { margin: 0; font-size: .661em; color: #ccc; font-style: italic; }
#content .article-container p.author { color: #fff; font-weight: bold; text-align: center; font-style: normal; }
#content .article-container p.author span { color: #999; font-weight: normal; }

#footer p { font-size: .625em; line-height: 1.6em; }
#footer a { color: #fff; }
#footer a:visited { color: #fff; }

span.question { margin-bottom: .5em; padding: .25em; line-height: 1.2em; background-color: #3d586b; display: block; clear: both; }
span.answer { margin-right:.15em; padding: .25em; line-height: 1.2em; background-color: #336633; display: inline; }

/*-------------------------------------------------
   SIGNUP FORM
-------------------------------------------------*/

.signup input, #signup .country { width: 20em; }
.signup input.cvv { width: 4em; }
.signup input.radio { width: 1em; display: inline; }

.signup fieldset { margin-top: 1em; padding-top: 1em; border-top: 1px solid #fff; }
.signup legend { padding-right: 1em; font-weight: bolder; }

input:focus { border: 2px solid #f60;}

div.editbox .buttons { margin-bottom: 1em; float: left; }
div.editbox .buttons { text-align: center; }
div.editbox .buttons button { padding: .25em; }
div.editbox .buttons img { width: 18px; height: 18px; }
div.editbox button { font-size: 1.2em; }

#search-bar .buttons { display: inline; }
#search-bar .buttons img, #log-in .buttons img { height: 1.2em; width: 1.2em; }
#search-bar .buttons button, #log-in .buttons button { float: none; display: inline; padding: .1em .75em .1em .15em; }
#log-in .buttons { margin: 1.5em 0 0 0; float: left; clear: left; }


/*-------------------------------------------------
   VIDEOS
-------------------------------------------------*/

div.videos { padding: 0; background: none; }

#sort-controls { margin-bottom: 1em; background-color: #111; }
#sort-controls .buttons { margin-top: 1.5em; }
#sort-controls h2 {border-bottom:3px solid #000;background-color:#013A0D;margin:0;padding:.5em;text-transform:uppercase;display:block;font-weight:bold;font-size:.611em;}

#sort-controls div.column { margin: 0 1em .5em 1em; float: left; }

#sort-controls ul li { margin: .5em 0 .75em 0; font-size: .611em; line-height: 2em; }
#sort-controls ul input {margin:0 .25em 0 .25em;padding:0;border:none;}
#sort-controls select { font-size: 1em; }

.sorted_videos { margin-bottom: 1em; padding: 0 .5em .5em .5em; float: left; clear: both; }
#videos .sorted_videos { padding: .5em .5em 1em .5em; }

.thumb-container {
	margin: 0.5em auto .5em auto;
	width: 13.6em;
	height: 105px;
	text-align: center;
	background: #000 url(/website_images/deucescracked/bg-video-thumb.gif) top center no-repeat;
}

.sorted_videos dt a, .sorted_articles dt a { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.sorted_videos dt, .sorted_articles dt {
	margin-bottom: .5em;
	padding: .5em;
	height: 2em;
	font-size: .667em;
	background-color: #3d586b;
	display: block;
	overflow: hidden;
}

.sorted_videos dd { font-size: .661em; }

.sorted_articles dt { margin-bottom: 1em; height: 1em; }


/*-------------------------------------------------
   COACHES
-------------------------------------------------*/
#coaches-container { width: 100%; clear: both; }

div.coach { margin-bottom: 1em; padding: .5em .25em 0 .25em; display: block; float: left; background-color: #000; }
div.coach a { text-decoration: none; }
div.coach img { border: none; clear: both; float: left; }
div.coach span { display: block; clear: both; margin: .25em; float: left; font-size: .666em; }

.coaches .portrait { margin: 0 0 1em 1em; float: right; background-color: #111; }

.coaches .sorted_videos .video-preview { background-color: #111; }

.testimonial { padding: .5em; background-color: #111; }


/*-------------------------------------------------
   ADVANCED SEARCH
-------------------------------------------------*/
#search .search p label { margin-right: 1em; padding: .25em; width: 7em; font-size: .777em; text-transform: uppercase; line-height: 1.4em; display: block; background-color: #111; text-align: center; float: left; }
#search .search ul { margin-bottom: 2em; float: left; font-size: .677em; }
#search .search ul li { margin-right: 1em; float: left; }


/*-------------------------------------------------
   FORUMS
-------------------------------------------------*/

/* random */

.photo { background:#aaa url(/website_images/deucescracked/clearbits/smile.gif) no-repeat 8px 8px; }

/* ----- TYPE STYLES ----- */
#content table.forums p { margin: 0; padding: 0; font-size: .667em;}
#content table.forums .forum-desc p { color: #ccc; }
#content table.forums .activity, #content table.forums .last-post { vertical-align: middle; color: #999; text-align: center; }
#content table.forums .last-post a, #content table.forums .last-post a:visited  { color: #ccc; }
p.forum-desc { margin:0; float:left; }

.post blockquote { margin-left: 1em; padding: 0.5em; font-size: .667em; color: #fff; background: #222; }

/* ----- LAYOUT ----- */
table.wide { margin-bottom: 1em; width: 100%; border-collapse: collapse; clear: both; }
table.forums tr th { background: #000; color: #fff; font-size: 0.667em; padding: .5em; clear: both; }
table.forums tr td { padding: 1em; border: 1px solid #444; }
table.topics tr td { padding: .5em; border: 1px solid #444; }

/* ----- POSTS ----- */
#thread { width: 51em; padding-bottom: 5em; border-bottom: 1px solid #444; float: right; clear: both; }
.post { width: 51em; border: 1px solid #444; float: right; clear: both; }

/* post author */
.post .author {	padding: 1em;	width: 10em; height: 100%; background: #111;	vertical-align: top; border-right: 1px solid #444; border-bottom: 1px solid #444; float: left; }
.post .author dl dt { font-size: 0.677em; }
.post .author dl dd { font-size: 0.611em; color: #777; line-height: 1.2em; }
.post .author dl dd.undertitle { margin-top: .15em; padding: 0; color: #999; }
.post .author dl dd span.member-since { color: #666; }
/* .post .author a.threadauthor { color: #080; } */
.post .author img { float: left; margin-right: .5em; width: 80px; height: 80px; }
.post .author .icon { float: right; }

/* post body */
#content #thread .post .body { padding: 1em 1em 0 1em; width: 36em; float: left; }
#content #thread .post .body p { font-size: 9pt; }
#content #thread .post .body em { font-style: italic; }
.post .body blockquote { padding: .75em; border: 1px solid #666; background: #111; line-height: 1.6em; }

/* reply button */
#thread .buttons { margin: 0 0 1em 0; float: left; display: inline; }

/* post control */
.post-control { margin-bottom: 1em; padding: .5em; height: 2em; background: #111; border-bottom: 1px solid #444; clear: both; float: right; }
#content .post-control p { margin: 0.6em 0; padding: 0; font-size: .667em; float: left; }
#thread .post-control .buttons { margin: 0 1em 0 1em; float: left; display: inline; }
.post-control a { text-decoration: none; }

div.stats .posts { float: right; text-align: right; }


/* ----- BREADCRUMBS ----- */

h1.breadcrumbs { margin: 1em; padding: .75em; height: 1em; clear: both; display: block; background-color: #111; }

p.crumbs { margin: 1em 1em 0 1em; font-size: 0.777em; float: left; clear: both; }
p.crumbs a { color: #468; }
p.crumbs a:hover { color: #00c; text-decoration: underline; }

/* ----- POST ----- */


.post .date {
	color:#666;
	font-weight:normal;
	margin-bottom:0.5em;
}

.posts .post .body pre {
	font-size: 0.8em;
	background: #eee;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-left: 3px solid #ddd;
	border-right:0;
	overflow: auto;
	font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif;
}

.posts .post .body a:hover { color: brown; }
.posts .post .body blockquote p {	margin: 0.5em 0;	}

.post .body p.topic { font-weight: bold; background: #eee; padding: 2px 10px; }


/* other stuff */

p.online { margin-bottom:0; }

img.icon { margin: 0 .5em 0 0; background: #696; background-image: url(/website_images/deucescracked/clearbits/bg_rounded.gif); background-repeat: no-repeat; vertical-align: bottom; float:left; }
img.reply { float: right; }
img.orange { background-color: darkorange; }
img.grey { background-color: #ccc; }
img.darkgrey { background-color: #999; }
img.green { background-color: #0c0;}


/* ----- EDITBOX ----- */
div.editbox h2 { }
div.editbox h2 span { color: #444; }

div.editbox {
	padding: 1em;
	width: 100%;
	border-top: 2px solid #222;
	background:url(/website_images/deucescracked/reply_background.png);
	bottom: 0;
	left: 0;
	z-index: 1001;
}

.form-container {
	width: 69%;
	margin: 0 auto;
	float: left;
}

#content div.editbox h2 { display: block; clear: both; }
div.editbox p { margin: 0.5em 0;}

textarea.post_body {
	margin: 1em 1em 1em 0;
	width: 95%;
	opacity: 1;
	font-size: 0.777em;
}

div.editbox .button_or { line-height: 2.8em; float: left; }
div.editbox .button_or a { color: #ccc; }
div.editbox table td { border:0; }

#jump_control_container { margin-bottom:1em;float:right; }
#forum_jump { margin-right: 1em; float: left; display: block; }

#subtitle { margin: 0; display: block; float: right; clear: both; }
#jump_control_container #subtitle { float: left; clear:right; }

#content #subtitle p { margin: 0; font-size: 0.677em;	color: #777; font-weight: bold; display: block; float: left; }
#subtitle img { margin: 5px; vertical-align: bottom; float: left; }

/* overrideen if JS is active */
div.post-reply-control { display: none; }
div.editbox span.button_or { display: none; }
div.editbox { margin-left: -1em; position: static; }


/* formatting help */

.formatting-help h5, #content .sidebar h2, #content .column h2 { margin: 1em 0 1em; padding: .5em; background: #222; color: #fff; font-size: 0.667em; display: block; clear: both; }
.formatting-help { width: 30%; float: right; }
.formatting li { margin-bottom: 1em; font-size: .667em; }
.formatting-help span, div.editbox ul.formatting span { color: #666; }
ul.formatting { padding:3px 10px; font-size:0.75em; color: #ccc; }
ul.formatting { margin: 0; list-style-type:none; }

.sidebar ul li { margin: 0 1em 1em 10px; font-size: .667em; line-height: 1.5em; }
.sidebar ul.star-rating li { margin: 0; }

ul.blogroll { margin-bottom: 1em; }
ul.blogroll li { font-size: .667em; margin: 0 1em 1em; }


/* misc */

.button_or { color: #666; padding-left: 0.5em; font-size: 0.75em; }
.button_or a { color:#c00; }

form.dialog {
	margin-top:3em;
	background:#eee;
	width:300px;
	padding:15px;
}

span.arrow {
	font-weight: normal;
	font-size: 0.9em;
	color: #999;
}

div.stats {
	margin-top:2em;
	background:#ded;
	font-size:0.8em;
	padding:15px 15px;
	border:2px solid #393;
	border-width:1px 0;
}

.sidebar { margin: 0 0 1em 1em; padding: 0.5em 1em 1em 1em; width: 14em; background: #444; float: right; }
.sidebar #ratings-container { margin: 0; }
#ratings-container p { font-size: .667em; }
.sidebar p { font-size: .667em; display: inline; }
.sidebar .feedicon { margin-left: 1em; }

/* ----- USER MANAGEMENT ----- */
table#usermanage {
  width: 100%;
}
table#usermanage tr {
  font-size:.75em;
  line-height:1.2em;
}
table#usermanage tr.odd { background-color: #000; }
table#usermanage tr.even { background-color: #191919; }

table#usermanage td {
  padding: 2px;
}

.tagsize1 { font-size: 0.8em; }
.tagsize2 { font-size: 1.0em; }
.tagsize3 { font-size: 1.2em; }
.tagsize4 { font-size: 1.4em; }
.tagsize5 { font-size: 1.6em; }
.tagsize6 { font-size: 1.8em; }

.pagination {
  padding: 3px;
  margin: 3px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaaaa;
  text-decoration: none;
  color: #f0f0f0;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #ffffff;
  color: #eeeeee;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #cccccc;
  font-weight: bold;
  background-color: #666;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

/* errorExplanation for ActiveRecord moved from scaffold.css */
#errorExplanation {
  width: 400px;
  border: 2px solid white;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #000000;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #111111;
  color: #ffffff;
}

#errorExplanation p {
  color: #fff;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  margin-left:20px;
  font-size: 12px;
  list-style: square;
}

.searchresult {
  padding: .75em .75em 1em .75em;
	font-size: 1em;
  background-color: #111;
  line-height: 1.2em;
}

.fieldWithErrors {
  border: 2px solid red;
}


/* courtesy http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/# */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { 
	background: url(/website_images/deucescracked/bg-stars.gif) left -1000px repeat-x; 
}

.star-rating {
	margin: 0 0 .5em 0;
	padding: 0;
	width: 125px;
	height: 25px;
	overflow: hidden;
	position: relative;
	list-style: none;
	background-position: left top;
	clear: both;
}

.sorted_videos .star-rating { margin: .5em auto 0 auto; }

.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star { width:20%; z-index:6; }
.star-rating a.two-stars { width:40%; z-index:5; }
.star-rating a.three-stars { width:60%; z-index:4; }
.star-rating a.four-stars { width:80%; z-index:3; }
.star-rating a.five-stars { width:100%; z-index:2; }
.star-rating .current-rating { z-index:1; background-position: left center; }


.tabcontrol{padding-left:1em;height:2em;background-color:#333;clear:both;float:none;}
.tab-unselected,.tab-selected{width:6.5em;height:2em;margin:0 .5em 0 0;text-align:center;list-style:none;background-color:#444;float:left;}
.tabcontrol .tab-selected{color:#fff;font-weight:bold;background-color:#666;}
.tabcontrol .tab-unselected a,.tabcontrol .tab-selected a{padding-top:1em;color:#fff;font-size:.625em;text-decoration:none;display:block;}
.panes{padding:1em 0 1em 0;overflow:auto;}
.pane-selected{list-style-type:none;display:block;overflow:auto;position:relative;}
.pane-unselected{list-style-type:none;display:none;}

#videos-preview .pane-selected{height:20em;}
#videos-preview{margin:0;width:550px;float:left;display:inline;}
#left-column {width:197px; float:left;margin:0 25px 0 10px;}
#articles-preview{width:205px;height:auto;float:right; margin:0 10px 0 0;}

.article-container{margin:0 1em 1em 1em;padding:.5em;color:#fff;background-color:#222;overflow:hidden;}

#now-playing{margin: 0 1em;height:400px;background-color:#222;float: none;clear:both;}