/* Theme Name: STEPHENW Description: Custom WordPress Theme for http://stephenw.us Author: Stephen White Version: 1.0 */ /* Eric Meyer Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; background: #ffffff; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } textarea { resize: none; outline: none; overflow: auto; } /* End of reset */ /* */ /* Sticky Footer, see http://www.cssstickyfooter.com */ /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ /* IMPORTANT for IE 6 and lower and 8 and higher. */ /* */ * { margin:0;padding:0; } html, body { height: 100%; } #page { min-height: 100%; } #page-main { overflow:hidden; margin-left: auto; margin-right: auto; width: 900px; padding-bottom: 150px; /* must be same height as the footer */ } #header { height: 23px; padding-top: 40px; margin-left: -1px; } #header-logo { display: block; background: url(images/header.png) no-repeat; height: 23px; width: 224px; } /* Fancy Header */ #blog-title { text-indent: -9999px; } #blog-description { text-indent: -9999px; } #header a:link { background-position: 0 0; } #header a:visited { background-position: 0 0; } #header a:hover { background-position: 0px -23px; } #header a:active { background-position: 0px -23px; } /* */ /* Layout */ #main-container { float: left; padding-top: 75px; } #main-content { float: left; width: 650px; } #main-content-inside { float: left; margin-right: 100px; padding-bottom: 25px; } #sidebar { float: left; width: 250px; } #sidebar-inside { margin-top: -14px; padding-bottom: 25px; } #page-footer { position: relative; margin-top: -150px; /* negative value of footer height */ height: 150px; background: #000000; clear:both; } #footer-main { overflow:hidden; padding-top: 25px; margin-left: auto; margin-right: auto; width: 900px; } #footer-main-content { float: left; width: 650px; } #footer-main-content-inside { float: left; margin-right: 100px; } #footer-sidebar { float: left; width: 250px; } #footer-sidebar-inside { float: left; } /* Footer Categories*/ .cat_col { float: left; display: block; padding: 0; margin-left: 0; } .cat_col li { margin-right: 1.750em; list-style: none; } .cat_col li a { text-transform: uppercase; list-style: none; } #rss-col { float: left; width: 110px; } /* Footer Sidebar Columns*/ #about-col { float: left; width: 140px; } /* Typography & Default Styles */ body { font: 0.75em Verdana, Arial, Helvetica, sans-serif; line-height: 2em; color: #716f61; } hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 1.125em; } ul { list-style: square; margin: 0 0 1.125em 1.5em; } ol { list-style: decimal; margin: 0 0 1.125em 1.5em; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 1.563em 0; } dt { font-weight: bold; } dd { margin-bottom: 1.125em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 1.125em; margin-bottom: 1.125em; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], textarea { background: #f9f9f9; border: 1px solid #cccccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding: 2px; } p { margin-bottom: 1.125em; } h1 { font-size: 1.125em; line-height: 2em; margin-bottom: 0.75em; font-weight: bolder; color: #000000; } h2 { font-size: 1.125em; line-height: 2em; margin-bottom: 0.75em; font-weight: bolder; } h3 { font-size: 1em; line-height: 2em; margin-bottom: 0.75em; font-weight: bolder; } h4 { font-size: 0.875em; line-height: 2em; margin-bottom: 0.75em; font-weight: bolder; } h5 { font-size: 0.875em; line-height: 2em; margin-bottom: 0.75em; font-weight: bolder; color: #f7941d; } h6 { font-size: 0.875em; line-height: 2em; margin-bottom: 0.75em; font-weight: bolder; color: #000000; } a:link { color: #f7941d; } a:visited { color: #f7941d; } a:hover { color: #000000; } a:active { color: #000000; } ol { line-height: 2em; margin: 1.5em 3em 1.5em 3em; } ol li { margin-bottom: 1em; } ul { line-height: 2em; margin: 1.5em 3em 1.5em 3em; } /* Custom Styles */ /* Article Headings */ #main-content h1.entry-title { width: 100%; color: #000000; margin-bottom: 0em; text-transform: none; } #main-content h1.entry-title a { text-decoration: none; color: #000000; } #main-content h1.entry-title a:visited { text-decoration: none; color: #000000; } #main-content h1.entry-title a:hover { text-decoration: none; color: #f7941d; } #main-content h1.entry-title a:active { text-decoration: none; color: #000000; } #main-content h2.entry-title { width: 100%; color: #000000; margin-bottom: 0em; text-transform: none; } #main-content h2.entry-title a { text-decoration: none; color: #000000; } #main-content h2.entry-title a:visited { text-decoration: none; color: #000000; } #main-content h2.entry-title a:hover { text-decoration: none; color: #f7941d; } #main-content h2.entry-title a:active { text-decoration: none; color: #000000; } #main-content .entry-meta { width: 100%; padding-bottom: 1.750em; } #main-content .entry-date { width: 100%; } #main-content .entry-content { width: 100%; } #main-content .entry-utility { width: 100%; } #main-content .entry-date abbr { text-transform: uppercase; } #nav-below { width: 100%; } .nav-previous { float: left; } .nav-next { float: right; } #sidebar a:link { color: #f7941d; } #sidebar a:visited { color: #f7941d; } #sidebar a:hover { color: #000000; } #sidebar a:active { color: #f7941d; } #sidebar ul { list-style: none; margin: 0.875em 0 0.875em 0; } #sidebar ul li { text-transform: uppercase; } #page-footer a:link { color: #c3bdad; } #page-footer a:visited { color: #c3bdad; } #page-footer a:hover { color: #7a7861; } #page-footer a:active { color: #c3bdad; } #sidebar h2 { font-size: 1em; line-height: 2em; font-weight: bolder; text-transform: uppercase; color: #716f61; } #page-footer h2 { font-size: 1em; line-height: 2em; font-weight: bolder; color: #7a7861; } #sidebar p { text-transform: uppercase; } #page-footer p { text-transform: uppercase; } #page-footer ul { margin-top: 0; } blockquote { font-size: 110%; font-style: italic; padding: 1.5em; } blockquote p:before { font-size: 140%; content: '"'; } blockquote p:after { font-size: 140%; content: '"'; } blockquote cite, blockquote em, blockquote i { font-style: normal; } #main-content .entry-content ol { line-height: 2em; margin: 1.5em 3em 1.5em 3em; } #main-content .entry-content ol li { margin-bottom: 1em; } #main-content .entry-content ul { line-height: 2em; margin: 1.5em 3em 1.5em 3em; } /* Calendar */ #wp-calendar { width: 100%; padding-bottom: 20px; } #wp-calendar caption { font-size: 1em; line-height: 2em; font-weight: bolder; text-transform: uppercase; color: #716f61; padding-bottom: 4px; text-align: left; border-top: 1px solid #f7941d; border-bottom: 1px solid #f7941d; } #wp-calendar thead { } #wp-calendar thead th { font-size: 1em; line-height: 2em; font-weight: bolder; text-transform: uppercase; color: #716f61; } #wp-calendar tbody { } #wp-calendar tbody td { background: #ffffff; border: 1px solid #ffffff; padding: 3px 0 2px; text-align: left; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /* * Comments */ #comments { clear: both; } #respond { padding-top: 25px; } #comments-list { border-bottom: 1px solid #f7941d; } #comments-list ol .comment-meta { font-size: .8em; } #comments-list ol .comment-author { color: #000000; text-transform: uppercase; font-weight: bold; border-top: 1px solid #f7941d; } #comments-list ol .comment-content { color: #000000; } #commentform { } .formcontainer { width: 100%; background: #ffffff; } .form-section { padding-bottom: 15px; } /* Images */ .entry-content img { margin: 2.5px 5px 2.5px 5px; border: 1px solid #f7941d; } img.avatar { border: 1px solid #f7941d; } .alignleft, img.alignleft { display: inline; float: left; border: 1px solid #f7941d; margin: 5px 10px 2px 0; } .alignright, img.alignright { display: inline; float: right; border: 1px solid #f7941d; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; } .wp-smiley { max-height: 1em; margin:0 !important; } .gallery-item img { border: 1px solid #f7941d !important; } #main-content dl.gallery-item { margin: 0; }