/* CSS File for Generic Headers and Footers across the entire Fervr Site */ /* ----------------------------- Universal Reset and Clearing --------------------------- */ .fix:after{content:".";display:block;height:0;clear:both;visibility: hidden;}/*for firefox,safari etc*/ * html .fix {height: 1%;}/*for ie*/ 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, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: trebuchet, trebuchet ms, 'trebuchet ms', arial, helvetica, verdana, sans-serif;vertical-align: baseline;} body, body#homepage {background-color:#160905 ; background-image:none; text-align: center;} /* ----------------------------- Header Styles --------------------------- */ #fervrHeader {height:100px; position:absolute; top:0; left:0; width:100%; background:url(../images/banner.png) top left repeat-x;z-index:100;} #group #fervrHeader { background:url(../images/groupsBanner.png) top left repeat-x;} #my #fervrHeader { background:url(../images/myBanner.png) top left repeat-x;} #singleGroups #fervrHeader { background:url(../images/singleGroupsBanner.png) top left repeat-x;height:56px;} h5#mainTitle {position:absolute;top:0px; left:50%; margin-left:-480px;z-index:120;width:187px; height:90px;} h5#mainTitle a {text-indent:-999em;background:url(../images/logo.png) top left no-repeat;display:block; width:187px; height:90px;} #singleGroups h5#mainTitle {z-index:120;width:86px; height:41px;top:4px;margin-left:-500px;} #singleGroups h5#mainTitle a {text-indent:-999em;background:url(../images/singleGroupsLogo.png) top left no-repeat;display:block; width:86px; height:41px;} #fervrHeaderContainer {width:992px;margin:0 auto;text-align:left;position:relative;} #fervrHeaderContainer h2 {position: absolute;top: 13px; left: 180px;width: 275px; height: 40px;background: url(../images/blurb.png) no-repeat top left;text-indent: -999em; } #my #fervrHeaderContainer h2 {display: none; } #group #fervrHeaderContainer h2 {background: url(../images/groupBlurb.png) no-repeat top left;} /* ----------------------------- Header Tab Styles --------------------------- */ #fervrTabs {width:312px; float:right;position:relative;z-index:1000;} #fervrTabs ul {margin:4px 0 0 0;list-style:none;padding:0} #fervrTabs li {width:104px;float:left;} #fervrTabs li.homeTab {position: absolute;left: 0;top: 4px; } #fervrTabs li.groupTab {position: absolute;left: 105px;top: 4px;z-index: 10; } #fervrTabs li.myFervrTab {position: absolute;left: 209px;top: 4px; } #fervrTabs li a:link, #fervrTabs li a:visited {display:block;width:104px;height:31px;background:url(../images/fervrTabs.png) no-repeat;text-indent:-999em;} #fervrTabs .homeTab a:link, #fervrTabs .homeTab a:visited{background-position: 0 0;} #fervrTabs .groupTab a:link, #fervrTabs .groupTab a:visited{background-position: -104px 0;} #fervrTabs .myFervrTab a:link, #fervrTabs .myFervrTab a:visited{background-position: -208px 0;} #home #fervrTabs .homeTab a:link, #home #fervrTabs .homeTab a:visited, #inner #fervrTabs .homeTab a:link, #inner #fervrTabs .homeTab a:visited{background-position: 0 -31px;} #group #fervrTabs .groupTab a:link, #group #fervrTabs .groupTab a:visited, #fervrTabs li.groupTab.active a:link, #fervrTabs li.groupTab.active a:visited {background-position: -104px -31px;} #my #fervrTabs .myFervrTab a:link, #my #fervrTabs .myFervrTab a:visited{background-position: -208px -31px;} /* ----------------------------- Header Tab Hover Styles --------------------------- */ #fervrTabs li ul { display:none; width: 170px;background: url(../images/groupDropdown.png) no-repeat top left;margin:0 0 -6px -67px;padding:0;font-size:1em;position:relative;} #fervrTabs .groupTab li {float: none;border-bottom:1px solid #f2bb52;width:auto;} #fervrTabs .groupTab li.first {padding-top: 6px; } #fervrTabs .groupTab li.last {position: absolute; left: 0;width: 170px; bottom: -6px; height: 6px;background: url(../images/groupDropdownBottom.png) no-repeat top left;border-bottom: none; } #fervrTabs .groupTab li.all {border-bottom: 0; } #fervrTabs li.groupTab.drop a:hover, #group #fervrTabs li.groupTab.drop a:hover, #group #fervrTabs li.groupTab.drop:hover a, #fervrTabs li.groupTab.drop:hover a, #fervrHeader #fervrTabs .drop.over a, #singleGroups #fervrTabs li.groupTab.drop a:hover {background:url(../images/groupTabOver.png) no-repeat -1px 0; } #fervrTabs li.groupTab:hover ul, #fervrTabs li.over ul {display: block; } #fervrTabs li.groupTab ul li a:link, #fervrTabs li.groupTab ul li a:visited {background-image: none !important;text-indent: 0; padding: 3px 10px;color: #eee;width: auto;height: auto; } #fervrTabs li.groupTab ul li.all a:link, #fervrTabs li.groupTab ul li.all a:visited {text-align: right;margin-top: 5px; } #fervrTabs li.groupTab ul li a:hover, #group #fervrTabs li.group ul li a:hover {background: #db9614 !important; text-decoration:none;} #fervrTabs li.groupTab ul li.all a:hover, #group #fervrTabs li.group ul li.all a:hover {background: none !important; text-decoration:underline;} /* ----------------------------- Header Login Styles --------------------------- */ #signupBox {display:none;} #userProfile {width:326px; float:right;height: 47px;} #userProfile p {padding:10px 20px;font-size:.7em; color:#999;text-align:right;} #singleGroups #userProfile p span {background: url(../images/bullet_red.png) no-repeat 0 -1px;padding-left: 13px; } #singleGroups #userProfile p span.leader {background: url(../images/bullet_star.png) no-repeat 0 -1px;padding-left: 15px; } #singleGroups #userProfile p span.member {background: url(../images/bullet_green.png) no-repeat 0 -1px;padding-left: 13px; } #userProfile a:link, #userProfile a:visited {color: #666;text-decoration:none; } #userProfile a:hover {text-decoration: underline;color: #333; } /* ----------------------------- Home Nav Styles --------------------------- */ ul#fervrNav {clear:both;float:right;height:29px;margin:11px 0 0 0; padding:0px;list-style:none;width:582px;} ul#fervrNav li {float:left;position:relative;} ul#fervrNav a:link, ul#fervrNav a:visited {display:block; border-right:1px solid #85191c;color:#ddb6b7;padding:5px 15px 4px 15px;text-transform: uppercase;text-decoration:none;} ul#fervrNav a:hover, ul#fervrNav li:hover a {background:#4d0e0f url(../images/navOver.png) no-repeat top center;} ul#fervrNav ul { position:absolute;top:29px;left:0px;width:150px;background: #4d0e0f;list-style:none;margin:0px; padding:0px;font-size:1em;display:none;} ul#fervrNav li:hover ul, ul#fervrNav li.over ul {display:block;} ul#fervrNav ul li {float:none;border-top:1px solid #360a0a;border-right:none; background:none;} ul#fervrNav ul li a:link, ul#fervrNav ul li a:visited {border-right:none;font-size:1em;padding:7px 10px 7px 15px;background:none;} ul#fervrNav ul li a:hover {background:#360a0a;padding:7px 10px 7px 15px;} /* ----------------------------- Group Nav Styles --------------------------- */ #group ul#fervrNav {width: 418px;} #group ul#fervrNav a:link, #group ul#fervrNav a:visited {display:block; border-right:1px solid #b76b11;color:#eee;padding:5px 15px 4px 15px;text-transform: uppercase;text-decoration:none;} #group ul#fervrNav a:hover, #group ul#fervrNav li:hover a, #group ul#fervrNav li.over a {background:#5c4210 url(../images/navOver.png) no-repeat top center;} /* ----------------------------- Home Nav Styles --------------------------- */ #my ul#fervrNav {width: 188px;} #my ul#fervrNav a:link, #my ul#fervrNav a:visited {display:block; border-right:1px solid #408421;color:#eee;padding:5px 15px 4px 15px;text-transform: uppercase;text-decoration:none;} #my ul#fervrNav a:hover, #my ul#fervrNav li:hover a {background:#21500b url(../images/navOver.png) no-repeat top center;} /* ----------------------------- !! END HEADER STYLES !! --------------------------- */ /* ----------------------------Sidebar--------------------------------- */ /* ----------------------------Search---------------------------------- */ #homeSearch {margin-top:21px;} #homeSearch h5 {width:48px; height:36px; margin:0;padding:0;background:url(../images/searchHeading.png) no-repeat top left; float:left;text-indent:-999em;} #homeSearch div {margin-left:50px;} #homeSearch input.searchText {display:block;float:left;width:186px;padding:10px 15px;font-size:1em;background:url(../images/searchInput.jpg) no-repeat top left;border:none;color:#999;position:relative;top:-4px;margin-right:4px;} #homeSearch input.searchText:focus {color:#666;} /* ---------------------------- Sidebar Advertisement 300x250 ---------------------------------- */ .advert {margin-top:5px;width:310px;margin-bottom:20px;} .advert p {font-size:.5em;text-transform: uppercase; text-align:right;margin: 0 0 2px 0;color:#666;line-height:1em;} .advert a {display:block;border:5px solid #000;} .advert a img {display:block;} /* ---------------------------- Sidebar Small Adverts ---------------------------------- */ a#fervrGroupAd {width:310px;height:77px;display:block;text-indent:-999em;background:url(../images/fervrGroupAd.png) no-repeat top left;margin: -8px 0 20px 2px;clear:both;} a#homeTwitter {display:block; width:150px; height:60px;background:url(../images/twitter.png) no-repeat 0 0;text-indent:-999em;margin:0px 0 15px;float:left;} a#homeFacebook {display:block; width:152px; height:56px;background:url(../images/facebook.png) no-repeat 0 0;text-indent:-999em;margin: 4px 0 15px;float:right;} a#homeFacebook.inner, a#homeTwitter.inner {margin-top: 0; } /* ---------------------------- Mailing list Include ---------------------------------- */ #homeMailingList {clear: both; padding: 5px 0 10px 0px; } #homeMailingList h4 { width:310px; height:29px;background:url(../images/mailingList.png) no-repeat 10px 0;text-indent:-999em;margin:0;} #homeMailingList label {display: none; } #homeMailingList #idplk-idplk { width: 150px; float: left;display: inline;margin:5px 10px 0 55px; } /* --------------------------- ! END SIDEBAR STYLES !! ------------------------- */ /* ----------------------------- Meta (author/tags/date) styles --------------------------- */ #container p.meta {color:#888;font-size:0.6875em;line-height:2;position:relative; top:-3px;margin:10px 0 10px;} #home #container p.meta a:link, #home #container p.meta a:visited, #container .contentReview p.meta a:link, #container .contentReview p.meta a:visited {padding: 0px 6px 1px; background: #333;color:#999;text-decoration:none;margin: 0 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #home #container p.meta a:hover, #container .contentReview p.meta a:hover {color:#ddd;background:#555} #container p.meta a:link, #container p.meta a:visited, #container #content.qna p.meta a:link, #container #content.qna p.meta a:visited {background: #d8d8d8;color: #888;padding: 0px 6px 1px;margin: 0 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; } #container #content.qna p.meta a:hover, #container p.meta a:hover {background: #ccc;color: #555;text-decoration: none; } /* ----------------------------- Footer Styles --------------------------- */ #footer {clear:both;background:#171717;border-top:1px solid #131313;width:992px;height: 200px;padding:30px 0 15px;} #container .footerCol {width: 255px;float: left;margin-right: 12px;border-right:1px solid #262626; } #container .footerCol.last {border: none;margin-right: 0; } #container .footerCol.first {width: 180px; } #container .footerCol h3 {margin: 0 15px 0px 15px;color: #FFF;text-transform: uppercase;font-size: .925em; } #container .footerCol.first h3 {margin-left: 25px; } #container .footerCol ul {padding: 0 0 15px 20px;margin: 0;list-style: none; } #container .footerCol ul a:link, #container .footerCol ul a:visited {color: #999;text-decoration: none; } #container .footerCol ul a:hover{color: #fff;text-decoration: underline; } #container .footerCol.first a {margin-left: 10px; } /* ----------------------------- 404 Styles --------------------------- */ #content.errorpage p {margin: 10px 20px 20px 0;color: #ddd; } #content.errorpage a:link, #content.errorpage a:visited{color:#fff; } #content.errorpage em {color: #888; } /* ----------------------------------- Content Pagination ------------------------------------ */ .pagination { text-align: right;position: absolute; top: 10px; right: 0; } #container .pagination a:link, #container .pagination a:visited {text-align: left; font-size: .75em; padding:0 5px;text-decoration:none;color:#E243A4;} #container .video .pagination a:link, #container .video .pagination a:visited {color:#2D7AC9;} #container .qnalist .pagination a:link, #container .qnalist .pagination a:visited {color:#38BA2D;} #container .pagination a:hover {text-decoration:underline;} .pagination a.currentPage { width: 18px;text-align: left;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; } #container .pagination a.currentPage:link, #container .pagination a.currentPage:visited { background-color: #ddd;text-decoration: none;color: #333; } #container .pagination a.currentPageL:hover {text-decoration: none; cursor: default; } .noEntries {margin-top: 20px; } .noEntries p {font-size: .875em; color: #fff; } /* ----------------------------------- Override default jquery-ui ------------------------------------ */ .ui-dialog-content {font-size: .75em; } .ui-dialog-content h3 {position: absolute; top: 20px; left: 22px;color: #ccc;font-size: 1.333em; } .ui-dialog-content label {color: #999;font-size: 1em; text-transform: uppercase; } .ui-dialog-content p {font-size: 1em; } /* Jquery Date Selector */ #ui-datepicker-div {width: 170px; background: #eee; border: 1px solid #333; } #ui-datepicker-div a {color:#666;margin: 0 10px; } #ui-datepicker-div a:hover {cursor: pointer; } .ui-datepicker-calendar th {font-size: .75em;color: #38BA2D; } table.ui-datepicker-calendar {margin: 0 10px; width: 150px; } #ui-datepicker-div .ui-datepicker-calendar a:link, #ui-datepicker-div .ui-datepicker-calendar a:visited {margin:0;padding: 0 3px; font-size: .75em; color: #999; text-decoration: none; } #ui-datepicker-div .ui-datepicker-calendar a:hover {text-decoration: underline;color: #666; }