/*
Theme Name: Global Fund Investment
Designer: Too-FAT; http://too-fat.org
Version: 0.1
Author: Too-Fat.ORG
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
.clear { clear:both; }
a { outline: none; }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* Body */
body { padding: 0; margin: 0; }
#page-wrap { height: 100%; width: 900px; margin: 0px auto; }

/* Top Header */
#top-header { height: 7px; width: 900px; background-color: #121284; }
#top-header-right { height: 31px; width: 164px; background-image: url(img/searchbar.png); float: right; }
.top-header-left { height: 20px; width: 130px; background: #121284; float: left; color: white; font-family: Arial; font-size: 11px; }
.left-bar-text { color: white; font-size: 11px; font-family: Arial; padding-left: 10px; letter-spacing: 2px;}
.left-bar-text a { color: white; font-size: 11px; font-family: Arial; padding-left: 10px; letter-spacing: 2px; text-decoration: none;}



/* Search Bar */
#search-box { padding-bottom: 0px; padding-left: 11px; color: white; font-size: 12px;}
.search-box-text { color: gray; font-size: 11px; font-family: Arial; }
.button { color: gray; font-size: 10px; font-family: Arial; }



/* Header */
#header {  border-top: 42px solid white; height: 185px; width: 900px; }
.left-header { width: 230px; height: 100%; float: left; }
.right-header { width: 650px;  height: 100%; background-image: url(img/header-bg.png); float: right; }
.right-header strong { font-family: Arial; font-size: 11px; color: #121284; font-weight: 900; line-height: 250%; }
.right-header ul li { padding-left: 22px; padding-top: 10px; float: left; line-height: 100%; width: 140px; }
.right-header a { font-family: Arial; font-size: 11px; color: #121284; text-decoration: none; 	padding: 3px 5px; 	margin: 13px 15px 10px 0; }
.right-header a:hover { font-family: Arial; font-size: 11px; color: #ffffff; text-decoration: none; background-color: #121284; }
.shade { width: 100%; height: 26px; background-image: url(img/shade.png); background-repeat: repeat-x; }

/* Body */
#main-body { border-top: 20px solid white; height: 100%; width: 900px; border-bottom: 20px solid white; }
#main-body h1 { font-family: Arial; font-size: 14px; color: #121284; line-height: 300%; border-bottom: gray solid 1px; letter-spacing: 0.1em; margin-bottom: 15px;}
#main-body h2 { font-family: Arial; font-size: 12px; color: #121284; line-height: 200%; }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.left-body { width: 220px; height: 100%; padding-left: 12px; float: left;}
.left-body h2 { font-size: 12px; font-family: Arial; color: #121284; line-height: 220%; letter-spacing: 0.1em; }
.left-body p { font-family: Arial; font-size: 11px; color: #434343; line-height: 130%; margin-bottom: 12px; }
.left-body a { font-family: Arial; font-size: 11px; color: #ffffff; background-color: #121284; text-decoration: none; }
.right-body-main { width: 725px; padding-left: 12px; padding-right: 12px; padding-left: 12px; height: 100%; margin: 0px auto; }
.right-body-main p { font-family: Arial; font-size: 11.3px; color: #434343; line-height: 180%; margin-bottom: 12px; }

.right-body { width: 625px; padding-left: 12px; padding-right: 12px; padding-left: 12px; height: 100%; float: right; }
.right-body strong { font-family: Arial; font-size: 12px; color: #434343; line-height: 180%; margin-bottom: 12px; font-weight: bolder; }
.right-body p { font-family: Arial; font-size: 11.3px; color: #434343; line-height: 180%; margin-bottom: 12px; }
.right-body a { font-family: Arial; font-size: 11.3px; color: #121248; line-height: 180%; margin-bottom: 12px; text-decoration: underline; }
.right-body .picture { float: left; width: 111px; }

#menu-body { font-family: Arial; font-size: 11.3px; width: 200px; margin-bottom: 25px; padding: 14px 0 22px; text-align: right;}
#menu-body ul { list-style-type: none; margin: 0; padding: 0; }
#menu-body li { list-style: none; border-bottom: 1px solid #afaffd; padding: 2px; }
#menu-body a { color: #121284; display: block; padding: 2px 15px 2px 0; text-decoration: none; }
#menu-body a:hover { background: transparent url(img/arrow-selected.png) no-repeat scroll right center; display: block; padding: 2px 15px 2px 0; text-decoration: none }
#menu-body a.subitem { background: transparent url(img/sub.png) no-repeat scroll right center; display: block; padding: 2px 15px 2px 10px; text-decoration: none }
#menu-body a.subitem:hover { background: transparent url(img/arrow-selected.png) no-repeat scroll right center; display: block; padding: 2px 15px 2px 0; text-decoration: none }


/* Breadcrumb */
.breadcrumb { color: #434343; position: relative; font-family: Arial; font-size: 11px; }
.breadcrumb a { color: #434343; position: relative; font-family: Arial; font-size: 11px; text-decoration: underline; }


/* Footer */
#footer { height: 100%; width: 900px; }
.footer-left { width: 340px; height: 100%; padding-left: 12px; float: left; }
.footer-left p { font-family: Arial; font-size: 11px; color: #434343; line-height: 130%; margin-bottom: 12px; }

.footer-right { width: 350px; height: 100%; padding-left: 12px; float: right; }
.footer-right p { font-family: Arial; font-size: 11px; color: #434343; line-height: 130%; margin-bottom: 12px; }
.footer-right a { text-decoration: underline; color: #434343; }


#profile_box { height: 230px; padding-bottom: 5px; padding-top: 10px;}
#profile_box strong { font-family: Arial; font-weight: bold; font-size: 11px; padding-bottom: 15px;}