/*
Theme Name: ForexMetaTraderRobotVi
Theme URI: http://www.markwhistlergallery.com/
Description: 2010 initial design of markwhistlergallery.com in 
anticipation of the release of the Vi Expert Adviser
Version: 1
Author: Mark Whistler (mark@wallstreetrockstar.com)

Contents: 
1. Colours 
2. Basics
3. Links
4. Banner Area | Site Navigation
5. Main Page Layout
6. Design Components
7. 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 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color: #FFFFFF;
	color: #666666; 
	max-width: 970px;
}

p {
color: #666666; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 20px;
margin-left: 20px;
margin-right: 20px;
}

h1 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #D9F0F2;
	font-size: 195px;
	margin-top: -10px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;

}

h2 {
	font-weight: lighter;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #000000;
	font-size: 38px;
	font-style : normal;
	text-align:right;
	padding-right:107px;
	margin-top: -190px;
}

h3 {
color: #C0C0C0; 
font-size: 28pt; 
font-weight: lighter;
text-align : center;
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

h4 {
color: #666666; 
font-size: 16pt; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-weight : lighter;
text-align : right;
}

h5 {
color: #CF0E0E;
font-size: 16pt; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-weight : lighter;
text-align : left;
margin-bottom:-3px;
}

h6 {
color: #CF0E0E;
font-size: 12pt; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-weight : lighter;
text-align : right;
padding-right:10px;
margin-top:-4px;
margin-bottom:-4px;
}

h7 {
color: #1F1C1C; 
font-size: 12pt; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-weight : lighter;
text-align : right;
padding-right:10px;
margin-top:-4px;
margin-bottom:-4px;
margin-left:10px;
}




/********** 3. Links **********/

a:link {
text-decoration : none;
color: #404040;
}

a:visited {
text-decoration : none;
color: #666666;
}

a:hover {
text-decoration : none;
color: #FFFF73;
background-color: #FF0000;
}

 
 
/********** 4. Banner Area | Site Navigation **********/


#layoutdims {
clear : both;
background : #C0C0C0;
color: #000000;
border-top : 4px solid #000;
border-bottom : 1px solid #000;
padding-right: 35px;
text-align : right;
font-weight: lighter;
}

#layoutdims a:hover {
 background : #000000;
 color : #fff;
}

.accesibility-friendly-navigation {
	font-size: 13pt;
	font-style: normal;
	font-variant: normal;
	font-weight: lighter;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	clear : both;
	background : #ffffff;
	color: #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #E8E3E3;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 5px;
}

.accesibility-friendly-navigation a:hover {
 background : #CF0E0E;
 color : #ffffff;
}

#banner {
width : 100%;
background-color: #ffffff;
height : 260px;
color: #070707;
max-width: 970px;

}



/********* 5. Main Page Layout **********/

/* =Main Page | Body
----------------- */

#container {
padding : 0;
width : 100%;
max-width: 970px;
}

#page_content {
 float : left;
 width : 690px;
 height : 100%;
 padding-right : 5px;
 padding-left : 5px;
}

#right_content_menu {
height : 100%;
margin-left : 700px;
font-style: normal;
font-variant: normal;
font-weight: lighter;
padding-left: 5px;
padding-right: 5px;
}




/* =Footer
--------*/

#footer {
background: #ffffff;
color: #666666;
width : 100%;
height : 100%;
float : left;
padding-top: 10px;
border-top : 1px solid #000000;
padding-bottom: 10px;
text-align: center;
}

#footer p {
letter-spacing: 0.0125em;
color: #C0C0C0;
}

#footer strong em {
color:#FFFF99;
}

#footer a {
color:#CF0E0E;
}

#footer a:active,
#footer a:hover {
color: #FFFF73;
background-color: #FF0000;
}

#footer h3 {
color:#CF0E0E;
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;
}



/********* 6. Design Components **********/

.modern-art-theory-articles {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 14px;
margin-left: 20px;
margin-right: 20px;
}

.modern-art-theory-headings {
color: #666666; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 16px;
margin-left: 20px;
margin-right: 20px;
}

.modern-art-article-bylines {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 18px;
margin-left: 20px;
margin-right: 20px;
}


.balanced_media {
font: 16px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 14px;
font-weight: bold;
}

.balanced_mixed_media {
font: 16px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 14px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 30px;
}


#fb-root {
overflow:hidden;
}

.com {
font-family : font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
color: #E2E2E2;
font-size : 18px;
}

.modern_art_paintings {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
margin-left: 20px;
margin-right: 20px;
margin-top: 1px;
margin-bottom: 1px;
}

.modern_art_photography {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 1px;
margin-bottom: 1px;
}


.contemporary_artists_bios {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 15px;
margin-left: 30px;
margin-right: 30px;
margin-top: 1px;
margin-bottom: 1px;
}


.postmodern_digital_photography {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
margin-left: 100px;
margin-top: 1px;
margin-bottom: -10px;
}

.postmodern_sculpture {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
text-align: center;
margin-left: auto;
margin-right: auto;
}


.contemporary_art_label_1 {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
margin-left: 40px;
margin-top: 1px;
margin-bottom: -10px;
}


.contemporary_art_label_2 {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
margin-left: 390px;
margin-top: -52px;
margin-bottom: 1px;
}

.contemporary_art_label_3 {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
text-align: center; 
margin-left: auto; 
margin-right: auto;
margin-top: -10px;
margin-bottom: 1px;
}

.contemporary_art_label_4 {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
color: red;
font-size: 12px;
text-align: center; 
margin-left: auto; 
margin-right: auto;
margin-bottom: 1px;
}


.contemporary_art_vasco {
color: #000000; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: lighter;
font-size: 12px;
margin-left: 100px;
margin-top: 1px;
margin-bottom: -10px;
}


.contemporary_art_labels {
font: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 16px;
font-weight: normal;
color: #CF0E0E;
}

.artists_list_by_names {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #CF0E0E;
	font-size: 48px;
	margin-top: -10px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.artist_names {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #D9F0F2;
	font-size: 80px;
	margin-top: -10px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.contemporary_artist_introdution {
color: #CF0E0E;
font-size: 28pt; 
font-family :"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-weight : lighter;
text-align : left;
margin-bottom:-3px;
margin-top: -20px;
margin-left: 35px;
}




.feedicon { 
float: left; 
margin-right: 0; 
text-align: left; 
margin-left: 0; 
}


#forex_video{
text-align: center;
margin-left:auto;
margin-right:auto;
 }

# .fx_media {
display: block; 
text-align: center; 
margin-left: auto; 
margin-right: auto;
}


irefox { 
display: block; 
}


#wrap {
text-align: center; 
margin-left: auto; 
margin-right: auto;
margin: 0 auto;
width: 300px; 
}

#wrap_feed {
text-align: center; 
margin-left: auto; 
margin-right: auto;
margin: 0 auto;
width: 300px; 
}


.whistler_paintings {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #CF0E0E;
	font-size: 18px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/********* 7. 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; }