/*
Theme Name: jQuery Mix 01
Theme URI: http://jquerymix.com/
Description: Custom theme for jQuery Mix.
Version: 1.0
Author: Jeff Starr
Author URI: http://monzilla.biz/
Tags: custom, chillz, pancakes

This theme was lovingly designed and developed by Jeff Starr, who blogs at perishablepress.com and designs at monzilla.biz.
Copyright © 2009 jQuery Mix. All rights reserved. No portion of this theme may be used without explicit written permission.
*/

img {-ms-interpolation-mode:bicubic}
* {outline:0 none;padding:0;margin:0}
html,body {margin:0 0 1px;height:100%;padding:0}
body {background:#222 url(images/bg-body.gif) repeat 0 0;font-family:Georgia,serif;font-size-adjust:none;font-variant:normal;font-weight:normal;font-style:normal;text-align:center;line-height:16px;font-size:14px;color:#111}
#header {background:url(images/bg-top.gif) repeat-x 0 0;border-top:5px solid #222;text-align:left;overflow:hidden;margin:0 auto;width:960px}
.header-wrap {overflow:hidden;width:100%}
.header-wrap div {float:left;clear:none}
.header-logo {width:200px}
.header-logo a {background:url(images/logo.jpg) no-repeat 0 0;text-indent:-9999px;display:block;height:100px;width:200px}
.header-line {font-family:Georgia,serif;font-weight:lighter;line-height:100px;text-indent:20px;font-size:20px;height:100px;width:600px;color:#ddd}
.header-feed {width:150px}
.header-feed a {background:url(images/feed.png) no-repeat 0 0;text-indent:-9999px;margin-right:15px;margin-top:25px;display:block;float:right;height:46px;width:46px}
.header-search {font-weight:lighter;line-height:30px;background:#333;font-size:20px;height:70px;width:200px;color:#ddd}
.header-search div {margin-left:15px}
.header-search div span {display:none}
.header-search form {margin-left:15px;padding-top:3px;display:block;clear:both}
.header-search #s {font-family:Verdana,sans-serif;background:#fff;font-size:10px;padding:7px;width:110px;color:#777;float:left;clear:none;-webkit-border-bottom-left-radius:6px;-khtml-border-radius-bottomleft:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;-khtml-border-radius-topleft:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;border:2px solid #125C8D}
.header-search #s:active,.header-search #s:focus {color:#333}
.header-search #search-submit {font-family:Georgia,serif;text-transform:uppercase;background:#125C8D;padding:5px 2px;font-size:11px;cursor:pointer;color:#fff;float:left;clear:none;-webkit-border-bottom-right-radius:6px;-khtml-border-radius-bottomright:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-top-right-radius:6px;-khtml-border-radius-topright:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;border:2px solid #125C8D}
.header-menu {width:750px}
.header-menu ul {margin-left:20px;overflow:hidden;font-size:16px;width:100%}
.header-menu li {list-style:none outside;float:left;clear:none}
.header-menu li a:link,.header-menu li a:visited {padding:7px 10px 10px;text-decoration:none;display:block;color:#eee}
.header-menu li a:hover,.header-menu li a:active {background:#8A8888;color:#fff}
body.category-articles .articles a:link,body.category-articles .articles a:visited,body.category-resources .resources a:link,body.category-resources .resources a:visited,body.category-jquery-news .news a:link,body.category-jquery-news .news a:visited,body.category-tutorials .tutorials a:link,body.category-tutorials .tutorials a:visited,body.page-id-33 .submit a:link,body.page-id-33 .submit a:visited {background:#8A8888;color:#fff}
.header-menu div {text-transform:lowercase;text-indent:30px;font-size:16px;padding:10px 0;clear:both;color:#fff}
body.home span.home-text,body.home span.home-link,span.home-welcome {display:none}
body.home span.home-welcome {display:inline}
body.home span.home-welcome span {text-transform:uppercase}
.header-menu div a:link,.header-menu div a:visited {text-decoration:none;color:#eee}
.header-menu div a:hover,.header-menu div a:active {text-decoration:underline;color:#fff}
#content {background:#fff url(images/bg-mid.gif) repeat-y 0 0;text-align:left;overflow:hidden;margin:0 auto;width:960px}
#content h1 {line-height:24px;font-weight:bold;font-size:22px}
#content h1 a:link,#content h1 a:visited,#content h1 a:hover,#content h1 a:active {border-bottom:0 none;text-decoration:none}
#content h2 {font-variant:small-caps;font-weight:lighter;line-height:14px;font-size:14px;margin:15px 0}
#content p,#content ul,#content ol {font-family:Verdana,sans-serif;line-height:18px;font-size:11px;margin:15px 0}
#content ul,#content ol {margin-left:20px}
#content li {list-style-position:outside;margin:5px 0}
code,samp,kbd {font-family:"Courier New",Courier,monospace,sans-serif;color:#555}
pre code {line-height:16px;font-size:11px}
pre {padding:1px 5px 3px 7px;border-left:11px solid #ccc;margin:17px 0 17px 1px;overflow:auto;width:93%}
#content a:link,#content a:visited {border-bottom:1px dotted #B2CEE0;text-decoration:none;color:#125C8D}
#content a:hover,#content a:active {border-bottom:2px solid #125C8D}
.content-side-main {width:650px;float:left;clear:none}
.content-side {margin-bottom:10px;width:200px;float:left;clear:none;color:#333}
.section-title {background:#ccc url(images/bg-side.gif) repeat-x 0 0;text-align:center;font-weight:bold;line-height:16px;font-size:16px;padding:15px 0;width:100%}
.news-feed-display {overflow:hidden}
#content .news-feed-display div {font-size:12px;margin:0 10px}
#content .news-feed-display p {margin:3px 10px 7px;font-weight:lighter;line-height:14px;font-size:11px;padding:0}
.news-feed-more {font-size:10px;color:#777}
.content-side .jquery-links {margin:40px 0 10px;background:#ccc}
#content .content-side ul {margin-left:50px;color:#333}
#content .content-side span {color:#777}
.content-main {width:440px;float:right;clear:none}
.content-post {margin:15px 0 30px;overflow:hidden;width:100%}
.image {border: 1px solid #ccc;}
.post-author {margin-top: 10px;font-size: 11px;color: #333;text-transform:capitalize}
.post-author em {text-transform:lowercase}
.post-tags, .post-meta, .post-date {margin-top: 3px;font-size: 11px;color: #333}
.post-meta+p:first-letter, .post-tags+p:first-letter {font-family:Georgia,serif;font-weight:bold;font-size:20px}
#nav-links {padding-top:15px;clear:both}
.nav-links-left {float:left;clear:none;padding-bottom:5px;line-height:20px;width:210px}
.nav-links-right {float:right;clear:none;padding-bottom:5px;line-height:20px;text-align:right;width:210px}
#related-posts ul {font-size:11px;color:#333}
#content a.demo-link,#content a.download,#content a.documents {margin:0 10px 10px 0;text-decoration:none;border:1px solid #ddd;text-indent:-9999px;display:block;float:left;clear:none}
#content a.demo-link {background:url(images/demo.jpg) no-repeat 0 0;height:25px;width:50px}
#content a.download {background:url(images/down.jpg) no-repeat 0 0;height:25px;width:83px}
#content a.documents {background:url(images/docs.jpg) no-repeat 0 0;height:25px;width:117px}
.content-more {overflow:hidden;width:100%;clear:both}
.sociable {overflow:hidden;width:100%}
#content .sociable ul {margin-left:10px}
#content .sociable ul li {list-style-type:none;display:inline;margin:0 2px}
#content .sociable ul a {outline:0 none;border:0 none}
#content .sociable ul img {border:1px solid #ccc;padding:1px}
.content-resources {margin-bottom:10px;width:300px;float:right;clear:none;color:#333}
.content-resources p {padding-left:15px;font-weight:bold}
#content .content-resources ul {margin-left:40px}
#content ul.jquery-downloads {margin-left:20px}
#content .jquery-downloads li {background:url(images/down.png) no-repeat left center;padding:0 0 7px 25px;list-style-type:none}
.content-resources .submissions {margin:40px 0 10px;background:#ccc}
.content-resources .success-message {margin:40px 0 10px;background:#090;color:#fff}
.content-resources .error-message {margin:40px 0 10px;background:#c00;color:#fff}
.content-resources .success-message small,.content-resources .error-message small {font-weight:lighter;font-size:10px}
#content .content-resources .success-message small a:link,#content .content-resources .success-message small a:visited,#content .content-resources .error-message small a:link,#content .content-resources .error-message small a:visited {border-bottom:1px dotted #fff;text-decoration:none;color:#fff}
#content .content-resources .success-message small a:hover,#content .content-resources .success-message small a:active,#content .content-resources .error-message small a:hover,#content .content-resources .error-message small a:active {border-bottom:2px solid #fff;color:#fff}
.submissions-display {margin:0 15px 10px}
#content .submissions-display div {font-size:12px}
#content .submissions-display p {font-weight:lighter;line-height:14px;font-size:11px;margin:3px 0;padding:0}
#submissions {margin-bottom:20px}
#submissions form {padding-bottom:3px;margin-left:20px;overflow:hidden;display:block;width:270px}
.public-submission-input-element {display:block;clear:both;width:244px;font-family:Verdana,sans-serif;border:2px solid #125C8D;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:3px 0 10px;background:#fff;font-size:10px;padding:7px;color:#777}
.public-submission-input-element:active,.public-submission-input-element:focus {color:#333}
#public-submission {font-family:Georgia,serif;text-transform:uppercase;border:2px solid #125C8D;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#125C8D;margin-top:-5px;padding:3px 7px;font-size:11px;cursor:pointer;color:#fff}
#comments {margin:3px 0}
#comments.content-post h3 {margin-bottom:15px}
.comment {padding:5px 10px 5px 5px;border:1px dotted #ccc;overflow:hidden;margin:3px 0;float:right}
.even {background:#eee}
.comment-left {float:left;clear:none;width:70px}
.comment-right {float:right;clear:none}
.depth-1 {width:422px}
.depth-1 .comment-right {width:340px}
.depth-2 {border-left:3px solid #ccc;width:400px}
.depth-2 .comment-right {width:318px}
.depth-3 {border-left:3px solid #ccc;width:380px}
.depth-3 .comment-right {width:298px}
.avatar {border:1px solid #ccc}
.comment-author-date {font-size:10px}
.comment-moderation {color:#c00}
.reply {font-size:11px;float:right}
#respond {overflow:hidden;background:#ccc;padding:10px;float:right;clear:both;width:419px}
#respond form {margin-top:15px}
#respond p.subscribe-to-comments {margin-bottom:5px;overflow:hidden;width:100%}
#respond .subscribe-to-comments label,#respond .subscribe-to-comments input {display:block;float:left;clear:none}
#respond .subscribe-to-comments label {margin:-2px 0 0 3px}
#respond .input,#respond textarea {display:block;clear:both;width:244px;font-family:Verdana,Arial,sans-serif;border:2px solid #125C8D;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:3px 0 10px;background:#fff;font-size:10px;padding:7px;color:#777}
#respond textarea {width:350px}
#respond .input:focus,#respond .input:active,#respond textarea:focus,#respond textarea:active {color:#333}
#respond #submit {font-family:Georgia,serif;text-transform:uppercase;border:2px solid #125C8D;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#125C8D;margin-top:-5px;padding:3px 7px;font-size:11px;cursor:pointer;color:#fff}
#content #respond h3 {margin:5px 0 0}
.cancel-comment-reply {font-size:11px;float:right}
#comment-policy-toggle {font-family:Verdana,Arial,sans-serif;font-size:11px}
#comment-policy {font-family:Verdana,Arial,sans-serif;background:#DEDDDD;margin-top:5px;font-size:10px;padding:5px;height:35px}
#comment-policy span {font-family:"Courier New",Courier,mono;font-size:10px;color:#555}
.depth-1+#respond {width:419px}
.depth-2+#respond {width:399px}
.depth-2+#respond div#comment-policy {height:50px}
#footer {background:url(images/bg-bot.gif) repeat-x 0 0;border-bottom:5px solid #222;overflow:hidden;text-align:left;margin:0 auto;width:960px;color:#fff}
#footer a:link,#footer a:visited {text-decoration:none;color:#eee}
#footer a:hover,#footer a:active {text-decoration:underline;color:#fff}
.footer-menu {text-align:center;overflow:hidden;width:100%}
.footer-feed {background:#333;height:40px;width:200px;float:left;clear:none}
#footer .footer-feed a {background:url(images/feed.jpg) no-repeat 0 0;text-indent:-9999px;margin-left:15px;margin-top:7px;display:block;height:25px;width:133px;float:left}
.footer-menu ul {margin-left:20px;margin-top:10px;float:left;clear:none}
.footer-menu li {list-style:none outside;margin:0 10px;float:left;clear:none}
.footer-logo {height:37px;width:200px;float:left;clear:none}
#footer .footer-logo a {background:url(images/logo-s.jpg) no-repeat 0 0;text-indent:-9999px;display:block;height:37px;width:200px;float:left}
.footer-copy {height:37px;float:left;clear:none}
.footer-copy span {margin-left:30px;margin-top:8px;display:block}
div#coldform {width:95%}
div#coldform fieldset {border:0 none}
div#coldform legend.hide {display:none}
div#coldform label.label {display:block;float:left;clear:both;text-transform:lowercase;text-align:left;font-size:11px;color:#555}
div#coldform input.input,div#coldform textarea#coldform_message {display:block;float:left;clear:both;width:300px;font-family:Verdana,sans-serif;border:2px solid #125C8D;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:3px 0 10px;background:#fff;font-size:10px;padding:7px;color:#777}
div#coldform input.input:active,div#coldform input.input:focus {color:#333}
div#coldform textarea#coldform_message {width:350px}
input#coldform_carbon {float:left;clear:both;margin-top:2px}
div#coldform input.submit {font-family:Georgia,serif;text-transform:uppercase;border:2px solid #125C8D;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#125C8D;margin:-3px 0 5px;padding:3px 7px;font-size:11px;cursor:pointer;float:left;clear:both;color:#fff}
#coldform_error {margin-bottom:10px;background:#c00;width:300px;padding:7px;color:#fff}
#coldform_success {background:#0c0;margin:10px 0;padding:7px;color:#fff;width:100%}
#credit-link {padding-top:10px;overflow:hidden;width:100%;clear:both}
.formError {position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000}
.formError .formErrorContent {font-family:Tahoma,Arial,sans-serif;-webkit-box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;box-shadow:0 0 6px #000;padding:4px 10px 7px;border:2px solid #ddd;background:#ee0101;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:11px;width:100%;color:#fff}
.greenPopup .formErrorContent {background:#33be40}
.yellowPopup .formErrorContent {background:#393939;color:#fff}
.formError .formErrorArrow {position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001}
.formError .formErrorArrow div {-webkit-box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;box-shadow:0 2px 3px #444;border-right:2px solid #ddd;border-left:2px solid #ddd;background:#ee0101;line-height:0;font-size:0;margin:0 auto;display:block;height:1px}
.greenPopup .formErrorArrow div {background:#33be40}
.yellowPopup .formErrorArrow div {background:#393939;color:#FFF}
.formError .formErrorArrow .line10 {width:15px;border:none}
.formError .formErrorArrow .line9 {width:13px;border:none}
.formError .formErrorArrow .line8 {width:11px}
.formError .formErrorArrow .line7 {width:9px}
.formError .formErrorArrow .line6 {width:7px}
.formError .formErrorArrow .line5 {width:5px}
.formError .formErrorArrow .line4 {width:3px}
.formError .formErrorArrow .line3 {width:1px;border-bottom:0 solid #ddd;border-right:2px solid #ddd;border-left:2px solid #ddd}
.formError .formErrorArrow .line2 {width:3px;border:none;background:#ddd}
.formError .formErrorArrow .line1 {width:1px;border:none;background:#ddd}
#respond label {display:block;float:left;clear:both;text-transform:lowercase;text-align:left;font-size:11px;color:#555;#}
#respond label,#submissions label {display:none}

/* == ALL YOUR CODE ARE BELONG TO POETRY == */