/** =typography =color
************************************** */

/* obscure font */

h2,
.description,
#sidebar h3,
.before a,
#preview-box .comment-by,
#contact-form legend {
  font-family: "Ubuntu", sans-serif;
}
/* beige color */

.description,
#nav-filter,
.postmeta,
.postmetadata,
.commentmetadata a,
.commentmetadata a:hover,
#sidebar li,
#sidebar li a span,
#legal,
#legal a,
.instructions,
#sidebar .netdna,
small {
  color: #666;
}

/*dark green -- for headings and these elements */

h2, h3, h4, h5,
h2 a, h2 a:hover,
.order .active,
#nav-filter li.current-cat a,
.category-levels .cat-item-levels a,
#nav-filter a:hover,
.before a,
.before a:hover,
#preview-box .comment-by,
.commentlist cite,
#sidebar h4,
#contact-form legend,
label strong,
.instructions strong,
.instructions code
 {
  //color: #28393a;
  font-family: "Ubuntu";
}

.instructions li code {
  font-weight: bold;
}
/** =layout
************************************** */
body {
  font-family: "PT Sans", sans-serif;
  background: #e8e8e8;
}
.wrapper {
  background: transparent url(/wp-content/themes/ljq/images/buttonsprite041309.png) no-repeat 0 -400px;
}
#header { display: inline-block;}
* html #header { height: 1%; }
#header {
  display: block;
  margin-left: 70px;
  padding-bottom: 24px;
  background: url(/wp-content/themes/ljq/images/hr.png) repeat-x 0 100%;
}
#header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.banner {
  clear: both;
  margin-top: 25px;
  margin-left: 70px;
  padding: 1em;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.4em;
  background-color: #008c7e;
  color: #fff;
  border: 3px solid #28393a;
}
.banner a {
  background-color: #d44314;
  padding: 3px 5px;
  color: #fff;
}
#branding {
  float: left;
}

/** =headings
************************************** */
h1 {
  padding-top: 24px;
  padding-bottom: 8px;
}
h1 a {
  display: block;
  text-indent: -1000em;
  overflow: hidden;
  width: 277px;
  height: 48px;
  background: url(/wp-content/themes/ljq/images/logo.png) no-repeat 0 0;
}
h1 a:hover {
  background: url(/wp-content/themes/ljq/images/logo.png) no-repeat 0 -50px;
}
h3, h4, h5 {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.4em;
}
h2 {
  margin-bottom: .3em;
  line-height: 1.33em;
  font-size: 1.8em;
}
h2 a,
h2 a:hover {
  padding-bottom: 3px;
  background-color: #fff !important;
}
h2,
#sidebar h3 {
  font-weight: 200;
}
h3 {
  font-size: 1.3em;
  //background: transparent url(/wp-content/themes/ljq/images/hr.png) repeat-x 0 100%;
  padding-bottom: 3px;
  margin-bottom: .5em;
}
h3.pagetitle {
  background-image: none;
  font-weight: normal;
  color: #86837A;
  margin-bottom: 0;
}
.post h4 {
  margin-top: .75em;
  font-size: 1.1em;
  font-family: "Ubuntu";
}
/** =common elements
************************************** */
p, ul, ol, dl {
  line-height: 1.4em;
}
ul, ol {
  margin-left: 1.2em;
  margin-bottom: 1em;
}

p {  margin-bottom: 1em; }
a {
  color: #d44314;
  text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

ins {
  text-decoration: none;
  border-bottom: 0;
  color: #222;
}
del {
  color: #c00;
  text-decoration: line-through;
}
kbd, code {
  font: 1.05em Courier, "Courier New", fixed;
}
pre {
  margin: 1em 0;
}
pre.highlight {
  background-color: #fff;
  line-height: 1.4;
  padding: .5em;
}
pre.highlight .comment {
  background-color: transparent;
  color: #006600;
}
code .comment {
  background: #d9e9ff;
}

acronym, abbr, span.caps {
  cursor: help;
  font-size: 0.9em;
  letter-spacing: .07em;
}

acronym, abbr {
  border-bottom: 1px dashed #999;
}

blockquote {
  margin: 15px 30px 0 0;
  padding-left: 16px;
  border-left: 8px solid #e1e0d4;
}

blockquote cite {
  margin: 5px 0 0;
  display: block;
}

blockquote .syntax_hilite {
  width: 580px;
}
hr { display: none; }

.alt {
  margin: 0;
}

.alignright { float: right; }
.alignleft { float: left; }

.center { text-align: center; }

.navigation .alignleft,
.navigation .alignright {
  position: relative;
}

.notice {
  margin-bottom: 1em;
  padding: .8em;
  border: 2px solid #ddd;
  background-color: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}
ul.children .notice {
  margin-right: 1em;
}
/** =posts and =pages
************************************** */
.post {
  //margin-left: 70px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #666;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  //background:  url(/wp-content/themes/ljq/images/hr.png) repeat-x 0 100%;
}
.postmetadata {
  margin: 0;
}
.post .author {
  margin-bottom: .75em;
}
#comments-title-link {
  float: right;
}
.post a:hover,
#sidebar a:hover {
  //text-decoration: none;
  //background-color: #ece7db;
}
.entry{
	padding-right: 10px;
}
.post code { font-weight: bold; }
.entry ul,
.entry ol {
  margin-bottom: 1em;
}
.entry li p {
  margin-top: 1em;
}
#sidebar a.cover:hover {
  border-bottom-width: 0;
  background-color: transparent;
}
iframe {
  width: 100%;
}
.note {
  margin: 1em 0;
  padding: .5em;
  background-color: #dfdbce;
}
.note-editor {
  margin: 1em 0;
  padding: .5em;
  border: 1px solid #dfdbce;
  font-style: italic;
}
.note-editor em {
  font-style: normal;
}
.col1-2 {
  float: left;
  padding-left: 70px;
  width: 290px;
  padding-right: 20px;
}
.col2-2 {
  float: left;
  width: 300px;
}
.col1-2 ul,
.col2-2 ul {
  margin-bottom: 1.5em;
}

.scripts {
  margin: 1.5em 0;
}

/** =page nav
************************************** */
.before {
  clear: both;
  height: 44px;
  line-height: 40px;
  //background: url(/wp-content/themes/ljq/images/hr.png) repeat-x 0 100%;
}
.before a {
  display: block;
  width: 426px;
  font-size: 1.1em;
}
.before .prev a:hover,
.before .next a:hover {
  //background-color: #ece7db;
  text-decoration: none;
}
.before .prev a {
  padding-right: 6px;
  padding-left: 32px;
  background: url(/wp-content/themes/ljq/images/buttonsprite041309.png) no-repeat 0 -108px;
}
.before .next a {
  padding-right: 32px;
  padding-left: 6px;
  background: url(/wp-content/themes/ljq/images/buttonsprite041309.png) no-repeat 436px -60px;
}
.before,
.after {
  margin: 0 0 0 70px;
  overflow: hidden;
}
.page-nav .prev {
  float: left;
}
.page-nav .next {
  text-align: right;
  float: right;
}
.after .prev a,
.after .next a {
  background-image: url(/wp-content/themes/ljq/images/buttonsprite041309.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 31px;
}
.after .prev a { background-position: 0 -249px; }
.after .next a { background-position: 0 -213px; }
.post h2 a:hover {
  text-decoration: none;
  border-bottom: none;
  opacity: 0.7;
}
.post h2 a{
	color: #222;
}

.deprecated {
  font-weight: bold;
  color: #800;
}


#sk2-footer {
  display: none;
}

/** =comments
************************************** */
#comments {
  padding-left: 70px;
}
#comments-title {
  margin-bottom: 0;
  text-transform: capitalize;
}
#pings-title {
  margin-top: .5em;
}
.commentlist {
  margin-left: 0;
}
.commentlist li {
  padding: .25em .5em;
  font-family: "PT Sans", Arial, sans-serif;
  color: #222;
  font-size: 2em;
  border-bottom: 1px solid #666;
}
.commentlist li li {
  font-size: 1em;
  border-bottom-width: 0;
  font-family: Georgia, "Lucida Grande", Helvetica, verdana, arial, sans-serif;
  color: #286762;
}
.commentlist li .comment-single {
  font-family: Georgia, "Lucida Grande", Helvetica, verdana, arial, sans-serif;
  font-size: .5em;
  color: #286762;
  overflow: hidden;
}
.commentlist cite {
  font-family: Helvetica, Arial, sans-serif;
}
.comment-author { float: left; }
.commentlist .alt {
  background-color: #f9f8f3;
}
.commentlist .author,
.commentlist .bypostauthor {
  background-image: url(/wp-content/themes/ljq/images/author-flag.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.comment-body {
  clear: left;
}
.commentmetadata a,
.commentmetadata a:hover {
  text-decoration: none;
  font-size: .9em;
  padding-left: 4px;
}

.commentlist li pre,
#live-preview pre {
  padding: 0 6px;
  background-color: #fff;
  overflow: auto;
  width: 569px;
  line-height: 1.2;
}
.commentlist li pre,
.commentlist code,
#live-preview code {
  background-color: #fff;
}
#respond {
  margin-top: 1.5em;
  //background-color: #f4f3eb;
}
#comments .replying {
  position: absolute;
  border: 3px solid #dfdbce;
  padding: 10px;
}
#close-reply {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  left: 0;
  top: 0;
  margin: -14px 0 0 -12px;
  background:  url(/wp-content/themes/ljq/images/buttonsprite041309.png) no-repeat -100px 0;
  text-indent: -1000em;
  overflow: hidden;
}
.instructions p {
  margin: 1em 0 0;
}
.instructions ul {
  margin-top: 0;
  margin-bottom: 1em;
}
#preview-box .comment-by {
  margin-bottom: .5em;
  font-size: 1.3em;
  font-weight: 200;
}
#comment,
#live-preview {
  width: 600px;
  margin-bottom: .5em;
  font-family: Georgia,"Lucida Grande","Lucida Sans Unicode",Helvetica,verdana,arial,sans-serif;
}
#comment {
  height: 155px;
  border: 1px solid #999;
  font-size: 14px;
  padding: 3px;
}
#live-preview {
  padding: 4px 0 4px 14px;
  border: 1px solid #F4F3EB;
  line-height: 1.4em;
}
#commentform fieldset {
  margin: 0;
  border-width: 0;
}
#commentform label {
  padding-left: 6px;
}
#commentform label strong {
  font-family: Helvetica, Arial, sans-serif;
}

#scomment {
  text-align: right;
}

#comments #comment {
  width: 600px;
}
/*comment pagination nav */
#comments .navigation {
  width: 100%;
  margin: 1em 0;
}
.comment-nav-next,
.comment-nav-prev {
  width: 128px;
  height: 30px;
  background-image: url(/wp-content/themes/ljq/images/buttonsprite041309.png);
  background-repeat: no-repeat;
}
.comment-nav-next {
  background-position: 0 -285px;
}
.comment-nav-prev {
  background-position: 0 -320px;
}
/* =sub-levels for threaded comments */

/* 2nd level */
#comments ol ul.children {
  list-style-type: none;
  position: relative;
  left: 0.5em;
  margin: .5em 0 .5em -.5em;
  padding-right: 0;
}
#comments ol ul.children li {
  padding-right: 0;
  background-color: transparent;
  border: 1px solid #dfdbce;
  border-width: 1px 0 1px 6px;
}

/* 3rd+ levels */
#comments ol ul.children ul.children {
  margin: 0;
  left: 0;
}
#comments ol ul.children ul.children li {
  border-right-width: 0;
}

/** =navigation
************************************** */
.hnav {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
}

.hnav li {

}

#nav-main {
  position: relative;
  float: right;
  margin-top: 5px;
margin-right: 20px;
  text-align: right;
  width: 105px;
}
.description {
padding-bottom: 6px;
}

#nav-main li {

  padding: 2px 20px 2px 0;
  line-height: 1em;
}
#nav-main a {
  display: block;
  background-image: url(/wp-content/themes/ljq/images/nav-main-light.png);
  background-color: transparent;
  background-repeat: no-repeat;
  font-size: 1px;
  text-align: left;
  text-indent: -1000em;
  overflow: hidden;
}
.page-item-home a { background-position: 0 0; width: 44px; }
.page-item-107 a { background-position: -65px 0; width: 91px;}
.page-item-106 a { background-position: -178px 0; width: 73px; }
.page-item-2 a { background-position: -272px 0; width: 52px; }
.page-item-63 a { background-position: -346px 0; width: 69px; }

//.page-item-home a:hover { background-position: 0 -25px; width: 44px; }
//.page-item-107 a:hover { background-position: -65px -25px; width: 91px;}
//.page-item-106 a:hover { background-position: -178px -25px; width: 73px; }
//.page-item-2 a:hover { background-position: -272px -25px; width: 52px; }
//.page-item-63 a:hover { background-position: -346px -25px; width: 69px; }

.page-item-home a.active { background-position: 0 -50px; width: 44px; }
.page-item-107 a.active { background-position: -65px -50px; width: 91px;}
.page-item-106 a.active { background-position: -178px -50px; width: 73px; }
.page-item-2 a.active { background-position: -272px -50px; width: 52px; }
.page-item-63 a.active { background-position: -346px -50px; width: 69px; }


div.last,
#nav-main li.last {
  padding-right: 0;
}
#nav-main a.rss,
#comments .rss a {
  background: transparent url(/wp-content/themes/ljq/images/buttonsprite041309.png) no-repeat 0 -180px;
  height: 16px;
  width: 16px;
}

#comments .rss { padding-top: 4px; }
#comments .rss,
#comments .rss a {
  height: 16px;
  width: 16px;
  float: right;
  text-align: left;
}
#footer a.rss {
  background: transparent url(/wp-content/themes/ljq/images/buttonsprite041309.png) no-repeat 100px 8px;
}
#footer a.rss:hover {
  background: #fff url(/wp-content/themes/ljq/images/buttonsprite041309.png) no-repeat 100px -12px;
}

#footer a.rss span {
  display: none;
}
#nav-filter {
  float: right;
  clear: right;
  font-size: .8em;
  margin-top: 8px;
}
#nav-filter li {
  float: left;
  display: block;
  margin: 3px 0 3px 12px;
}
#nav-filter a {
  padding: 2px 0;
}
.order .active,
.category-levels #nav-filter .cat-item-levels a,
#nav-filter li.current-cat a,
#nav-filter a:hover {
  text-decoration: underline;
  //border-bottom: 1px solid #9cabac;
}

.prevnext {
  clear: both;
}

/** =sidebar
************************************** */

#sidebar ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
#sidebar li {

  border-bottom: 1px solid #dfdbce;
}
#sidebar h3 {
  font-size: 1.5em;
}
#sidebar h3,
#sidebar h4 {
  margin-top: 1.5em;
}
#sidebar #sidebar-popular h3 { margin-top: 4px; }
#books li {
  margin: 1em 0;
  padding-bottom: .5em;
  overflow: hidden;
}
#books .cover {
  float: left;
}
#books div {
  margin-left: 100px;
}
#sidebar .menu li a,
#sidebar li li a {
  padding-left: 8px;
  line-height: 1.8em;
}
#sidebar-authors li {
  overflow: hidden;
}
#sidebar #sidebar-authors .menu li a {
  padding: 6px 0;
  line-height: 36px;
}
#sidebar-authors li img {
  float: left;
  margin-right: 10px;
  width: 36px;
  height: 36px;
}
#sidebar-authors a span {
  float: right;
  padding-right: 6px;
}
.menu li a,
.linkcat li a {
  display: block;
}

#sidebar-links li,
#sidebar .menu li a:hover,
#sidebar .linkcat li a:hover,
#sidebar a.firehost:hover {
  border-bottom-width: 0;
}
#sidebar-links li li {
  border-bottom-width: 1px;
}
p.netdna {
  margin-top: 1.5em;
}
p.netdna a {
  display: block;
  overflow: hidden;
}
a.firehost:hover,
#sidebar p.netdna a:hover {
  /*background-position: 0 -207px;*/
  border-bottom-width: 0;
  background: none;

}

/** =search
************************************** */
.js #searchform label {
  display: none;
}
#s {
  width: 100px;
  margin-left: 4px;
}
#searchsubmit {
  width: 16px;
}
#s,
#searchsubmit {
  height: 16px;
  float: left;
  border: 0;
  padding: 2px;
  background-color: #fff;
}

/** =footer
************************************** */
#footer h2 {
  color: #fff;
}
#footer p {
  margin-bottom: 1em;
}
#footer a:hover {
  background-color: #fff;
  text-decoration: none;
}
#creative-commons {
  float: right;
}
#footer .wrapper,
#legal {
  background-image: none;
  padding: 18px 0 18px 70px;
}
#footer .wrapper {
  overflow: hidden;
  font-size: 13px;
}
#legal {
  font-size: 12px;
}
#footer ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
#footer li {
  border-bottom: 1px solid #666;
  margin-left: 0;
  padding-left: 0;
}
#footer li a {
  padding: 3px 0 3px 6px;
  width: 124px;
  display: block;
  text-decoration: none;
}
.cols4 {
  float: left;
  width: 290px;
  padding-right: 30px;
}
.cols2 {
  float: left;
  width: 130px;
  padding-right: 30px;
}
#amount {
  background-color: #324e50;
  border: 1px solid #3c5c5e;
  border-width: 0 1px 1px 0;
  padding: 0 4px;
  color: #fff;
}
#submitdonation {
  background-color: #28393a;
  color: #fff;
  border: 1px solid #999;
  cursor: pointer;
}
#legal a,
#legal a:hover {
  text-decoration: none;
  border-bottom: 1px solid #e5ddc2;
}
#legal a#creative-commons,
#legal a#creative-commons:hover {
  border-bottom: 0;
}
#footer .last h3 {
  font-weight: normal;
  color: #fff;
  background-image: none;
  margin-bottom: 0;
}
/** =images
************************************** */

p img {
  padding: 0;
  max-width: 100%;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

a img {
  border: none;
}

/** =category archives
************************************** */
.archives-category .post ul {
  list-style-type: none;
}
.archives-category .post li {
  margin-top: 1em;
}

.archives-category .post li li {
  padding-bottom: .25em;
  margin-bottom: .35em;
  border-bottom: 1px solid #dfdbce;
}

.archives-category .post li li small {
  float: right;
}
.archives-category .post li li div {
  clear: right;
}

.order {
  position: absolute;
  left: 735px;
  font-size: .85em;
/*  margin-bottom: 1.5em;*/
}
/** =contact form
************************************** */
#contact-form {
  margin-left: 70px;
  font-size: 1em;
}
fieldset {
  margin-top: 1em;
  border: 0;
}
#contact-form legend {
  font-size: 1.4em;
  margin-left: -1em;
  margin-bottom: .5em;
}

#contact-form label {
  float: left;
  clear: left;
  width: 150px;
  padding-right: 5px;
  text-align: right;
}
#contact-form fieldset input,
#contact-form fieldset textarea {
  width: 250px;
}
#contact-form #sum {
  width: 70px;
}
#submit-form {
  margin: 1em 0 1em 348px;
}
.error {
  padding: .5em;
  background: #fdd;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}
.reqstar {
  color: #c00;
  padding-left: 5px;
  vertical-align: top;
}

.log .error {
  padding-left: .5em;
}

.error-message {
  vertical-align: top;
  padding-left: 5px;
}

.error-summary {
  line-height: 1.4;
}
.success {
  margin-top: 1em;
  padding-left: .5em;
  background: #dfd;
  border-top: 1px solid #090;
  border-bottom: 1px solid #090;
}

.alert {
  margin: 6px 25px;
  padding: 6px;
  width: 60%;
  border: 3px solid #a00;
  background-color: #ffd;
  font-size: 1.3em;
}


/** =jQuery stuff
************************************** */

.update {
  background: #effcf7;
  border: 1px solid #286762;
  margin: 1em 0;
  padding: .5em;
  color: #28393A;
}

.update ins {
  color: #000;
}

.jq11 {
  background: #fdd url(/images/jq1-1.png) no-repeat 2px 5px;
  padding: 5px 5px 5px 35px;
  border: 1px solid #c99;
  text-indent: 0;
  margin-bottom: .5em;
}
.jq12 {
  background: #dfd url(/images/jq1-2.png) no-repeat 2px 5px;
  padding: 5px 5px 5px 35px;
  border: 1px solid #9c9;
  text-indent: 0;
  margin-bottom: .5em;
}
.jq13 {
  background: #ddf5ff url(http://assets.learningjquery.com/images/jq13.png) no-repeat 2px 5px;
  padding: 5px 5px 5px 35px;
  border: 1px solid #6daec9;
  text-indent: 0;
  margin-bottom: .5em;
}
.jq13 h4 {margin-top: 0;}
.jq13 p {
  color: #333;
}
/*
.t402-prompt-iframe-container:before {
content: "This is a Google Survey, once you answer this one question you have full access to the site!";
}
*/

#_fancybar_js{
z-index: 10000;
}
.hentry{
	background-color: #fff;
	padding: 30px 0 0 0;
	line-height: 1.5;
}
.igBar{
	margin-top: 10px;
}
.comment-body p{
	color: #222;
	font-family: "PT Sans";
}
.comment-edit-link, .comment-meta.commentmetadata a{
	font-family: "PT Sans";
}
.page-id-106 .contents{
	padding-top: 30px;
}
.page-id-1899 .contents h2, .page-id-2 .contents h2, page-id-63 .contents h2{
	color: #d44314;
	margin-bottom: 15px;
}
.page-id-1899 .contents h3{
	font-family: "Ubuntu";
}
#nav-main a:hover{
	opacity: .6;
}

#sidebar {
min-width: 305px !important;
}