﻿/*
Theme Name: Wall Street Rock Star
Theme URI: http://www.wallstreetrockstar.com
Information: Copyright 2011 Wallstreetrockstar.com
Version: 1.03
Author: Mark Whistler (mark@wallstreetrockstar.com)

Contents: 
1. Colours 
2. Basics
3. Banner Area | Site Navigation
4. Links
5. Main Page Layout
6. Footer
7. Design Components
8. Messages & Browser Compatibility
*/


/********** 1. Colours **********/
/*
- Light blue #B7E4E8 (Light blue in forexMetaTraderROBOT logo)
- Dark red #CF0E0E (Dark in forexMetaTraderROBOT logo)
- Dark Gray #525050 (Heading 3 and Heading 5)  
/*


/********** 2. Basics **********/

body {
color : #ff0000;
font : 12px Georgia,serif;
line-height : 20px;
}

p {
color : #0D0D0D;
font : 13px Georgia,serif;
line-height : 20px;
}

h1 {
margin : 0;
padding-left : 15px;
font-family : Times New Roman;
color : #000000;
font-size : 48px;

}

h2 {
margin : 0;
padding : 0;
text-align : center;
font-size : 32px;
color : #494949;
font-family : Times New Roman, Times, sans-serif;
font-style : normal;
}

h3 {
margin-top : 10px;
padding-top : 10px;
text-align : center;
color : #000000;
font-family : Arial, Helvetica, sans-serif;
color : #FF4621;
font-size : 24px;
}

h4 {
margin : 5px 0 0;
padding : 0;
font-weight : lighter;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
color : #000000;
}

h5 {
font-weight : lighter;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #FF3F14;
}

h6 {
margin-top : 10px;
padding-top : 10px;
font-family : Arial;
color: #000000;
font-size : 14px;
font-weight : bold
}


/********** 3. Banner Area | Site Navigation **********/

#banner ul {
clear : left;
float : left;
width : 100%;
list-style : none;
margin : 10px 0 0 0;
padding : 0;
}

#banner ul li {
display : inline;
list-style : none;
margin : 0;
padding : 0;
}

#banner ul li a {
display : block;
float : left;
margin : 0 0 0 1px;
padding : 3px 10px;
text-align : center;
background : #eee;
color : #000;
text-decoration : none;
position : relative;
line-height : 1.3em;
}

#banner ul li a:hover {
background : #369;
color : #fff;
}

#banner ul li a.active, #banner ul li a:hover.active {
color : #fff;
background : #000;
font-weight : bold;
}

#banner ul li a span {
display : block;
}

#layoutdims {
clear : both;
background : #FF5000;
border-top : 4px solid #000;
margin : 0;
padding : 6px 15px !important;
text-align : right;
}


/********** 4. Links **********/

a:link {
text-decoration : none;
color: #0000FF;
}

a:hover {
text-decoration : none;
color : #FF5000;
background-color : #FFE821;
}

a:active {
text-decoration : none;
color : #404040;
}

a:visited {
text-decoration : none;
color : #404040;
}


/********* 5. Main Page Layout **********/

#navbanner {
background-color : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
height : 30px;
width : 100%;
margin-top : 5.5px;
margin-bottom : 3.5px;
}

#banner {
padding : 0;
width : 100%;
background-color : #000000;
height : 200px;
}

#container {
margin-left : auto;
margin-right : auto;
text-align : left;
width : 100%;
}

#sitemap_navigation {
float : left;
line-height : 130%;
width : 100%;
margin : 0;
height : 50px;
padding-right : 15px;
}

#page_content {
float : left;
width : 600px;
margin : 0;
height : 100%;
padding-right : 30px;
padding-left : 15px;
}

#right_content_menu {
line-height : 130%;
height : 100%;
margin-left : 600px;
padding-top : 7px;
padding-right : 15px;
padding-left : 20px;
}


/*---- 6. Footer --------*/

#footer {
background:#0D0D0D;
color:#C9C9C9;
width : 100%;
height : 100%;
float : left;
}

#footer p {
letter-spacing:0.0125em;
opacity:0.99;
}

#footer strong em {
color:#FFFF99;
}

#footer a {
color:#C9C9C9;
}

#footer a:active,
#footer a:hover {
color: #F92117;
}

#footer h3 {
color:#fff;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing:0.0125em;
line-height:23px;
}

#footer h4 {
color:#fff;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:bold;
letter-spacing:0.0125em;
}


/********* 7. Design Components **********/

#fb-root {
overflow:hidden;
}

irefox { 
display: block; 
}

.fx_media {
display: block; 
text-align: center; 
margin-left: auto; 
margin-right: auto;
}

.balanced_media {
text-align: center; 
margin-left: auto; 
margin-right: auto;
}

.balanced_footer {
text-align: center; 
margin-left: 20px; 
margin-right: 20px;
padding-left: 40px;
padding-right: 40px;
}


.feedicon { 
float: left; 
margin-right: 0; 
text-align: left; 
margin-left: 0; 
}

.forex_central_banks {
margin : 5px 0 0;
padding : 0;
font-weight : lighter;
text-align : left;
font-family : Georgia, 'Times New Roman', Times, serif;
font-size : 30px;
color : #CF0E0E;
}

.forex_faq {
margin : 5px 0 0;
padding : 0;
font-weight : lighter;
text-align : left;
font-family : Georgia, 'Times New Roman', Times, serif;
font-size : 18px;
color : #CF0E0E;
}

.forex_resources {
margin : 5px 0 0;
padding : 0;
font-weight : normal;
text-align : left;
font-family : Georgia, 'Times New Roman', Times, serif;
font-size : 18px;
color : #000000;
}

#forex_video {
text-align: center;
margin-left:auto;
margin-right:auto;
}

#wrap {
text-align: center; 
margin-left: auto; 
margin-right: auto;
margin: 0 auto;
width: 300px; 
}

#widget_wrap {
margin-left: 30px; 
}



/********* 8. Messages & Browser Compatibility **********/

/* Target all Firefox */
#selector[id=selector] { color: red; }

/* Target all Firefox */ 
@-moz-document url-prefix() { .selector { color: red; } } 

/* Target all Gecko (includes Firefox) */
*>.selector { color: red; }
