/* =========== */ /* = GLOBALS = */ /* =========== */ body { background:#f0e9d4 url(../images/bg-body-tile.jpg); font:14px georgia, serif; color:#524b33; } #big-helper { background:url(../images/bg-body.jpg) left top repeat-y; } #big-helper>.texture { background:url(../images/bg-texture.jpg) left top no-repeat; } .hidden { display:none !important; } .group { overflow:hidden; zoom:1; } .inner { margin:30px 0; } .section { padding-bottom:20px; } .separator { padding-top:25px; } .flag { color:#960000 !important; } textarea { resize:none; } /* ========= */ /* = LINKS = */ /* ========= */ a { color:#960000; text-decoration:none; } a:hover { text-decoration:underline; } a.standout { display:block; background:url(../images/link-arrow.png) 0 2px no-repeat; padding:0 4px 1px 12px; } a.standout:active { background-position:0 3px; padding-top:1px; padding-bottom:0; } a.button { display:block; padding:0 0 1px 0; } a.button:active { padding:1px 0 0 0; } /* ============= */ /* = STRUCTURE = */ /* ============= */ #site { margin:0; max-width:1020px; } #site .container_24 { margin:0 0 0 auto; background:url(../images/bg-body.jpg) -25px top repeat-y; } #site .container_24>.texture { background:url(../images/bg-texture.jpg) -25px top no-repeat; min-height:1072px; } #copy-helper { background:url(../images/vertical-rule.png) 535px 0 repeat-y; } /* =========== */ /* = SIDEBAR = */ /* =========== */ #sidebar { display:block; float:none; position:fixed; } #sidebar .separator { background:url(../images/hr-sidebar.png) center top no-repeat; } #about-mbn { font-size:13px; line-height:1.4em; margin:10px 0 15px 0; } #suggested-reading { margin-bottom:20px; } #about-author { font-size:12px; } #about-author p { margin-bottom:5px; } #about-author p:last-child { margin-bottom:0; } /* Author */ p#jchristopher { margin-bottom:9px; } p#jchristopher a { display:block; padding:0 0 1px 0; } p#jchristopher a:active { padding:1px 0 0 0; } #sidebar form label, #sidebar form .buttons { display:none; } #sidebar .textfield { background:url(../images/search-field.png) -2px 0 no-repeat; height:31px; margin-top:4px; } #sidebar .textfield input { border:0; background:transparent; padding:6px 5px 0 7px; font:12px georgia, serif; color:#524b33; } #sponsorships p { line-height:1.4em; } /* ============== */ /* = NAVIGATION = */ /* ============== */ #nav { height:73px; } #nav li { float:left; padding-right:20px; } #nav li a:hover img { border-bottom:2px solid #a70000; } /* =========== */ /* = CONTENT = */ /* =========== */ #copy .separator { background:url(../images/hr-copy.png) center top no-repeat; } .entry h1 { font-size:30px; margin-bottom:20px; } .entry h2 { font-size:25px; margin-bottom:20px; } .entry h3 { font-size:21px; margin-bottom:16px; } .entry h4, .entry h5, .entry h6 { font-size:18px; margin-bottom:16px; } .entry p { line-height:1.4em; margin-bottom:20px; } .entry ul { margin:0 0 20px 50px; list-style:square; } .entry ol { margin:0 0 20px 50px; list-style:upper-roman; } .entry li { font-size:1.1em; line-height:1.4em; margin-bottom:8px; } .entry dl { } .entry dt { font-size:1.2em; font-weight:bold; margin-bottom:10px; } .entry dd { padding:0 0 0 20px; margin-bottom:8px; line-height:1.4em; margin-bottom:20px; } .entry dd p { line-height:1em; } .entry dd p:last-child { margin-bottom:0; } .entry em { font-style:italic; } .entry del { text-decoration:line-through; } .entry ins { font-weight:bold; } .entry strong { font-weight:bold; } .entry blockquote { margin:0 0 20px 0; padding:4px 0 4px 12px; border-left:3px solid #cabe9b; font-style:italic; font-size:13px; } .entry blockquote p:last-child { margin:0; } .entry blockquote *:last-child { margin-bottom:0; } .entry blockquote p { margin-bottom:8px; } .entry blockquote li { font-size:1em; } .entry blockquote ul ul { padding-top:3px; } .entry img { background:#cabe9b; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; max-width:504px; height:auto !important; } .entry dl dd img { max-width:485px; } .entry pre { display:block; overflow:auto; padding-bottom:1em; margin:1em 0 0.6em 0; } .entry code { font:1em 'monaco', 'panic sans', 'courier new', courier, monospace; } .entry table { width:100%; margin:3em 0; } .entry table#sponsor-availability { margin-top:0; } .entry th, .entry td { border-bottom:1px solid #cabe9b; padding:0.3em 0 0.2em 0; } .entry th { font-weight:bold; font-size:1.2em; } .entry abbr, .entry acronym { border-bottom:1px dotted #524b33; cursor:help; } .entry q { font-style:italic; font-weight:bold; } .entry img.alignright { display:block; float:right; margin-left:10px; margin-bottom:10px; } /* Cart */ #viewCartTable { border:1px solid #cabe9b !important; border-bottom:0 !important; } #viewCartTable th { background:#d5d0bb !important; font-size:15px; } #viewCartTable th, #viewCartTable td { border-bottom:1px solid #cabe9b !important; } #viewCartTable td { vertical-align:top !important; } #viewCartTable .PHPurchaseButtonPrimary, #viewCartTable .PHPurchaseButtonSecondary { background:#d5d0bb !important; border:0 !important; color:inherit !important; font:1em georgia, sans-serif; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #viewCartTable tr img { position:relative; top:4px; left:2px; background:transparent !important; } #viewCartTable p.PHPurchaseCustomFieldDesc { font-size:11px; height:auto !important; } #viewCartTable textarea.PHPurchaseCustomTextarea { display:block; width:200px; margin-top:-25px; } ul.navigation { margin:0; } ul.navigation li { width:30%; list-style:none; margin:0; } ul.navigation li a { display:block; overflow:hidden; text-indent:-9999px; height:23px; padding:0 0 1px 0; } ul.navigation li a:active { padding:1px 0 0 0; } ul.navigation li.older-articles { float:left; } ul.navigation li.older-articles a { background:url(../images/former.png) no-repeat; width:72px; } ul.navigation li.newer-articles { float:right; } ul.navigation li.newer-articles a { background:url(../images/latter.png) no-repeat; width:65px; float:right; } /* Standout links */ .entry a.demo, .entry a.viewDemo, .entry a.zipDownload, .entry .single_link a { display:block; font-size:1.5em; line-height:1.4em; padding:0.5em 0 0.6em 0; } /* Demos */ .entry a.demo, .entry a.viewDemo { background:url(../images/icon-demo.png) left 11px no-repeat; padding-left:32px; } /* Downloads */ .entry a.zipDownload, .entry a.download { background:url(../images/icon-download.png) left 11px no-repeat; padding-left:32px; } .entry ul a.zipDownload, .entry ul a.download { background:transparent; padding:0; } /* Emphasized link */ .entry .single_link a { background:url(../images/icon-single-link.png) left 11px no-repeat; padding-left:32px; } /* Video */ .entry .video { clear:both; overflow:hidden; zoom:1; padding:15px 0; } /* Update or Notice */ .entry p.update, .entry p.instructions, .entry p.notice { background:#cabe9b; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; padding:5px 8px; } .entry p.update abbr { border-bottom:1px dotted #524b33; cursor:help; } /* Document */ .entry .document { margin:0 4% 30px 0; padding:20px 0 8px 0; line-height:1.4em; border-bottom:1px solid #cabe9b; } .entry .document .changeme { font-weight:bold; font-style:italic; } .entry .document h1 { margin-bottom:0; padding-bottom:0; line-height:29px; font-size:28px; } .entry .document h2 { margin-bottom:0; font-size:24px; } .entry .document h3 { margin-bottom:0; font-size:18px; } .entry .document p { margin-bottom:0.6em; } .entry .document .signiture { padding:5px 0 15px 0; } .entry .document .signiture p { margin-bottom:8px; padding-bottom:0; } /* Search Results/Archive */ .entry .brief { margin-bottom:35px; } .entry .brief h3 { margin-bottom:3px; } .entry .brief h4 { font-size:14px; margin-bottom:6px; } .entry .brief p.postmetadata { font-size:12px; margin-bottom:10px; } .entry .brief div.excerpt { font-size:13px; } /* Home page specifics */ #home .entry h1 a, #home .entry h2 a { color:inherit; } #home .entry h1 a:hover, #home .entry h2 a:hover { text-decoration:none; opacity: 0.7; } #home .read-more { margin-bottom:0; } #home #latest-article { margin-bottom:20px; } #recent-comments { font-size:13px; } #recent-comments h3 { margin-bottom:25px; } #recent-comments li { padding-bottom:30px; } #recent-comments li:last-child { padding-bottom:0; } #recent-comments .gravatar img { width:26px; height:26px; display:block; background:#cabe9b; border:2px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #recent-comments li p { line-height:1.4em; } #recent-comments .comment-author { margin-bottom:5px; } #recent-comments .comment-author a { color:inherit; font-weight:bold; } #recent-comments .comment-author a:hover { text-decoration:none; opacity: 0.7 } #recent-comments .permalink { padding-top:9px; } /* ================= */ /* = GRAVITY FORMS = */ /* ================= */ .entry .gform_wrapper { padding:25px 0; } .entry .gform_wrapper ul { margin:0; list-style:none; } .entry .gform_wrapper li { font-size:1em; margin:0; height:37px; position:relative; } .gfield { overflow:hidden; zoom:1; } .validation_error { font-size:1.1em; font-weight:bold; padding:0 0 12px 0; } .validation_message { color:#f00; } /* Contact */ #field_1_1 { height:37px; background:url(../images/textfield.png) -2px top no-repeat; } #field_1_1 label { display:block; padding:6px 0 0 12px; width:267px; float:right; } #field_1_1 .ginput_container { float:left; width:225px; } #field_1_1 .ginput_container input { display:block; width:225px; font:12px georgia, sans-serif; color:inherit; border:0; padding:7px 0 0 8px; background:transparent; } #field_1_1 .validation_message { padding-top:6px; position:absolute; right:0; top:0; } #field_1_2 { height:180px; background:url(../images/textarea.png) -2px top no-repeat; } #field_1_2 label { display:none; } #field_1_2 .ginput_container { width:500px; } #field_1_2 .ginput_container textarea { display:block; font:12px georgia, sans-serif; color:inherit; font:12px georgia, sans-serif; color:inherit; background:transparent; border:0; width:500px; height:143px; padding:7px 8px; } #field_1_2 .validation_message { text-align:right; } #field_1_3 { display:none; } #gform_submit_button_1 { margin-right:10px; } .gform_ajax_spinner { float:right; } #gforms_confirmation_message { background:#cabe9b; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; padding:5px 8px; } /* ============ */ /* = COMMENTS = */ /* ============ */ #comment-thread h4 { margin-bottom:20px; } p.nocomments { margin-bottom:35px; } .commentlist li { position:relative; font-size:12px; margin-bottom:35px; } .commentlist li.depth-2 { background:url(../images/comment-reply.png) 10px 13px no-repeat; padding-left:60px; } .commentlist li .gravatar { width:60px; float:left; } .commentlist li .gravatar img { display:block; background:#cabe9b; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .commentlist li .comment-meta { width:380px; float:left; font-size:13px; padding-top:4px; } .commentlist li .comment-meta cite { font-weight:bold; font-size:16px; display:block; margin-bottom:1px; } .commentlist li .comment-meta a { color:inherit; } .commentlist li .comment-meta a:hover { text-decoration:none; } .commentlist li .comment-meta cite a { color:#960000; } .commentlist li .comment-meta cite a:hover { text-decoration:underline; } .commentlist .comment-copy { padding-top:15px; } .commentlist .comment-copy img { background:#cabe9b; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; max-width:504px; height:auto !important; } .commentlist li .reply { position:absolute; right:0; top:0; width:60px; height:25px; } .commentlist li .reply a { display:block; overflow:hidden; text-indent:-9999px; background:url(../images/reply.png) no-repeat; width:60px; height:23px; position:relative; } .commentlist li .reply a:hover { text-decoration:none; } .commentlist li .reply a:active { top:1px; } /* Comment copy */ .commentlist .comment-copy { font-size:13px; } .commentlist .comment-copy p { margin-bottom:1em; line-height:1.4em; } .commentlist .comment-copy blockquote { margin:0 0 20px 0; padding:4px 0 4px 12px; border-left:3px solid #cabe9b; font-style:italic; font-size:12px; } .commentlist .comment-copy blockquote p:last-child { margin:0; } .commentlist .comment-copy em { font-style:italic; } .commentlist .comment-copy strong { font-weight:bold; } .commentlist .comment-copy code { font:1em 'monaco', 'panic sans', 'courier new', courier, monospace; } /* Comment form */ #commentform { padding:15px 0 35px 0; } #commentform legend { display:none; } #commentform>p { margin-bottom:12px; } #commentform div { float:none; clear:none; display:block; } #commentform label { display:block; padding:6px 0 0 12px; } #commentform input { display:block; font:13px georgia, sans-serif; color:inherit; } #commentform textarea { display:block; font:13px georgia, sans-serif; color:inherit; line-height:1.4em; } #commentform .textfield { height:37px; } #commentform .textarea { height:165px; } #commentform .textfield { background:url(../images/textfield.png) -2px top no-repeat; } #commentform .textarea { background:url(../images/textarea.png) -2px top no-repeat; } #commentform .textfield input { float:left; background:transparent; border:0; width:225px; padding:7px 0 0 8px; } #commentform .textfield label { float:left; } #commentform .textarea label { display:none; } #commentform .textarea textarea { font:13px georgia, sans-serif; line-height:1.4em; color:inherit; background:transparent; border:0; width:500px; height:143px; padding:7px 8px; } #commentform .buttons { padding-right:6px; } #commentform .buttons button { display:block; width:auto; height:auto; float:right; border:0; background:transparent; padding:0 0 1px 0; cursor:pointer; } #commentform .buttons button:active { padding:1px 0 0 0; } .in-moderation { padding-top:12px; font-weight:bold; } #commentmailerto select { width:400px; height:115px; overflow:auto; margin-top:10px; } #commentform #commentmailerlang { display:none; } #respond form>fieldset>p { display:none; } /* ================ */ /* = TERTIARY BAR = */ /* ================ */ #tertiary h4 { margin-bottom:15px; } #tertiary .separator { background:url(../images/hr-tertiary.png) center top no-repeat; } /* Fusion */ #fusion { position:relative; } #fusion a:hover { text-decoration:none; } #fusion a#fusion-powered { display:block; width:48px; position:absolute; top:0; right:0; font:10px 'Lucida Grande', helvetica, arial, sans-serif; color:#908872; } #fusion a#fusion-powered span { font-style:italic; } #fusion .fusionentire a { font-size:13px; color:inherit; } #fusion .fusiontext { display:block; padding-top:8px; } #fusion .fusiontext a:hover { text-decoration:underline; } #fusion img { background:#cabe9b; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } /* Delicious */ #delicious { font-size:13px; } #delicious li { background:url(../images/icon-bookmark.png) left 2px no-repeat; padding:0 0 18px 20px; line-height:1.3em; } #delicious a { color:inherit; font-weight:bold; } #delicious a:hover { text-decoration:none; opacity: 0.7 } #delicious .delicious-desc { display:block; padding-top:4px; } /* Latest Book Reviews (home) */ #latest-book-reviews li { font-size:12px; padding-bottom:20px; line-height:1.4em; } #latest-book-reviews li:last-child { padding-bottom:0; } #latest-book-reviews li a { color:inherit; } #latest-book-reviews li a:hover { text-decoration:underline; } #latest-book-reviews li img { display:block; float:left; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #latest-book-reviews li .book-title { display:block; float:right; width:109px; } /* Article metadata */ #article-meta h4 { margin-bottom:2px; } #article-meta p { font-size:12px; margin-bottom:15px; } #article-meta p span { font-weight:bold; } #article-meta li { padding:0 0 5px 20px; line-height:1.3em; font-size:12px; } #article-meta a { color:inherit; } #article-meta a:hover { text-decoration:underline; } #article-meta .categories { margin-bottom:15px; } #article-meta .categories li { padding-top:1px; background:url(../images/icon-category.png) left 2px no-repeat; } #article-meta .tags li { background:url(../images/icon-tag.png) left 2px no-repeat; } /* Additional reading */ #further-reading li { padding:0 0 5px 20px; margin-bottom:4px; background:url(../images/icon-article.png) left 2px no-repeat; line-height:1.3em; font-size:12px; } #further-reading a { color:inherit; } #further-reading a:hover { text-decoration:underline; } /* Asides */ #asides li { padding:0 0 5px 20px; margin-bottom:4px; background:url(../images/icon-article.png) left 2px no-repeat; line-height:1.3em; font-size:12px; } #asides li a { color:inherit; } #asides li a:hover { text-decoration:underline; } #asides p { padding-top:5px; } /* About - photos */ #photos img { display:block; border:3px solid #cabe9b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-bottom:12px; } #photos img:last-child { margin-bottom:0; } /* Social Media */ #social-media li { float:left; width:40px; height:40px; } #social-media p { font-size:11px; margin:0; } /* Other Projects */ #other-projects li { margin-bottom:5px; } #other-projects p { font-size:11px; margin:0; } /* ========== */ /* = FOOTER = */ /* ========== */ #footer { clear:right; float:right; font-size:12px; background:url(../images/hr-content-full.png) center top no-repeat; padding-top:35px; } #footer h4 { margin:0 0 25px 0; } #footer li { margin-bottom:4px; } #footer a { color:inherit; } #footer a:hover { text-decoration:none; } #footer a:hover .cat-title { text-decoration:underline; } #footer a .count { font-size:11px; color:#960000; } /* Copyright */ #footer #copyright { padding:20px 0; } #footer #copyright p { float:left; width:400px; padding-top:20px; color:#b6b197; font-size:16px; } #footer #copyright ul { float:right; width:300px; text-align:right; } #footer #copyright li { display:inline; }