/* Theme Name: Autumn Forest Theme URI: http://www.geekwithlaptop.com/autumn-forest-wordpress-theme Version: 1.0 Description: Grungy looking beautiful textured design. Brought to you by Geek with Laptop Author: Geek With Laptop Author URL: http://www.geekwithlaptop.com Tags: 2 columns, fixed width, grungy, textures, brown, autumn, forest, widget, gravatar The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* reset --------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none !important; } /* typography --------------------------------------------------------- */ body { font-size: 75%; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6em; } * html body, *:first-child+html body { font-size: 67%; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 0.3em; } h1 { font-size: 2em; } h2 { font-size: 1.7em; } h3 { font-size: 1.5em; } h4 { font-size: 1.3em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } p { margin: 0 0 15px; } blockquote { margin: 1.5em 1em; font-style: italic; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: italic; } del { text-decoration: line-through; } pre, code { margin: 1.5em 0; white-space: inherit; } html>body pre, html>body code { white-space: pre; } pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } li ul, li ol { margin: 0 2em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin: 0 0 1em 1.5em; } table { margin-bottom: 1.4em; width: 100%; } th { font-weight: bold; } th, td { padding: 4px 10px 4px 5px; } tfoot { font-style: italic; } caption { background: #333; } .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } /* forms --------------------------------------------------------- */ form { margin: 0; padding: 0; } label { font-weight: bold; } fieldset { padding: 1.4em; margin: 0 0 1.5em 0; } legend { font-weight: bold; font-size: 1.2em; } input.text, input.title, textarea, select { margin: 0.5em 0; } input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #666; } input.text, input.title { width: 300px; padding: 5px; } input.title { font-size: 1.5em; } textarea { padding: 5px; } /* misc --------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } *:first-child+html .clearfix { min-height: 1px; } .clearfix { display: block; } .clear { clear: both; } body { color: #4c412a; text-align: center; background: #beb9a5 url('imgs/bg-main.jpg') repeat-y 50% 0; } /* links */ a:link, a:visited { color: #575725; text-decoration: none; } a:hover { color: #858511; text-decoration: none; } /* layout ---------------------------------------------------------------- */ #universe-a { padding: 50px 0 0; background: url('imgs/bg-top.jpg') no-repeat 50% 0; } #universe-b { width: 843px; margin: 0 auto; text-align: left; background: url('imgs/bg-page.jpg') repeat-y 0 0; position: relative; } #universe-c { padding-top: 20px; background: url('imgs/bg-page-top.jpg') no-repeat 0 0; } #container { background: url('imgs/bg-page-bottom.jpg') no-repeat 0 100%; } #wrapper { width: 100%; float: left; overflow: hidden; } #content { padding: 0 10px; margin: 20px 290px 0 10px; } #sidebar { float: left; width: 240px; margin: 0 0 0 -284px; background: url('imgs/bg-sidebar.jpg') repeat-y 0 0; } html>body #sidebar { width: 280px; } #sidebar-inner { font-size: 12px; position: relative; background: url('imgs/bg-sidebar-top.jpg') no-repeat 0 0; } #footer-a { height: 203px; margin: -120px 0 0; background: url('imgs/bg-bottom.jpg') no-repeat 50% 0; } #footer-b { width: 843px; margin: 0 auto; } #footer-b p { padding: 145px 20px 20px 35px; color: #d2cdc0; text-align: left; } #footer-b p a { text-decoration:none; color: #D2CDC0; } /* header ---------------------------------------------------------------- */ #header { margin: 0 303px 0 20px; padding: 0 0 10px; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; position: relative; } #header #blog-title { margin: 0; font-size: 3em; font-weight: normal; line-height: 1em; } #header #blog-title a { } #header #blog-title a:hover { text-decoration: none; } #header #blog-description { font-size: 1.2em; font-style: italic; font-weight: normal; } #header #m-rss { top: -22px; left: -10px; position: absolute; } #header span { top: -22px; left: 0; width: 18px; height: 40px; display: block; position: absolute; background: url('imgs/paper-clip.gif') no-repeat 0 0; } /* pages navigation */ #nav { margin: 0 303px 0 20px; position: relative; background: url('imgs/bg-strip.gif') repeat-x 0 0; } #nav ul { margin: 0; padding: 0; list-style: none; background: url('imgs/bg-strip.gif') repeat-x 0 100%; } #nav ul li { margin: 0; padding: 0; float: left; list-style: none; } #nav ul li a:link, #nav ul li a:visited { float: left; color: #696152; padding: 6px 15px; font-weight: bold; font-family: "Times New Roman", Times, serif; text-transform: uppercase; } #nav ul li a:hover, #nav ul li.current_page_item a { color: #8d6f1d; } /* banner */ #banner { overflow: hidden; margin: 0 303px 0 20px; background: #e5e5e5; } #banner img { max-width: 100%; display: block; } /* content styles ---------------------------------------------------------------- */ /* basic elements */ blockquote { color: #a7a193; padding: 0 10px 0 25px; background: url('imgs/quote.png') no-repeat 0 0; } /* alignments & images */ img.aligncenter, img[align="center"] { margin: 0 auto; display: block; } .alignleft { float: left; } img.alignleft, img[align="left"] { float: left; margin: 6px 8px 0 0; } .alignright { float: right; } img.alignright, img[align="right"] { float: right; margin: 6px 0 0 8px; } /* navigation */ .navigation { margin: -10px 0 40px; padding: 5px 0; } .nav-previous { float: left; text-align: left; } .nav-next { float: right; text-align: right; } /* gallery navigation */ .navigation img { width: 50px; height: 50px; } #nav-images { margin: 0; padding: 10px 0; background: none; } /* Main Content */ .hentry { margin-bottom: 20px; padding: 0 10px 10px; background: url('imgs/bg-strip.gif') repeat-x 0 100%; } body.page .hentry { background: none; } .page-title { margin: 0; padding: 0; font-size: 1.8em; font-weight: normal; font-family: "Times New Roman", Times, serif; line-height: 1.2em; } body.search .page-title, body.archive .page-title { margin: 0 0 5px; padding: 0 10px; font-size: 1.4em; font-family: "Times New Roman", Times, serif; } .page-title span { color: #717246; } .entry-title { margin: 0; padding: 0 0 5px; font-size: 2em; font-weight: normal; font-family: "Times New Roman", Times, serif; line-height:28px; } body.single .entry-title { padding: 10px 0 5px; font-size: 2.4em; } .entry-title a:link, .entry-title a:visited { color: #4c412a; } .entry-title a:hover { color: #717246; } .entry-content { margin: 10px 0 15px; } .entry-content img { max-width: 490px; padding: 5px; border: 1px solid #bab6ab !important; } .entry-content img.wp-smiley { padding: 0; background: none; border: none; } .entry-meta { color: #a7a193; font-size: .9em; line-height: 1.6em; } .entry-action { margin: 3px 0; display: block; } .archive-meta { margin: 0 0 15px; padding: 0 10px 2px; color: #8f8574; font-style: italic; background: url('imgs/bg-strip.gif') repeat-x 0 100%; } #content .protected input { margin: 5px 0; padding: 3px 10px; color: #fff; background: #46413e; border: 1px solid #272422; } #content .protected label input { background: #f5f5f5; border: 1px solid #d5d5d5; } #content .protected label input[type="text"]:focus { background: #fff; } /* comments area */ #commentarea h3 { margin: 10px 0; padding: 0 10px; font-size: 1.5em; font-weight: normal; font-family: "Times New Roman", Times, serif; } h3#respond { margin-bottom: 0; } #commentarea ol { margin: 0; list-style: none; background: url('imgs/bg-strip.gif') repeat-x 0 0; } #commentarea li { clear: left; padding: 15px 10px 10px; background: url('imgs/bg-strip.gif') repeat-x 0 100%; } #commentarea .commenthead { margin-bottom: 15px; } #commentarea .comment-author img.avatar { float: left; margin: -2px 10px 0 0; border: 2px solid #bab6ab !important; } #commentarea .comment-author span { font-size: 1.2em; font-weight: bold; font-family: "Times New Roman", Times, serif; } #commentarea .comment-meta { color: #a7a193; font-size: .9em; } #commentarea .unapproved { width: 50%; margin: 5px auto -5px; padding: 3px 5px; clear: left; display: block; font-style: italic; background: #f8f8ea; border-top: 1px solid #858511; border-bottom: 1px solid #858511; } #commentarea #commentform { padding: 0 10px 30px; font: 100% Arial, Helvetica, sans-serif; } #commentarea #commentform p { padding: 6px 0px; margin: 0px; } #commentarea #commentform #comment-notes { color: #999; font-style: italic; } #commentarea #commentform .form-label { padding: 5px 0 1px; } #commentarea #commentform .required { color: #c00; } #commentarea #commentform input { width: 50%; padding: 3px; margin-top: 3px; background: #f5f3ed; border: 1px solid #bab6ab; } #commentarea #commentform textarea { width: 98%; margin: 3px 0; padding: 2px; background: #f5f3ed; border: 1px solid #bab6ab; } #commentarea #commentform textarea:focus, #commentarea #commentform input[type="text"]:focus { color: #333; background: #fff; } #commentarea #commentform #submit { width: auto; margin: 5px 0 0; padding: 5px 10px; color: #fff; background: #46413e; border: 1px solid #272422; } /* sidebar ---------------------------------------------------------------- */ #sidebar a { font-style: italic; } #sidebar .sidebar-title, #sidebar .widget-title { margin: 0 -20px; padding: 0 20px 10px; font-size: 1.4em; font-style: italic; font-weight: normal; font-family: "Times New Roman", Times, serif; background: url('imgs/bg-sidebar-h3.jpg') no-repeat 0 0; line-height: 1.5em; } #sidebar ul { margin: 0; padding: 320px 0 0; background: url('imgs/bg-sidebar-bottom.jpg') no-repeat 0 100%; position: relative; list-style: none; } #sidebar ul ul, #sidebar ul div { margin: 0; padding: 5px 0 0; background: none; } #sidebar li { margin: 0 20px; padding: 0 0 20px; } #sidebar li li { margin: 0; padding: 4px 0; line-height: 1.2em; border-bottom: 1px dashed #c2b9a5; } #sidebar #blogroll, #sidebar #blogroll ul { margin: 0; padding: 0; } #sidebar #blogroll ul ul { padding: 5px 0 0; } #sidebar #blogroll li { margin: 0 20px; padding: 0 0 20px; border: none; } #sidebar #blogroll li li { margin: 0; padding: 4px 0; border-bottom: 1px dashed #c2b9a5; } /* Author */ #sidebar #about-me { margin: -340px 0 0 -46px; padding: 50px 0 0 50px; width: 350px; height: 350px; color: #383221; position: absolute; background: url('imgs/bg-about.png') no-repeat 0 0; } #sidebar #about-me .photo { margin: 0; line-height: 1em; position: relative; } #sidebar #about-me .photo img { width: 245px; height: 217px; padding: 10px; position: relative; } #sidebar #about-me .photo span { top: 0; left: -2px; width: 285px; height: 279px; position: absolute; background: url('imgs/photo-frame.png') no-repeat 0 0; z-index: 1; } /* Pages */ #pages ul ul { padding: 0; margin: 4px 0 -4px 15px; border-top: 1px dashed #c2b9a5; } /* Tag Cloud */ #sidebar #tag_cloud div { line-height: 1.8em; } /* Flickr */ #sidebar #flickrrss div { border: none; } #sidebar #flickrrss a { padding: 0 3px 0 0; } #sidebar #flickrrss img { border: 1px solid #a69c96 !important; } /* Search Form */ #sidebar #search { width: 250px; height: 35px; margin: 0 0 0 -5px; padding: 0 0 10px; background: url('imgs/bg-search.png') no-repeat 0 0; } html>body #sidebar #search { padding-bottom: 20px; } #sidebar #mainsearch { margin: 0; padding: 12px 10px 0 26px; position: relative; } #sidebar #mainsearch #s { width: 148px; margin: 0 15px 0 0; padding: 2px 5px; color: #c6c0aa; background: none; border: none; } #sidebar #mainsearch #searchsubmit { vertical-align: middle; } /* Calendar */ #sidebar #calendar caption { text-align: center; background: none; }