/*
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:none; 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:#E2E5E7; 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;}
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 td, table th {padding:.1em .7em;}
table th {background:none;}
table td {background:none;}

fieldset {padding:1.2em; border:1px dashed #a8ef9d;}
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: 5px; font-size:1em; border:1px solid #dddddd;}
input, textarea {padding:.2em;}
input.radio, input.checkbox {padding:2px;}



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



/************************************************
*          Header (and some parts in the footer too)       *
************************************************/
#header {height:152px; padding-bottom:6px;}
#top .topmenu {float:right; width:50px; height:32px;}
#top .topmenu li {float:right; padding:0 0 0 5px; line-height:32px; margin:0 0 0 .4em; text-transform:uppercase;}
#top .topmenu li a {color:#ffffff; font-size:10pt;}
#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 {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 {float:left; width:480px; margin:30px 0 0 0;}
#logo h1 a {color:#eee; font-size:1.9em; font-weight:normal;}
#logo h1 a:hover {color:#B3D3EA;}
#logo #desc {font-size:.8em; color:#999; margin-top:.3em; line-height:1.3em;}
#headerbanner {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: 10pt;}


/************************************************
*          Content      *
************************************************/
#main {padding:12px 0 15px 0;}
#content {float:left; width:814px;}
#contentfull {float:left; width:1024px;}
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:#537799; font-size:16pt;}
.posttop h2.posttitle a:hover {color:#79abde;}
.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 {font-size:1.3em; color:#6E7E94;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent a {color:#0000FF;}
.postcontent p a:hover, .postcontent ul a:hover, .postcontent ol a:hover {background:#dceeff; color:#000;}
.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:750px; 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:200px; 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 {font-weight:normal; font-size:1.4em; margin-bottom:10px; color: #537799; border-bottom: 1px dotted #537799;}
#sidebar ul ul li {margin-bottom:8px}
#sidebar ul ul li a {display:block; padding:8px; text-align:center;
   /* 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;}



/************************************************
*          Footer       *
************************************************/
#footerwrapper {background:#090909 url(images/footerbg.jpg) top center no-repeat;}
#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;}
#bottom .botmenu li a {color:#999; font-size:.9em;}
#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-left:15px; text-align:left; width:990px; 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:225px; margin:15px 0 0 0; display:inline;}
#footer .foot2 {float:left; width:225px; margin:15px 35px 0 35px;}
#footer .foot3 {float:left; width:225px; 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:#d0d0d0;}
#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:.9em; border-top:1px solid #222; padding:.5em 0;}
#footer #credits p {line-height:1em; color:#f0f0f0; font-size:7pt;}
#footer #credits a {color:#f0f0f0; 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; credits:#f0f0f0;}



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



/*************************************************
*              Form related                      *
*************************************************/

fieldset {
  width: 830px;
  padding: 20px;
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 6px 6px 6px #ddd;
  -webkit-box-shadow: 6px 6px 6px #ddd;
  box-shadow: 6px 6px 6px #ddd;
}

.subset {
  width: 810px;
  padding: 20px;
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 6px 6px 6px #ddd;
  -webkit-box-shadow: 6px 6px 6px #ddd;
  box-shadow: 6px 6px 6px #ddd;
}

.title {
	padding: 10px;
	background: #999999;
	color: #fff;
	font-size: 14pt;
	font-weight: bold;
	font-variant: small-caps;
	margin-bottom: 10px;
}

/* APPLIES THE STYLE TO EACH FORM ELEMENT */
.textfield, .dropdown, .textarea {
  color: #666;
  padding: 2px 4px;
  background: #fff;
  border: 1px solid #d0d0d0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;
}

input.submit {
	display: block;
	padding: 10px 20px;
	background:#547799;
	font: bold 1.1em Verdana;
	color: #fff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;
}


/* OPTIONAL SET WIDTH FOR THE TEXTAREA */
.textarea {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.checkarea {
		 padding: 0;
}

/* CHANGE THE STYLE WHEN THE FORM ELEMENT IS CLICKED */
input:focus, select:focus, .textarea:focus {
  background: #fff;
  border: 2px solid #ddd;
  -moz-box-shadow: 2px 1px 1px #ddd;
  -webkit-box-shadow: 2px 1px 1px #ddd;
  box-shadow: 2px 1px 1px #ddd;
  outline: none;
}

/* THE NAMES FOR EACH OF THE FORM ELEMENT DIVS WHICH AUTOMATICALLY HIDES THE TIPS BY DEFAULT */
div.basic p.hint, div.myEmail p.hint, div.myComments p.hint, div.sendTip p.hint {
  display: none;
}

/* WHEN EACH DIV IS HOVERED, THE TIP IS DISPLAYED */
div.basic:hover > p.hint, div.MailAddr:hover > p.hint, div.myEmail:hover > p.hint, div.myComments:hover > p.hint, div.sendTip:hover > p.hint  {
  position: absolute;
  display: block;
  font: 0.8em arial,verdana,tahoma,sans-serif;
  color: #000;
  margin: -20px 0 0 300px;
  padding: 5px 10px;
  background: #ffff80;
  border: 2px solid #f7de35;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;
}

/* CHANGES THE LEFT MARGIN ON THE TEXTAREA TIP, FOR BALANCE */
div.myComments:hover > p.hint {
  margin: 2px 0 0 350px;
}

/* CHANGES THE LEFT MARGIN ON THE SUBMIT BUTTON TIP, FOR BALANCE */
div.sendTip:hover > p.hint {
  margin: -20px 0 0 300px;
}

.btn {
  display: block;
  margin-left: 550px;
  font: bold 1.1em arial,verdana,tahoma,sans-serif;
  color: #000;
  text-decoration: none;
  padding: 5px;
  background: #537799;
  color: #ffffff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;
}

.btn:hover, .btn:focus {
  color: #fff;
  background: #a70303;
  border: 2px solid #888;
  -moz-box-shadow: 2px 2px 2px #ddd;
  -webkit-box-shadow: 2px 2px 2px #ddd;
  box-shadow: 2px 2px 2px #ddd;
/}

.underlay {
	position: relative;
	z-index: 1;
}

.overlay {
	position: absolute;
}

.gear {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background:#efefef url(images/product_box.jpg) top left repeat-x;
	width:774px;
	border: 1px solid #dfdfdf;
	height: 125px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;
}

.prod-detail {width:159px; line-height: 2; vertical-align: top;}
.product { vertical-align: top; }