/*
Theme Name: The Mozilla Blog - Fox3
Theme URI: http://blog.mozilla.com/
Description: The Mozilla Blog theme for Firefox 3. Designed by The Royal Order (http://www.theroyalorder.com/), illustrated by The Delicious Design League (http://www.deliciousdesignleague.com/). 
Author: Craig Cook
Author URI: http://www.focalcurve.com/

Created April 4, 2008
*/

/* =Reset defaults */
html, body, form, fieldset, 
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; }
fieldset { border: none; }
a img { border: none; }

/* =General elements */
html { background: #fff url("img/background-tile.jpg") top center repeat-x; }
body { min-width: 950px; font: 14px/1.7 Georgia, "Times New Roman", Times, serif; color: #807970; background: transparent url("img/blog-background.jpg") center top no-repeat; }

/* =Links */
a:link, a:visited { text-decoration: none; color: #0489b7; }
a:hover, a:active, a:focus { text-decoration: underline; color: #0489b7; }

a[rel="external"]:link, a[rel="external"]:visited, a.external:link, a.external:visited { padding-right: 10px; }
a[rel="external"]:hover, a[rel="external"]:focus, a.external:hover, a.external:focus { background: transparent url("img/external-link.png") no-repeat right center; padding-right: 10px; }

/* =Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #4b4740; }
h1 { font-size: 185%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 115%; }
h5 { font-size: 105%; }
h6 { font-size: 100%; }

/* =Skip links */
#nav-access { font-size: 95%; position: absolute; top: -10em; left: 50%; width: 890px; margin-left: -475px; padding: 0 30px; list-style: none; }
#nav-access a:active, #nav-access a:focus { text-decoration: none; text-align: center; outline: 0; border: 1px solid #0489b7; position: absolute; left: 0; top: 10em; margin: 58px 20px 0; width: 910px; display: block; background-color: white; }

#doc { position: relative; margin: 0 auto; width: 950px; }

/* =Branding (header) */
#branding { position: relative; height: 405px; }
#branding h1 { position: absolute; top: 95px; left: 30px; color: #fff; font-size: 55px; line-height: 1.4; font-weight: normal; }
#branding h1 a { color: #fff; text-decoration: none; }
#branding #tagline { position: absolute; top: 180px; left: 35px; width: 350px; font-size: 24px; line-height: 1.4; }
#header { z-index: 99; position: relative; font-family: Verdana, Helvetica, sans-serif; margin: 0 15px; height: 56px; width: 920px; background: #1e4262 url("img/header-background.png") no-repeat; }

/* =Main nav */
#nav-main { position: absolute; top: 0; left: 265px; list-style: none; font-size: 90%; font-weight: bold; line-height: 1.231; background: transparent url("img/header-nav-divider.png") left top no-repeat; }
#nav-main li { float: left; height: 56px; background: transparent url("img/header-nav-divider.png") right top no-repeat; }
#nav-main li a { color: #fff; height: 35px; padding: 20px 20px 0; display: block; text-decoration: none; }
#nav-main li a:hover, #nav-main li a:active, #nav-main li a:focus { text-decoration: none; background: #31526f url("img/header-nav-menu-backgrounds.png") top right no-repeat; }
#nav-main ul.nav-sub { position: absolute; left: -999em; list-style: none; font-weight: normal; font-size: 90%; background: url("img/header-nav-menu-backgrounds.png") bottom left no-repeat; padding: 8px 0; width: 190px; }
#nav-main.superfish ul.nav-sub { left: auto; z-index: 99; }
#nav-main ul.nav-sub li { padding: 0; margin: 0 1px; background-image: none; height: auto; float: none; background-image: none; }
#nav-main ul.nav-sub li a { height: auto; padding: 4px 20px; background-image: none; }
#nav-main ul.nav-sub li a:hover, #nav-main ul.nav-sub li a:active, #nav-main ul.nav-sub li a:focus { background-image: none; background-color: #31526f; }

#header #nav-main .sfHover { background: #31526f url("img/header-nav-menu-backgrounds.png") top right no-repeat; }

/* =Side Menu */
#side-menu { z-index: 1; position: absolute; top: 85px; right: 35px; left: auto; list-style: none; width: 170px; font: 71.5%/1 Verdana, Helvetica, sans-serif; }
#side-menu li {	list-style: none; padding: 7px 5px 5px 5px; background: transparent url("img/side-menu-divider.png") top center no-repeat; }
#side-menu li.first { background-image: none; }
#side-menu span { color: #fff; font-weight: bold; }
#side-menu h3 { font-size: 150%; }
#side-menu h3 span { font-weight: normal; }
#side-menu a:link, #side-menu a:visited { color: #1e4262; }
#side-menu a:hover, #side-menu a:active {	color: #1e4262; }

/* =Content */
#content { width: 635px; padding: 0 15px; margin: 0 0 2em 25px; float: left; }
#main-content { width: 645px; margin-left: 40px; float: left; }
#main-content .pagetitle { margin: 0 0 1em; }
#main-content .hentry { position: relative; clear: both; padding: 0 40px 20px 15px; margin: 15px -5px 35px -15px; background: transparent url("img/rule.png") center bottom repeat-x; }
#main-content .hentry.search { padding: 0 40px 5px 15px; margin: 15px 0 15px; }
.hentry .entry-title { font-size: 140%; padding-right: 150px; }
.single .hentry .entry-title { font-size: 150%; }
.hentry .author { position: absolute; right: 15px; top: 0; height: 26px; width: 110px; padding: 10px 50px 10px 5px; background: #f3f5f5; line-height: 1.2; text-align: right; font-family: Verdana, sans-serif; font-size: 75%; font-style: normal; }
.hentry .author a { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 130%; color: inherit; }
.hentry .author a:hover { color: #0489b7; }
.hentry .author img { position: absolute; right: 4px; top: 4px; border: 1px solid #ddd; }
.hentry .postmeta { font-size: 90%; padding-right: 120px; }
.hentry.search .postmeta { margin-bottom: 0; }
.hentry abbr.published { border: 0; text-decoration: none; }
.hentry p.spread { text-align: right; margin-right: -25px; }
#main-content p.spread a.stbutton { padding-right: 0; }

#main-content ul, #main-content ol { margin-left: 25px; }
#main-content li { margin-bottom: .25em; }
#main-content li ul, #main-content li ol { margin-left: 15px; margin-bottom: 0; }
#main-content li ul li, #main-content li ol li { margin-bottom: 0; }
#main-content blockquote { padding: 0 15px; border-left: 1px solid #ddd; }
#main-content dt { font-style: italic; }
#main-content dd { padding-left: 15px; }
#main-content table { border-collapse: collapse; border-width: 1px 1px 0; border-style: solid; border-color: #eee; margin-bottom: 1.7em; }
#main-content th, .hentry td { border-bottom: 1px solid #eee; padding: 0 4px; }
#main-content thead th { font-size: 90%; text-align: left; font-weight: normal; }
#main-content tbody th { text-align: left; }

img.image-left { float: left; margin: 0 25px 10px 0; }
img.image-right { float: right; margin: 0 0 10px 25px; }
img.image-center { display: block; margin: 0 auto 1.7em; }

.emptymonth { color: #b1ada8; }

/* =Comments */
h3#respond { margin-bottom: .5em; }
#commentform { margin: 0 10px 2em 0; }
#commentform #comment { width: 100%; }
#commentform p { margin-bottom: .5em; clear: both; }
#commentform input, #commentform textarea { font-family: inherit; color: inherit; font-size: inherit; }

h3#comments { margin-bottom: 1em; }
#main-content .commentlist { list-style: none; margin-left: -15px; }
#main-content .commentlist li { position: relative; padding: 0 15px 15px 15px; margin-bottom: 20px; background: transparent url("img/rule-thin.png") bottom center repeat-x; }
#main-content .commentlist .num { position: absolute; right: 0; top: -.5em; font-size: 200%; line-height: 1; color: #ebeae7; }
#main-content .commentlist li.alt .num { color: #d7e4e5; }
#main-content .commentlist .commentauthor, .commentlist .trackback { margin: 0 0 .75em; font-size: 90%; }
#main-content .commentlist .commentauthor cite, .commentlist .trackback cite { font-style: normal; }
#main-content .commentlist .commentmetadata { font-size: 90%; margin: 0 0 .5em; }
#main-content .commentlist blockquote { padding: 0; border: 0; }
#main-content .commentlist blockquote blockquote { margin: auto 10px; }

/* =Older and Newer */
ul.nav-time { list-style: none; width: 100%; float: left; clear: both; }
ul.nav-time .older { float: left; margin-left: 15px; }
ul.nav-time .older a { padding-left: 15px; background: transparent url("img/arr-left.png") 0 50% no-repeat; }
ul.nav-time .newer { float: right; margin-right: 10px; }
ul.nav-time .newer a { padding-right: 15px; background: transparent url("img/arr-right.png") 100% 50% no-repeat; }

/* =Sidebar */
#extra-content { float: right; margin: -21px 0 40px; width: 200px; padding-left: 15px; font: 71.5%/1.6 Verdana, Helvetica, sans-serif; }
#extra-content ul, #extra-content ol { list-style: none; margin-bottom: 4em; }
#extra-content ul.children { margin-bottom: 0; margin-top: .5em; }
#extra-content li { margin-bottom: .5em; }
#extra-content h3 { font-size: 200%; color: inherit; margin-bottom: .4em; }
#extra-content #side-about { padding-right: 40px; color: #999185; font: 130%/1.4 Georgia, "Times New Roman", Times, serif; }
#extra-content #side-about h3 { font-size: 140%; color: #4b4742; }
#extra-content #side-sub { margin-bottom: 4em; }
#extra-content #side-sub a { padding-left: 24px; background: transparent url("img/icn-feed.png") 0 50% no-repeat; font: 160% Georgia, "Times New Roman", Times, serif; }
#extra-content #nav-more, #extra-content #search { padding: 10px 0 0 15px; margin-left: -15px; background: transparent url("img/image-list-top.png") no-repeat; }

/* =Search */
#extra-content #search p { position: relative; height: 3em; }
#extra-content #search input#s { position: absolute; left: 0; top: 0; border: 1px solid #76b0bf; width: 140px; padding: 3px 2px; height: 1em; font-size: 125%; font-family: Verdna, Helvetica, sans-serif; }
#extra-content #search button { position: absolute; left: 145px; top: 0; padding: 0; border: 0; text-indent: -999em; background: #76b0bf url("img/gobutton.png") no-repeat; width: 20px; height: 20px; overflow: hidden; cursor: pointer; }

/* =Footer */
#footer { background: transparent url("img/footer-border.png") center top repeat-x; clear: both; color: #898378; font-family: Verdana, sans-serif; font-size: 80%; margin-top: 4em; text-align: center; }
#footer a:link, #footer a:visited { color: #898378; text-decoration: none; }
#footer a:hover, #footer a:active {	color: #69645c;	text-decoration: underline; }
#footer-contents { width: 880px; text-align: left; margin: auto; padding: 35px; }
#footer-menu, #footer-menu ul {	margin: 0; padding: 0; list-style-type: none;	left: auto; }
#footer-menu li {	margin: 0 15px 0 0; padding: 0;	list-style-type: none; float: left; display: inline; font-weight: bold; background: none; position: relative; width: 105px; }
#footer-menu li ul { margin: 0.5em 0 2em 0; }
#footer-menu ul li { line-height: 1.25; float: none; font-size: 85%; padding: 0 0 0.4em 0;	margin: 0; font-weight: normal; display: block; width: auto; }
#footer #copyright { clear: both; background: url("img/footer-logo.png") left top no-repeat; padding-left: 60px; }
#footer #copyright p { margin-bottom: 3px; }
#footer #footer-links { font-size: 85%; padding-bottom: 10px; }