@charset "UTF-8";
/*
Theme Name: Exposing Stock Bashers
Theme URI: http://stockbasher.com/
Version: 1.0 (WP2.9)
Author: Marko Randjelovic
Author URI: http://iodicdesign.com
*/

/* 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;
	text-decoration: none;
}

:focus, :active { outline: 0 }

ol, ul { list-style: none }

.wrapper { clear: both }
.right { float: right }
.left { float: left }


/* TYPOGRAPHY */
@font-face {
	font-family: 'TitilliumText14L600wt';
	src: url('fonts/TitilliumText600wt.eot');
	src: local('☺'), url('fonts/TitilliumText600wt.ttf') format('truetype'), url('fonts/TitilliumText600wt.svg#webfont') format('svg');
}

html { background: #a5d4e5 url(images/bgHtml.png) repeat-x }
body {
	background: transparent url(images/bgBody.png) no-repeat;
	color: #333;
	font: 14px/20px Cambria, Georgia, Times, 'Times New Roman', serif;
	text-align: justify;
	min-height: 400px;
}

p { margin-bottom: 20px }

strong { font-weight: bold }
em { font-style: italic }

a { color: #5c82ff }
a:hover { border-bottom: 1px solid #5c82ff }
a.image:hover { border: none }

span.caps { text-transform: uppercase }

h1 {
	background: url(images/logo.gif) no-repeat;
	height: 67px;
	color: #001b5f;
	font: 34px/33px "TitilliumText14L600wt", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #fff;
	margin: 0 0 30px 30px;
	padding: 10px 0 0 140px;
	float: left;
}
h1 a, h1 a:hover {
	color: #001b5f;
	border: none;
}

h2 {
	font: 24px/27px "TitilliumText14L600wt", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #001b5f;
	border-bottom: 1px solid #002992;
	margin-bottom: 10px;
	padding-top: 15px;
}

h3 {
	font-size: 18px;
	line-height: 23px;
	color: #2c5bff;
	font-weight: bold;
	border-bottom: 1px solid #92aaff;
	margin-bottom: 5px;
}
h3.contact { border: none }

p.right { text-align: right }
p.center { text-align: center }
p.frontThumb { text-align: center }
p.frontThumb img {
	border-top: #6c6f7d 1px solid;
	border-bottom: #6c6f7d 1px solid;
}
p.frontThumb img a, p.frontThumb img a:hover { border: none }
p.pdf { margin: 7px 0 23px }
p.pdf a {
	background: url(images/pdf.png) no-repeat;
	padding: 2px 0 4px 25px;
}
p.copyright { text-align: center; margin: 0 }

.banner {
	background: url(images/wall-street-banner.jpg) no-repeat;
	width: 468px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	float: right;
	margin-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 6px #aaa;
	-moz-box-shadow: 0 0 6px #aaa;
	-webkit-box-shadow: 0 0 6px #aaa;
}

span a:hover { border: none }

ul.links { margin: 10px 0 15px }
ul.links li {
	list-style: disc;
	list-style-position: outside;
	margin-bottom: 5px;
}

#jackass {
	background: url(images/jackass.jpg) no-repeat;
	height: 105px;
	padding: 65px 0 0 190px;
}

/* Marquee */
#scroller { padding: 10px 0; color: #dd0000; overflow: hidden }
#marquee li { display: inline; position: relative }

/* LAYOUT */
.container {
	width: 960px;
	margin: 0;
	padding-top: 30px;
}
.notHome { margin-top: 30px }

.central {
	width: 570px;
	padding: 17px 29px 10px;
	float: right;
	background-color: #fff;
	border: 1px solid #7d9bb3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	margin-bottom: 30px;
}

.main { clear: both }
.sidebar {
	width: 300px;
	margin-right: 30px;
	float: left;
}

.sideBox {
	background: #fff;
	margin: 30px 0;
	padding: 25px 30px 10px;
	border-top: 1px solid #7d9bb3;
	border-right: 1px solid #7d9bb3;
	border-bottom: 1px solid #7d9bb3;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}


/* Navigation */
#nav {
	background: #7d9bb3;
	margin-bottom: 30px;
	padding: 20px 0;
	border-top: 1px solid #d6e1ff;
	border-right: 1px solid #d6e1ff;
	border-bottom: 1px solid #d6e1ff;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	box-shadow: 0 0 8px inset #888, 0 0 8px #d8e4ff;
	-moz-box-shadow: 0 0 8px inset #888, 0 0 8px #d8e4ff;
	-webkit-box-shadow: 0 0 8px inset #888, 0 0 8px #d8e4ff;
}
#nav li {
	text-align: left;
	padding: 0 15px 0 30px;
	display: block;
	height: 26px;
	line-height: 26px;
}
#nav li a {
	color: #f5f5f5;
	font: 18px Calibri, "TitilliumText14L600wt", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#nav li:hover { background-color: #8fb0cc }
#nav li a:hover { color: #fff; border: none }
#nav .chat a { font-weight: bold }
.active { background-color: #748fa6 }

.topContainer { 
	width: 630px;
	float: right;
	position: relative;
	margin-bottom: 30px;
}
.topFive {
	background-color: #fff;
	width: 240px;
	float: left;
	padding: 25px 29px 10px;
	border: 1px solid #7d9bb3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.topFive:first-child { margin-right: 30px }

.central, .sideBox, .topFive {
/*	background: #fff url(images/bgBox.png) repeat-x;*/
	box-shadow: 0 0 5px #bbb;
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
}


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

caption, th, td {
	text-align: left;
	font-weight: normal;
	padding-bottom: 5px;
	vertical-align: top;
}

.info { width: 200px; font-style: italic }


/* PICKS */
#picks li {
	width: 270px;
	height: 158px;
	float: left;
	margin-bottom: 25px;
	position: relative;
}
.orange { background: url(images/pickOrange.jpg) no-repeat }
.green { background: url(images/pickGreen.jpg) no-repeat }
.red { background: url(images/pickRed.jpg) no-repeat }
.blue { background: url(images/pickBlue.jpg) no-repeat }
#picks li:nth-of-type(odd) { margin-right: 30px }
#picks li a {
	float: left;
	margin: 25px 0 0 20px;
	color: #fff;
	border: none;
	font: bold 26px/30px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 5px #777;
	text-align: left;
	text-transform: uppercase;
	width: 210px;
}
#picks li span {
	position: absolute;
	right: 11px;
	top: 18px;
	color: #ab4800;
	font: bold 16px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}


/* FOOTER */
#footer { text-align: center }
.copyright { color: #001b5f }


/* BASHER INFO FORM */
#contact {
	background-color: #fff;
	display: block;
	width: 530px;
	padding: 20px;
	border: 1px solid #abbfff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 30px auto;
}

#contact p, label, legend { font-size: 15px }

#contact h3 { margin: 10px 0 }
#contact hr {
	color: inherit;
	height: 0;
	margin: 6px 0 6px 0;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-style: none none solid;
}

#contact label {
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top: 10px;
}

#contact input, textarea {
	width: 478px;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	font-size: 15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#contact input:focus, textarea:focus {
	border: 1px solid #abbfff;
	background-color: #fff;
	color:#333;
}

#contact input.submit {
	width: 80px;
	cursor: pointer;
	border: 1px solid #222;
	background: #333;
	color: #fff;
	display: block;
	margin-top: 20px;
	float: left;
	clear: both;
}
#contact input.submit:hover { background: #444 }
#contact input[type="submit"][disabled] {
	background: #888;
	cursor: default;
}

#contact fieldset {
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contact legend {
	padding: 7px 10px;
	font-weight: bold;
	color: #000;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 0;
}

#contact span.required {
	font-size: 13px;
	color: #dd0000;
}

#message { margin: 10px 0; padding: 0; }

.errorMessage {
	display: block;
	line-height: 22px;
	background: #fbe3e4 url(images/error.gif) no-repeat 10px 6px;
	padding: 3px 10px 3px 35px;
	color: #8a1f11;
	border: 1px solid #FBC2C4;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

ul.errorMessages { margin: 0 0 5px 0; padding: 0; }
ul.errorMessages li { height: 22px; line-height: 22px; color: #333; }

.loader { padding: 0 10px }

#contact #success_page h3 {
	background: url(images/success.gif) no-repeat;
	padding-left: 22px;
}
#human { margin: 10px 0 5px }
#contact label#verifyLabel {
	float: left;
	height: 30px;
	margin-top: 0;
}
#contact #verify {
	margin: 0 0 5px 20px;
	height: 18px;
	width: 80px;
	text-align: center;
	float: left;
}

/* TubePress override */
.tubepress_container div.pagination a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tubepress_thumb { height: 230px; line-height: 15px; }
dt.tubepress_meta_runtime { display: block; float: left; }
dt.tubepress_meta_runtime:after { content: ":" }
dd.tubepress_meta_runtime { clear: none; margin-left: .5em; }