/* Theme Name: Wildrose Alliance Theme URI: http://www.wildrosealliance.ca Description: Wildrose Alliance Version: 1.0 Author: Wildrose Alliance Author URI: http://www.wildrosealliance.ca */ @charset "utf-8"; /* CSS Document */ 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; } /* UNIVERSAL STYLES */ a:focus { border:none; text-decoration:none; outline:none; } .clr { clear:both; } .left { float:left; } /* CONTAINER */ #container { background:url(images/container-bg.png) top center no-repeat; height:100%; width:960px; padding:0px 10px 0 10px; margin:20px auto 0 auto; } /* BANNER */ #banner { margin:0; padding:0; width:960px; } /* MENU */ #menu { width:900px; height:28px; padding:0 0 0 40px; margin:0 auto; color:#003f6f; } /* FEATURE */ #feature { position:relative; width:930px; padding:20px 0 0 30px; /*height:346px;*/ height:384px; /*position:absolute; top:215px; *margin:0px 0px 0px -20px; */overflow:hidden; background:url(images/feature-bg.jpg) no-repeat #ffffff; } /* SUBFEATURE */ #subfeature { height:220px; width:940px; padding:0 0 0 20px; margin:0 auto; background-color:#ffffff; } #subfeature .item { background:url(images/subfeature-bg.jpg) no-repeat #ffffff; height:200px; float:left; padding:10px; width:280px; } #subfeature .subfeature-1 { margin:0 10px 0 0; position:relative; } #subfeature .subfeature-2 { margin:0 10px 0 0; position:relative;} #subfeature .subfeature-3 { margin:0; position:relative; } #subfeature .image { width:280px; height:210px; z-index:1; overflow:hidden; position:relative; } #subfeature .caption-bg { width:280px; margin:0 10px; height:50px; z-index:2; position: absolute; bottom:1px; left:0px; background-color:#367c2b; text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } #subfeature .caption { position: absolute; bottom:1px; *bottom:20px; left:0px; z-index:3; margin:0 20px; width:260px; } #subfeature h3 { font-size:16px; } #subfeature h3 a { color:#ffffff; font-weight:bold; text-decoration:none; font-size:16px; } #subfeature h3 a:hover { color:#CCE6F9; font-weight:bold; text-decoration:none; font-size:16px; } /* SUBITEMS */ #subitems { /*height:535px;*/ width:940px; padding:0 0 0 20px; margin:0 auto; background-color:#ffffff; } #subitems .top { background:url(images/subitems-top.jpg) no-repeat; height:17px; width:940px; margin:0 0 14px 0; } #subitems .bottom { background:url(images/subitems-bottom.jpg) no-repeat; height:41px; width:920px; margin:0 auto; } #subitems .item { float:left; width:440px; height:415px; background:url(images/subitems-bg.jpg) no-repeat top; } #subitems .item .header { margin: 10px 0 20px 10px; } #subitems .item .header .icon { float:left; } #subitems .item .header .caption { float:left; margin:9px 0 0 10px; } #subitems .item2 { float:left; width:440px; height:104px; background:url(images/subitems-2-bg.jpg) no-repeat top; } #subitems .item2 .header { margin: 10px 0 20px 10px; } #subitems .item2 .header .icon { float:left; } #subitems .item2 .header .caption { float:left; margin:9px 0 0 10px; } /* Wildrose TV */ #subitems .wildrose-tv { margin:0 20px 15px 10px; } #subitems .wildrose-tv .caption h2 { font-size:16px; padding:0; margin:0; } #subitems .wildrose-tv .content { margin: 10px auto; width:400px; height:300px; position:relative; } #subitems .wildrose-tv .content .image { width:400px; height:300px; z-index:2; overflow:hidden; position:absolute; margin:0 0 10px 0; } #subitems .wildrose-tv .content #video-container { position:absolute; z-index:1; } #subitems .wildrose-tv .content .caption-bg { width:400px; margin:0; height:50px; z-index:3; position: absolute; bottom:0px; left:0px; background-color:#367c2b; text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } #subitems .wildrose-tv .content .caption { position: absolute; bottom:15px; left:0px; z-index:4; margin:0 10px; width:380px; } #subitems .wildrose-tv .content .caption h2 { margin:10px 0 0 0; } #subitems .wildrose-tv .content .caption h2 a { color:#ffffff; font-weight:bold; text-decoration:none; font-size:13px; } #subitems .wildrose-tv .content .caption h2 a:hover { color:#CCE6F9; font-weight:bold; text-decoration:none; font-size:13px; } #subitems .wildrose-tv .content .more { text-align:center; font-size:12px; margin:20px 0 0 0; } #subitems .wildrose-tv .content .more a { color:#000000; font-size:12px; text-decoration:underline; } /* Take Action */ #subitems .take-action { margin:0 10px 0 0; } #subitems .take-action .caption h2 { font-size:16px; padding:0; margin:0 } #subitems .take-action .content { margin: 10px auto; width:400px; } #subitems .take-action .link { clear:both; } #subitems .take-action .link .icon { float:left; margin:0 0 10px 0;} #subitems .take-action .link .caption { float:left; margin:7px 0 0 0; } #subitems .take-action .link .caption h2 a { color:#000000; text-decoration:none; } #subitems .take-action .link .caption h2 a:hover { color:#367c2b; text-decoration:underline; font-weight:bold; } /* SocNet */ #subitems .socnet { margin:0 20px 0 10px; } #subitems .socnet .caption h2 { font-size:16px; padding:0; margin:0; } #subitems .socnet .content { margin: 10px auto; width:400px; } #subitems .socnet .content .icon { float:left; margin:0 15px 0 0;} /* Email Signup */ #subitems .email-signup { margin:0 10px 0 0; } #subitems .email-signup .caption h2 { font-size:16px; padding:0; margin:0; } #subitems .email-signup .content { margin: 10px auto; width:400px; } #subitems .email-signup form input.name { font-size:12px; padding:2px; height:16px; width:80px; margin:0 10px 0 0; color:#323232; } #subitems .email-signup form input.name-error { font-size:12px; padding:2px; height:16px; width:80px; margin:0 10px 0 0; color:#000000; background-color:#e69898; } #subitems .email-signup form input.email-address { font-size:12px; padding:2px; height:16px; width:120px; margin:0 10px 0 0; color:#323232; } #subitems .email-signup form input.email-address-error { font-size:12px; padding:2px; height:16px; width:120px; margin:0 10px 0 0; color:#000000; background-color:#e69898; } #subitems .email-signup form input.postal-code { font-size:12px; padding:2px; height:16px; width:80px; margin:0 10px 0 0; color:#323232; } #subitems .email-signup form input.postal-code-error { font-size:12px; padding:2px; height:16px; width:80px; margin:0 10px 0 0; color:#000000; background-color:#e69898; } /*#subitems .email-signup form input.submit { background-color:#191919; color:#ffffff; font-size:12px; padding:3px; }*/ #subitems .email-signup form .submit { width:59px; height:20px; display:block; overflow:hidden; background:url(images/submit-btn-email-signup.jpg); background-repeat:no-repeat; z-index:10; float:left; margin:0px 0px 0px 0px; } #subitems .email-signup form .submit:hover { display:block; background-position:-59px; cursor:pointer; } #subitems .email-signup form .submit button { background:none; border:none; width:59px; height:20px; z-index:-10; cursor:pointer; } /* FOOTER */ #footer { width:920px; padding:0 0 0 20px; min-height:50px; margin:0 auto; } #footer .text { font-size:11px; margin:0 0 0 10px; } #footer .text a { color:#000000; }