@import reset.css; @import custom.css; /* Theme Name: Meta-Morphosis Version: 1.0 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com */ /* Default styles */ /* Custom styles */ body { background:#161719 url(http://unrbiz.org/wp-content/themes/bp-bsg/_inc/images/bodybgglow.jpg) no-repeat center top; } #wrap { background:none; } /* Wrap */ #wrap { } /* Top */ #top { width:960px; margin:0 auto; padding:0; position:relative; z-index:999; } #top-flash { width:960px; margin:0 auto; padding:0; position:relative; z-index:0; } /* Page Nav */ #pagenav li a:link,#pagenav li a:visited { position:relative; width:50%; padding:14px 8px; text-decoration:none; z-index:100; font-size:14px; font-weight:bold; } #pagenav li { float:left; line-height:35px; padding:0 9px 0 5px; zoom:1; margin:0; } #pagenav li a:hover,#pagenav li.current_page_item a:link,#pagenav li.current_page_item a:visited { position:relative; } #pagenav li a:hover span.left,#pagenav li.current_page_item span.left { display:block; position:absolute; left:0; bottom:0; width:5px; height:43px; margin-left:-5px; } #pagenav li a:hover span.right,#pagenav li.current_page_item span.right { display:block; position:absolute; right:0; bottom:0; width:5px; height:43px; margin-right:-5px; } #pagenav li a:link,#pagenav li a:visited { color:#fff; } #pagenav li a:hover,#pagenav li.current_page_item a:link,#pagenav li.current_page_item a:visited { background:url(images/top-nav-tile.png) repeat-x left bottom; } #pagenav li a:hover span.left,#pagenav li.current_page_item span.left { background:url(images/top-nav-left.png) no-repeat left bottom; } #pagenav li a:hover span.right,#pagenav li.current_page_item span.right { background:url(images/top-nav-right.png) no-repeat left bottom!important; } /*********** MEGA ADDITION *****************/ #mmenu-cont { padding:20px 0 26px; } #mmenu li a:link,#mmenu li a:visited { position:relative; width:50%; padding:14px 8px; text-decoration:none; z-index:20; font-size:13px; font-weight:bold; color:#fff; } #mmenu li { position:inline; position:relative; float:left; line-height:0; padding:0 19px 0 5px; margin:0; } #mmenu li a:hover span.left,#mmenu li.current_page_item span.left { display:block; position:absolute; left:0; bottom:0; width:5px; height:43px; margin-left:-5px; } #mmenu li a:hover,#mmenu li.current_page_item a:link,#mmenu li.current_page_item a:visited { position:relative; } #mmenu li a,#mmenu li a:link,#mmenu li a:visited { background:url(images/top-nav-tile-light.png) repeat-x left bottom; } #mmenu li a span.left { background:url(images/top-nav-left-light.png) no-repeat left bottom; display:block; position:absolute; left:0; bottom:0; width:5px; height:43px; margin-left:-5px; } #mmenu li a span.right { background:url(images/top-nav-right-light.png) no-repeat left bottom!important; display:block; position:absolute; right:0; bottom:0; width:5px; height:43px; margin-right:-5px; } #mmenu li a:hover span.right,#mmenu li.current_page_item span.right { display:block; position:absolute; right:0; bottom:0; width:5px; height:43px; margin-right:-5px; } #mmenu li a:hover,#mmenu li.current_page_item a:link,#mmenu li.current_page_item a:visited { background:url(images/top-nav-tile.png) repeat-x left bottom; } #mmenu li a:hover span.left,#mmenu li.current_page_item span.left { background:url(images/top-nav-left.png) no-repeat left bottom; } #mmenu li a:hover span.right,#mmenu li.current_page_item span.right { background:url(images/top-nav-right.png) no-repeat left bottom!important; } ul#mmenu div { display:none; } ul#mmenu li.mega div { width:18em; position:absolute; top:1.6em; left:0; padding:1.3em; background:#333D46; color:#ffffff; z-index:25; } ul#mmenu li.mega-left div { width:28em; position:absolute; top:1.6em; left:-16em; padding:1.3em; background:#333D46; color:#ffffff; z-index:25; } ul#mmenu li.hovering div { display:block; margin-top:-3px; } ul#mmenu li.mega div a { color:#ffffff; padding:0; background-image:none; text-decoration:none; } ul#mmenu li.mega-left div a { color:#ffffff; padding:0; background-image:none; text-decoration:none; } ul#mmenu li div a.more { color:#cccccc; font-weight:bold; } ul#mmenu div h3 { color:#98CAE2; font-weight:bold; font-size:1.4em; } ul#mmenu div p { margin:0 0 .8em; padding:0; } /* Cat Nav */ #menu { /*background:url(images/cat-nav.png) no-repeat top left;*/ width:960px; height:50px; z-index:999; position:relative; margin-bottom:13px; } #catnav,#catnav ul { padding:0; margin:0 15px; list-style:none; line-height:1; width:750px; z-index:999; position:relative; } #catnav a { display:block; line-height:50px; padding:0 10px; z-index:100; color:#fff; font-size:14px; font-weight:bold; } #catnav li { float:left; } #catnav li:hover { background:#999; } /* Style drop down list */ #catnav li ul { position:absolute; width:182px; left:-999em; margin:0; } #catnav li ul li { border:1px solid #ccc; border-width:0 1px 1px; background:#FFF; z-index:15; position:relative; } #catnav li ul li:hover { background:#eee; } #catnav li ul li a { line-height:35px; font-size:12px; color:#333; width:160px; } #catnav li ul ul { margin:-36px 0 0 180px; border-top:1px solid #ccc; } #catnav li ul ul li a { line-height:35px; } #catnav li ul li ul li a { border-width:0 1px 1px 0; } #catnav li:hover ul,#catnav li.sfhover ul { left:auto; } #catnav li:hover ul ul,#catnav li.sfhover ul ul { left:-999em; } #catnav li:hover ul,#catnav li li:hover ul,#catnav li.sfhover ul,#catnav li li.sfhover ul { left:auto; } #catnav li:hover,#catnav li.hover { position:static; } /* IE7 Fix */ /* jquery header */ #jquery-home { width:960px; margin:0 auto; } /* Search */ #search { float:right; padding:15px 26px 0 0; width:178px; height:42px; display:block; } #search input { background:url(images/bg-search.png) no-repeat; border:0; color:#fff; padding:9px 10px; width:157px; } /*OLDSEARCH STUFF #search { position:absolute; right:20px; top:10px; width: 178px; height:32px; display:block; } #search input { background:url(images/bg-search.jpg) no-repeat; border:0; color:#fff; padding: 8px 10px; width:157px; } */ /* Header */ #header { width:100%; height:81px; padding:15px 0 0; clear:both; position:relative; } #header-top { width:950px; margin-left:auto; margin-right:auto; } #header-top p { float:left; line-height:22px; font-size:15px; width:540px; color:#ffffff; vertical-align:middle; } #header-top img { float:right; border-left:thin solid #ffffff; padding-left:30px; margin-left:15px; } #headerhomelink { float:left; padding-left:6px; width:200px; } #header a { border:none; } #header h1 { position:absolute; left:-999em; } /* Ticker */ #ticker-container { width:960px; height:60px; background:url(http://unrbiz.org/wp-content/themes/bp-bsg/_inc/images/ticker-bg.png); padding:5px 0; } #ticker-container p { font-size:18px; color:#98CAE2; margin:12px 0 0 60px; } .titlefield { /*CSS for RSS title link in general*/ text-decoration:none; color:#ffffff; } #news-text { /*Demo 1 main container*/ width:550px; height:28px; padding:27px 0 0 176px; color:#5879AA; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); -moz-opacity:0.8; } /* Content */ #content { background:#fff url(images/bg-content.png) repeat-y right; width:960px; margin:0 auto; min-height:150px; padding:0; } * html #content { height:550px; } #content-bot { background:url(images/bg-content-footer.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; } #content-bot-white { background:url(images/bg-content-footer-white.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; } #content-top { background:url(images/bg-content-header.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; } #content-top-white { background:url(images/bg-content-header-white.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; margin-top:16px; } #content.white { background:#fff; overflow:hidden; } /* Index.php blocks */ #main-full { padding:20px 0 0 20px; width:920px; } #featured { padding:0 10px 0 20px; width:618px; float:left; } #left { padding:12px 0 0; margin:0 10px 20px 20px; width:298px; float:left; background-color:#002E62; background-image:url(images/module-corner.png); background-repeat:no-repeat; background-position:top right; } #middle { padding:0 10px 0 0; width:298px; float:right; } #middle-middle { padding:19px 0 0; margin:0 0 20px; width:300px; background-color:#D8D8D8; background-image:url(images/module-corner.png); background-repeat:no-repeat; background-position:top right; } #right-gray { padding:19px 0 0; margin:0 0 20px; width:282px; background-color:#D8D8D8; background-image:url(images/module-corner.png); background-repeat:no-repeat; background-position:top right; } #right { padding:10px 0 0; margin:0 20px 20px 0; width:298px; background-color:#D8D8D8; background-image:url(images/module-corner.png); background-repeat:no-repeat; background-position:top right; } #featured-small-right { padding:10px 0 0; width:174px; float:right; background-color:#D2DCEC; margin:0 10px 0 4px; } #featured-med-left { padding:0 0 10px 20px; width:300px; float:left; } div.col-right { margin-top:0; } /* Index.php content blocks */ #content h3.info { font-size:28px; color:#222; background-color:#fff; display:block; float:left; line-height:22px; margin:0; padding:2px 5px 0 0; overflow:hidden; text-transform:uppercase; } #content div.module { background-color:#fff; clear:both; overflow:hidden; margin:0 4px 0 0; } div.module ul { list-style:none; margin:0; padding:0; } div.module ul li { border-bottom:1px solid #395885; overflow:hidden; padding:14px 0; margin:0 6px 0 0; } div.blog { padding:0 0 20px!important; } #content h4.title { color:#002E62; font-size:18px; padding:0; line-height:21px; } #content h4.title a { text-decoration:none; color:#002E62; font-size:18px; } #content p.blogtitle { color:#333333; font-size:11px; font-weight:bold; padding:0; line-height:13px; } #content p.blogtitle a { text-decoration:none; } #content p.author { color:#333333; font-size:10px; padding:0; line-height:12px; } #cb { background-color:#fff; border-bottom:1px solid #395885; overflow:hidden; padding:14px 0; margin:0 6px 0 0; } #cb-right { background-color:#fff; border-bottom:1px solid #D8D8D8; overflow:hidden; padding:14px 0; margin:0 6px 0 0; } #cb-social { background-color:#fff; border-bottom:1px solid #395885; overflow:hidden; padding:0; margin:0 6px 0 0; } div.social-text { float:left; margin:15px 0 0 12px; } div.social-img { float:left; padding:10px; } #blue-block { padding:8px 0 0; margin:0 0 12px; background-color:#002E62; } div.moduleLink { font:bold 9px Arial, Helvetica, sans-serif; text-align:right; text-transform:uppercase; width:auto; } div.moduleLink p { background-color:#fff; line-height:8px; display:inline; margin:0 4px 0 0; padding:0 0 0 5px; text-align:right!important; height:12px; } div.moduleLink span { text-transform:none; } div.moduleLink a { color:#000; text-decoration:none; } div.moduleLink a:hover { color:#b10021; text-decoration:none!important; } /* Content (style) */ #content a { text-decoration:underline; } #content a:hover { text-decoration:none; } #content h2,#content h3 { font-weight:bold; } #content h2 { font-size:24px; line-height:28px; padding-top:0; } #content h3 { font-size:20px; } #content h4 { font-size:16px; } #content blockquote { border-left:2px solid #777777; color:#777777; font-style:italic; margin:5px auto 15px; padding:0 10px; width:85%; } /* Main Content (post) */ #content .post { padding:0 5px 15px 0; } #content .post-title { width:100%; position:relative; } #content .post-title h2,#content .post-title p.post-details,#content .post-title h3 { padding-right:50px; } #content h2 a,#content h3 a { color:#2A2A2A; text-decoration:none; } #content h2 a:hover,#content h3 a:hover { text-decoration:none; } #content p.post-details { line-height:18px; margin-top:-10px; position:relative; } #content p.post-details a { text-decoration:underline; color:#9F9F9F; } #content p.post-details a:hover { color:#555; } #content p.post-details { color:#9F9F9F; font-size:11px; padding:0 0 0 1px; } #content .post h4 { margin-top:1px; clear:both; width:100%; } #content .post h4.continue a { background:#A8BC70; padding:5px 10px; color:#fff; text-decoration:none; } #content .post h4.continue a:hover { background:#9fb26a; } #content .post img.thumbnail { border:1px solid #DDDDDD; margin:5px 0 0; } #content .post img.thumbnail-left { margin:15px 10px 5px 0; float:left; } #content .post img.gallery { margin:0 7px 7px 0; } #content h2.arh { border-bottom:#EBEBEB 1px solid; margin-top:-10px; margin-bottom:10px; position:relative; } #featured h2 { font-size:34px; } #featured .block { padding:0 30px 20px 0; width:200px; float:left; } #featured .block.last { padding-right:0; } #featured .block h2 { font-size:18px; line-height:20px; font-weight:normal; } /* Main Content (post>single) */ #content p.tags { background:url(images/ico-tag.gif) no-repeat center left; padding-left:25px; width:100%; clear:both; } .single #content .advert_468x60 { margin:15px 0 0; } #content .page h2 { padding-top:5px; } /* Comments */ #comments h3 { font-size:20px; font-weight:normal; padding:10px 0 20px; } #comments #comments_wrap { padding:0; position:relative; } #comments ol.commentlist li { list-style-type:none; } #comments .comment { margin-top:10px; width:100%; } #comments .comment a { text-decoration:underline; } #comments .comment a:hover { text-decoration:none; } #comments .comment small { font-size:10px; margin-top:-2px; } #comments .comment .col-left { width:110px; font-size:11px; } #comments .comment .col-left p { padding:0 0 0 2px; line-height:19px; } #comments .comment .col-left .inside { width:110px; float:left; position:relative; overflow:hidden; min-height:70px; } #comments .comment .col-right { min-height:92px; background:#e6e6e6; padding:10px 0; margin-left:100px; float:none; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } * html #comments .comment .col-right { height:100px; } #comments .comment div.reply { float:right; padding:3px 3px 0; font-size:11px; } #comments .comment div.reply a { text-decoration:none; color:#aaa; } #comments ul.children { margin:10px 0 0 25px; padding:0; } #comments .navigation .alignright,#comments .navigation .alignleft { margin:10px 0; } #comments .navigation a { color:#555; } #comments .commentlist { padding:0; } #comments .commentlist p { padding:0 0 10px; } #comments .commentlist #respond #form_wrap { padding:0 0 25px; margin:0; border:0; width:auto; } #comments .commentlist .children #respond #form_wrap .col-right { float:none; } #comments .cancel-comment-reply { margin-bottom:10px; } #commentform .btn { margin:0; background:url(images/btn-submit.png) no-repeat; color:#FFFFFF; font-weight:bold; width:79px; height:41px; padding:0; border:0; cursor:pointer; } /* (widgets)*/ #tag_cloud h2 { display:block; float:none; } .textwidget { clear:both; padding:5px 2px; line-height:20px; } #wp-calendar { width:95%; padding:0; margin-bottom:15px; clear:both; } #wp-calendar caption { padding:10px; } #wp-calendar th { color:#fff; } #wp-calendar th,#wp-calendar td { padding:5px; text-align:center; background:#E7E7E7; color:#9E9E9E; } #wp-calendar td { background:transparent; } #wp-calendar td,table#wp-calendar th { padding:3px 0; } #wp-calendar a { text-decoration:underline; } #wp-calendar a:hover { text-decoration:none; } /* (flickr) */ #flickr h3 span { color:#0061D8; } #flickr h3 span span { color:#FF1183; } #flickr .wrap { margin-left:-5px; padding:0; position:relative; margin-bottom:25px; } #flickr a img { float:left; margin-left:10px; margin-bottom:10px; display:block; padding:3px; background:#fff; border:#CECFC6 1px solid; } #flickr a:hover img { border:#A8AA99 1px solid; } /* widget-slider */ #slider-top { background:url(images/bg-footer-top.png) no-repeat; width:960px; height:12px; font-size:1px; } #slider-bot { background:url(images/bg-footer-bot.png) no-repeat; width:960px; height:12px; } #slider-block { background-color:#242527; position:relative; min-height:300px; width:960px; overflow:hidden; } .container { position:relative; height:137px; width:840px; overflow:hidden; margin:0 auto; } .container div { opacity:0; z-index:0; position:absolute; top:0; left:0; padding:0 20px; } .container div div { opacity:1; z-index:auto; position:static; padding:0; } #loopedSlider { position:relative; width:960px; margin:28px auto 0; } #loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; } #loopedSlider li#p { position:absolute; top:140px; left:30px; } #loopedSlider li#n { position:absolute; top:140px; right:30px; } .container ul.widget { float:left; width:245px; margin-right:30px; color:#eeeeee; } .container ul.last { margin-right:0; } .container ul.widget h3 { font-family:Arial; color:#fff; font-size:24px; font-weight:bold; margin:10px 0 0; } .container ul.widget a { color:#fff; } .container ul.widget li ul { padding:0; margin:0; } .container ul.widget li ul li { padding:10px 0; background:url(images/footer-dot.png) repeat-x bottom; } /* Footer */ #footer { width:960px; margin:10px auto 0; padding-bottom:30px; font-size:11px; color:#777; } #footer a { color:#777; } #footer .col-right img { vertical-align:middle; } #footer .col-right span { display:none; } /*** SLIDER ****/ * { margin:0; padding:0; } #wrapper { width:400px; margin:25px auto; } #intro { padding-bottom:10px; } #slider { width:400px; margin:0 auto; position:relative; border:10px solid #ccc; } .scroll { overflow:hidden; width:800px; margin:0 auto; position:relative; } .scrollContainer { position:relative; } .scrollContainer div.panel { padding:10px; width:274px; height:318px; } #left-shadow { position:absolute; top:0; left:0; width:12px; bottom:0; background:url(../images/leftshadow.png) repeat-y; } #right-shadow { position:absolute; top:0; right:0; width:12px; bottom:0; background:url(../images/rightshadow.png) repeat-y; } .inside { padding:10px; border:1px solid #999; } .inside img { display:block; border:1px solid #666; margin:0 0 10px; width:250px; } .inside h2 { font-weight:normal; color:#111; font-size:16px; margin:0 0 8px; } .inside p { font-size:11px; color:#ccc; } .scrollButtons { position:absolute; top:127px; cursor:pointer; } .scrollButtons.left { left:-45px; } .scrollButtons.right { right:-45px; } .hide { display:none; } /** 3 columns **/ #home-wrapper { text-align:left; margin:0 auto; padding:0; border:0; width:918px; } #home-side-a { float:left; width:306px; background-color:#ffffff; padding-right:6px; } #home-side-b { float:right; width:280px; background-color:#ffffff; } #home-content { float:left; width:33%; background-color:white; } #home-container { display:block; width:918px; background-color:green; } /** AWESOME BUTTON STYLESSSSSSSS **/ .awesome,.awesome:visited { background:#222; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; } .awesome:hover { background-color:#111; color:#fff; } .awesome:active { top:1px; } .small.awesome,.small.awesome:visited { font-size:11px; padding:; } .awesome,.awesome:visited,.medium.awesome,.medium.awesome:visited { font-size:13px; font-weight:bold; line-height:1; text-shadow:0 -1px 1px rgba(0,0,0,0.25); } .large.awesome,.large.awesome:visited { font-size:14px; padding:8px 14px 9px; } .green.awesome,.green.awesome:visited { background-color:#91bd09; } .green.awesome:hover { background-color:#749a02; } .blue.awesome,.blue.awesome:visited { background-color:#002E62; } .blue.awesome:hover { background-color:#395885; } .red.awesome,.red.awesome:visited { background-color:#e33100; } .red.awesome:hover { background-color:#872300; } .magenta.awesome,.magenta.awesome:visited { background-color:#a9014b; } .magenta.awesome:hover { background-color:#630030; } .orange.awesome,.orange.awesome:visited { background-color:#ff5c00; } .orange.awesome:hover { background-color:#d45500; } .yellow.awesome,.yellow.awesome:visited { background-color:#ffb515; } .yellow.awesome:hover { background-color:#fc9200; } /** AJAX SEARCH STYLESSSSSSSS **/ div.gs-result { margin-top:1em; } div.gs-title { text-decoration:underline; } div.gs-visibleUrl { color:green; } div.gs-watermark { display:none; } div.gsc-back { float:right; } table.gsc-branding { border:none; } td.gsc-branding-text { color:gray; } /** TIP SIGN-UP STYLESSSSSSSS **/ .tip-box { margin:0 auto; width:960px; background-color:#ffffff; text-align:left; position:relative; } .tip-header { height:100px; } .tip-header h1 { margin:0; padding:30px; } .tip-menu { height:30px; border-top:solid 1px #dccfbb; border-bottom:solid 1px #dccfbb; background-color:#4d3a24; } .tip-menu div { padding:10px 30px; } .tip-menu a { margin:0 10px; color:#fecd28; text-decoration:none; } .tip-content { padding:10px 30px; } /** Not in use #tip-contactFormContainer{position:absolute;left:600px;float:right;} **/ #tip-contactForm { height:400px; width:282px; background-image:url(http://unrbiz.org/wp-content/themes/bp-bsg/_inc/images/graphics/tip-bg.jpg); display:none; } #tip-contactForm fieldset { padding:10px; border:none; } #tip-contactForm label { display:block; color:#000000; } #tip-contactForm select { width:248px; margin-bottom:10px; } #tip-contactForm input[type=text] { display:block; border:solid 1px #4d3a24; width:248px; margin-bottom:10px; height:24px; } #tip-contactForm textarea { display:block; border:solid 1px #4d3a24; width:100%; margin-bottom:10px; } #tip-contactForm input[type=submit] { background-color:#002E62; border:solid 1px #ffffff; color:#ffffff; padding:5px; } #tip-contactLink-top { height:32px; width:282px; background-image:url(http://unrbiz.org/wp-content/themes/bp-bsg/_inc/images/graphics/Sign-up-tip-top.png); display:block; cursor:pointer; } #tip-contactLink { height:60px; width:282px; background-image:url(http://unrbiz.org/wp-content/themes/bp-bsg/_inc/images/graphics/Sign-up-tip-bottom.png); display:block; cursor:pointer; } #tip-messageSent { color:#ff9933; display:none; }