/* Theme Name: Theme URI: Description: Custom Tendenci theme design Designer: Designer URI: http://schipul.com Developer: Developer URI: http://schipul.com/ Version: 1.0 */ /* ------------------------------ Reset HTML ------------------------------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, #menu, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, #menu, section { display: block; } /* ------------------------------ Base HTML Elements ------------------------------ */ body { font-family: Helvetica, Arial, "sans-serif"; font:13px/1.231 sans-serif; *font-size: small; margin: 0; background:url(../images/backgroun-pattern_03.jpg) repeat;} h1, h1 a { font-size: 32px; line-height: 34px; text-decoration: none; margin-bottom: 10px; font-family: 'DroidSerifRegular'; color:#1758B6; text-transform:uppercase; text-shadow: 0.09em 0.09em 0.08em #969696;} h2, h2 a { font-size: 24px; line-height: 26px; text-decoration: none; margin-bottom: 10px; font-family: 'DroidSerifRegular'; color:#1C2A59; text-shadow: 0.09em 0.09em 0.08em #969696;} h3, h3 a { font-size: 20px; line-height: 22px; text-decoration: none; margin-bottom: 6px; font-family: 'DroidSerifRegular'; color:#1758B6; text-shadow: 0.09em 0.09em 0.08em #969696;} h4, h4 a, h5, h5 a, h6, h6 a { font-size: 16px; line-height: 18px; text-decoration: none; margin-bottom: 6px; } a { } a:hover { } a:visited, a:active { } p { margin-bottom: 10px; line-height: 18px; } ul, ol { margin: 0 0 10px 24px; } ol { list-style-type: decimal; } select, input, textarea, button { font: 99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; margin-bottom: 10px; padding: 8px; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } blockquote { margin: 0 0 10px 20px; } /* ------------------------------ Base Layout ------------------------------ */ .container { width:960px; margin: 0px auto; padding: 0;} section { width: 960px; margin: 0px auto; } #navy-trim{width:100%; height:6px; background-color:#1C2A59;} #header {width:960px; height:180px; margin:0; padding:6px;} #logo{display:block; float:left; margin: 19px 10px;} #header-right{float:right; width: 550px;} #social-media{float:right; width:35px;} #search-bar{float:right; width:311px; height: 50px} #search-bar form input.textbox{ width:257px; height:22px; float:left; margin:0 auto;} #search-bar form input.btn {background:url(../images/form-button.png) no-repeat 0 0; display:block; height:30px; width:35px; text-indent:-99999px; float:right; border:none; margin:0 13px 0 0 ;} #login{float:right; width:375px; height:35px; margin: -21px 15px 0;;} #login input#username {float: left; height: 22px; margin: 0 0 0 10px; width: 155px;} #login input#password {float: left; height: 22px; margin: 0 0 0 10px; width: 155px;} #login input.btn {background:url(../images/form-button.png) no-repeat; display:block; height:30px; width:35px; text-indent:-99999px; float:left; margin: 0 -6px 0 0; border:none;} #login form { margin:10px 0 0 0; } #logout { margin-top:10px; float:right; } #form-links{float:right; margin:5px 8px 25px 0;} #form-links a{ font-family: Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#7F7F7F;} #form-links li { list-style-type:none; display:inline; padding:10px;} #utility-nav{float:right; margin:4px 12px 0 0; width: 330px;} #utility-nav a{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; margin:1px 1px 0 0; color:#1758B6;} #utility-nav a:hover {text-decoration:underline;} #utility-nav li{ display:inline; list-style-type:none; text-align:right;} #utility-nav ul{ text-align:right;} #utility-nav ul li{color:#1758B6; border-right: 1px #1C2A59 double; padding: 0 5px;} #utility-nav ul li:last-child{border-right:none;} #utility-nav ul li a{} #nav {background:#1C2A59; width:960px; height:40px; margin:0 0 20px -6px; float:left; font-family: 'DroidSerifRegular'; color: #fff; text-transform:uppercase; font-size:15px; z-index:999;} #nav ul{margin:0; padding: 0; list-style:none;} #nav li{margin:0; background:none;} #nav ul li{float:left; position:relative; marging:0 26px; padding:2px 7px; border-right: 1px solid #1758B6; } #nav ul li:last-child{border-right:none;} #nav ul li a{display:block; padding: 8px 12px; text-decoration:none; color:#fff; } #nav ul li a:hover{text-decoration:underline;} #nav ul ul{background:#1C2A59; position:absolute; display:none; top:37px; left:0; width:200px; z-index:234; margin: 3px 0; border-right:none;} #nav ul ul a{width:225px; padding:6px 10px;} #nav ul ul a:hover {text-decoration:underline;} #nav ul ul li{background:#1C2A59;} #nav ul ul ul{background:#1C2A59;} #nav ul ul ul, #nav ul ul ul ul, #nav ul li:hover ul ul{display:none;} #nav ul li:hover ul, #nav ul ul li:hover ul {display:block;} /* ------------------------------ Homepage Content ------------------------------ */ #wrapper{background-color:#fff; width:960px; height:100%; margin:0 auto; -webkit-box-shadow: 0px 1px 6px rgba(50, 50, 50, 0.67); -moz-box-shadow:0px 1px 6px rgba(50, 50, 50, 0.67);box-shadow: 0px 1px 6px rgba(50, 50, 50, 0.67);} #rotator-wrap{position:relative;} #rotator {height:575px; width:960px; margin: 25px auto 0; padding: 0; position:relative;} #stories{width: 960px; height: 570px; overflow:hidden;} #rotator-image{width:960px; height:400px;} #rotator-story{background:url(../images/rotator-graphic.png) no-repeat scroll 0 0 transparent; width:960px; height:200px; position:absolute; z-index:10; top:362px;} #rotator-text{width:920px; height:100%; margin:76px auto 10px; padding: 0 21px; z-index: 4;} #rotator-text h2{font-family: 'DroidSerifRegular'; color:#1758B6; text-align:center; font-size:22px; text-transform:uppercase;} #rotator-text p{font-family: 'DroidSerifRegular'; color:#707070; text-align:center; font-size:16px;} #rotator-text p a{ font-size: 14px; font-family: Arial, sans-serif; color:#BDC011;} #stories-pager{top: 400px; left: 425px; position: absolute; z-index: 999876; } #stories-pager a {width: 14px; height:14px; float:left; display:block; background:url(../images/pager.png) no-repeat; text-indent:-9999px; margin: 0 4px;} #stories-pager a.activeSlide {width: 14px; height:14px; float:left; display:block; background:url(../images/active-pager.png) no-repeat; text-indent:-9999px; margin: 0 4px;} #home-content {margin:0 auto } #news-wrapper {width:935px; height:150px; margin:0 auto 20px; background-color:#EEECED; border: 1px #fff solid; z-index: 999; } #news-image {float: left; margin: 9px 5px 0 13px; width: 245px; height:128px;} #news-image img {border: 4px #fff solid;} .article { border-right: 1px solid #C5C3C4; float: left; font-family: 'DroidSerifRegular'; height: 140px; margin: 0 9px 0 0 ; padding: 8px 5px 0 8px; width: 200px;} .article:last-child{border-right:none; height: 140px; width: 200px;} .article h3{color: #1856BD; text-transform:uppercase; } .article h3 a{text-decoration:none; color:#1856BD;font-size:17px;} .article p{ font-family: Arial, sans-serif; color:#888888; margin-bottom:0; } .article a p{color:#BDC011;} #member-event-wrapper{width:960px;} #member-benefits{float:left; width:606px; height:345px; margin: 0 18px 0 13px;} #member-title{width:100%; margin:0 auto 10px; padding:0;} #image { float:left; width:196px; height:260px;} #member-text{width:63%; float:left; margin: 0 0 7px 17px;} #member-text h2 {font-family: 'DroidSerifRegular'; font-size:25px; color:#1C2A59;} #member-text h3 {font-family: 'DroidSerifRegular'; font-size:18px; color:#275AA9;} #member-text img {float:left; border: 4px #fff solid; margin:0 12px 0 0;} #member-text p{} #member-text ul{list-style-image:url('../images/blue-arrow.png');} #member-text ul li{} .join-button {background:url(../images/join-btn.png) no-repeat; width:173px; height:26px; font-family: 'DroidSerifRegular'; text-align:center; padding:10px; float:right;} .join-button p a {color:#fff; text-transform:uppercase; font-size:18px; text-decoration:none; margin: 0 auto;} .join-button p a img { margin-left:5px;} .event-feed{width:258px; margin:0 10px 0 5px;float:left; } .event-feed h3{font-family: 'DroidSerifRegular'; font-size:16px; line-height:17px; text-transform:uppercase; color:#1758B6;} .event-feed hr{border-color: #ececec;} .event-item{ margin:5px 0 0 0 ;} .event-item p{color: #1758B6;} .event-item p strong{color:#1C2A59;} .event-item p span{color:#1C2A59;} .event-item hr {} a.view-all {font-weight:bold; color:#1C2A59; text-decoration:none; float:right;} a.view-all:hover {text-decoration:underline;} a.view-all img{} #cta-bank {width:960px; height:105px; margin: 0 auto 0 17px;} #learn-more {background:url(../images/learn-more-new.jpg) no-repeat; float:left;} #learn-more h2, #donate h2{font-size:22px; line-height: 20px;} #donate {background:url(../images/donate-ibis-btn.png) no-repeat; float:left; margin: 0 12px;} #newsletter {background:url(../images/ibia-newsletter-btn.png) no-repeat; float:left;} .cta {width:270px; height:83px; padding: 17px 15px 0px;} .cta h2{color:#fff; font-size:17px; text-align:right; line-height:20px;} .cta p {} .cta p a {color:#BEC112; text-transform:uppercase; font-family: 'DroidSerifRegular'; text-decoration:none; text-align:right; float:right; font-size: 15px;} .cta p a img{} #logo-bank{width:920px; height:150px; margin:20px auto;} #logo-bank ul{} #logo-bank li{ width:135x; height:135px; margin: 20px;} #left-arrow{width:27px; height:150px; float:left; background:#1b2a59;} #left-arrow img, #right-arrow img {margin: 25px 0 0 0;} #right-arrow{width:28px; height:150px; float:left; background:#1b2a59;} #logo-carousel{ width:857px !important; height:150px; float:left; margin-left:8px;} #logo-carousel li { height: 155px; width: auto !important; } #footer{width:940px;height:75px; margin:10px auto 0; padding: 10px; background:url(../images/footer-graphic.png) repeat-x; text-align:center;} #footer p{color:#fff; } #footer p a{color:#fff; text-decoration:none;} #footer p a:hover{text-decoration:underline;} #footer #social-wrap{width:490px; margin: 0 -436px 0 0;} #footer #social-media{ margin: 0 auto; height: 40px; width:40px;} /* ------------------------------ Sidebar ------------------------------ */ #sidebar { width:255px; margin: 0 0 20px 0; float:right;} #side-wrap{width:245px; height:100%; margin:0 auto; padding:0;} #side-membership { background: url("../images/member-bg.jpg") no-repeat scroll 0 0 transparent; height: 121px; margin: 0 auto; padding: 10px; width: 226px;} #side-membership h3{ font-family: 'DroidSerifRegular'; font-size: 14px; text-transform:uppercase; color:#1C2A59; margin: -1px 0;} #side-btn-join{margin: 5px 0 0 0;} .side-button {height:25px; width:205px; padding:10px; background:url(../images/interior-btn_03.jpg) repeat-x; margin:0 auto; text-align:center;} .side-button p { no-repeat; font-family: 'DroidSerifRegular'; font-size: 20px; text-transform:uppercase; } .side-button p a{text-decoration:none; color:#fff; } #side-events{margin: 10px auto; width:255px;} #side-events h3 {color:#1C2A59; font-size:16px;} #side-events .event-item h3{line-height:14px;} #side-events .event-item h3 a{text-transform:uppercase; font-family: 'DroidSerifRegular'; text-decoration:none; font-size: 16px; color:#1758B6;} #side-events .event-item p {color: #1758B6; line-height:12px;} #side-events .event-item p strong {color:#1C2A59;} #side-wrap #cta-bank {width:300px; height:285px; margin: 0 auto; } #side-wrap #learn-more {background:url(../images/learn-more-int-new.jpg) no-repeat; } #side-wrap #learn-more h2, #side-wrap #donate h2{font-size:16px; line-height: 17px;} #side-wrap #donate {background:url(../images/interior-donate.png) no-repeat; margin: 10px 0;} #side-wrap #newsletter {background:url(../images/interior-news.png) no-repeat;} #side-wrap .cta {width:219px; height:67px; padding: 13px 15px 0px;} #side-wrap .cta h2 {color:#fff; font-size:14px; text-align:right; line-height:14px;} #side-wrap .cta p a {color:#BEC112; text-transform:uppercase; font-family: 'DroidSerifRegular'; text-decoration:none; text-align:right; float:right; font-size: 13px;} #side-wrap #articles{width:100%; margin:0 auto;} #side-wrap #articles h3 {color:#1C2A59;font-size:16px;} #side-wrap #articles .article-item h3 a{color:#1758B6; font-size:16px;} hr.article-line{border-color:#ececec;} /* ------------------------------ Body Content ------------------------------ */ #body-content {width: 960px; margin: 0 auto;} .content-middle{ width: 675px; float:left; margin: 0 10px;} #sidebar{width:255px; float:left;} /* ------------------------------ Extras ------------------------------ */ .shadow {-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.59); -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.59); box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.59);} hr.grey{border-color:#ececec; color:#ececec; lmargin:0;} hr.blue{border-color:#1C2A59; color:#1C2A59; margin:0;} hr{margin:0 0 5px;} #google_translate_element{width: 38px; height:30px; float:right; margin:0 108px 0 0 ;} a.readmore{font-family: “Arial Narrow”, Arial, sans-serif; font-size: 12px; color:#BDC011; text-decoration:none;} a.readmore:hover{text-decoration:underlin;} a.readmore img {margin:0 0 -3px; 0} .clear { clear: both; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ------------------------------ Tendenci Overrides ------------------------------ */ .t .profiles-wrap .wrap-search-item{ width:935px;} /* ------------------------------ Media Queries ------------------------------ */