/*   
Theme Name: FSv6
Theme URI: http://fire-studios.com/blog
Description: 2010 theme of Fire Studios created to update the blog to a newer age in webdesign.
Author: Jonathan "Fire G" Wolfe
Author URI: http://fire-g.com/
Template: 
Version: 1.0
.
ONLY TO BE USED BY FIRE STUDIOS, FIRE INTERACTIVE, OR ANY OTHER PARENT OR SIBLING SITES ASSOCIATED WITH FIRE INTERACTIVE OR IT'S CHILDREN.
.
*/

* {margin: 0; padding: 0;}

body {font: normal 14px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #3a3c3e; line-height: 140%;}

p {}

a {text-decoration: none; color: #207294;}
a:hover{text-decoration: underline; color: #005274;}

img {border: none;}

ul, ol {padding-left: 25px;}
ul li, ol li {padding-bottom: 3px;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color: #264d5d; line-height: 110%;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #264d5d;}
h1 {font-size: 40px;}
h2 {font-size: 34px;}
h3 {font-size: 26px;}
h4 {font-size: 23px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

fieldset {border: none;}
form {}
form label {}
form input, textarea {color: #3f3f3f; font-size: 16px; border: 1px solid #4385b5; background: #fbfbfb; padding: 1px 3px 1px 3px; font: normal 14px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;}
form input[type="submit"] {border: 1px solid #167c85; padding: 3px 10px 3px 10px; margin: 5px;}
form select {padding: 3px; vertical-align: middle; }
form select option {padding: 1px;}
form textarea {font: normal 14px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;}

pre {overflow: hidden;}
object {display: block; margin: 5px auto;}

.wrap {display: block; margin: 0px auto; width: 1000px;}

.center {display: block; margin: 0px auto;}
.notice {display: block; clear: both; padding: 5px 10px; color: #efefef; background: #264d5d; text-align: center;}
.notice:hover {text-decoration: underline; color: #eeeeee; background: #3d7b98; text-decoration: underline;}

#header {height: 166px; background: url(images/header-bg.png) top left repeat-x; margin-top: -3px; clear: both; position: relative; z-index: 10;}

#header #logo {float: left; width: 421px; height: 242px;}
#header #logo h1 {visibility: hidden; height: 0px; width: 0px;}

#header #menu {float: right; margin-top: 65px;}
#header #menu a {font-weight: bold; font-size: 30px; color: #e3e3e3; padding: 10px;}
#header #menu a:hover {color: #e3e3e3; text-decoration: none;}
/* Blog = 64,8 | Tutorials = 130,92 | Screencasts = 170,240 | Plugins = 100,430 */
#header #underline {height: 4px; background: #e3e3e3; width: 64px; margin-left: 8px;}

#featured {height: 279px; background: url(images/feature-bg.png) top left repeat-x; margin-top: -14px; position: relative; z-index: 5;}
#featured .wrap {background: url(images/feature-thumb.png) 4% 75% no-repeat; clear: both; height: 200px;}
#featured #feature-thumb {float: left; height: 200px; width: 200px; margin: -63px 0 0 68px; padding-right: 35px;}
#featured h2 {top: -40px; position: relative; z-index: 15;}
#featured #summary {float: right; top: -20px; position: relative; z-index: 15; color: #dcdcdc; font-size: 16px; width: 690px;}
#single #featured {margin-top: -195px;}
#hide-feature #featured {margin-top: -195px;}

#main {clear: both; margin-top: -7px;}

#main #content {float: left; width: 720px;}
#main #content .article {padding: 15px 5px; border-bottom: 1px solid #2a849d; clear: both;}
#main #content .article .thumb {float: left; display: block; width: 200px; height: 200px; padding-right: 15px;}
#main #content .article h3 {margin: 10px 0px 10px;}
#main #content .article p.postinfo {float: right; display: block; width: 492px; margin: 2px 0px 5px 0px; text-indent: 5px; font-size: 12px; background: #365d6d; border: 1px solid #264d5d; color: #efefef;}
#main #content .article p.postinfo a {color: #efefef;}
#main #content .article .post {clear: right; float: right; width: 490px;}
#main #content .article .post img {padding: 10px; border: 1px solid #bed0ec; background: #e8e8e8; max-width: 650px; overflow: hidden; display: block; margin: 0px auto;}
#main #content .article .post span[id|="more"] {display: block; clear: left;}
#main #content .article .post p {padding-bottom: 10px;}
#main #content .article .post ul, #main #content .article .post ol {padding-bottom: 10px;}
#main #content .article .dp-highlighter ol {padding-bottom: 0;}
#single #main #content .article .post {float: none; width: 710px;}

#main .pagination ol {padding: 0;}
#main .pagination ol li {list-style: none; display: inline-block; height: 39px; padding: 0px 15px; background: #365d6d; border: 1px solid #264d5d; margin: 25px 10px 0 0; text-transform: capitalize; font: italic normal 18px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #fcfcfc; line-height: 39px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#main .pagination a {color: #fcfcfc;}
#main .pagination .current {color: #1a1a1a;}

#main #content #related-posts {margin: 30px 5px 30px 10px; padding: 15px 15px 5px; background: #fafafa; border: 1px solid #d4d4d4;}
#main #content #related-posts h3 {padding-bottom: 10px;}
#main #content #related-posts ul {padding-left: 10px;}
#main #content #related-posts ul li {list-style: none; display: inline; float: left;}
#main #content #related-posts ul li:hover {background: transparent;}
#main #content #related-posts ul li a {background: transparent;}
#main #content #related-posts ul li .related-post {width: 200px; height: 220px; text-align: center; padding: 1px 10px 0px;}
#main #content #related-posts ul li a:hover {background: transparent; color: #2d6b88;}

#main #content #social-bookmarks {clear: both; margin: 30px 10px 30px 5px; padding: 15px 8px 5px 15px; background: #181616; border: 1px solid #d4d4d4;}
#main #content #social-bookmarks h2 {float: left; clear: both; padding-bottom: 25px; color: #d8d8d8;}
#main #content #social-bookmarks h2 img {margin-bottom: -25px;}
#main #content #social-bookmarks .social-scripts {margin-top: 5px; margin-left: 8px; float: right;}
#main #content #social-bookmarks .digg, #main #content #social-bookmarks .reddit, #main #content #social-bookmarks .dzone {float: left; display: inline; width: 70px;}
#main #content #social-bookmarks .others {clear: both; padding: 10px 0px 0px 30px;}
#main #content #social-bookmarks .others a img {padding: 7px 27px 0px;}
#main #content #social-bookmarks a:hover {background: transparent;}

#main #content #about-author {margin: 10px 10px 30px 10px; padding: 15px 15px 5px 15px; background: #e8e8e8; border: 1px solid #d4d4d4;}
#main #content #about-author .avatar {float: left; width: 90px; padding-right: 15px;}
#main #content #about-author h4 {padding-bottom: 10px;}
#main #content #about-author p {float: right; width: 563px; padding-bottom: 10px;}

#main #content #comments {padding: 20px; background: #e8e8e8; margin: 10px; border: 1px solid #d0d0d0;}
#main #content #comments ul.commentlist {padding-left: 0px;}
#main #content #comments ul.commentlist li {list-style: none; clear: both; padding-top: 30px; line-height: normal;}
#main #content #comments h3 {clear: both;}
#main #content #comments .vcard {float: left; width: 90px; margin-top: 5px;}
#main #content #comments .vcard img {margin-bottom: 0px;}
#main #content #comments .vcard p {padding-top: 3px; line-height: normal;}
#main #content #comments .vcard p .comment-date {font-size: 10px; padding-left: 3px;}
#main #content #comments .reply {float: right; background: #fafafa; padding: 20px 20px 10px 20px; width: 480px; min-height: 100px; border: 1px solid #cdcfcf;  position: relative;}
#main #content #comments .reply .arrow {width: 40px; height: 40px; background: url(images/arrow.png) top left no-repeat; position: absolute; top: 24px; left: -40px;}
#main #content #comments .reply p {padding-bottom: 10px;}
#main #content #comments #respond {clear: both;}
#main #content #comments #respond h3 {padding-top: 20px; padding-bottom: 10px;}
#main #content #comments #respond p {padding: 0; margin: 0; clear: both;}
#main #content #comments #respond label {width: 110px; display: block; float: left; padding: 7px 5px;}
#main #content #comments #respond input {background: #fafafa; width: 526px; border: 1px solid #cdcfcf; padding: 2px 5px; margin-top: 5px; float: right;}
#main #content #comments #respond textarea {background: #fafafa; width: 615px; border: 1px solid #cdcfcf; padding: 20px; margin-top: 5px; overflow: auto;}
#main #content #comments #respond #comment-submit {color: #ffffff; background: #2d6b88; text-decoration: none; width: 655px; margin-bottom: 20px; padding-right: 0; margin-right: 0;}
#main #content #comments #respond #comment-submit:hover {background: #3d7b98; text-decoration: underline;}
#main #content #pings {padding: 0px 0px 15px 20px; clear: both;}
#main #content #pings h3 {padding-bottom: 5px;}

#main #content .contactform input {background: #fafafa; width: 526px; border: 1px solid #cdcfcf; padding: 2px 5px; margin-top: 5px; float: right;}
#main #content .contactform input[name="wpcf_not_spam"] {float: none;}
#main #content .contactform input[name="wpcf_cc"] {float: none; width: 20px;}
#main #content .contactform textarea {background: #fafafa; width: 665px; border: 1px solid #cdcfcf; padding: 20px; margin: 5px 0 10px 0;  overflow: auto;}
#main #content .contactform #contactsubmit {color: #ffffff; background: #2d6b88; text-decoration: none; width: 710px; margin-top: 20px; padding-right: 0; margin-right: 0;}
#main #content .contactform #contactsubmit:hover {background: #3d7b98; text-decoration: underline;}

#main #content .FSPage input {background: #fafafa; width: 526px; border: 1px solid #cdcfcf; padding: 2px 5px; margin-top: 5px; float: right;}
#main #content .FSPage textarea {background: #fafafa; width: 635px; border: 1px solid #cdcfcf; padding: 20px; margin: 5px 0 10px 0;  overflow: auto;}
#main #content #formSubmitButton #submitButton {color: #ffffff; background: #2d6b88; text-decoration: none; width: 710px; margin-bottom: 20px; padding-right: 0; margin-right: 0;}
#main #content #formSubmitButton #submitButton:hover {background: #3d7b98; text-decoration: underline;}
#main #content #formSubmitButton img, #main #content #mainForm + img {padding: 0; border: none; background: transparent; display: inline; margin: 0;}

#single #main #content .article p.postinfo {margin: 5px 0px 8px 0px;}

#main #sidebar {float: right; width: 275px; background: #0b1824 url(images/sidebar-bg.png) top left repeat-x; color: #efefef;}
#main #sidebar a {color: #477d96;}
#main #sidebar a.notice {color: #efefef;}
#main #sidebar a.notice:hover {text-decoration: underline; color: #eeeeee;}
#main #sidebar h3 {color: #efefef; margin: 5px 5px 10px; text-align: center;}
#main #sidebar .item {padding: 10px; border-bottom: 1px solid #2d4e55; clear: both;}
#main #sidebar .item img {padding: 5px 5px 30px;}
#main #sidebar .item p {float: right; width: 170px; padding-bottom: 5px;}
#main #sidebar #rss img {width: 64px;}
#main #sidebar #rss p {margin-top: 0px; padding-top: 0px;}
#main #sidebar #rss a {color: #efefef;}
#main #sidebar #popular a {display: block;}

#footer {background: url(images/footer-bg.png) top left repeat-x; padding: 15px 0px 15px 15px; margin-top: -3px; position: relative; z-index: 20; clear: both;}
#footer #copyright {color: #efefef; line-height: 200%; margin-top: 30px;}
#footer #FI {float: right; margin-top: -50px;}