/* 
Theme Name: Rawrcast.com
Description: The custom-theme for rawrcast.com based on black spectrum by qualitywordpress.com
Author: David Dashifen Kees
Author URI: http://magichatdevelopment.com
Version: 1.0
*/

@charset "utf-8";

/****************************************************************************** RESET AND UTILITY STYLES */

*{margin:0em;padding:0em}html{font-size:62.5%;height:100%}body{height:100%}a{outline:none}img{/*border:1px solid #999*/}img.borderless{border-style:none}label{font-weight:bold}.error{color:#F99}p,ul,ol,pre,form,table,blockquote{line-height:22px;margin-bottom:20px}p{margin-bottom:0px;padding-bottom:20px;}form table,table form{margin-bottom:0em}ul,ol,blockquote{margin-left:45px}li{margin-bottom:10px}fieldset{border-style:none}select,textarea,input[type=text],input[type=password]{font:inherit}textarea{font:inherit}input[type=image]{border:0em;margin:0em;padding:0em}.email span{display:none}.legaltext{font-size:85%;line-height:18px}.mono{font-family:"Courier New",Courier,monospace} .full {width:100%}.widest {width: 99%}.wider{width: 90%}.wide {width: 75%}.two3rds{width: 66%}.half {width: 45%}.third {width: 32%}.thin {width: 25%}.petite {width: 10%}.tiny {width: 5%}.xsmall {height: 3em}.small {height: 7em}.medium {height:11em}.large {height:15em}.xlarge {height:19em}.xxlarge{height:23em}.nowrap {white-space:nowrap} .t{border-top: 1px solid #999}.l{border-left: 1px solid #999}.r{border-right: 1px solid #999}.b{border-bottom:1px solid #999}.css_hide{left:-100000000px;position:absolute}.left{float:left;}.right{float:right;}.clearing{clear:both;}.mar_b{margin-bottom:15px;}

/*********************************************************************************************************/

html {
	background: url("images/html.png") #1F1F1F top left repeat-x;
}

body {
	color: #F0F0F0;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

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

#icon_header #icons_png img {
}

#icon_header {
	text-align: center;
	padding-top: 3px;
	height: 30px;
	background-color: #de3d12;
	
	margin-bottom: 1px;
}

#sub_header {
	width: 940px;
	text-align: center;
}

#sub_header img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
}

a:hover,
a:focus {
	color: #999;
	text-decoration: underline;
}
.widget_search {
	padding-top: 20px;
}
div#page {
	background: url("images/body.png") top center repeat-y;
	padding: 0 30px;		/* top or bottom padding messes up the sticky footer. */
	width: 940px;			/* width of 940px + 30px padding on left and right = 1000px content area */
	
	/* the following four styles are the requirements for the CSS Sticky Footer technique
	   described online here: http://ryanfait.com/sticky-footer/ */

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;
}

/****************************************************************************** HEADER STYLES */

div#header {
	height: 240px;			/* h1 a image is 256px tall + 40px for the navigation = 296px; */
	position: relative;
}

div#header h1 {
	padding: 10px 0 0 30px;
}

div#header h1 a {
	background: url("images/banner-lg2.jpg") top left no-repeat; 
	display: block;
	height: 216px;
	width:  442px;
}

div#header h1 span {
	left: -100000000px;
	position: absolute;
}

div#header h2 {
	position: absolute;
	right: 85px;
	text-align: center;
	top: 45px;
	width: 31%;
}

div#header h2 span {
	font-size: 125%;
}

div#header h3 {
	position: absolute;
	right: 120px;
	top: 105px;
}

div#header h3 a:hover,
div#header h3 a:focus {
	text-decoration: none;
}

div#header em {
	display: block;
	font-size: 380%;
	font-style: normal;
}

div#header strong {
	bottom: -5px;
	font-size: 75%;
	font-weight: normal;
	left: 29px;
	position: absolute;
}

a#prev_episodes {
	bottom: 30px;
	display: block;
	position: absolute;
	right: 166px;
}

/****************************************************************************** BODY/CONTENT STYLES */

div#body {
	overflow: hidden;
	position: relative;
}

div#sidebar {
	padding: 20px;
	width: 195px;
}

div#content {
	float: right;
	margin-left: -235px;
	padding: 20px 20px 20px 0;
	width: 685px;
}

.post {
	background: url("images/post_bottom.png") bottom left no-repeat;
	margin-bottom: 35px;
	padding-bottom: 11px;			/* exact height of the background */
	width: 706px;
}

.post .body {
	position: relative;
}

.post .tweetmeme_button {
	position: absolute !important;
	top: -38px !important;
	right: 0 !important;
}

.post .header {
	background: url("images/post_top.png") top left no-repeat;
}

.post.page div.tweetmeme_button {
	display: none;
	visibility: hidden;
}

.page .header {
	height: 90px;
	line-height: 50px;
}

.post .header h2 {
	padding: 15px 0 0 65px;
}

.post .header p {
	font-size: 90%;
	margin: 0;
	padding: 0 0 20px 65px;
}

.post .body {
	background: url("images/post.png") top left repeat-y;
	padding: 0 20px;
}

.post .body h3 {
	color: #de3d12;
	margin-bottom: 20px;
}

.post .body img.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

.post .body img.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

.post .footer {
	font-size: 90%;
	overflow: hidden;
}

.post .footer p {
	margin-bottom: 0;
}

.post img {
	position: relative;
	top: 6px;
}

.post .footer a[href*=buffd] {
	display: block;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 19px;
}

.post .footer a[href*=buffd]:hover,
.post .footer a[href*=buffd]:focus {
	text-decoration: none;
}

.post .footer img {
	border-style: none;
	height: 16px;
	width: 16px;
	top: 0px;
}

.post .footer div.right {
	position: relative;
	top: 67px;
}

body.home .post .footer div.right {
	top: 0px;
}

.post img[align=left] {
	margin: 0 20px 20px 0;
}


table td { 
	padding: 5px;
	vertical-align: top;
}

/****************************************************************************** JS KIT STYLES */

.js-kit-comments.js-CommentsSkin-smoothgray {
	left: 8px;
	position: relative;
	width: 690px;
}

.js-OldComments,
.js-OldCommentsWrap,
.js-singleCommentBg,
.js-TornPageDivider, 
.js-TornPageDivider *,
jsk-PrimaryBackgroundColor,
.js-singleCommentHeader,
.js-singleCommentBody,
.js-singleCommentText,
.js-CreateCommentFieldsWrap {
	-moz-border-radius: 0 !important;
	background-color: #000 !important;
	border-style: none !important;
}

.js-TornPageDividerTop {
	border-bottom: 1px dotted #999 !important;
}

.js-OldCommentsWrap {
	border: 1px dotted #999 !important;
	margin-bottom: 22px !important;
}

.js-singleCommentHeader,
.js-singleCommentBody,
.js-singleCommentText {
	color: #F0F0F0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.4em !important;
}

.jskit-MenuTitle,
.js-kit-comments a, 
.js-singleCommentName {
	color: #de3d12 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 100% !important;
}

.js-singleCommentDate {
	font-size: 85% !important;
	position: relative !important;
	top: 1px !important;
}

.js-poweredBy a:hover,
.js-poweredBy a:focus,
.js-kit-comments a:hover,
.js-kit-comments a:focus {
	color: #999 !important;
	text-decoration: underline !important;
}

.js-singleCommentKarma {
	color: #F0F0F0 !important;
	font-size: 1.0em !important;
	line-height: 18px !important;
	position: relative !important;
	bottom: 3px !important;
}

.js-CreateComment,
.js-CreateComment div {
	background-color: #000 !important;
}

.js-commentFieldLabel {
	color: #F0F0F0 !important;
	font-variant: small-caps !important;
	font-weight: bold !important;
}

.js-commentFieldLabel .js-commentFieldNote {
	color: #F0F0F0 !important;
	font-style: italic !important;	
	font-variant: normal !important;
	font-weight: normal !important;
}

select.jska-selector {
	margin-left: 0 !important;
}

.js-CreateCommentFieldsWrap {
	padding: 0 !important;
}

input.js-commentFieldInput {
	padding: 1px !important;
	width: 95% !important;
}

.js-commentFieldSubject {
	display: none !important;
}

input.js-CmtButton {
	background-color: #000 !important;
	border-style: none !important;
	color: #999 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 100% !important;
}

input[type=submit].js-CmtButton {
	background-color: #333 !important;
	border: 1px solid #B20 !important;
	color: #e4e4e4 !important;
}

.js-poweredBy {
	color: #999 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 75% !important;
}

div#content .js-poweredBy a {
	color: #de3d12 !important;
}

/****************************************************************************** PAGE SPECIFIC TWEAKS */

div#post-50 div.body p {
	margin-bottom: 0px;		/* page 50 is the [LIVE] page.  the embedded script needs this tweak */
}

div#post-33.post.page div.tweetmeme_button {
	display: inline;
	visibility: visible;
}

/****************************************************************************** SIDEBAR STYLES */

div#sidebar img#survey {
	bottom: 5px;
	height: 33px;
	position: relative;
	right: 3px;
	width: 93px;
}

div#sidebar h3 {
	background: url("images/sidebar_dot.png") top left no-repeat;
	height: 36px;
	line-height: 33px;
	text-indent: 35px;
	width: 195px;
}

div#sidebar .box {
	margin-bottom: 35px;
}

div#sidebar .box div {
	clear: none !important;
}

div#sidebar .box div[id^=inner] + div {
	display: none;
}

div#sidebar ul {
	/*border: 1px solid #535353;*/
	list-style-type: none;
	margin: 0px;
	overflow: hidden;
	width: 195px;
}

div#sidebar li {
	margin-bottom: 0;
}

div#sidebar ul a {
	/*background: #232323;*/
	color: #CCC;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

div#sidebar ul a:hover,
div#sidebar ul a:focus {
	background-color: #E50;
	color: #111;
}

/****************************************************************************** FOOTER STYLES */

div#push,
div#footer {
	clear: both;
	height: 200px;
}

div#footer {
	color: #999;
	font-size: 85%;
	margin: 0 auto;
	text-align: center;
	width: 700px;
}

div#footer p {
    line-height: 130%;
}

#stickers, #tshirts {
	margin: 0px 0px 0px 0px;
}

#stickers img, #tshirts img {
	display: block;
	padding: 0px;
	margin: 0px;
}

.paypal_bg {
	background: url("http://www.rawrcast.com/wp-content/images/paypal_bg.png") #232323 top left no-repeat;
	width: 625px;
	white-space: nowrap;
	padding-left: 15px;
	padding-top: 10px;
	height: 35px;
}

.paypal_bg select {
	font-size: 18px;
	margin-right: 5px;
}

.paypal_bg label, .paypal_bg select {
	float: left;
}