/* Theme Name: RunJenRun Author: Nikki Jeske Theme URI: http://designcoyote.com Description: Design for RunJenRun. Version: 1.0 ----------------------------------------------- Design put together by Nikki Jeske. ----------------------------------------------- */ /* Body ----------------------------------------------- */ body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{ margin: 0; padding: 0; } body{ font-family: Arial, Verdana, Sans-Serif; line-height: 14px; font-size: 13px; text-align: center; background: #006fa8 url(images/bg.jpg) repeat; color: #0e0437; } h1, h3, h4, h5, h6{ font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #0074ae; } a{ text-decoration: underline; color: #006FA7; } a:hover{ text-decoration: none; } a img{ border: 0; } abbr, acronym{ border: 0; } address, dl, p{ padding: 15px 0 0; } blockquote{ margin: 5px 5px; padding: 10px 10px; background: #ffffff url(images/quote.jpg) no-repeat; color: #006FA7; border-right: 2px solid #4b8db6; } blockquote p{ margin: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } code{ background: #ffffff; } dt{ font-weight: bold; } dd{ padding: 0 0 0 15px; } hr{ clear: both; margin: 15px 15px 5px 15px; border: 0; height: 1px; text-align: left; background: #ffffffff; color: #4b8db6; } small{ font-size: 11px; color: #4b8db6; } pre{ width: 90%; } input, textarea{ font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 2px; } input#s, input#author, input#email, input#url, textarea#comment{ border: 1px solid #0e0330; background-color: #ffffff; padding: 1px; } input#author, input#email, input#url{ margin: 5px; } input#btn { margin-top: 0px; vertical-align: middle; } #container{ margin: 0 auto; width: 910px; position: relative; } #pagewrapper{ float: left; width: 910px; background: url(images/bg_page.jpg); } #page{ padding: 0 0px; } #banner{ float: left; width: 910px; height: 367px; background: url(images/banner.jpg) no-repeat left top; clear: both; } .maincolumn{ float: left; width: 640px; margin-left: 10px; margin-top: -30px; } #container, #header, #menu, #pagewrapper, #page, #banner, .maincol, .post, .entry, .browse, #sidebar, #comments-template{ text-align: left; vertical-align:top; } /* End Body */ /* Headings ----------------------------------------------- */ #nav { position: absolute; width: 600px; top: 306px; left: 20px; } #searchform { position: absolute; width: 250px; top: 158px; left: 320px; } /* End Headings */ /* Menu ----------------------------------------------- */ #menu { margin-left: 4px; padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; padding-left: 5px; } #menu ul{ font: 24px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none; } #menu li{ display:inline; margin:0 2px 0 0; padding:0; } #menu a{ float:left; color: #ffffff; margin:0 2px 0 0; padding:0 0 1px 1px; text-decoration:none; letter-spacing: 1px; font: 24px Arial, Verdana, sans-serif; } #menu a span{ float:left; display:block; padding: 7px; background: transparent; font: 24px Arial, Verdana, sans-serif; } #menu a span{ float:none; } #menu a:hover{ color: #ffffff; background-color: #49aeda; font: 24px Arial, Verdana, sans-serif; } #menu a:hover span{ color: #ffffff; background-color: #49aeda; font: 24px Arial, Verdana, sans-serif; } #menu #current a, #menu #current span{ /*currently selected tab*/ background-color: #00588f; } /* End Menu */ /* Posts ----------------------------------------------- */ .post{ margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .post h2{ border-bottom: 0px solid #ea7824; padding: 1px; padding-top: 40px; font: 30px Arial, Verdana, sans-serif; font-weight: normal; color: #0074ae; } .post h2 a{ text-decoration: none; color: #0074ae;; } .post h2 a:hover{ text-decoration: none; } .post p.postdate { font: 13px Arial, Verdana, sans-serif; color: #0074ae; border-bottom: 1px solid #ea7824; padding: 2px; } .entry{ font: 13px Arial, Verdana, sans-serif; line-height: 16px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ border: 0; padding: 10px 0 0; } .entry h1{ font-size: 24px; font-weight: normal; } .entry h2{ font-size: 18px; color: #0074ae; } .entry h3{ color: #0074ae; } .entry h4{} .entry h5{ font-weight: normal; } .entry h6{ font-size: 11px; font-weight: normal; } .entry img{ border: 1px solid #0074ae; padding: 4px; background-color: #ffffff; } .entry img.wp-smiley{ padding: 0; border: 0; background-color: transparent; } .entry img.alignleft{ float: left; margin: 5px 10px 0 0; } .entry img.alignright{ float: right; margin: 5px 0 0 10px; } .entry p.postinfo{ margin-top: 15px; padding: 5px; border-top: 1px solid #ea7824; border-bottom: 1px solid #ea7824; font: 13px Arial, Verdana, sans-serif; color: #ea7824; } .entry p.postinfo a{ color: #ea7824; text-decoration: none; } .entry p.postinfo a:hover{ color: #ea7824; text-decoration: none; } .entry p.notfound{ padding: 15px 0 100px; } .browse{ margin: 0 15px; padding: 15px; line-height: 24px; } .browse a{ color: #0074ae; } /* End Posts */ /* Sidebar ----------------------------------------------- */ #sidebar{ float: left; margin: 5px; width: 230px; margin-left: 20px; } #sidebar a{ color: #55aed7; } #sidebar ul{ list-style: none; margin: 0; padding: 0; } #sidebar ul li{ padding: 7px; font: 12px Arial, Verdana, sans-serif; line-height: 14px; color: #ed8a41; } #sidebar ul li img{ margin: 3px; } #sidebar ul li h2{ border-bottom: 0px dashed #ffffff; padding: 0 0 7px 0; font: 13px Arial, Verdana, sans-serif; color: #00578e; text-transform: uppercase; font-weight: bold; } #sidebar ul ul{ padding: 7px 0 0; } #sidebar ul ul li{ padding: 0; font-family: Arial, Verdana, sans-serif; line-height: 24px; text-transform: none; } #sidebar ul ul ul{ padding: 0; } #sidebar ul ul ul ul ul li{ background: none; } /* End Sidebar */ /* Begin Comments --------------------------------------------- */ .alt { margin: 0; padding: 10px; background: #ffffff; } .commentlist { padding: 0; text-align: justify; background: #ffffff; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } #commentform a { color: #3ba2d1; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } .commentmetadata a { color: #3ba2d1; } .commentlist li, #commentform input, #commentform textarea { font: 12px Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #3ba2d1; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* End Comments */ /* Begin Captions --------------------------------------------- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #3ba2d1; text-align: center; background-color: #9cd2ee; padding: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 13px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* Footer ----------------------------------------------- */ #footer { width: 910px; margin:0 auto; background: url(images/footerbg.jpg); clear:both; height: 170px; color: #222242; font-family: Arial, Verdana, serif; font-size: 13px; text-align:center; } #footer a:link { color:#222242; text-decoration: underline; } #footer a:visited { color:#222242; text-decoration: underline; } #footer a:hover { color:#222242; text-decoration: underline; } #footer hr { display:none; } #footer p { margin:0; padding-top:90px; } /* End Footer */