/* Theme Name: Jennifer Welwood Theme URI: http://jenniferwelwood.com Version: 1.0 Description: Customized theme for a customized Wordpress website! This theme is built specific to website requirements, still in development for added BudyPress support. Author: JJ Reyes Author URI: http://facebook.com/JJReyesPhoto */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ // :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body, body.login { background:#f8b528 url(images/bg.jpg) no-repeat fixed center;text-align: center; line-height: 21px; font-family: "Times New Roman",Times,serif; font-size: 16px; color: #730000; min-height: 25px; } div#login p#nav a,a { text-decoration: none; color: #730000; } div#login p#nav a:hover,a:hover,a.active { color:#fff !important;text-decoration: none; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; letter-spacing: -1px; line-height: 1em; font-weight: normal; font-family: "Adobe Garamond Pro","Times New Roman",Times,serif;margin-bottom:20px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal !important; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; line-height: 24px; } strong { font-weight: bold; color: #730000; } cite, em, i { font-style: italic; } pre, code { font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ #page-wrap { text-align: left; position: relative; } img#logo { float: left; margin:0px 15px 0px 0px; } #slogan { font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; font-style: italic; color: #262626; font-size: 1.5em; margin:-2px 0; float: left; background: url(images/separator.png) 0px 0px no-repeat; padding: 14px 0 3px 30px;} #header #search-form { float: right; width: 132px; background: url(images/search.png) no-repeat; height: 33px; margin-top:7px; } #header #searchinput { width: 105px; background: none; border: none; font-style: italic; color: #7d8990; padding-left: 12px; display: block; margin-top: 6px; } div.description a.readmore { color: #ffffff; background: url(images/featured-readmore-right.png) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 34px; float: right; font-style: italic; margin-top: 8px; } #services_bg { background:url("images/separator_bg.png") repeat-x scroll top left; padding-top: 1px; margin-top: -47px; } #services { min-height: 283px; position: relative; background: url(images/separator_bg.png) repeat-x center bottom; } #services .one-third { background: url("images/third-left-bg.png") no-repeat top left; float: left; width: 210px; position: relative; padding: 31px 34px 20px 76px; } #services .first { background: none !important; } #services img.icon { position: absolute; left: 23px; top: 31px; } #services .one-third.first img.icon{ left: 18px; } #services h3.title { font-size: 24px; margin-bottom: -4px; line-height: 1.3em; } #services h3.title a:hover { text-decoration: none; } #services p.tagline { font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; font-style: italic; color: #a0a7ac; margin-bottom: -8px;} #content { padding-bottom: 25px; } #page-wrap #content {width:1060px;margin-left:auto;margin-right:auto;} #content.nudge { margin-top:-46px; } #content.pagefull_width, .pagefull_width #content-area { background: none; width: 100%; } #content-area { width:1120px; } div.entry { background: url(images/jw-content-bg3-dim.png) center -80px repeat-y !important; min-height:600px;} #content.pagefull_width div.entry { width: 100%; } div.entry a, div#comment-section a, div#content-leftside a { color: #730000; font-weight: bold; } div.entry a:hover, div#comment-section a:hover, div#content-leftside a:hover { color: #fff; font-weight: bold; } div.entry.homepage { margin-top:40px;} div.entry h2.title, div.entry h1.title { padding-bottom: 22px; } div.entry img.thumbnail-post { border: 8px solid #ffffff; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); margin-right: 23px; margin-bottom: 17px; margin-top: 7px;} #breadcrumbs { margin-top: -32px; padding: 0px 0px 15px 25px; background: url(images/separator_bg.png) bottom left repeat-x; } #breadcrumbs, #breadcrumbs a { color: #a0a7ac; font-style: italic; font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; } h2.title a:hover { color: #000000 !important; text-decoration: none; } h3.title { font-size: 24px; } p.post-meta { margin-top: -12px; padding: 0px 0px 10px 4px; line-height: 22px; } p.post-meta, p.post-meta a { color: #a0a7ac; font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; font-style: italic; font-weight: normal; } p.post-meta a:hover, #breadcrumbs a:hover { color: #111111; text-decoration: none; } .entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; } .entry ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; } .entry ul li ul, .entry ul li ol { margin: 2px 0px 2px 20px; } .entry ol li ul, .entry ol li ol { margin: 2px 0px 2px 35px; } .entry h1.title {display: none;} /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul.nav { margin-top: 14px; font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; font-size: 25px; margin-bottom: 42px; padding-top:1px;} ul.nav li { text-align:right;margin-right:6px;} ul.nav > li > a:hover, ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a { } ul.nav li a { color:#720000; padding:10px; } ul.nav li a:hover {color:#fff;text-decoration: none;} ul.nav > li:last-child { border-right: none; padding-right: 2px; } ul.nav ul { } ul.nav > ul { } ul.nav ul li a { } ul.nav ul li a:hover { } ul.nav li:hover a { } /*ul.nav ul > li:last-child a { background-image: none; }*/ ul.nav ul { top: 49px !important; left: -1px !important; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); border-top: 1px solid #ffffff; } ul.nav ul ul { left: 203px !important; top: -2px !important; border-top: none; } ul.nav li li { border-left: none; } ul.nav li li a { width: 180px; padding: 13px 4px 13px 18px; } ul.nav ul ul { background: #e8ebec url(images/second_line.jpg) repeat-x; padding-top: 2px; } ul.nav ul li.last > a { background-image: none; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ div#featured { position: relative; background: url(images/featured_bg.jpg) no-repeat scroll center bottom transparent; padding-bottom:35px; padding-left: 15px; } #featured_content, .slide { width: 920px !important; } a#left_arrow { background: url(images/left_arrow.png) 0px 0px no-repeat; left: 0px; } a#right_arrow { background: url(images/right_arrow.png) 0px 0px no-repeat; right: 0px; } a#left_arrow, a#right_arrow { display:block; height:23px; position: absolute; text-indent:-9999px; top:88px; width:13px; } div.slide img.thumb {float: left; margin-left: 30px; text-indent:-9999px;} div.slide div.description {float: right; width: 420px; margin-right: 25px; } div.description h2 a:hover { text-decoration: none; } div.description p.tagline { font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; font-style: italic; color: #a0a7ac; } div.description { color: #262626; } a.readmore { color: #ffffff !important; font-weight: normal !important; background: url(images/featured-readmore-right.png) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 32px; float: right; font-style: italic; margin-top: 8px; margin-right: 0px; } a.readmore span { display: block; height: 34px; background: url(images/featured-readmore-left.png) no-repeat; padding: 0px 11px 0px 20px; } div#controllers { clear:both; bottom:-5px; left:0; padding-left:440px; position:absolute; } div#controllers a { float: left; text-indent:-9999px; background: url(images/controller1.png) no-repeat; display: block; height: 14px; width: 15px; margin-right:4px; } div#controllers a.activeSlide {background: url(images/controller2.png) no-repeat;} /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-section { padding:30px 41px 20px 20px; } h3#comments { font-size: 30px; } span.bottom_bg { background:url("images/comment-bottom.png") no-repeat scroll bottom right; display: block; height: 2px; width: 100%; margin-top: -21px; } div.authordata { width: 100px; } img.avatar { float: right; border: 5px solid #ffffff; box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 3px 6px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2); } div.comment-author { text-align: right; margin-top: 13px; padding-bottom:5px; } div.comment-author span.fn a, div.comment-author span.fn { color: #262626 !important; font-size: 14px; font-weight: normal !important; font-family: "Adobe Garamond Pro","Times New Roman",Times,serif; } .comment-meta { margin-top: 3px; } .comment-meta a { color: #434343 !important; font-size: 11px; font-weight: normal !important; } .comment-wrap { float:left; margin-left:32px; } .reply-container { float: right; } .reply-container a { padding-left: 15px; } .reply-container a:hover { text-decoration: none; } ul.children .comment .bottom_bg { background: none; } li.depth-1 .comment-wrap { width: 428px; } li.depth-2 .comment-wrap { width: 310px; } li.depth-3 .comment-wrap { width: 193px; } li.depth-4 .comment-wrap { width: 78px; } ol.commentlist { padding-top: 10px; } .commentlist li.comment { margin: 20px 0px; background: url(images/content_line.png) repeat-y 117px 0px; } .commentlist li.comment ul { margin: 8px 0px 8px 117px; } #respond { padding-top: 30px; } #commentform textarea#comment { width: 99%; } #commentform input[type=text] { width: 40%; } li.comment #respond { padding-left:28px; padding-top:20px; background: #E7E9EB; } li.comment #respond textarea { width: 99% !important; } li.comment #respond input[type=text] { width: 50% !important; } .depth-1 li.comment #respond { padding-left:10px; } span.bottom_bg { width: 580px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ div#footer { position:relative;height: 80px;text-align:center;background:#730000 url(images/jw-bottom-curlies.png) top no-repeat;} div#footer-content { position:relative;width:800px;height:80px;color:#8c0000;background:url(images/jw-bottom-glow.png) top no-repeat;margin-left:auto;margin-right:auto;} ul.bottom-menu li { float: left; padding-top: 16px; padding-left: 22px;} ul.bottom-menu li a { padding-right: 10px; color: #434343; text-transform: lowercase;} p#copyright {float:center; padding-top: 16px; font-size: 18px;} /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ div#sidebar { float: right; width: 240px; } div.sidebar-block { background: url(images/lineglow.png) no-repeat bottom center; padding:10px;padding-bottom:20px;} #tabbed { position: relative; padding: 0px; } ul#tabbed-area { background: url(images/tabbed-area-bg.png) no-repeat; } ul#tabbed-area li.ui-state-active { background: url(images/active-tab-arrow.png) no-repeat bottom center; padding-bottom: 11px; } ul#tabbed-area li.ui-state-active a { background: #e8ebec; } ul#tabbed-area li { text-align: center; float: left; margin-right: 2px; } ul#tabbed-area li a { color: #404040; display: block; padding: 13px 3px 10px; } ul#tabbed-area li a:hover {text-decoration: none; background-color: #e8ebec; } ul#tabbed-area li.first a {width: 91px;} ul#tabbed-area li.second a {width: 112px;} ul#tabbed-area li.last { margin-right: 0px; } ul#tabbed-area li.last a { width: 90px; } ul#tabbed-area li.ui-state-active a:hover { background-color: #e8ebec; } div#recent-tabbed.widget {padding-top: 25px;} div.sidebar-block .widget ul ul { margin-left: 9px;} .widget ul { margin-bottom: 5px; } .widget ul ul { margin-bottom: 0px; } .widget ul li { background: url(images/bullet.png) no-repeat 0 10px; padding:5px 0 8px 18px; color: #262626;} .widget ul li ul { margin:0 0 -12px; padding:5px 0 0 7px;} div#recent-tabbed, div#popular-tabbed, div#random-tabbed {padding-top: 25px; padding-left: 35px; padding-bottom: 25px; } div.widget h3.widgettitle { padding-bottom: 0px; } img.page-12 {width: 240px;} /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:203px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 202px; display: none; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #000000; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { position: relative; padding: 25px 0px 5px 20px; } .wp-pagenavi a, .wp-pagenavi a:link { background: url(images/pagenavi-bg.png) no-repeat !important; padding: 11px 14px 17px 15px !important; margin: 2px; font-weight: bold; color:#FFFFFF !important; border: none !important; } .wp-pagenavi a:visited { background: url(images/pagenavi-bg.png) no-repeat !important; padding:9px 15px 11px 12px !important; margin: 2px; font-weight: bold; color:#FFFFFF !important; border: none !important; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #989898 !important; border:none !important; color: #413f36; background: none !important; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { background: url(images/pagenavi-current-bg.png) no-repeat !important; padding:9px 15px 11px 12px !important; margin: 2px; font-weight: bold; color:#FFFFFF !important; border: none !important; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .js #feat-content, .js div#from-blog div.entries {display: none;} .foursixeight { margin: 15px 0px 15px 84px;} .fullwidth { width: 100% !important; } div#controllers { z-index: 100; } .js #featured, .js div#tabbed {display: none;} div#page-wrap {width: 1200px;min-height:700px;margin: -40px auto;margin-bottom:0px;background:url(images/jw-top-curlies.png) bottom no-repeat;} #header-content{float:right;width:880px;} ul#menu-main-menu {width:880px;position:relative;padding-top:80px;} div#header{background: url(images/jw-header.png) 0px 40px no-repeat !important;width:1200px;height:260px;margin-left:auto;margin-right:auto;margin-top:0px;position:relative;} div#content-leftside{width:200px;min-height:100px;position:relative;float:left;margin-top:-20px;} div.entry{position:relative;width:700px;float:left;margin-left:110px;margin-top:-40px;} #content-leftside img{border:2px solid #730000;} form.customcontactform div label, form.customcontactform-sidebar div label{width:40% !important;float:left;font-size:11pt;} div#lineglow{width:172px;height:14px;margin:auto;background:url(images/lineglow.png) no-repeat;} #reg-form .formleft {background:transparent !important;} div#content {min-height:700px;} .jw-poem{ width:520px; margin:auto; margin-top:-40px; margin-left:auto; margin-right:auto; } .jw-noresults{ position:relative; width:500px; text-align:center; min-height:220px; left:360px; background: url(images/jw-content-bg.png) center -100px !important; padding-top:80px; } #page-wrap input[type="submit"],#login input[type="submit"],#page-wrap input[type="reset"],#login input[type="reset"], #page-wrap input[type="button"],#login input[type="button"],ul.button-nav li a{ background:#F8B528 !important; border-color:#FAD83A !important; color:#fff !important; } #page-wrap input[type="submit"]:hover,#login input[type="submit"]:hover,#page-wrap input[type="reset"]:hover,#login input[type="reset"]:hover, #page-wrap input[type="button"]:hover,#login input[type="button"]:hover,ul.button-nav li a:hover{ background:#FCCF74 !important; border-color:#F8B528 !important; color:#fff !important; } div#login,form#loginform{ background:transparent; box-shadow:none; border:none; } body.login div#login{ margin-top:180px; width:400px; background: url(images/jw-content-bg.png) center -100px !important; } #page-wrap div#login,#page-wrap div#login p.forgetmenot{ width:180px; } #login #nav a, #login #backtoblog a,#login label{ color:#730000 !important; } #login #nav a:hover, #login #backtoblog a:hover{ color:#fff !important; } .wppa-box {background:url(images/jw-bgcolor-2.png) !important;border-color:#F8B528 !important; } .wpfilebase-attachment {background:url(images/jw-bgcolor-3.png) !important;border-color:#F8B528 !important; margin-left:auto !important;margin-right:auto !important;} #home-logo {position:absolute;float:left;width:300px;height:220px;} ul .sub-menu > li {font-size:14pt !important;padding-right:10px !important;} div.paypal-donations {width:300px;margin-left:auto;margin-right:auto;text-align:center; } .current_page_item a, a.jw-selected {color:#fff !important;} .current_page_item a:hover {color:#fff !important;opacity:1;} ul.nav li.current-page-ancestor a {color:#fff;} /* mods */ #members-list span.activity, span.activity, div#item-header span.activity {display:none !important;} #bbpress-forums img.avatar {width:24px;height:24px;border:1px solid #fff;float:left;margin-right:10px;} td.bbp-reply-content {width:70%;} #bbpress-forums table img.avatar {width:32px;height:32px;border:2px solid #fff;clear:both;} table thead tr {background:url(images/jw-bgcolor-3.png) !important;border:1px solid #F8B528 !important;padding:4px;} div.bbp-template-notice {background:url(images/jw-bgcolor-3.png) !important;border-color:#F8B528 !important;} div.bbp-template-notice.info { } span.bbp-admin-links {color:#fff;} #members-list li { list-style-type:none; } #bbpress-forums tr span a {font-size:8pt;} #bbpress-forums tr span a:hover {color:#730000;} #bbpress-forums tr p, #bbpress-forums tr p span, #bbpress-forums tr p span a {font-size:14pt !important;} #bbpress-forums tr span a:hover {color:#730000;} /* #bbpress-forums tr:hover {background-color:#FAC75E;} */ #replyContent {margin:20px;} #replyContent h1 { } #replyContent h2 { } #replyContent h3 { } #replyContent h4 { } #replyContent h5 { } #replyContent ul { } #replyContent li {padding-left:10px;margin-left:10px; } #replyContent span, #replyContent p, #replyContent li {line-height: 24px;font-size: 14pt !important; } #replyContent a {color:#730000;} #replyContent a:hover, #bbpress-forums a:hover {color:#fff !important;} #replyRevision, #replyModified {margin:10px;} #replyRevision p, #replyRevision li, #replyModified {font-size:10pt !important; }