/*
Theme Name: Lizard Wrangler
Theme URI: http://blog.lizardwrangler.com/
Description: Personal weblog of Mitchell Baker, Mozilla's Chief Lizard Wrangler. Design by <a href="http://www.designwithmojo.com">Monique Johnson</a>. Code by <a href="http://www.focalcurve.com">Craig Cook</a>. Copyright Mozilla Corporation, all rights reserved.
Author: Craig Cook
Author URI: http://www.focalcurve.com/

Created January 23, 2009
*/

/* =Reset defaults */
html, body, form, fieldset, legend,
h1, h2, h3, h4, h5, h6,
pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0; }
p, pre, blockquote, ul, ol, dl { margin: 0 0 1.7em; padding: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
fieldset { border: 0; }
form ul, form ol { list-style: none; margin: 0 0 1.7em; }

/* =General elements */
html { min-width: 660px; padding: 0 20px; background: #fff url("img/headbg.jpg") center top no-repeat; border-top: 2px solid #fff; }
body { margin: 0 auto; min-width: 700px; max-width: 1000px; font: 15px/1.6 Georgia, "Times New Roman", Times, serif; color: #4d4b4b; }

input, select, textarea, button { font-family: Georgia, "Times New Roman", Times, serif; font-size: inherit; line-height: 1.4; color: inherit; }

abbr[class="published"], abbr[class="updated"] { border: 0; }

/* =Links */
a:link { text-decoration: none; color: #3498b8; }
a:visited { text-decoration: none; color: #0c6582; }
a:hover, a:active, a:focus { text-decoration: underline; color: #1e5798; }

.hentry a:link img { border: 2px solid #3498b8; }
.hentry a:visited img { border: 2px solid #0c6582; }
.hentry a:hover img, .hentry a:focus img, .hentry a:active img { border: 2px solid #1e5798; }

#content-extra .widget_categories a:link { color: #4d4b4b; }
#content-extra .widget_categories a:visited { color: #777; }
#content-extra .widget_categories a:hover,
#content-extra .widget_categories a:focus,
#content-extra .widget_categories a:active { color: #1e5798; }

/* =Headings */
h1 { font-size: 150%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4, h5, h6 { font-size: 100%; }

.page-title { margin-bottom: .75em; border-bottom: 1px solid #d9e1e4; font-size: 150%; font-weight: normal; }

/* =Skip links */
#nav-access { position: absolute; top: -10em; }
#nav-access li { display: inline; }
#nav-access a:active, #nav-access a:focus { display: block; position: absolute; top: 11.5em; left: auto; border: 1px solid #358d62; outline: 0; padding: .25em 10px; width: 220px; background: rgba(255,255,255,0.5); text-decoration: none; font-size: 95%; color: #0c6582; }
#content-extra .access { position: absolute; height: 0; }
#content-extra .access a { display: block; position: absolute; top: -1.25em; left: -10px; padding: 0; height: 0; width: 220px; overflow: hidden; text-indent: -999em; }
#content-extra .access a:focus { position: absolute; border: 1px solid #358d62; outline: 0; padding: .1em 10px; height: auto; background: rgba(255,255,255,0.5); color: #0c6582; text-indent: 0; text-decoration: none; font-size: 95%; }

/* =Branding (header) */
#branding { height: 230px; position: relative; }
#branding #logo { margin: 0; }
#branding a img { border: 0; }

#branding #tabzilla { border: 0; position: absolute; right: 0; top: 0; }
#tabzilla a { text-indent: 120%; white-space: nowrap; overflow: hidden; background-image: url('img/tabzilla-static.png'); background-repeat: no-repeat; display: block; height: 37px; position: relative; width: 147px; z-index: 2; }
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #tabzilla a { background-image: url('img/tabzilla-static-high-res.png'); -webkit-background-size: 147px 37px; background-size: 147px 37px; }
}
html[dir='rtl'] #tabzilla { float: left; }

/* =Layout */
#content { padding: 0 300px 0 30px; background: transparent url("img/sideshadow.png") 100% 0 repeat-y; }
#content:after { clear: both; height: 0; visibility: hidden; content: "."; } /* clear floats */
#content-main { float: left; padding: 1.25em 0 2em; width: 100%; }
#content-extra { position: relative; float: right; margin-right: -300px; margin-bottom: 2em; padding: 0 25px 0 40px; width: 225px; background: transparent url("img/sideshadow.png") 0 0 repeat-y; font-size: 90%; }
#site-info { clear: both; margin-top: 2em; }

/* =Content */
#content-main .hentry { padding-bottom: 30px; overflow: visible; background: transparent url("img/rule.png") bottom center repeat-x; }
.hentry .entry-title { font-size: 150%; font-weight: normal; }
.hentry .author { font-style: normal; }
.hentry .entry-meta { font-size: 90%; }
.hentry .entry-posted { font-size: 80%; }

#content-main ul { list-style: none; }
#content-main ol { margin-left: 25px; }
#content-main ul li { margin-bottom: .25em; padding-left: 18px; background: url("img/bull-1.png") 0 7px no-repeat; }
#content-main li ul, #content-main li ol { margin-left: 15px; margin-bottom: 0; }
#content-main li ul li { background-image: url("img/bull-2.png"); }
#content-main blockquote { padding: 0 15px 0 50px; background: transparent url("img/quote.png") 0 0 no-repeat; }
#content-main dt { font-style: italic; }
#content-main dd { padding-left: 15px; }
#content-main table { margin-left: 1px; border-collapse: collapse; border: solid #eee; border-width: 1px 1px 0; margin-bottom: 1.6em; }
#content-main th, #content-main td { border-bottom: 1px solid #eee; padding: 0 4px; }
#content-main thead th { font-size: 90%; text-align: left; font-weight: normal; }
#content-main tbody th { text-align: left; }
#content-main code { font-size: 90%; color: #455e66; }

.alignleft { float: left; margin: 0 25px 10px 0; }
.alignright { float: right; margin: 0 0 10px 25px; }
.aligncenter { display: block; margin: 0 auto 1.5em; }

.wp-caption { border: 1px solid #ddd; padding: 3px; }
.wp-caption img { display: block; margin: 5px auto; }
.wp-caption-text { margin: .2em 8px; font-size: 85%; }

/* =Comment =Form */
#comment-form fieldset { padding-top: .5em; }
#comment-form legend span { font-size: 130%; color: #4d4b4b; }
#comment-form ol { margin-left: 0; list-style: none; }
#comment-form li { margin-bottom: .5em; clear: both; }
#comment-form label { display: block; margin-bottom: .25em; font-size: 90%; }
#comment-form .note { font-size: 90%; color: #888; }
#comment-form input, #comment-form textarea { border: 1px solid #9bc8b2; }
#comment-form input:focus, #comment-form textarea:focus { border-color: #358d62; }
#comment-form #comment { width: 99%; }
#comment-form button#submit, input[type="submit"] { border: 1px outset; padding: .2em 10px; background: #9bc8b2; color: #fff; cursor: pointer; }
#comment-form button#submit:hover, #comment-form button#submit:focus,input[type="submit"]:hover, input[type="submit"]:focus { background: #358d62; }

/* =Comments */
h3#comments { margin-bottom: 1.25em; font-weight: normal; }
#content-main .comment-list { margin: 0; padding: 0; list-style: none; }
#content-main .comment-list li.hentry { position: relative; margin-bottom: 1.6em; border: 1px solid #e3e3e3; padding-bottom: 0; background-image: none; font-size: 90%; }
#content-main .comment-list li.mine { border: 1px solid #b2d8c5; }
#content-main .comment-list .num { position: absolute; z-index: 9; top: 5px; right: 5px; padding: 0 5px; font-size: 280%; line-height: 1; color: #cecece; }
#content-main .comment-list blockquote { padding: 0 20px; background: none; }
#content-main .comment-list blockquote blockquote { padding: 0 20px 0 60px; background: url("img/quote.png") 0 0 no-repeat; }

#content-main .comment-list .entry-title { position: relative; border-bottom: 1px solid #e3e3e3; padding: 12px 90px 12px 10px; background: #f1f7f9; font-size: 100%; font-weight: normal; }
#content-main .comment-list.av .entry-title { padding: 12px 90px 3px 65px; min-height: 40px; }
#content-main .comment-list li.alt .entry-title { background: #ecf5f0; }
#content-main .comment-list li.mine .entry-title { background: #e3efe8 url("img/mycmtbg.jpg") top left repeat-x; border-bottom: 1px solid #b2d8c5; }
#content-main .comment-list li.trackback .entry-title, #content-main .comment-list li.pingback .entry-title { padding-left: 10px; background-color: transparent; }
#content-main .comment-list .vcard .author { font-size: 115%; }
#content-main .comment-list .vcard .author .photo { position: absolute; left: 1px; top: 1px; }
#content-main .comment-list .vcard .author .photo img { border: 1px solid #ddd; padding: 1px; }
#content-main .comment-list .vcard a.url .photo img { border-color: inherit; }

.comments-closed { border: 1px solid #ede8de; padding: .25em 10px; background: #faf9f6; }
.mod { margin: 0 20px 1.5em; border: 1px solid #ede8de; padding: .25em 10px; background: #faf9f6; text-align: center; }

/* =Older and =Newer */
#content-main ul.nav-time { float: left; margin: .5em 0; padding: 0 2%; width: 96%; list-style: none; }
#content-main ul.nav-time .older { float: left; padding: 0; background: none; }
#content-main ul.nav-time .older a { padding-left: 25px; background: transparent url("img/arr-prev.png") 0 50% no-repeat; }
#content-main ul.nav-time .newer { float: right; padding: 0; background: none; }
#content-main ul.nav-time .newer a { padding-right: 25px; background: transparent url("img/arr-next.png") 100% 50% no-repeat; }

/* =Sidebar =Widgets */
#content-extra ul, #content-extra ol { padding-left: 0; margin-left: 0; list-style: none; }
#content-extra ul.children { margin-left: 8px; }

#content-extra .widget { margin-bottom: 1em; }
#content-extra .widget h2, #content-extra .widgettitle { margin-left: -24px; padding: 1em 0 .25em 25px; background: transparent url("img/widgettop.png") 100% 0 no-repeat; font-size: 140%; font-weight: normal; color: #3498b8; }

#content-extra ul#widgets { margin-left: -40px; padding-left: 40px; background: transparent url("img/sidetop.png") 0 0 no-repeat; }
#content-extra ul#widgets li.widget:first-child .widgettitle { background-image: none; }

#content-extra .widget_categories ul { margin-left: -13px; }
#content-extra .widget_categories li.cat-item { padding-left: 16px; background: transparent url("img/arr-1.png") 0 .25em no-repeat; }
#content-extra .widget_categories ul.children { margin: 0; }

/* Simulate Randomness */
    #content-extra .widget_categories li[class*="2"], #content-extra .widget_categories li[class*="6"] { background-image: url("img/arr-2.png"); }
    #content-extra .widget_categories li[class*="3"], #content-extra .widget_categories li[class*="5"] { background-image: url("img/arr-3.png"); }
    #content-extra .widget_categories li[class*="4"], #content-extra .widget_categories li[class*="7"] { background-image: url("img/arr-4.png"); }

/* =Search */
#content-extra #fm-search p { margin-left: -16px; padding: 10px 8px 10px 20px; background: transparent url("img/searchbox.png") no-repeat; }
#content-extra #fm-search input#s { border: 0; width: 130px; }
#fm-search button { margin-left: 10px; border: 0; padding-right: 16px; background: transparent url("img/arr-2.png") right center no-repeat; font-family: inherit; font-size: 95%; color: #604312; cursor: pointer; }
#fm-search button:hover, #fm-search button:focus { color: #856632; }

#fail.search .page-title q { font-style: italic; }
#fail.search .notfound { float: left; clear: both; margin-top: 2em; }
#fail.search #fm-search p { padding: 0; margin: .5em 0; }
#fail.search #fm-search #s { width: 250px; }

/* =Calendar */
.widget_calendar { padding: 0 0 25px 0; background: transparent url("img/calbox-br.png") right bottom no-repeat; }
#calendar_wrap { margin-left: -15px; padding: 10px 25px 0 20px; background: transparent url("img/calbox-tl.png") no-repeat; }
#wp-calendar { border-collapse: collapse; width: 100%; }
#wp-calendar caption { font-size: 120%; }
#wp-calendar thead th { font-size: 90%; }
#wp-calendar tbody td { text-align: center; vertical-align: middle; }
#wp-calendar tbody a { display: block; outline: 1px solid #ddd; background-color: #eaeaea; }
#wp-calendar tbody a:hover, #wp-calendar tbody a:focus, #wp-calendar tbody a:active { outline-color: #c6dcd0; background-color: #ddece4; }

/* =Tag =Cloud */
#tag_cloud { text-align: center; line-height: 1.1; }
#tag_cloud h2, #tag_cloud h3 { text-align: left; }
#tag_cloud a:link, #tag_cloud a:visited { color: #666; vertical-align: middle; }
#tag_cloud a:hover, #tag_cloud a:focus, #tag_cloud a:active { color: #1e5798; }

/* =Smart =Archives */
#smart-archives .emptymonth { color: #bbb; }
#smart-archives h2 { margin-bottom: .25em; border-top: 1px solid #eee; font-weight: normal; font-size: 115%; }
#smart-archives ul { margin-left: 0; list-style: none; }
#smart-archives ul li { padding-left: 16px; background: transparent url("img/arr-1.png") 0 50% no-repeat; }

/* =Footer */
#site-info { position: relative; clear: both; padding: 2em 0 1em 60px; min-height: 70px; background: transparent url("img/footbg.jpg") left top no-repeat; font: 80% Verdana, sans-serif; }
#site-info a:link, #site-info a:visited { color: #666; }
#site-info a:hover, #site-info a:focus, #site-info a:active {   color: #1e5798; }
#site-info #nav-info { margin: 0 0 1em; list-style: none; }
#site-info #nav-info li { display: inline; margin-left: 10px; border-left: 1px solid #aaa; padding-left: 12px; }
#site-info #nav-info li#nav-home { margin-left: 0; border-left: 0; padding-left: 0; }
#site-info #copyright { font-size: 90%; color: #aaa; }

#site-info #nav-info li#nav-top { position: absolute; right: 20px; top: 2.6em; margin: 0; border: 0; width: 80px; padding: 0; }
#site-info #nav-top a { display: block; text-decoration: none; overflow: hidden; padding: 40px 0 0; width: 80px; background: transparent url("img/m.png") 100% 0 no-repeat; text-indent: -999em; }
#site-info #nav-top a:hover, #site-info #nav-top a:focus, #site-info #nav-top a:active { outline: 0; background-position: 100% -100px; text-indent: 0; text-align: right; }