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

*/

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

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

p {
font: normal 12px/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;
}

img {
border: 0px;
}

ul, li {
list-style: none;
}

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

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: underline;
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 {
float: left;
width: 271px;
height: 146px;
background: url("images/moneyshow_bg.jpg") no-repeat;
padding: 20px 15px 0 20px
}

.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: 15px 10px 0 0;
}

.details_button a {
float: left;
width: 88px;
height: 33px;
background: url("images/details.jpg") no-repeat;
margin: 15px 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 14px/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 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #374454;
padding-bottom: 12px;
line-height:16px !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;
margin-left:25px;
padding-bottom: 12px;
}

#player_content a {
color: #880101;
font-weight: bold;
text-decoration: none;
}

#player_content a:hover {
color: #880101;
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: bold 14px/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 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #374454;
padding-bottom: 12px;
line-height:14px !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:12px;
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: #880101;
font-weight: bold;
text-decoration: none;
}

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


/* =================================== 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:14px !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: #880101;
font-weight: bold;
text-decoration: none;
}

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

#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%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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 */