/*  
Theme Name: NIHA
Theme URI: 
Description: The National Inline Hockey Association's theme
Version: 1.0
Author: Brian Stanton
Author URI:

	A theme made for the National Inline Hockey Association.

*/

body {
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    text-align: center;

    background: url('/wp-content/themes/default/img/site-bg.jpg') no-repeat top center #000;
    color: #000;
}

h1 {
    font-size: 24pt;
    font-weight: normal;
}

h2 {
    font-size: 14pt;
}

a, a:active, a:hover, a:visited {
    color: #0055aa;
    text-decoration: none;
}

a:hover {
    border-bottom: 1px dotted #0055AA;
}

a.button {
    background: url('/wp-content/themes/default/img/button-bg-black.png');
}

a.button span {
    display: inline-block;
    font-size: 8pt;
    color: #FFF;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
}

a img {
    border: none;
}

#sidebar a {
    border: none;
}

.error {
    border: 1px solid #DF2929;
    background: #FDD7D7;
    padding: 10px;
}

table {
    border-collapse: collapse;
}

#wrapper {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#header {
    height: 187px;
    position: relative;
    background: url('/wp-content/themes/default/img/header-bg.jpg') top center no-repeat;
    z-index: 100;
}

#network {
    position: absolute;
    left: -20px;
    *left: -50px;
    background: url('/wp-content/themes/default/img/header-network.png') top left no-repeat;
    width: 315px;
    height: 89px;
    padding-left: 35px;
    z-index: 99;
}

#network a {
    color: #5D93DD;
    background: url('img/icon-new_window.gif') no-repeat right center;
    padding-right: 22px;
}

#network li {
    float: left;
    padding: 30px 0 30px 0;
    list-style: none;
}

#network .popup {
    position: absolute;
    left: -7px;
    top: 75px;
    background: url('img/header-network-popup-bg.png') no-repeat;
    z-index: 99;
    color: #FFF;
    width: 270px;
    height: 63px;
    padding: 16px 45px 10px 35px;
}

#network .popup img {
    float: left;
    margin: 0 10px 0 0;
}

#network .popup p {
    margin: 3px 0 3px 0;
}


#ad-top {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 100;
}

#logo {
    position: absolute;
    left: -20px;
    top: 100px;
    z-index: 60;
}

.menu {
    list-style: none;
    margin: 0;

    height: 56px;
    width: 715px;
    *width: 815px;

    position: absolute;
    top: 95px;
    left: 190px;

    padding: 23px 0 0 150px;

    background: url('/wp-content/themes/default/img/header-menu-bg.png') no-repeat;

    z-index: 61;
}

html>body .menu {
}

.menu li {
    display: inline;
    float: left;
    padding: 0 8px;
    line-height: 37px;
}

.menu li a {
    color: #FFF;
    font-size: 10pt;
    font-family: Verdana;

    text-transform: uppercase;

    border: none;
}

.menu .current_page_item a,
.menu li a:hover {
    color: #f9cc04 !important;
}

#page {
    clear: both;
}

#container {
    width: 630px;
    position: relative;
    background: url('/wp-content/themes/default/img/container-bg.png') repeat-y top left;
    padding: 47px 30px 62px 20px;
    margin: 50px 0 0 -4px;
    min-height: 200px;
    clear: left;
}

#container-top {
    width: 626px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/wp-content/themes/default/img/container-bg-top-noright.png') no-repeat top left;
    padding: 17px 23px 0;
}

.main-page #container-top {
    background-image: url('img/container-bg-top.png');
}

#container-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 -10px 0;
}

#viewAllNews {
    position: absolute;
    top: 14px;
    right: 17px;
    float: right;
    font-size: 8pt;
    color: #FFF;
    border: none;
}

.sectionHeader {
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
}

.post-list .post {
    border-bottom: 1px dotted #d5d5d5;
    margin-bottom: 20px;
}

.post {
    margin-bottom: 10px;
}

.post h1 {
    padding: 5px 0 0 40px;
    margin-left: -40px;
    width: 521px;
    height: 32px;
    background: url('/wp-content/themes/default/img/post-title-bg.png') no-repeat top left;
    font-size: 16pt;
    color: #FFF;
}

.post h1 a {
    font-size: 16pt;
    color: #FFF;
    border-bottom: none;
}

.single .post h1 {
    background: none;
    margin: 0;
    padding: 0 0 0 0;
}

.single .post h1 a {
    color: #b90409;
    padding: 0;
}

.single .post .entry {
    padding: 10px 0;
}

.post .date {
    float: right;
    font-size: 8pt;
    line-height: 18pt;
    height: 18pt;
}

.archive .post .entry img {
    width: 144px;
    height: 96px;
    float: left;
    padding: 2px;
    border: 1px solid #c0bebe;
    margin: 0 20px 10px 0;
}
.post .size-full {
    max-width: 600px;
}

.post .postmetadata {
    clear: left;
}

.post p {
    margin: 0 0 10px 0;
}

#main {
    position: relative;
    margin-top: -10px;
    *margin-top: 30px;
}

#events {
    float: left;
    width: 678px;
    height: 49px;
    margin: 0 0 0 -4px;
    padding: 0;

    background: url('/wp-content/themes/default/img/events-bg.png') no-repeat top left;

    list-style: none;
    position: absolute;
    z-index: 20;
    top: -50px;
    left: 0;
}

#events li {
    float: left;
}

#events li a {
    display: block;
    width: 190px;
    height: 30px;

    color: #FFF;
    font-size: 8pt;
    padding: 5px;
    border: none;
}

#events li a:hover span {
    border-bottom: 1px dotted #FFF;
}

#events li.first a {
    width: 65px;
}

#sidebar {
    position: absolute;
    top: -75px;
    right: 0px;
    width: 500px;
    text-align: right;
    z-index: 0;
}

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

#sidebar li {
    list-style: none;
    margin: 10px 0;
}

#footer {
    clear: both;
    color: #AAA;
    width: 990px;
    margin: 0 auto;
    text-align: left;
}

#footer a {
    color: #FFF;
}

#footer .copyright {
    background: url('img/footer-bg.png') no-repeat top center;
    width: 687px;
    height: 41px;
    line-height: 41px;
    margin-left: -8px;
    text-align: center;
}


/* wordpress likes to add br tags.... */
form br {
    display: none;
}

form ul {
    padding: 0;
    margin: 0;
}

form li {
    list-style: none;
    margin: 10px 0;
}

form label {
    display: block;
}

form input {
    width: 50%;
}

form textarea {
    width: 100%;
    height: 200px;
}

form input,
form textarea {
    border-color: #FFFFFF #C3C3C3 #DDDDDD;
    border-style: inset solid solid;
    border-width: 2px 1px 1px;
}

form input:focus,
form textarea:focus {
    background: #FFFCCE;
}

form button {
    background: url('img/button-submit.gif') no-repeat top left;
    width: 63px;
    height: 23px;
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 23px;
}


#pictureBox {
    width: 1038px;
    height: 388px;
    background: url('/wp-content/themes/default/img/photobox-bg.png') top left no-repeat;
    position: relative;

    margin: -16px 0 0 -17px;
}

#pictureBox a {
    color: #FFF;
    border-color: #FFF;
}

#pictureBox .readmore {
    position: absolute;
    right: 434px;
    top: 210px;
}

#pictureBox .readmore a {
    color: #f9cc04;
    border-color: #f9cc04;
}

#pictureBox .large {
    position: absolute;

    top: 26px;
    left: 26px;

    width: 480px;
    height: 320px;
    border: 1px solid #FFF;
}

#pictureBox .desc {
    position: absolute;

    top: 20px;
    right: 54px;

    width: 440px;
    height: 185px;
 
    color: #FFF;

    overflow: hidden;
}

#pictureBox .desc .title {
    font-size: 24pt;
    margin: 0;
    padding: 0;
}

#pictureBox .desc .title a {
    color: #FFF;
}
 
#pictureBox ul {
    position: absolute;

    bottom: 24px;
    right: 55px;

    list-style: none;
    margin: 12px 6px;
    padding: 0;
}
 
#pictureBox ul li {
    float: left;
    margin: 0 7.5px;
}
 
#pictureBox ul li img {
    cursor: pointer;
    border: 1px solid #FFF;
    opacity: 0.6;
}

#pictureBox ul li span {
    display: none;
}
 
#pictureBox ul li.active img {
    opacity: 1;
}




/* gallery overrides */
#wrapper .ngg-clear {
    clear: left;
}

#wrapper .ngg-galleryoverview {
    clear: none;
}

#wrapper .ngg-albumoverview {
    clear: none;
}

.ngg-albumoverview {
    margin-top: 10px;
}

#container .ngg-album {
    border: none;
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}

.ngg-albumtitle {
    font-size: 14pt;
}

.ngg-album .Thumb,
#container .ngg-gallery-thumbnail img {
    background: none;
    float: left;
    padding: 2px;
    border: 1px solid #c0bebe;
    margin: 0 5px 5px 0;
}

.ngg-gallery-thumbnail-box {
    float: left;
    padding: 0;
}

#sidebar .ngg-widget img,
.ngg-gallery-thumbnail-box img {
    border: 2px solid #FFF;
    margin: 3px 0 0 3px;
    padding: 0;
}

#container .ngg-thumbnail img:hover,
#container .ngg-gallery-thumbnail img:hover {
    background: none;
}



#sidebar .widget {
    clear: both;
}


/* league finder */
#text-544408121 {
    height: 210px;
}

#league-finder {
    margin-right: -20px;
    float: right;
    width: 404px;
    height: 225px;
    overflow: hidden;
    background-image: url('img/sidebar-league_finder.png');
    background-repeat: no-repeat;
    position: relative;
}

.bc { background-position: 0 -236px; }
.ab { background-position: 0 -472px; }
.sk { background-position: 0 -708px; }
.mb { background-position: 0 -944px; }
.on { background-position: 0 -1180px; }
.qc { background-position: 0 -1416px; }

#league-finder a {
    position: absolute;
    display: block;
    background: transparent;
    border: none;
}

a#lf-bc { left: 95px; top: 90px; width: 27px; height: 42px; }
a#lf-ab { left: 126px; top: 102px; width: 25px; height: 35px; }
a#lf-sk { left: 157px; top: 102px; width: 25px; height: 35px; }
a#lf-mb { left: 184px; top: 100px; width: 21px; height: 68px; }
a#lf-on { left: 215px; top: 128px; width: 35px; height: 40px; }
a#lf-qc { left: 271px; top: 82px; width: 31px; height: 89px; }

/* facebook, twitter */
#sidebar #text-544408501 {
    margin: 0 0 10px 0;
}


/* partners */
#sidebar #text-545338191 {
    width: 308px;
    float: right;
    margin: 0;
}

#text-545338191 a {
    float: left;
    border: none;
}

#text-545338191 img {
    padding: 0;
    margin: 0;
}

/* sponsors */
#text-545340071 {
    float: right;
    width: 308px;
    height: 83px;
    position: relative;
    margin: 0;
}

#text-545340071 a {
    float: left;
    border: none;
}

#text-545340071 img {
    padding: 0;
    margin: 0;
}

#text-545340071 .previous,
#text-545340071 .current {
    position: absolute;
    top: 0;
    left: 0;
}

#text-545340071 .previous { z-index: 9; }
#text-545340071 .current { z-index: 10; }

/* ad & store */
#text-545340981,
#text-545341471 {
    padding-right: 8px;
}

/* photo preview */
#sidebar #ngg-images-545338195 {
    margin: 0;
}

#ngg-images-545338195 {
    clear: both;
    float: right;

    background: url('/wp-content/themes/default/img/sidebar-photo-bg.png') no-repeat top right;
    width: 350px;
    padding: 10px 8px 0 50px;

    position: relative;
}

#ngg-images-545338195 h2 {
    height: 18px;
    margin: 0;
}

#ngg-images-545338195 * {
    overflow: visible;
}

#ngg-images-545338195 .seemore {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #cba80a;
    text-transform: uppercase;
    font-size: 8pt;
    z-index: 10;
    border-color: #cba80a;
}

#ngg-images-545338195 .seemore:hover {
    border-bottom: 1px dotted #cba80a;
}


/* lightbox */
#lightbox a {
    border: none;
}

#roster-list {
    background: #000;
    width: 670px;
    color: #FFF;
    margin-top: 8px;
}

#roster-list a.player {
    color: #FFF;
}

#roster-list div {
    padding: 10px 20px 20px 20px;
}

#roster-list span {
    color: #c21b1c;
}

#player-info {
    position: absolute;
    top: 0; 
    left: 3px;
    width: 652px;
    z-index: 10;
    background: #000;
    color: #FFF;
    padding: 10px;
}

#player-info h1 {
    margin: 0 0 10px 0;
    font-size: 14pt;
    border-bottom: 1px solid #222;
    padding: 0 0 10px 0;
}

#player-info img {
    border: 1px solid #222;
    padding: 2px;
    float: left;
    margin: 0 10px 10px 0;
}

#player-info .data div {
    margin: 0 0 10px 0;
}

#player-info .data div label {
    color: #c21b1c;
}

#player-info .close {
    clear: left;
    border-top: 1px solid #222;
    width: 100%;
    display: block;
    text-align: right;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    color: #FFF;
    cursor: pointer;
}

#player-info .close:hover {
    border-bottom: none;
}

.national-team-page #container {
    margin-top: 10px;
}

.national-team-page #sidebar {
    position: absolute;
    top: -22px;
    right: 0;
    width: 300px;
    float: right;
    text-align: left;
    padding: 0;
}

.national-team-page #sidebar li li {
    border-top: 1px solid #222;
    background: url('img/national-team-widget-arrow.gif') no-repeat 270px center #060606;
    padding: 10px;
    margin: 0;
    color: #fff;
}

.national-team-page #sidebar li li a {
    color: #c21b1c;
    padding-bottom: 1px;
}

.national-team-page #sidebar li li a:hover {
    border-bottom: 1px dotted #c21b1c;
    padding-bottom: 0;
}

.national-team-page #sidebar li li li {
    border: none;
    background: none;
    padding: 0;
}

.national-team-page .widgettitle {
    margin: 10px 0 0 0;
}

.national-team-page .scoreboard {
    background: url('img/national-team-scoreboard-bg.jpg') no-repeat top left;
    width: 300px;
    height: 152px;
    color: #FFF;
    position: relative;
    margin: 0;
}

.national-team-page .scoreboard .team {
    font-size: 12pt;
    font-weight: bold;
    position: absolute;
    bottom: 19px;
    text-align: center;
    width: 135px;
    text-transform: uppercase;
    font-style: italic;
}

.national-team-page .scoreboard .score {
    font-size: 26pt;
    position: absolute;
    top: 50px;
    text-align: center;
    width: 135px;
}

.national-team-page .scoreboard .score1 { left: 0; }
.national-team-page .scoreboard .score2 { right: 0; }
.national-team-page .scoreboard .team1 { left: 0; }
.national-team-page .scoreboard .team2 { right: 0; }

.national-team-page .scoreboard .game-info {
    position: absolute;
    width: 100px;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    top: 45px;
}

.national-team-page .widgettitle {
    background: url('img/national-team-widget-bg.jpg') no-repeat left top;
}

.national-team-page .widgettitle a {
    color: #FFF;
    font-size: 10pt;
    height: 29px;
    line-height: 29px;
    width: 300px;
    display: block;
    font-weight: normal;
    padding: 0 0 0 10px;
}

.national-team-page .post-meta .post-meta-key {
    display: none;
}