/* ========================================================================= */ /* FONTS */ /* ========================================================================= */ /* = Delicious ====================================== */ @font-face { font-family: 'DeliciousItalic'; src: url('../fonts/Delicious/Delicious-Italic.eot'); src: local('Delicious Italic'), local('Delicious-Italic'), url('../fonts/Delicious/Delicious-Italic.ttf') format('truetype'); } @font-face { font-family: 'DeliciousRoman'; src: url('../fonts/Delicious/Delicious-Roman.eot'); src: local('Delicious Roman'), local('Delicious-Roman'), url('../fonts/Delicious/Delicious-Roman.ttf') format('truetype'); } @font-face { font-family: 'DeliciousHeavy'; src: url('../fonts/Delicious/Delicious-Heavy.eot'); src: local('Delicious Heavy'), local('Delicious-Heavy'), url('../fonts/Delicious/Delicious-Heavy.ttf') format('truetype'); } @font-face { font-family: 'DeliciousBoldItalic'; src: url('../fonts/Delicious/Delicious-BoldItalic.eot'); src: local('Delicious BoldItalic'), local('Delicious-BoldItalic'), url('../fonts/Delicious/Delicious-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'DeliciousBold'; src: url('../fonts/Delicious/Delicious-Bold.eot'); src: local('Delicious Bold'), local('Delicious-Bold'), url('../fonts/Delicious/Delicious-Bold.ttf') format('truetype'); } @font-face { font-family: 'DeliciousSmallCaps'; src: url('../fonts/Delicious/Delicious-SmallCaps.eot'); src: local('Delicious SmallCaps'), local('Delicious-SmallCaps'), url('../fonts/Delicious/Delicious-SmallCaps.ttf') format('truetype'); } /* ========================================================================= */ /* UNIVERSAL STYLES */ /* ========================================================================= */ * { margin: 0; padding: 0; } html, body { font: normal 13px/150% 'Lucida Grande', Arial, Helvetica, sans-serif; background:#203C5E; color:#5f5f55; width:100%; height:100%; } /* ========================================================================= */ /* ELEMENT & LAYOUT STYLES */ /* ========================================================================= */ h1.logo { float: left; margin: 0 0 10px 0; } h1.logo a { display: block; text-indent: -9000px; background: url(../images/rtwwu-logo.jpg) no-repeat 0 0; width: 148px; height: 117px; } h2 {font-size:30px; margin:26px 0; font: normal 30px/120% 'DeliciousBold', 'Lucida Grande', Arial, Helvetica, sans-serif; color: #27408B;} h2 span {display:block; padding:5px 0; font:16px/18px 'Lucida Grande', Arial, Helvetica, sans-serif; color:#5f5f55;} h3 { font: normal 24px/120% 'DeliciousBold', 'Lucida Grande', Arial, Helvetica, sans-serif; color: #27408B; } h4 { font: normal 18px/120% 'DeliciousBold', 'Lucida Grande', Arial, Helvetica, sans-serif; color: #27408B; margin: 15px 0; } h4 span {font:bold 12px/14px 'Lucida Grande', Arial, Helvetica, sans-serif; color:#5f5f55;} h5 { margin: 20px 0; color: #254f7c; font-size: 18px; text-transform: uppercase; } h6 {margin: 20px 0 5px; color: #254f7c; font-size: 16px; } h7 {margin: 15px 0 5px; color: #254f7c; font-size: 16px; } p { margin: 4px 0;padding:4px 0 } ul { margin: 20px; } ol { margin: 20px 20px 20px 25px; } a { text-decoration: none; color: #3A5FCD; } a.twitter-link { text-decoration: none; color: white; } a:hover { text-decoration: underline; } a:focus { border: none; outline: none; } a.more { color: #e98a17; font-size: 12px; text-transform: uppercase; font-weight: bold; } a.more:hover { color: #3A6497; text-decoration: none; } blockquote { margin: 20px 20px 0 20px; } cite { margin: 0 20px 20px 20px; } hr { border: none; border-top: 1px solid #C3C3BB; border-bottom: 1px solid #F5F5F0; background: none; *height: 1px; clear: both; } .clear { clear: both; } label.error {display:block; color:#F60000; padding:3px 0 0; font-size:10px;} #wrapper {border-bottom:1px solid #fff; background:#E8E8DF;} #wrapper-inner {margin:0 auto; width:960px; } #header {background:#3A6497; border-bottom:2px solid #203c5e;} #header-inside {width:960px; margin:0 auto;position:relative} #header-inside .quote {font-family: cursive; font-style: normal; color: white; font-variant: normal; font-weight: normal; font-size: large; line-height: 100%; word-spacing: normal; letter-spacing: normal; text-decoration: none; text-transform: none; text-align: right; text-indent: 0ex; width:930px; } #banner { background: #fff; border-bottom: 1px solid #C3C3BB; padding: 10px; color: #727272; margin: 10px 0 0 0; font-size: 13px;height:290px;background: url(../images/topbanner-bg.gif) top left repeat;position:relative} #banner .slide-desc {float:right;width:253px;padding:10px 20px} #banner .slide-images img {display:block;float:left} #banner .slide-images {float:left; position:relative; width:647px; height:288px;background:#fff;border:1px solid #777} /*#banner .slide-content li, #banner .slide-images img {position:absolute; background:#fff;} */ /*#banner .slide-content {position: absolute;top:10px;right:0px; width:250px; height:290px; padding:10px 20px 0 10px;}*/ #banner .slide-content {height:290px;position:absolute;right:0;top:10px;width:301px; } /* #banner .slide-content ul {height:235px;} */ #banner .banner-pager {border-top:1px solid #e8e8df; height:60px;} #banner .banner-pager .prev {display:inline-block; vertical-align:top; text-indent:-9999px; height:60px; width:20px; background:url(../images/btn_arrows.gif) 0 -75px no-repeat;} #banner .banner-pager .prev:hover { background:url(../images/btn_arrows.gif) 0 -126px no-repeat; } #banner .banner-pager .next {display:inline-block; vertical-align:top; text-indent:-9999px; height:60px; width:20px; background:url(../images/btn_arrows.gif) 100% 24px no-repeat;} #banner .banner-pager .next:hover { background:url(../images/btn_arrows.gif) 100% -27px no-repeat; } #banner .banner-pager span {display:inline-block; padding-left:10px;vertical-align:top;height:40px; font:16px/24px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#3A6497;} #banner .banner-pager span img {margin:5px 10px 0 0; vertical-align:top;} #banner h6 {color:#999; text-transform:uppercase; font-size:12px; line-height:8px;} #banner h6 strong {color:#3A6497; font-size:18px; display:block; margin:8px 0;line-height:110%} #banner h6 em {color:#727272; text-transform:none; display:block; font-style:normal; font-size:12px; line-height:18px;} #banner ul {margin:0; padding:0; list-style:none; position:relative;} #slideshow, #banner {overflow:hidden} .banner-ad {position:absolute;top:10px;right:0px;z-index:999} .banner-ad a {display:block;width:468px;height:60px;cursor:pointer} #contentarea { padding: 5px 0; } #content-main { width: 510px; float: left; } #content-main-single { width: 690px; float: right; } #index #content-main { padding: 0 0 0 20px; } #contentarea .videobox {float:left; width:300px; margin:20px 20px 20px 0;} #contentarea .thumb {float:left; width:120px; height:90px; border:1px solid #ccc; padding:3px;} #contentarea .overlay {display:inline-block; width:120px; height:90px; text-indent:-9999px; background:url(../images/icon_video-play.png) center center no-repeat;} #contentarea .text {float:right; width:160px;} #wrapper #content-sub-single .box .thumb {float:none;} #wrapper #content-sub-single .box .text {float:none;width:180px;margin-top:10px} #contentarea .text h6 {font-size:12px;line-height:16px;margin-top:5px} #contentarea .text p {margin:0; font-size:10px;line-height: 150%} .form-container {padding-bottom:20px;border-bottom:1px solid #C3C3BB;margin-bottom:20px} .box {background:#fff; border-bottom:1px solid #c3c3bb; margin:0 0 20px; padding:15px; } .box h5 {margin-top:10px} .help h5 {margin-top:30px !important} .pics {position:relative} .box.help {padding:1px 15px 15px 15px !important} .pics img {display:block; border:1px solid #ccc; padding:3px; margin:0 auto} .videos {position:relative} .videos p {font-size:10px; padding:0 0 10px; margin:0; } .videos .text {width:230px;} .desc p {font-size:12px;line-height:16px; padding:4px 0; margin:4px 0;} a.lnk-more {display:inline-block; height:25px; line-height:25px; width:100%; text-align:right;position:absolute;top:25px;right:15px} #content-sub-single a.lnk-more {position:relative;display: block; text-align:left;top:0px;right:0;padding-top:11px} .postmeta {padding-top:25px} #content-sub {width:400px; float:right; } #content-sub h4 {font-size:16px; margin:0 0 10px; text-transform:uppercase;} #content-sub h5 {color:#3a6497; padding:0;white-space:nowrap} #content-sub .box h6 {margin:10px 0 5px 0} #content-sub .box .text {width:220px} #blogs h5 {white-space:normal !important} #content-sub #getinvolved {float:none;} #content-sub-single {width:220px; float:left; } #images {list-style:none;margin-left:0px} #images li {float:left;margin:0 20px 20px 0} .alignLeft {display:block;float:left;clear:right;margin:0 10px 10px 0} .alignRight {display:block;float:right;clear:left;margin:0 0px 10px 10px} .navigation {clear:both} .navigation .alignleft {width:200px;text-align:left;float:left} .navigation .alignright {width:200px;text-align:right;float:right} #donate { background: #fff; border-bottom: 1px solid #C3C3BB; padding: 10px 20px; margin: 0 0 10px 0; } #donate .left { float: left; width: 430px; } #donate .right { float: right; width: 430px; } #donate .funding { font-family:DeliciousRoman; font-variant: normal; font-size: large; text-align: center; color:orange; } .raised { background: url(../images/bg_total.gif) no-repeat 0 -200px; height: 54px; margin: 0 0 10px 0;} .raised .description { color: #e98a17; font-size: 12px; line-height: 150%; padding: 8px 0 0 8px; margin: 0;font-weight:bold } .raised .descriptiont { color: #e98a17; font-size: 20px; line-height: 150%; padding: 12px 0 0 20px; margin: 0;font-weight:bold } .raised.thin { background: none; margin: 10px 0 0 0;height:auto} .raised.thin .description { color: #e98a17; font-size: 12px; line-height: 150%; padding: 0 0 4px 0; margin: 0;font-weight:bold } .amount { background: url(../images/bg_total.gif) no-repeat 100% -100px; line-height: 54px; float: right; margin: 0; color: #fff; text-shadow: 0 -1px 0 #000; } .amount strong { display: inline-block; height:53px; font: normal 30px/58px Helvetica, Arial, sans-serif; background: url(../images/bg_total.gif) no-repeat 0 0; margin: 0 14px 0 0; padding: 0 0 1px 20px; } .amount strong span { position:relative; font-size:14px; top:-10px;} .raised.thin .amount { background: url(../images/btn_total-thin.gif) no-repeat 0 0; height: 54px; width: 180px; text-align: right; padding: 0 10px 0 0; float:none } .raised.thin .amount strong { background: none; margin: 0; padding: 0; } .box.help p { margin: 0; } #getinvolved { float: right; margin: 5px 0 0 0; width: 430px; } #getinvolved.thin { width: auto; margin: 0 0 20px 0; } #getinvolved a { display: inline-block; color: #fff; text-shadow: 0 1px 0 #000; padding: 0 10px; font: normal 14px/30px 'DeliciousBold', 'Lucida Grande', Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; } #getinvolved a.thin { display: block; margin: 0; padding: 0; width: 190px; height: 31px; text-align: center; } #getinvolved a.donate.wide { padding: 0 17px 0 8px; background: url(../images/blue-button-donate.png) no-repeat 0 0; } #getinvolved a.donate.wide:hover { background: url(../images/btn_donate.gif) no-repeat 0 -50px; } #getinvolved a.adopt.wide { background: url(../images/blue-button.png) no-repeat 100% 0; margin-left:5px; } #getinvolved a.adopt.wide:hover { background: url(../images/btn_donate.gif) no-repeat 100% -50px; } #getinvolved a.donate.thin { background: url(../images/btn_donate-vertical.gif) no-repeat 0 0; } #getinvolved a.donate.thin:hover { background: url(../images/btn_donate-vertical.gif) no-repeat 0 -100px; } #getinvolved a.adopt.thin { background: url(../images/btn_donate-vertical.gif) no-repeat 0 -31px; } #getinvolved a.adopt.thin:hover { background: url(../images/btn_donate-vertical.gif) no-repeat 0 -131px; } #getinvolved .funding { font-family: DeliciousRoman; font-variant: normal; font-size: medium; text-align: left; color:orange; } #getinvolved .fundingwide { font-family: DeliciousRoman; font-variant: normal; font-size: medium; text-align: left; color:orange; width: 385px;} .previewbox .action a { display: inline-block; color: #fff; text-shadow: 0 1px 0 #000; padding: 0 10px; font: normal 14px/30px 'DeliciousBold', 'Lucida Grande', Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; background: url(../images/btn_donate.gif) no-repeat 10% 0; border-right: 1px solid #305385;border-left: 1px solid #305385;} .previewbox .action a:hover { background: url(../images/btn_donate.gif) no-repeat 10% -50px;} #social { padding: 20px 0 0 0; } #social span { float: right; display: block; width: 250px; } #donate #social span { width: 273px; } #social span img { border: none; } #social.thin span { width: auto; float: none; padding: 10px 0 0 0; } a.continue { float: right; display: inline-block; padding: 5px 10px; background: #263C6E; color: orange; font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: none; } a.continue:hover { text-decoration: underline; } #intro p { font-size: 13px; line-height: 150%;} #news ul { margin: 0; list-style: none; } #news ul li { float: left; font-size: 11px; width: 230px; margin: 0 20px 0 0; line-height: 150%;height:150px } #news ul li strong { color: #32322b; } #news ul li p {margin:5px 0; padding:0;} #otherblock {margin-top:30px} #countdown { background: #365C96 url(../images/bg_countdown.gif) no-repeat 0 0; border-bottom: 1px solid #C3C3BB; padding: 10px 20px; margin: 0 0 10px 0; } #countdown h5 { color: #fff; padding: 0; } #countdown p { color: #B3C6DB; text-transform: uppercase; font-weight: bold; margin: 15px 0; } #countdown strong { display: inline-block; margin: 0 5px 0 0; font-weight: bold; } #countdown em { font-size: 24px; font-style: normal; font-weight: normal; } #countdown a.more { color: #fff; } #countdown a.more:hover { color: #B3C6DB; } #countdown a.funding { font-family: DeliciousRoman; font-variant: normal; font-size: large; text-align: center; color:orange; padding-left:15px; } #homecomment { background: #365C96 url(../images/bg_countdown.gif) no-repeat 0 0; border-bottom: 1px solid #C3C3BB; padding: 10px 20px; margin: 0 0 10px 0; } #homecomment h5 { color: #fff; padding: 0; } #homecomment p { color: #B3C6DB; text-transform: uppercase; font-weight: bold; margin: 15px 0; } #homecomment strong { display: inline-block; margin: 0 5px 0 0; font-weight: bold; } #homecomment em { font-size: 24px; font-style: normal; font-weight: normal; } #homecomment a.more { color: #fff; } #homecomment a.more:hover { color: #B3C6DB; } #homecomment a { color: #E98A17; } #homecomment a.funding { font-family: DeliciousRoman; font-variant: normal; font-size: large; text-align: center; color:orange; padding-left:15px; } #blogs { background: #fff; border-bottom: 1px solid #C3C3BB; padding: 10px 0; margin: 10px 0; } #blogs h5 { margin: 10px 20px 10px 20px; padding: 0; } #blogs h5 img { border: none; vertical-align: top; } #blogs h5 span {float:right; clear:right} #blogs a {color:#E98A17;font-size:11px} #blogs-nav { list-style: none; position: relative; z-index: 597; margin: 30px 0 10px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; height: 30px; font-size: 10px; } #blogs-nav li { float: left; zoom: 1; padding: 0 10px 0 20px; } #blogs-nav li.hover { position: relative; z-index: 599; } #blogs-nav li.hover > ul { visibility: visible; } #blogs-nav li.parent-1 { background: url(../images/icon_arrow-down.gif) no-repeat 100% 50%; } #blogs-nav a { display: block; line-height: 30px; } #blogs-nav li.hover a { text-decoration: none; color: #777; } #blogs-nav ul { list-style: none; visibility: hidden; position: absolute; top: 100%; left: -1px; z-index: 598; margin: 0 0 0 10px; width: 150px; background: #fff; border: 1px solid #eee; border-top: none; } #blogs-nav ul li { float: none; *margin-bottom:-4px; margin: 0; padding: 0; } #blogs-nav li.hover ul li a { line-height: 20px; padding: 2px 10px; color: #3A6497; } #blogs-nav li.hover ul li a:hover{ background: #f6f6f6; color: #777; } .entry {padding-bottom:20px;border-bottom:2px solid #c3c3bb;margin:0 0 20px 0} .blog-image {width:122px;height:102px;float:left;clear:right;margin:0 20px 10px 0;border:2px solid #c3c3bb} .blog-image img {display:block;margin:1px 0 0 1px} p.tn {display:none} #bloggers { background: #fff; border-bottom: 1px solid #C3C3BB; padding-left:60px; margin: 0 0 10px 0; height: 170px;} #bloggers li { float: left; font-size: 10px; line-height: 150%; } #bloggers li em { float:left; width:100px; display:block; padding-right:40px;} #bloggers li span { display:block; width:60px; float:left; padding:0 0 0 10px; } #bloggers li strong { color: #3A6497; font-size: 12px; display: block; margin-bottom: 2px; } #bloggers li a { color: #e98a17; } #bloggers li a:hover { color: #3A6497; text-decoration: none; } .icon { padding: 0 0 0 13px; } .icon.rss { background: url(../images/icon_rss-tiny.gif) no-repeat 0 50%; } .icon.info { background: url(../images/icon_info-tiny.gif) no-repeat 0 50%; } #subcontent {background: #CCCCC4 url(../images/bg_subcontent.gif) repeat-x 0 0; padding: 25px 0 15px 0; border-bottom:1px solid #132337;} #subcontent-inner { width: 960px; margin: 0 auto; } .previewbox { width: 220px; background: #fff; border: 1px solid #B9B9AF; display: inline-block; margin: 0 7px 0 0; text-align: justify; vertical-align: top; zoom: 1; *display: inline; font-size: 10px; line-height: 110%; } .previewbox h5 { margin: 15px 15px 0 15px; color: #A7A79B; font-size: 14px; } .previewbox h4 { margin: 0 15px 0 15px; font: bold 12px/150% 'Lucida Grande', Arial, Helvetica, sans-serif; } .previewbox p { margin: 0 15px 10px 15px; text-align: left; } .previewbox img { padding: 5px; border: 1px solid #ddd; margin: 15px; } .previewbox a { color: #e98a17; font-weight: bold; } .previewbox a:hover { text-decoration: none; } .previewbox.sponsors { margin: 0; } .previewcontainer { position:relative; border-bottom:1px solid #ccc; } .previewcontainer div { width:220px; padding:0 0 10px; } .previewmore { display:block; float:right; width:40%; height:25px; line-height:25px; color:#a7a79b !important; text-align:right; padding:0 15px 0 0; } .previewpager { float:left; width:40%; list-style:none; margin:0; padding:0 0 0 15px; overflow:hidden; } .previewpager li { float:left; height:25px; line-height:25px; } .previewpager li a { display:inline-block; height:25px; line-height:25px; color:#a7a79b; padding:0 2px; } .previewpager li a:hover, .previewmore:hover { color:#777 !important; } .previewpager li.activeSlide a { background:#f5f5f5; color:#256eb1; } #accordion { margin: 0; list-style: none; border-top: 1px solid #E8E8DF; } #accordion li { padding: 5px 20px ; border-bottom: 1px solid #E8E8DF; } #accordion li a { text-decoration: none; font-weight: bold; } #accordion li a:hover { color: #5f5f5f; } #accordion li ul { list-style: none; margin: 10px 0 20px 0; padding: 0; } #accordion li ul li { padding: 2px 0; border: none; } #accordion li ul li a { font-weight: normal; font-size: 10px; color: #5f5f5f; } #accordion li ul li a:hover { color: #3A6497; } p.the-author {padding-bottom:20px} #comments-area {margin-top:20px;border-top:2px solid #C3C3BB;padding:30px 0} #footer {padding:20px 0 0; margin:0 auto; border-bottom:1px solid #132337; overflow:hidden; width:960px;} #footer .footerLeft {float:left; width:540px; border-right:1px solid #132337;} #footer .footerLeft ul {float:left; zoom:1; *display:static; border-left:1px solid #61758d; list-style:none; width:110px; margin:0 24px 20px 0;} #footer .footerLeft ul li {padding:0 0 3px 10px;} #footer .footerLeft ul li a {display:block; font:10px/14px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Arial, Helvetica, sans-serif; color:#90a4bd;} #footer .footerLeft ul li a:hover {text-decoration:none; color:#fff;} #footer .footerLeft ul li.current {background:url(../images/bg_footer-nav-item.png) 0 6px no-repeat;} #footer .footerLeft ul li.first a {font-weight:bold; color:#a4b5cb;} #footer .footerLeft ul li.first a:hover {color:#fff;} #footer .footerLeft .menuBlogs {width:60px;} #footer .footerLeft .menuProjects {width:170px;} #footer .footerLeft .menuLast {margin-right:0;} #footer .footerRight {float:left; border-left:1px solid #2d5585; width:395px; padding:0 0 0 20px; } #footer .footerRight h3 {font:normal 20px/22px 'DeliciousBold', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#fff; padding:0 0 15px; margin:0;} #footer .footerRight p {font:12px/18px 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#90a4bd; margin:0; padding:0 0 15px; } #footer .footerRight a.learnMore {font:bold 10px/18px 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;} #footerBottom {width:960px; border-top:1px solid #2d5585; margin:0 auto 50px; padding:10px 0 0; height:30px; line-height:14px; color:#90a4bd; font-size:10px;} #footerBottom a {color:#90a4bd;} #footerBottom a:hover {color:#fff; text-decoration:none;} /* ========================================================================= */ /* NAV STYLES */ /* ========================================================================= */ /* = NAV STYLES: Visual Style ====================================== */ #nav { padding: 30px 0 0 0; font: normal 16px 'DeliciousBold', 'Lucida Grande', Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #000; } #nav a { padding: 5px 12px; text-transform: uppercase; text-decoration: none; color: #fff; } #nav li.hover a, #nav li.current a { background: url(../images/bg_nav-hover.gif) no-repeat center bottom; } #nav li.hover li a { background: none } #nav li.parent-1 li a { text-transform: none; font-size: 14px; font: normal 14px/120% 'DeliciousRoman', 'Lucida Grande', Arial, Helvetica, sans-serif; border-top: 1px solid #5378A4; padding: 10px; } #nav li.parent-1 li a:hover { background-color: #5075A2; } #nav li.parent-1 li.hover { background-color: #5075A2; } #nav li.parent-1 li.parent-2 li a { border: none; padding: 5px 10px; } #nav li.parent-2 a { background:url(../images/bg_subnav-item.png) 95% center no-repeat !important; } #nav li.parent-2 ul a { background-image:none !important; } #nav ul { background: #3A6497; border: 1px solid #203C5E; border-top: none; } #nav ul *.parent { } #nav ul li { width: 200px; float: left; } #nav ul a { display: block; padding: 8px 5px; } #nav ul ul { border: 1px solid #203C5E; } /* = NAV STYLES: Functionality - no need to touch ================== */ #nav { list-style: none; position: relative; z-index: 597; float: right; margin: 0 30px 0 0; } #nav a { display: block; } #nav li { float: left; padding: 0; zoom: 1; } #nav li.hover { position: relative; z-index: 599; } #nav li:hover { position: relative; z-index: 599; } #nav ul { list-style: none; visibility: hidden; position: absolute; top: 100%; left: -1px; z-index: 598; margin: 0; width: 200px; } #nav ul li { float: none; *margin-bottom:-4px; } #nav ul ul { top: 0; left: 200px; margin: -1px 0 0 0; } #nav li:hover > ul { visibility: visible; } #nav li.hover > ul { visibility: visible; } /* ========================================================================= */ /* CALENDAR STYLES */ /* ========================================================================= */ #upcoming-events {list-style:none; margin:0; padding:0;} #upcoming-events h3 {margin:20px 0;} #upcoming-events ul {list-style:none; margin:0; padding:0;} #upcoming-events li {list-style:none; margin:0; padding:0;} #upcoming-events li li {font:normal 14px/115% 'DeliciousBold', 'Lucida Grande', Arial, Helvetica, sans-serif; color:#3A6497;} #upcoming-events li li ul {margin:0 0 0 20px;} #upcoming-events li li ul li {list-style:disc; font:normal 12px/115% 'Lucida Grande', Arial, Helvetica, sans-serif; padding:5px 0 0; color:#5f5f55;} .calendar-date-switcher { background: #3A6497; } .calnk a:hover { background-position:0 0; text-decoration:none; color:#000000; border-bottom:1px dotted #000000; } .calnk a:visited { text-decoration:none; color:#000000; border-bottom:1px dotted #000000; } .calnk a { text-decoration:none; color:#000000; border-bottom:1px dotted #000000; } .calnk a span { display:none; } .calnk a:hover span { color:#333333; background:#CBCBC3; display:block; position:absolute; margin-top:1px; padding:10px; width:200px; z-index:100; font-size: 10px; } .calendar-table { border:none; width:100%; } .calendar-heading { height:25px; text-align:center; background-color:#3A6497; color: #fff; } .calendar-heading a { color: #E3E9F0; } .calendar-next { width:25%; text-align:center; } .calendar-prev { width:25%; text-align:center; } .calendar-month { width:50%; text-align:center; font-weight:bold; } .normal-day-heading { text-align:center; width:25px; height:25px; font-size:0.8em; background-color:#C3C3BB; color: #fff; } .weekend-heading {text-align:center; width:25px; height:25px; font-size:0.8em; border:1px solid #DFE6DE; background-color:#C3C3BB; color: #fff; } .day-with-date { vertical-align:text-top; text-align:left; width:60px; height:60px; border:1px solid #C3C3BB; } .no-events { font-size: 10px; } .day-without-date { width:60px; height:60px; border:1px solid #DFDFD6; } span.weekend { font-size: 10px; } .current-day { vertical-align:text-top; text-align:left; width:60px; height:60px; border:1px solid #BFBFBF; background-color:#fff; } span.event { font-size:0.75em; } .kjo-link { font-size:0.75em; text-align:center; } .event-title { font-weight:bold; font-size:1.2em; } .event-title-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; height:1px; background-color:#AAAAA4; } .event-content-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#AAAAA4; } .calendar-date-switcher { height:25px; text-align:center; background-color:#3A6497; padding: 5px 0; } .calendar-date-switcher form { color: #fff; margin:0; padding:0; } .calendar-date-switcher input { } .calendar-date-switcher select { border:1px #D6DED5 solid; } .cat-key { width:100%; margin-top:10px; padding:5px; border:1px solid #D6DED5; } /* ========================================================================= */ /* FORM STYLES */ /* ========================================================================= */ form ul { margin: 0; padding: 0; } form li { list-style: none; } form li ul { margin: 0; } form p {margin:4px 0;padding:4px 0} form hr {margin:16px 0} label.description { display: block; font-weight: bold; } label.choice { padding-left: 5px; } input[type=text] { width: 280px; border:1px solid #C3C3BB;height:24px;font: normal 11px/150% 'Lucida Grande', Arial, Helvetica, sans-serif;padding:0 5px } input[type=checkbox] { } input[type=radio] { line-height: 26px;padding:5px 0;margin:5px 0 } textarea { width: 350px; height: 100px; font: normal 11px/150% 'Lucida Grande', Arial, Helvetica, sans-serif;border:1px solid #C3C3BB;padding:0 5px } select { width: 300px; } input[type=submit] {padding:2px 10px; background:#C3C3BB;font-size:12px;font-weight:bold;border:none;cursor:pointer;margin-top:20px} #searchform { float: right; padding: 20px 0 0 0; margin-right: 30px; } #searchform input.text { background: #e3e9f0; border: none; border-top: 1px solid #254f7c; width: 140px; padding: 3px 5px; color: #3A6497; } #content-main-single #searchform { float: none; padding: 35px 0 0 0;margin:0 auto } .opt {display:none} /* comments */ #CommentsTitle {margin-bottom:10px} .commentlist, .commentlist .children { margin: 0 0 1em 0; list-style: none} .commentlist .comment { background: #fff; border: 1px solid #DBDEDF; margin: 0 0 5px 0; padding: 1em;} .commentlist .children .comment { background: #E8EBEC; margin-left: 2em; border-left-width: 3px; margin-top: 1em;} .commentlist .comment-author { background: #fff; border: 1px solid #ccc; float: left; margin-right: 15px; padding: 15px 0; text-align: center; width: 80px;} .commentlist .fn { display: block; } .commentlist .says { display: none; } .commentlist .reply { text-align: right; clear:both; } .commentlist .comment-meta { font-size:0.85em; margin:0 0 0.5em;} #respond {padding:15px;background:#dfdfd5} #respond label {display:block} .jcarousel-item-vertical a, .jcarousel-item-vertical a:link, .jcarousel-item-vertical a:visited {display:block;;width:260px;height:40px;padding:10px 20px;text-decoration: none} .jcarousel-item-vertical a:hover {background:#eee;text-decoration: none} .jcarousel-list-vertical {width:300px} .jcarousel-container-vertical { height:270px;padding-top:20px;width:300px; } .jcarousel-clip-vertical { width: 300px; height: 248px; } .jcarousel-item-vertical { width: 300px; height: 60px; border-top:1px solid #fff; border-bottom:1px solid #ccc; } /** * Vertical Buttons */ .jcarousel-next-vertical { position: absolute; bottom: 0px; left: 0px; width: 300px; height: 19px; cursor: pointer; background: url(../images/arrow-down.gif) 50% 50% no-repeat; border-top:1px solid #fff } .jcarousel-next-vertical:hover { background: url(../images/arrow-down.gif) 50% 50% no-repeat #ddd; } .jcarousel-next-vertical:active { } .jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-prev-vertical { position: absolute; top: 0px; left: 0px; width: 300px; height: 19px; cursor: pointer; background: url(../images/arrow-up.gif) 50% 50% no-repeat; border-bottom:1px solid #ccc } .jcarousel-prev-vertical:hover { background: url(../images/arrow-up.gif) 50% 50% no-repeat #f3f3f3; } .jcarousel-prev-vertical:active { } .jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }