/*  
Theme Name:Blue-Finance-and-Trading
Description: Financial theme: 2-column, fixed width, css template brought to you by Online Forex Trading.  Features include: Widget-ready, customizable logo, header ad space for ad scripts or static banners, customizable sidebar ads, and in-post ads.
Version: 1.0
Author: Online Forex Trading
Author URI: http://www.onlineforextrading.com
Tags: financial, blue, 2-column, two columns, theme options, custom options, customizable, adsense, ad support, valid xhtml, widget-ready, widgets
*/

body { margin: 0px; padding: 20px 0px; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; background: #1d3e5f url(images/bg.jpg) repeat-x top left; }
a { color: #1d3e5f; text-decoration: none; }
a:hover { color: #6699cc; text-decoration: underline; }
a img { border: none; }
h1, h2, h3, h4 { padding: 0px; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 20px; padding: 0px 0px 5px 0px; }
h3 { font-size: 16px; padding: 2px 0px 5px 0px; }
h4 { font-size: 12px; }
blockquote { margin-left: 20px; margin-right: 20px; padding-left: 15px; padding-right: 15px; background-color: #ececec; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; }


/* CONTAINER STYLES */
#wrap { width: 960px; margin: 0px auto; padding: 0px; background-color: #ffffff; }
#main { min-height: 300px; margin: 0px; padding: 20px; }


/* HEADER STYLES */
#header { position: relative; height: 160px; margin: 0px; padding: 0px; background: transparent url(images/header.jpg) no-repeat top left; }
#headerad { position: absolute; top: 20px; right: 20px; width: 728px; height: 90px; background-color: #eeeeee; border: 1px solid #666666; font-size: 24px; text-align: center; overflow: hidden; }
#title { position: absolute; top: 20px; left: 20px; width: 180px; height: 90px; overflow: hidden; }
#title h1 { text-align: center; margin: 0px; padding: 0px; font-size: 20px; color: #003366; font-weight: normal; }
#title h1 a:hover { color: #ffffff; text-decoration: none; }

/* HEADER STYLES = NAV STYLES */
#nav { position: absolute; bottom: 0px; left: 0px; width: 960px; height: 30px; line-height: 12px; }
#navpages { float: left; margin: 0px; padding: 0px; }
#navcats { float: right; margin: 0px; padding: 0px; }

#nav ul { margin: 0px; padding: 0px; line-height: 12px; }
#nav ul li { float: left; position: relative; margin: 0px; padding: 0px; list-style: none; }
#nav ul li ul { display: none; position: absolute; top: 30px; left: 0px; width: 120px; background-color: #acbccb; }
#nav ul li:hover ul { display: block; z-index: 999; overflow: hidden; }
#nav ul ul li { float: none; display: block; margin: 0px; list-style: none; }

#navpages ul li a { border-right: 1px solid #1d3e5f; }
#navcats ul li a { border-left: 1px solid #1d3e5f; }

#nav ul li a { display: block; margin: 0px; padding: 9px 10px 9px 10px; color: #1d3e5f; background-color: transparent; }
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current_page_parent a, 
#nav ul li.current-cat-parent a, #nav ul li.current-cat a { background-color: #1d3e5f; color: #ffffff; text-decoration: none; }
#nav ul ul li a { border: none; display: block; margin: 0px; padding: 5px 10px; color: #000000; background-color: transparent; border: 0px solid #000000; }
#nav ul ul li a:hover, #nav ul ul li.current-cat a { background-color: #cdd5dd; color: #1d3e5f; }


/* CONTENT STYLES */
#content { float: left; width: 620px; margin: -10px 0px 0px 0px; padding: 0px; overflow: hidden; }

/* CONTENT STYLES = POST STYLES */
.post { font-size: 14px; margin: 0px 0px 30px 0px; line-height: 18px; }
.post h2, h2.arch  { padding-left: 35px; background: transparent url(images/post-h2.gif) no-repeat top left; }
.post li { list-style-type: square; }
.post .postadright { float: right; width: 300px; height: 250px; margin: 0px 0px 0px 10px; padding: 0px; overflow: hidden; }
.post .postadleft { float: left; width: 300px; height: 250px; margin: 0px 10px 0px 0px; padding: 0px; overflow: hidden; }
.post .thumb { float: left; width: 150px; height: 150px; margin: 0px 8px 10px 0px; border: 1px solid #cccccc; }
.post .homepost { max-height: 150px; overflow: hidden; }
.post .more { font-size: 10px; white-space: nowrap; }
.post .more a { font-weight: bold; font-size: 14px; padding-left: 5px; }
.post .edit { float: right; width: 16px; height: 16px; overflow: hidden; }
.postfooter, .postfooter-single { border-top: 1px solid #cccccc; margin-left: 160px; padding-top: 3px; font-size: 10px; line-height: normal; color: #676767; }
.postfooter .comments, .postfooter-single .comments { float: right; margin-left: 10px; font-size: 12px; line-height: normal; }
.postfooter-single { margin-left: 0px; }

/* CONTENT STYLES = ARCHIVE POST STYLES */
.post-archive { margin: 0px 0px 10px 0px; padding: 10px; height: 60px; background-color: #eeeeee; border: 1px solid #cccccc; overflow: hidden; }
.post-archive h2{ margin: 0px; padding: 0px; font-size: 16px; }
.post-archive p { margin: 0px; padding: 0px; }
.post-archive .more { font-size: 10px; }
.post-archive .moredate { color: #888888; }
.post-archive .moredate a { font-weight: bold; }
.post-archive .thumb { float: left; width: 80px; height: 80px; margin: -10px 10px -10px -10px; border-right: 1px solid #cccccc; }
.post-archive .comments { float: right; width: 35px; margin: -10px -10px 0px 0px; padding: 0px; background-color: #cccccc; overflow: hidden; }
.post-archive .comments a { display: block; margin: 0px; padding: 4px 0px; text-align: center; }
.post-archive .comments a:hover { background-color: #1d3e5f; color: #ffffff; text-decoration: none; }


/* COMMENTS STYLES */
#comments { width: 620px; margin: 0px; padding: 20px 0px 0px 0px; }
#comments h3 { padding-left: 35px; margin-top: 20px; background: transparent url(images/post-h2.gif) no-repeat top left; }
#comments ol { margin: 0px; padding: 0px; }
#comments ol li { list-style: none; margin: 10px 0px 0px 0px; padding: 10px; border: 1px solid #cccccc; background-color: #ececec; }
#comments ul { margin: 10px 0px 0px 0px; padding: 0px; }
#comments ul li, #comments ul ul ul li, #comments ul ul ul ul ul li, #comments ul ul ul ul ul ul ul li, #comments ul ul ul ul ul ul ul ul ul li { background-color: #ffffff; }
#comments ul ul li, #comments ul ul ul ul li, #comments ul ul ul ul ul ul li, #comments ul ul ul ul ul ul ul ul li { background-color: #ececec; }
#comments cite { font-size: 16px; font-weight: bold; font-style: normal; }
#comments .bypostauthor { background-color: #e3eaf0; border-color: #666666; }
#comments .cancel-comment-reply { font-size: 12px; padding-left: 10px; font-weight: bold; }
#comments .avatar { float: left; margin: 0px 10px 0px 0px; width: 30px; height: 30px; border: 1px solid #000000; }
#comments .reply { font-size: 10px; font-weight: bold; }
#comments .comment-meta { padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
#comments .bypostauthor .comment-meta { border-bottom-color: #666666; }

#commentform input, #commentform textarea { border: 1px solid #999999; }
#commentform textarea { width: 99%; }
#commentform p { margin: 5px 0px; padding: 0px; font-size: 10px; }

/* SIDEBAR STYLES */
#sidebar { float: right; width: 280px; margin: 0px; padding: 0px; overflow: hidden; }
#sidebar .menu { margin: 0px 0px 20px 0px; padding: 10px; background-color: #e3eaf0; border: 1px solid #acacac; }
#sidebar .menu h2 { display: block; margin: -10px -10px 10px -10px; padding: 3px 25px 3px 10px; font-size: 14px; color: #ffffff; background: #1d3e5f url(images/menu-h2.gif) no-repeat top right; }
#sidebar .menu ul { margin: 0px; padding: 0px; }
#sidebar .menu li { list-style-type: square; margin-left: 15px; }

/* SIDEBAR STYLES = AD BLOCK */
#sidead { margin: 0px 0px 20px 0px; padding: 10px 8px 0px 8px; background-color: #eeeeee; border: 1px solid #acacac; }
#sidead img { width: 125px; height: 125px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #acacac; overflow: hidden; }
#sidead .left { float: left; }
#sidead .right { float: right; }


/* FOOTER STYLES */
#footer { margin: 0px; padding: 10px 20px; font-size: 10px; color: #999999; text-align: center; background: transparent url(images/footer.jpg) no-repeat bottom left; }
#footer p { margin: 0px; padding: 0px; }
#footer .copyright { font-size: 12px; font-weight: bold; color: #666666; }


/* MISC STYLES */
.clear { clear: both; }
.navigation { margin: 0px; padding: 10px 0px 0px 0px; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.aligncenter { display: block; text-align: center; margin-left: auto; margin-right: auto; }
.wp-smiley { margin: none; padding: none; background-color: transparent; }
.noborder { border: none !important; background-color: transparent !important; }

.wp-caption { border: 1px solid #cccccc; background-color: #ffffff; font-size: 10px; margin-bottom: 10px; padding: 5px 0px; text-align: center; }
.wp-caption-text { text-align: center; margin: 0px; padding: 5px 5px 0px 5px; color: #666666; }
.size-thumbnail, .size-small, .size-medium, .size-large, .size-full { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; }
.wp-caption .size-thumbnail, .wp-caption .size-small, .wp-caption .size-medium, .wp-caption .size-large, .wp-caption .size-full { border: none; padding: 0px; }

#searchform, #searchform input { margin: 0px; line-height: 12px; }
#searchform input { float: right; border: 1px solid #999999; font-size: 10px; padding: 2px 3px; }
#searchform input#s { float: left; width: 175px; font-size: 12px; }
