/*
Theme Name: American Future Fund
Theme URI: http://www.americanfuturefund.com/
*/

/******************** RESET ********************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
a img{border:none}

/******************** GLOBAL ********************/
body {background:url('images/bg-body.png') repeat-x 0 0 #dee6ee; color:#505050; font-size:14px; line-height:20px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;}

a {color:#be112d; text-decoration:underline; outline:none;}
a:hover {text-decoration:none;}

div, ul, li, h1, h2, h3, h4 {position:relative;}
.clear {clear:both;}

#wrap {width:960px; margin:0 auto;}
#content-top {background:url('images/bg-content-top.png') no-repeat 0 0; height:10px;}
#content {background:url('images/bg-content.png') repeat-y 0 0; width:960px;}
#content-bottom {background:url('images/bg-content-bottom.png') no-repeat 0 0; height:10px; margin:0 0 25px 0;}
#light {background:url('images/bg-light.png') no-repeat center 113px; width:100%;}

/******************** HEADER ********************/
#header {height:180px; width:950px; margin:0 auto 30px auto; border-bottom:1px solid #295a92;}

a#logo {background:url('images/logo.png') no-repeat 0 0; position:absolute; top:50px; left:0; width:475px; height:101px; text-indent:-9999px;}
a:hover#logo {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
a#logo:active {top:51px; left:0;}

ul#menu-navigation {position:absolute; bottom:18px; right:0; }
ul#menu-navigation li {display:inline; float:left; margin:0 0 0 30px; }
ul#menu-navigation li a {color:#fff; text-transform:uppercase; font-size:14px; text-decoration:none; padding:0 0 20px 0;}
ul#menu-navigation li a:hover {background:url('images/nav-triangle.png') no-repeat center bottom;}
ul#menu-navigation li.current_page_item a {background:url('images/nav-triangle.png') no-repeat center bottom; cursor:default;}

ul#social-nav {position:absolute; top:20px; right:0;}
ul#social-nav li{display:inline; }
ul#social-nav li a{color:#aabfd7; margin:0 0 0 15px; float:left; font-size:12px; text-decoration:none}
ul#social-nav li a:hover {color:#fff;}
ul#social-nav span {float:left; color:#748ba5; margin:0 0 0 15px;}

/******************** MAIN ********************/
#main {float:left; width:650px; padding:0 0 0 5px;}

.badge {background:#f6f5d8; border-right:1px solid #e9e8cf; border-bottom:1px solid #e9e8cf; border-top:1px solid #e9e8cf; text-transform:uppercase; color:#003778; padding:3px 15px 1px 30px; display:inherit; font-size:10px; float:left; margin:13px 0 0 0;}

.post {margin:25px 25px 20px 30px; padding:0 0 20px 0; border-bottom:1px dashed #cacaca;}
.top-margin {margin:15px 25px 20px 30px;}

.post .meta {color:#be112d; text-transform:uppercase; letter-spacing:1px; font-size:10px; margin:0 0 3px 0;}
.post h1, .post h1 a {font-weight:bold; font-size:27px; margin:0 0 18px 0; color:#003778; text-decoration:none; line-height:30px;}
.post h1 a:hover {color:#be112d}
.post h2 {font-weight:bold; font-size:16px; margin:0 0 15px 0; padding:0 0 3px 0; border-bottom:1px solid #e6e6e6; color:#003778; text-decoration:none; line-height:25px;}
.post p {margin:0 0 20px 0;}
.post p img.alignright {float:right; background:#ecf0f4; padding:3px; border:1px solid #ccd5e0; margin:3px 0 5px 15px;}
.post p img.alignleft {}

.post a.continue {background:url('images/btn-continue-reading.png') no-repeat 0 0; width:150px; height:35px; text-indent:-9999px; display:block; margin:13px 0 0 0;}
.post a:hover.continue {background-position:0 -35px;}

p#search {font-weight:bold; font-size:16px; margin:25px 30px 15px 30px; padding:0 0 3px 0; border-bottom:1px solid #e6e6e6; color:#003778; text-decoration:none; line-height:25px;}

ul#more-news {list-style:none; margin:15px 25px 30px 30px;}
ul#more-news li {padding:0 100px 10px 0; margin:10px 0; border-bottom:1px solid #e7e7e7;}
ul#more-news li h2 a {font-size:16px; color:#003778; text-decoration:none;}
ul#more-news li h2 a:hover {color:#be112d}
ul#more-news li span {position:absolute; top:0; right:0; color:#bbbbbb; text-transform:uppercase; font-size:10px; letter-spacing:1px;}

/******************** SIDEBAR ********************/
#sidebar {background:url('images/bg-sidebar.png') no-repeat 0 0; float:left; width:300px; padding:0 5px 0 0;}

#sidebar h3 {font-weight:bold; font-size:16px; margin:0 25px 15px 25px; padding:0 0 2px 0; border-bottom:1px solid #e6e6e6; color:#003778; text-decoration:none; line-height:25px;}

#sidebar .textwidget {margin:0 25px 35px 25px;}

form#search {background:#ecf0f4; padding:10px 5px 10px 10px; margin:25px auto 30px auto; width:240px; clear:both;}
form#search input#search-box {border:1px solid #fff;; font-size:12px; color:#b5b5b5; padding:4px 10px 3px 10px; float:left; width:183px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; height:16px;}
form#search input#search-box:focus {color:#6d6d6d; border:1px solid #fff;}
form#search input#search-button {background:url('images/btn-search.png') no-repeat 0 0; margin:0 0 0 4px; width:31px; height:24px; border:none; cursor:pointer; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
form#search input#search-button:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

#twitter {width:600px; margin:0 auto;}
#twitter a#follow {background:url('images/bg-twitter.png') no-repeat 0 0; width:260px; height:40px; display:block; text-indent:-9999px;}
ul#twitter_update_list {list-style:none; margin:0 0 20px 0;}
ul#twitter_update_list li span {background:#e9f8fd; display:block; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:10px 15px 25px 15px; margin:0 0 2px 0; color:#788e96; font-size:11px; line-height:14px;}
ul#twitter_update_list li span a {color:#536e7b; margin:0; text-decoration:underline; position:relative; bottom:0; right:0;}
ul#twitter_update_list li span a:hover {text-decoration:none;}
ul#twitter_update_list li a {text-decoration:none; color:#c5d3d8; font-size:11px !important; bottom:3px; right:10px; position:absolute; z-index:9999;}
ul#twitter_update_list li a:hover {text-decoration:underline;}

/******************** FOOTER ********************/
#footer {width:600px; text-align:center; margin:0 auto 30px auto}
#footer p {font-size:10px; color:#003778; line-height:12px;}
#footer p#disclaimer {font-size:11px; width:350px; margin:0 auto 20px auto; border:1px solid #b4c6da; padding:15px 45px 10px 45px; line-height:13px; }
#footer p a {color:#507bae; text-decoration:none;}
#footer p a:hover {color:#be112d;}