/*  
Theme Name: Function
Theme URI: http://stocktradingonline.net/stock-trading-theme/
Description: Versatile theme for simple online magazines or blogs. Includes drop-down menu for categories, threaded comments and multiple widget-ready areas.
Author: Sam @ 85ideas	
Author URI: http://85ideas.com/
Version: 1.0.1
Tags: white, black, blue, light, two-columns, threaded-comments, fixed-width, right-sidebar, sticky-post

	This theme was designed and built for the WordPress CMS and is copyright 85ideas.com.
	Adapt, and customize for your own site at will!

	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html


*/



/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; border:0; vertical-align:baseline; color:#222;}  
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}



/************************************************
*          General elements       *
************************************************/
body {background-color:#cfd0d3; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center;} 
h1, h2, h3, h4, h5, h6 {font-family:Rockwell, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif;}
a {color:#0D3F6F; text-decoration:none;}
a:hover {color:#222;}
blockquote {font-style:italic; background:#eee; padding:.4em 1em .7em 1em; margin:.7em 0; border:1px solid #dedede;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
hr {border:1px solid #ccc;}
pre {overflow:auto; width:500px; background:#dededd; padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}

table {margin:.5em 0;}
table th {color:#000;}
table td, table th {padding:.5em .7em;}
table th {background:#ddd; text-transform:uppercase; border-bottom:1px transparent;}
table td {}
table tr.even td {background:#bbb;}
table tr:hover td{}

fieldset {padding:1.2em;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em; border:1px solid #ddd;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {padding:2px;}
form label {font-weight:bold; display:block;}



/************************************************
*          General       *
************************************************/
#page {background:url(../tags/headerbg2.jpg) top center no-repeat;}
#wrapper {margin:0 auto; padding:0; text-align:left; width:960px; position:relative;}
.cleared {clear:both;}



/************************************************
*          Header (and some parts in the footer too)       *
************************************************/
#header {height:152px; padding-bottom:6px;}
#top .topmenu { float:right; width:400px; height:32px;}
#top .topmenu li {float:right; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;}
#top .topmenu li a {color:#999; font-size:.6em; }
#top .topmenu li a:hover {color:#efefef;}
#top .topmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;}

#top .search, #bottom .search { visibility: hidden; float:right; width:250px; text-align:right; line-height:33px;}
#top .searchform input, #bottom .searchform input {padding:2px 3px;}
#top .searchbox, #bottom .searchbox {width:150px; font-size:.8em; color:#555; border:1px solid #ddd; background:#dcdcdc url(images/formbg.gif) top left repeat-x; border:1px solid #dcdcdc;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#top .searchbox:hover, #bottom .searchbox:hover {color:#111;}
#top .submitbutton, #bottom .submitbutton {font-size:1em; cursor:pointer; background:#505252 url(images/buttonbg.gif) top left repeat-x; color:#efefef; font-size:0.8em; border:none;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#top .submitbutton:hover, #bottom .submitbutton:hover {background:#505252;}

#logo { text-indent: -9999px; float:left; width:480px; margin:30px 0 0 0;}
#logo h1 a { text-indent: -9999px; color:#eee; font-size:1.9em; font-weight:normal; }
#logo h1 a:hover {color:#B3D3EA;}
#logo #desc { text-indent: -9999px; }
#flashlogo { position: absolute; display: block; top: 30px; left: 12px; }
#no-flashlogo { position: absolute; display: block; top: 30px; left: 12px; }

#headerbanner { visibility: hidden; text-indent: -9999px; float:right; width:468px; margin:30px 0 0 0; text-align:right; font-size:.8em; line-height:1.4em; color:#ddd; }
#headerbanner h3, #headerbanner div {color:#ddd;}
#headerbanner h3 {font-size:1.1em;}
#headerbanner p {color:#ddd;}
#headerbanner a {color:#FFB25F; border-bottom:1px dashed #999;}
#headerbanner a:hover {color:#eee; border-bottom:1px dashed #ccc;}
#catnav {font-size:.8em; margin-left: 296px;}


/************************************************
*          Content      *
************************************************/
#main {padding:12px 0 15px 0; }
#content {float:left; width:620px;}
#contentfull {float:left; width:960px;}
h2#contentdesc {font-weight:normal; font-size:1em; text-transform:capitalize;}
h2#contentdesc span {color:#225990;}

.archivesbox {padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.post {padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.sticky {background:none;}
.posttop h2.posttitle a {color:#232323; font-size:1.3em;}
.posttop h2.posttitle a:hover {color:#010101;}
.postmetatop {font-size:0.7em; padding-top:7px; line-height:1.5em; color:#666;}
.postmetatop a {color:#333;}
.postmetatop a:hover {color:#225990;}

.postcontent {margin:.8em 0; font-size:0.8em; line-height:1.5em;}
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:1em 0 0 0; font-size:1.3em;}
.postcontent h4 {padding:1em 0 0 0; font-size:1.2em;}
.postcontent h5 {padding:1em 0 0 0; font-size:1.1em;}
.postcontent h6 {padding:1em 0 0 0; font-size:1em;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent p a:hover, .postcontent ul a:hover, .postcontent ol a:hover {background:#dceeff; color:#010101;}
.postcontent a.more-link {}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.postmetabottom {background:#e9e9e9; padding:10px; font-size:0.75em; line-height:16px; margin-top:15px; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.postmetabottom a {color:#444;}
.postmetabottom a:hover {color:#222;}
.postmetabottom .tags {color:#555; float:left; width:385px; background:url(images/tags.gif) left 1px no-repeat; padding-left:20px;}
.postmetabottom .metacomments {float:right; width:130px; text-align:right;}
.postmetabottom .metacomments span {background:url(images/comments.gif) left 3px no-repeat; padding-left:20px;}



/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.8em; margin-bottom:10px; }
#navigation a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation a:hover {color:#222; border:1px solid #aaa;}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi a:hover {color:#225990; border:1px solid #aaa;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:#fff; color:#222; border:1px solid #d1d1d1; margin:0 5px 0 0;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi span.current {margin:0 2px;}



/************************************************
*          Comments      *
************************************************/
#comments {margin:0 0 15px 0;}
#commentsbox {padding:15px 20px 0px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:#f0f0f0; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.commentlist li.alt {background:#e3e3e3; border:1px solid #ddd;}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px;}
#comments .commentbody .author a {border-bottom:1px dashed #666;}
#comments .commentbody .author a:hover {color:#333;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#666; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#666;}
#comments .commentbody em {margin-bottom:10px; color:#333; display:block; font-size:.8em; font-style:normal;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#fff; color:#222; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments .reply a:hover {background:#ccc; color:#000;}
#comments h3#trackbacktitle {padding-top:15px;}
#comments ul.trackback {margin:5px 0 15px 0; padding:15px 20px 1px 20px; background:#f0f0f0; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.trackback li {margin-bottom:12px; font-size:.85em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}
#comments p.nocomments {font-size:.8em; line-height:1.2em; padding:5px 0;}

#comments #respond {margin-top:15px; padding:15px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments #respond h3 {padding-bottom:15px;}
#comments #respond p {padding:.4em 0 0 0;}
#comments #respond p label {font-size:.8em; font-weight:normal;}
#comments #respond input {padding:5px; width:200px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond textarea {width:500px; padding:10px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton {color:#eee; background:#505252 url(images/buttonbg.gif) top left repeat-x; padding:6px;  border:1px solid #aaa; line-height:1.4em; font-size:.8em; width:auto;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton:hover {cursor:pointer; color:#fff; border:1px solid #666;}
#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}



/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:right; width:330px; font-size:0.8em; line-height:1.4em;}
#sidebar ul li.boxed {padding:15px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#sidebar h3, #sidebar h2 {font-weight:normal; font-size:1.4em; margin-bottom:10px; }
#sidebar #wpng-calendar h3 { display: none; }
#sidebar ul ul li {margin-bottom:8px;}
#sidebar ul ul li a {display:block; padding:8px; background:#e9e9e9; color:#222; border:1px solid #dedede;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#sidebar ul ul li a:hover {background:#dcdcdc; color:#111; border:#1px solid #d9d9d9;}
#sidebar p {padding:5px 0 5px 0;}
#sidebar p a {}
#sidebar p a:hover {background:#dceeff; color:#010101;}
#sidebar img {border:none; }
#tag_cloud a, .widget_tag_cloud a {display:inline;}
#tag_cloud a:hover {color:#333;}
li#tagbox a:hover {color:#333;}
#sidebar ul.children li {margin:8px 0 0 0;}
#sidebar ul.children {margin-bottom:0;}

#sidebar li { float: left; display: block; width: 100%; }
#sidebar .wpulogininfo li { float: left; width: 160px; font-size: 0.8em; padding-right: 4px; }
#sidebar .wpulogininfo li a { padding: 0 6px; }
#sidebar .wpu-widget-lu-username a { background-color: #009cc6; color: #ffffff; }
#sidebar .wpu-widget-lu-avatar, #sidebar .wpu-widget-lu-avatar img { display: none; }
#sidebar .wpu-widget-lu-rankblock { display: none; width: 0; height: 0; }
#sidebar p { margin: 0; padding: 0; }

#phpbb_autologin { float: left; }

.blogroll li a img { float: left; padding-right: 10px; }


/************************************************
*          Footer       *
************************************************/

#copyrights { display: none; }

#footerwrapper {background:#041438 url(../tags/footerbg.gif) left top repeat-x; text-shadow:0 0 4px #000;}
#bottom {padding-top:6px;}
#bottom .botmenu {float:left; width:700px;}
#bottom .botmenu li {float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;}
#bottom .botmenu li a {color:#999; font-size:.6em;}
#bottom .botmenu li a:hover {color:#efefef;}
#bottom .botmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;}

#footer {margin:0 auto; padding:0; text-align:left; width:960px; color:#ddd;}
#footer div {color:#ddd;}
#footer span {color:#666;}
#footerwidgets {margin-top:10px;}
#footerwidgets p {font-size:.75em; padding:0 0 1em 0;}
#footerwidgets ul li ul {margin-top:5px;}
#footerwidgets label {color:#ddd; font-size:.8em;}
#footer .foot1 {float:left; width:215px; margin:15px 0 0 0; display:inline;}
#footer .foot2 {float:left; width:215px; margin:15px 35px 0 35px;}
#footer .foot3 {float:left; width:215px; margin:15px 35px 0 0;}
#footer .foot4 {float:left; width:210px; margin:15px 0 0 0;}
#footer h3 {font-weight:normal; font-size:1.3em; margin-bottom:.4em; color:#eee;}
#footer a {color:#999;}
#footer a:hover {color:#efefef;}
#footer p {line-height:1.5em; color:#999; padding:.3em 0 .7em 0; font-size:.8em;}
#footer ul li {margin-bottom:20px; color:#aaa;}
#footer ul ul li {line-height:1.2em; margin-bottom:8px; font-size:.8em;}

#credits {margin-top:.5em; border-top:1px solid #222; padding:.5em 0; text-transform:uppercase;}
#footer #credits p {line-height:1em; color:#555; font-size:7pt;}
#footer #credits a {color:#555; text-decoration:none;}
#footer #credits a:hover {color:#ccc;}
#credits #creditsleft {float:left; width:740px;}
#credits #creditsleft .footmenu li {float:left; padding:.4em 1.5em 1em 0; margin:0 .4em 0 0; line-height:1.6em; font-size:7pt;}
#credits #creditsright {float:right; width:200px; text-align:right;}



/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:10px 15px 6px 0;}
.alignright {float:right; margin:10px 0 6px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:10px 15px 6px 0;}
img.alignright {float:right; margin:10px 0 6px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:#eee; border:1px solid #ddd; padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border:0 none;}
.wp-caption img:hover {border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}




/************************************************
*          Slider          *
************************************************/
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:500px; height:300px; padding-right:10px}