/*
Theme Name: RatioTradingTheme
URI: http://www.ratiotrading.com
Description: Version: 1.0
Author: Kyle Kramer/Sean Gajewski
Tags: Stocks, Ratiotrading
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
    font: normal 13px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
    color: #374454;
    background: #e2dfd0;
}

p {font: normal 13px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
   color: #374454;

}

h1 {
    color: #374454;
    font: bold 14px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
    margin: 0 0 10px 0;
}

h2 {
	font-family: "futura-pt-1","futura-pt-2";
	text-transform: uppercase;
	line-height:25px !important;
}

img {
	border: 0px;
}

ul, li {
	list-style: none;
}

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

a:hover {
	color: #880101;
	text-decoration: none;
}

/* =================================== Top (Logo, Search and Client Login) =================================== */

#wrapper {
	margin: 0 auto;
	width: 968px;
	}

#logo a {
	float: left;
	width: 300px;
	height: 60px;
	margin: 25px 0 0 0;
	background: url("images/logo.jpg") no-repeat;
	}

#search {
    float: right;
    width: 290px;
    height: 38px;
    background: #e6e4d7;
    border: 1px solid #edebe1;
    padding: 5px;
    margin: 25px 0 0 0;
}

#search_field {
	float: left;
	background: #FFF;
	border-left: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
	border-right: 0px;
	border-bottom: 0px;
	width: 288px;
	height: 36px;
	}

#search .inputfield {
	float: left;
	background: #FFF;
	border: 0px;
	width: 249px;
	height: 25px;
	padding: 11px 0 0 10px;
	}

#search .submit {
	float: left;
	border: 0px;
	width: 29px;
	height: 35px;
	background: url("images/search_submit.jpg") no-repeat;
	}

#client_con {
	float: left;
	width: 968px;
	margin: 0 0 10px 0;
	}

#client_login {
	float: right;
	padding: 0 0 0 21px;
	color: #2c3845;
	font: bold 11px/16px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	text-transform: uppercase;	
	}

#client_login a {
	background: url("images/key.jpg") left no-repeat;
	color: #2c3845;
	text-decoration: none;
	font: bold 11px/16px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	text-transform: uppercase;
	padding: 0 0 0 21px;
	}

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

/* =================================== Navigation =================================== */

#menuContainer {
	float: left;
	width: 968px;
	height: 61px;
	}

#menu_start {
	float: left;
	width: 24px;
	height: 61px;
	background: url("images/menu_start.jpg") no-repeat;
	}

#menu {
	float: left;
	width: 919px;
	height: 61px;
	background: url("images/menu_bg.jpg") repeat-x;
	text-align: center;
	}
	
#menu li {
	list-style: none;
	float: left;
	margin: 0 15px 0 16px;
	}
	
#menu a {
	font: bold 12px/59px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #FFF;
	text-shadow: #232b35 1px 1px 0px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
#menu a:hover {
	text-decoration: none;
	color: #cfe4fb;
	}
	
#menu_end {
	float: left;
	width: 25px;
	height: 61px;
	background: url("images/menu_end.jpg") no-repeat;
	}
	
/* =================================== Newsletter and Banner =================================== */

#newsletterContainer {
	float: left;
	width: 968px;
	height: 56px;
	margin: 30px 0 0 0;
	}
	
#newsletter_start {
	float: left;
	width: 68px;
	height: 56px;
	background: url("images/newsletter_start.jpg") no-repeat;
	}

#newsletter_bg {
	float: left;
	width: 884px;
	height: 56px;
	background: url("images/newsletter_bg.jpg") repeat-x;
	}

#newsletter_bg p {
	float: left;
	font: bold 14px/57px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #FFF;
	text-shadow: #3b5c82 1px 1px 0px;
	text-transform: uppercase;
	width: 365px;
	margin: 0 0 0 7px;
	}
	
#newsletter_bg .field {
	float: left;
	width: 189px;
	height: 24px;
	background: #FFF;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 1px solid #38679d;
	border-top: 1px solid #38679d;
	margin: 11px 14px 0 0;
	padding: 9px 0 0 10px;
	color: #777777;
	}
	
#newsletter_bg .submit {
	float: left;
	width: 73px;
	height: 32px;
	border: 0px;
	background: url("images/sign_up.jpg") no-repeat;
	margin: 12px 0 0 7px;
	}
	
#newsletter_end {
	float: left;
	width: 16px;
	height: 56px;
	background: url("images/newsletter_end.jpg") no-repeat;
	}
	
#banner {
	float: left;
	width: 968px;
	height: 209px;
	background: url("images/banner.jpg") no-repeat;
	padding: 70px 50px 0 60px; 
	}
	
#banner p {
	font: normal 14px/20px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #505152;
	}
	
#banner_button a {
	float: left;
	width: 181px;
	height: 41px;
	background: url("images/banner_button.jpg") no-repeat;
	margin: 135px 0 0 0;
	}
	
/* =================================== Newsletter and Twitter blocks =================================== */

#newsletter_block a {
	float: left;
	width: 473px;
	height: 66px;
	background: url("images/newsletter_block.jpg") no-repeat;
	margin: 15px 20px 15px 0;
	}
	
#twitter_block a {
	float: left;
	width: 475px;
	height: 66px;
	background: url("images/twitter_block.jpg") no-repeat;
	margin: 15px 0 ;
	}
	
/* =================================== Moneyshow, New Tools, and Webinars Blocks =================================== */
#moneyshow h1 {	
	float: left;	
	width: 306px;	
	height: 166px;	
	background: url("images/moneyshow_bg.jpg") no-repeat;	
	text-align: center;	
	line-height: 50px;
	}

#moneyshow a {	
	display: block;	
	height: 100%;	
	width: 100%;	
	text-decoration: none;
	}
	
.learn_more a {
	float: left;
	width: 90px;
	height: 29px;
	margin: 15px 0 0 0;
	background: url("images/learn_more.jpg") no-repeat;
	}
	
#tools {
	float: left;
	width: 226px;
	height: 146px;
	background: url("images/tools_bg.jpg") no-repeat;
	padding: 20px 20px 0 60px;
	margin: 0 26px;
	}
	
#webinar {
	float: left;
	width: 304px;
	height: 163px;
	background: url("images/webinar_bg.jpg") no-repeat;
	}
	
#get_started a {
	float: left;
	width: 90px;
	height: 29px;
	margin: 114px 0 0 184px;
	background: url("images/get_started.jpg") no-repeat;
	}
	
/* =================================== Footer and Disclaimer =================================== */#footer_bg {float: left;width: 100%;border-top: 1px solid #c9c6b8;background: #d0cdbf;margin: 30px 0 0 0;text-align: center;color: #45443d;}#footer {margin: 0 auto;width: 968px;}#disclaimer {float: left;width: 968px;margin: 25px 0;}#disclaimer p {font: normal 10px/14px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;}#disclaimer_top {float: left;width: 968px;height: 7px;background: url("images/disclaimer_top.jpg") no-repeat;}#disclaimer_bg {float: left;width: 928px;background: url("images/disclaimer_bg.jpg") repeat-y;padding: 10px 20px;}#disclaimer_bottom {float: left;width: 968px;height: 7px;background: url("images/disclaimer_bottom.jpg") no-repeat;}#footerNav {float: left;width: 968px;margin: 0 0 25px 0;}#footer a {color: #45443d;text-decoration: none;}#footer a:hover {color: #2a2925;text-decoration: underline;}#footer small {margin: 0 3px;}/* =================================== Products Page Styling (Content Area) =================================== */

#content_top {
	float: left;
	width: 968px;
	height: 36px;
	background: url("images/content_top.jpg") no-repeat;
	}

#content_bg {
	float: left;
	width: 968px;
	background: url("images/content_bg.jpg") repeat-y;
	}

#content {
	float: left;
	width: 968px;
	background: url("images/content_bottom.jpg") bottom no-repeat;
	}
	
#content h3 a {
	color: #467cb9;
	text-decoration: underline;
	}
	
#content h3 a:hover {
	text-decoration: none;
	}
	
#content_title {
	float: left;
	width: 610px;
	height: 27px;
	background: url("images/content_title.jpg") no-repeat;
	}
	
#content_left {
	float: left;
	width: 610px;
	margin-right: 40px;
	padding: 0 0 30px 30px;
	}
	
#content_left h3 {
	font: 500 14px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #586a81;
	}
	
#advanced, #intermediate, #beginner {
	float: left;
	width: 190px;
	margin: 20px 10px 0 0;
	}
	
#advanced_title {
	float: left;
	width: 180px;
	height: 44px;
	background: url("images/advanced_title.jpg") no-repeat;
	}
	
#intermediate_title {
	float: left;
	width: 180px;
	height: 44px;
	background: url("images/intermediate_title.jpg") no-repeat;
	}
	
#beginner_title {
	float: left;
	width: 180px;
	height: 44px;
	background: url("images/beginner_title.jpg") no-repeat;
	}
	
.box {
	margin: 20px;
	}
	
.dvd {
	float: left;
	width: 180px;
	background: url("images/dvd.jpg") no-repeat;
	padding-left: 22px;
	font: bold 14px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;
	margin: 0 0 10px 0;
	}
	
.cd {
	float: left;
	width: 180px;
	background: url("images/cd.jpg") no-repeat;
	padding-left: 22px;
	font: bold 14px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;
	margin: 0 0 10px 0;
	}
	
#content_left h1 {
	font: bold 14px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #303030;
	margin: 0px;
	}
	
#content_left p {
	color: #303030;
	font: normal 11px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	}
	
#content_left p.list {
	padding: 0 0 0 15px;
	}
	
.buy_button a {
	float: left;
	width: 65px;
	height: 33px;
	background: url("images/buy.jpg") no-repeat;
	margin: 35px 10px 0 0;
	}
	
.details_button a {
	float: left;
	width: 88px;
	height: 33px;
	background: url("images/details.jpg") no-repeat;
	margin: 35px 0 0 0;
	}
	
#sidebar {
	float: left;
	width: 268px;
	padding: 0 20px 30px 0;
	}
	
#sidebar_title {
	float: left;
	width: 288px;
	height: 23px;
	background: url("images/sidebar_title.jpg") no-repeat;
	}
	
#sidebar p {
	font: normal 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #3f4d5d;
	}
	
/* ================= Products Page Styling (Acquire and Messages Blocks) ===================== */

#acquire {
	float: left;
	width: 636px;
	margin: 20px 23px 0 0;
	}
	
#acquire_top {
	float: left;
	width: 566px;
	height: 60px;
	background: url("images/acquire_top.jpg") no-repeat;
	padding-left: 70px;
	color: #293340;
	font: bold 14px/60px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	}
	
#acquire_bg {
	float: left;
	width: 606px;
	background: url("images/acquire_bg.jpg") repeat-y;
	padding: 5px 17px 30px 17px;
	}
	
#acquire p a {
	color: #295f9f;
	text-decoration: none;
	}
	
#acquire p a:hover {
	color: #295f9f;
	text-decoration: underline;
	}
	
#acquire_bottom {
	float: left;
	width: 602px;
	height: 60px;
	background: url("images/acquire_bottom.jpg") no-repeat;
	padding: 8px 17px 0 17px;
	font: bold 13px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #5e5e5e;
	text-shadow: #f3f3f3 1px 1px 0px;
	text-align: center;
	}
	
#messages {
	float: left;
	width: 309px;
	margin: 20px 0 0 0;
	}
	
#messages_top {
	float: left;
	width: 234px;
	height: 52px;
	background: url("images/messages_top.jpg") no-repeat;
	padding-left: 75px;
	color: #293340;
	font: bold 14px/54px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	}
	
#messages_bg {
	float: left;
	width: 279px;
	background: url("images/messages_bg.jpg") repeat-y;
	padding: 5px 17px 10px 17px;color: #646464;
	}
	
#messages_bottom {
	float: left;
	width: 309px;
	height: 7px;
	background: url("images/messages_bottom.jpg") no-repeat;
	}
	
/* =================================== Player Page Styling (Content) =================================== */

#player_content_top {
	float: left;
	width: 968px;
	height: 31px;
	background: url("images/player_content_top.jpg") no-repeat;
	}
	
#player_content_bg {
	float: left;
	width: 968px;
	background: url("images/player_content_bg.jpg") repeat-y;
	}
	
#player_content {
	float: left;
	width: 856px;
	background: url("images/player_content_bottom.jpg") bottom no-repeat;
	padding: 0 56px 50px 56px;
	}
	
#player_content h1 {
	float: left;
	width: 428px;
	font: bold 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;
	margin: 0 0 20px 0;
	}
	
#player_content .date {
	float: left;
	width: 428px;
	font: bold 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;text-align: right;
	}
	
#player_content p{
	font: normal 13px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #374454;
	padding-bottom: 12px;
	line-height:20px !important;
	}
		
#player_content blockquote { 
	padding: 0px 10px;
	border-left: 2px solid #777777;
	margin: 5px auto 15px auto;
	width:85%;color: #777777;
	font-style: italic;
	}
	
#player_content blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 14px;
	}
	
#player_content img { 
	padding: 2px 2px 2px 2px;
	}
	
#player_content ul li {
	/* list-style:circle inside !important; */
	list-style-type: disc;
	margin-left:25px;
	/* padding-bottom: 12px; */
	}
	
#player_content a {
	color: #2c72ad;
	font-weight: normal;
	text-decoration: none;
	}
	
#player_content a:hover {
	color: #2c72ad;
	text-decoration: underline;
	}
	
/* =================================== Player Page Styling (Content) =================================== */

#articles_top {
	float: left;
	width: 968px;
	height: 31px;
	background: url("images/player_content_top.jpg") no-repeat;
	}
	
#articles_bg {
	float: left;
	width: 968px;
	background: url("images/player_content_bg.jpg") repeat-y;
	}
	
#articles {
	float: left;
	width: 856px;
	background: url("images/player_content_bottom.jpg") bottom no-repeat;
	padding: 0 56px 50px 56px;
	}
	
#articles h1 {
	float: left;
	width: 428px;
	font: 18px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;
	margin: 0 0 20px 0;
	}
	
#articles .date {
	float: left;
	width: 428px;
	font: bold 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;
	text-align: right;
	}
	
#articles p{
	font: normal 13px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #374454;
	padding-bottom: 12px;
	line-height:20px !important;
	}
	
#articles blockquote { 
	padding: 0px 10px;
	border-left: 2px solid #777777;
	margin: 5px auto 15px auto;
	width:85%;
	color: #777777;
	font-style: italic;
	}
	
#articles blockquote p {
	font-size:14px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 14px;
	}
	
#articles img { 
	padding: 2px 2px 2px 2px;
	}
	
#articles ul li {
	list-style:circle inside !important;
	margin-left:25px;
	padding-bottom: 12px;
	}
	
#articles a {
	color: #2c72ad;
	font-weight: none;
	text-decoration: none;
	}
	
#articles a:hover {
	color: #2c72ad;
	text-decoration: none;
	}
	
/* =================================== Misc. Styles (Content) =================================== */

/*- List1 -*/

.list1{	
	padding: 0 0 0 5px;
	}

.list1 li{	
	background: url(images/ico-star.gif) no-repeat left;	
	margin: 0 0 10px;	
	padding: 0 0 0 25px;
	}
	
.list1 li a{}

/*- List2 -*/

.list2{	
	clear: both;
	}
	
.list2 li{	
	background: #ffffff;	
	border: 1px solid #f1f1ed;	
	margin: 0 0 5px;	
	padding: 12px 10px;
	}
	
/*- List3 -*/

.list3{
	padding: 0 0 0 5px;
	}
	
.list3 li{	
	background: url(images/ico-list.gif) no-repeat left;	
	border-bottom: 1px solid #f1f1ed;	
	line-height: 25px;	
	padding: 0 0 0 25px;
	}
	
/*=================================== Learnign Center (Content) =================================== */

#learning_center_top {
	float: left;
	width: 968px;
	height: 31px;
	background: url("images/player_content_top.jpg") no-repeat;
	}
	
#learning_center_bg {
	float: left;
	width: 968px;
	background: url("images/player_content_bg.jpg") repeat-y;
	}
	
#learning_center {
	float: left;
	width: 856px;
	background: url("images/player_content_bottom.jpg") bottom no-repeat;
	padding: 0 56px 50px 56px;
	}
	
#learning_center h1 {
	float: left;
	width: 428px;
	font: bold 14px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;
	margin: 0 0 20px 0;
	}
	
#learning_center .date {
	float: left;
	width: 428px;
	font: bold 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #293340;
	text-align: right;
	}
	
#learning_center p{
	font: normal 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
	color: #374454;
	padding-bottom: 12px;
	line-height:20px !important;
	}
	
#learning_center blockquote { 
	padding: 0px 10px;
	border-left: 2px solid #777777;
	margin: 5px auto 15px auto;
	width:85%;
	color: #777777;
	font-style: italic;
	}
	
#learning_center blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 14px;
	}
	
#learning_center img { 
	padding: 2px 2px 2px 2px;
	}
	
#learning_center a {
	color: #2c72ad;
	font-weight: normal;
	text-decoration: underline;
	}
	
#learning_center a:hover {
	color: #2c72ad;
	text-decoration: none;
	}
	
#lcmain{	
	position: relative;	
	float: right;	
	padding: 0 0 0 0;	
	width: 640px;
	}
	
#lcnav {	
	position: relative;	
	float: left;	
	width: 200px;	
	margin: 5px;	
	border-style: solid solid none solid;	
	border-color: #f2f1e9;	
	border-size: 1px;	
	border-width: 1px;	
	}	
	
#lcnav li a {	
	height: 40px;  	
	voice-family: "\"}\"";   	
	voice-family: inherit;  	
	height: 30px;	
	text-decoration: none;	
	}		
	
#lcnav li a:link, 
#lcnav li a:visited {	
	color: #72716d;	
	display: block;	
	background:  url(http://www.ratiotrading.com/images/lcnav.gif);	
	padding: 11px 0 0 10px;	
	}	
	
#lcnav li a:hover {	
	color: #333333;	
	background:  url(http://www.ratiotrading.com/images/lcnav.gif) 0 -40px;	
	padding: 11px 0 0 10px;	
	}
	
/* Begin Images */

p img {	
	padding: 0;	
	max-width: 100%;	
	}
	
img.centered {	
	display: block;	
	margin-left: auto;	
	margin-right: auto;	
	}
	
img.alignright {	
	padding: 4px;	
	margin: 0 0 2px 7px;	
	display: inline;	
	}
	
img.alignleft {	
	padding: 4px;	
	margin: 0 7px 2px 0;	
	display: inline;	
	}
	
.alignright {	
	float: right;	
	}
	
.alignleft {	
	float: left;	
	}
	
/* End Images */

/* Brian's Styles Start */

ul#sponsorshipdetails li {margin-left:15px;}

#columnleft {width: 50%; float: left;}

#columnright {width:40%; float:right;}

th {text-align: left; background: #ffffff; padding-left:5px;}

td {padding-left:5px;}	

tr:nth-child(n) {background: #ffffff;}

tr:nth-child(2n) {background: #f2f6f7;}

/* Brian's Styles End */