/* 
Title:     divinematch header / footer styles
Author:    steve@divinemass.com

Index:
(N) 1.  header
(N) 2.  navigation
(N) 3.  footer
*/

/* 1. header
---------------------------------------------------------- */

#print-header {
 display: none; }

#logo {
 float: left;
 width: 258px;
 padding: 14px 0 0 0;
 text-align: center; }

#introduction, #myaccount {
 float: left;
 width: 365px;
 padding: 26px 0 0 15px; }

#introduction h1 {
 margin: 0;
 padding: 0;
 font-size: 150%;
 line-height: 1.3em; }

#myaccount h1 {
 margin: 0;
 padding: 0 0 0 18px;
 font-size: 150%;
 line-height: 1.3em;
 background: url(../images/common/login-details-icon.gif) 0 50% no-repeat; }

#introduction h2, #myaccount h2 {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: normal;
 color: #999; }

#stats, #membership-status {
 float: left;
 width: 213px;
 padding: 26px 10px 0 94px;
 text-align: center; }

#stats p {
 margin: 0;
 padding: 0; }

#membership-status p {
 display: inline;
 margin: 0;
 padding: 0; }

#stats a:link, #stats a:visited, #membership-status a:link, #membership-status a:visited {
 text-decoration: underline;
 color: #990000; }

#stats a:hover, #membership-status a:hover {
 color: #ff9900; }

#stats strong, #membership-status strong {
 margin: 0;
 padding: 0;
 font-size: 150%;
 line-height: 1.3em; }

#membership-status .subscribed {
 padding: 0 0 0 18px;
 background: url(../images/common/tick-icon.gif) 0 -1px no-repeat;
 color: #009900; }

#membership-status .not-subscribed {
 padding: 0 0 0 18px;
 background: url(../images/common/alert-icon.gif) 0 -1px no-repeat;
 color: #cc3300; }

/* 2. navigation
---------------------------------------------------------- */

/* navigation logged out */

#sections-default ul {
 display: block;
 margin: 0;
 padding: 0;
 list-style: none; }

#sections-default li {
 display: block;
 float: left;
 margin: 0 0 6px 0;
 padding: 0;
 list-style: none;
 color: #fff;
 position: relative;
 z-index: 20; }

#sections-default li a {
 float: left;
 margin: 0 62px 0 0;
 padding: 37px 0 0 0;
 overflow: hidden;
 height: 0px !important; }

#sections-default li a:link, #sections-default li a:visited {
 background-position: 0 0; }

#sections-default li a:hover, #sections-default li a.selected {
 background-position: 0 -37px; }

/* navigation logged in */

#sections ul {
 display: block;
 margin: 0;
 padding: 0;
 list-style: none; }

#sections li {
 display: block;
 float: left;
 margin: 0 0 6px 0;
 padding: 0;
 list-style: none;
 color: #fff;
 position: relative;
 z-index: 20; }

#sections li a:link, #sections li a:visited {
 background-position: 0 0; }

#sections li a:hover, #sections li a.selected {
 background-position: 0 -37px; }

/* navigation links */

#swelcome, #sjoin, #stour, #sdashboard, #sprofile, #snews, #sevents, #sresources, #saboutus, #scontact, #shelpsupport {
 float: left;
 margin: 0 66px 0 0;
 padding: 37px 0 0 0;
 overflow: hidden;
 height: 0px !important; }

#swelcome {
 width: 97px;
 background: url(../images/common/navigation-welcome.gif) top left no-repeat; }

#sjoin {
 width: 36px;
 background: url(../images/common/navigation-join.gif) top left no-repeat; }

#stour {
 width: 40px;
 background: url(../images/common/navigation-tour.gif) top left no-repeat; }

#sdashboard {
 width: 110px;
 background: url(../images/common/navigation-dashboard.gif) top left no-repeat; }

#sprofile {
 width: 77px;
 background: url(../images/common/navigation-myprofile.gif) top left no-repeat; }

#snews {
 width: 42px;
 background: url(../images/common/navigation-news.gif) top left no-repeat; }

#sevents {
 width: 53px;
 background: url(../images/common/navigation-events.gif) top left no-repeat; }

#sresources {
 width: 76px;
 background: url(../images/common/navigation-resources.gif) top left no-repeat; }

#saboutus {
 width: 66px;
 background: url(../images/common/navigation-aboutus.gif) top left no-repeat; }

#scontact {
 width: 82px;
 margin: 0;
 background: url(../images/common/navigation-contact.gif) top left no-repeat; }

#shelpsupport {
 width: 102px;
 margin: 0;
 background: url(../images/common/navigation-help.gif) top left no-repeat; }

#sections li:hover ul {
 display: block; }

#sections li ul {
 display: none;
 position: absolute;
 left: -15px;
 top: 37px;
 width: 162px;
 margin: 0;
 padding: 0 10px 0 10px;
 background: #131313;
 color: #eee;
 border-left: 2px solid #eee;
 border-right: 2px solid #eee;
 border-bottom: 2px solid #eee; }

#sections li ul li {
 display: block;
 float: none;
 margin: 0;
 padding: 7px 7px 7px 7px;
 color: #000;
 list-style-type: disc;
 border-bottom: 1px dashed #777; }

#sections li ul *:last-child { border-bottom: 0 none; }

#shelpsupport #sections li ul li {
 width: 100px; }

#sections li ul li a {
 display: block;
 padding: 0;
 width: 150px;
 height: auto;
 color: #000; }

#sections li ul li a.end {
 border-bottom: 0px none; }

#sections li ul li a:link, #sections li ul li a:visited {
 color: #ccc;
 text-decoration: none; }

#sections li ul li a:hover {
 color: #fff;
 text-decoration: none; }

/* 3. footer
---------------------------------------------------------- */

#footer a:link, #footer a:visited {
 text-decoration: underline;
 color: #eee; }

#footer a:hover {
 text-decoration: underline;
 color: #fff; }

#footer-column1 {
 float: left;
 width: 258px;
 text-align: center; }

#credits h4 {
 margin: 0 0 10px 0;
 padding: 0; }

#credits p {
 margin: 0;
 padding: 0 0 10px 0; }

#footer-column2 {
 display: block;
 width: 682px;
 margin: 0 0 0 273px; }

#sublinks {
 margin: 0 0 2.4em 0;
 color: #aaa; }

#sublinks ul {
 margin: 0;
 padding: 0; }

#sublinks ul li {
 display: inline;
 padding: 0;
 list-style: none; }

#resources {
 float: left;
 margin: 0 0 2.4em 0; }

#resources .resource {
 float: left;
 width: 220px;
 padding: 0 6px 0 0; }

#resources strong {
 padding: 0 0 0 18px; }

#resources .resource-articles {
 background: url(../images/common/articles-icon.gif) no-repeat 0 4px; }

#resources .resource-polls {
 background: url(../images/common/polls-icon.gif) no-repeat 0 4px; }

#resources .resource-events {
 background: url(../images/common/events-icon.gif) no-repeat 0 4px; }

#resources ul {
 margin: 0;
 padding: 0; }

#resources ul li {
 display: block;
 padding: 0;
 list-style: none; }