/**
 * Author: IIHA
 * Contact: support [at] iiha [dot] org
 * Version: 0.0.4
 * Last Updated: 2009-11-11
 * Notes: 
 *      Layout: cols=16 col=52 gutter=10 TODO: margins=20|10
 *      TODO: Colour Palette: #ffcc33, #0a5300, #fff, #c0c0c0, #000033, #000
 */
/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}

/* typography */
body{font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;}
h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:2em;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}
p{margin:0 0 1.5em;}
p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,a:hover{color:#fc3;}
a{color:#030;text-decoration:underline;}
blockquote{margin:1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
sup,sub{line-height:0;}
abbr,acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;}
pre{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
li ul,li ol{margin:0 1.5em;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}
dl.meta{overflow:hidden;}
dl.meta dt{float:left;}
dl.meta dd{float:left;margin-right:1.5em;}
table{margin-bottom:1.4em;width:100%;}
th{font-weight:bold;}
thead th{background:transparent;}
tbody td{border-bottom: 1px dotted #0a5300;}
tbody td a{display:block;}
th,td,caption{padding:4px 10px 4px 5px;}
tfoot{font-style:italic;}
caption{background:#eee;}
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide{display:none;}
.quiet{color:#666;}
.loud{color:#000;}
.highlight{background:#ff0;}
.added{background:#060;color:#fff;}
.removed{background:#900;color:#fff;}
.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
.odd{}
.even{background-color: #eee;}

/* forms */
label{font-weight:bold;}
fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend{font-weight:bold;font-size:1.2em;}
input[type=text],input[type=password],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666;}
input[type=text],input[type=password],input.text,input.title,textarea,select{margin:0.5em 0;}
input.text,input.title{width:300px;padding:5px;}
input.title{font-size:1.5em;}
textarea{width:390px;height:250px;padding:5px;}
input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em;}
form.inline{line-height:3;}
form.inline p{margin-bottom:0;}
.error,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}

/* link icons TODO: update icon module to use sprites */
body a.noicon{background:transparent none !important;padding:0 !important;margin:0 !important;}
a[href^="http:"],a[href^="mailto:"],a[href^="http:"]:visited,a[href$=".pdf"],a[href$=".doc"],a[href$=".xls"],a[href$=".rss"],a[href$=".rdf"],a[href^="aim:"]{padding:2px 22px 2px 0;margin:-2px 0;background-repeat:no-repeat;background-position:right center;}
a[href^="http:"]{background-image:url(images/icons/external-v2.png);}
a[href^="mailto:"]{background-image:url(images/icons/email.png);}
a[href^="http:"]:visited{background-image:url(images/icons/visited-v2.png);}
a[href$=".pdf"]{background-image:url(images/icons/pdf.png);}
a[href$=".doc"]{background-image:url(images/icons/doc.png);}
a[href$=".xls"]{background-image:url(images/icons/xls.png);}
a[href$=".rss"],a[href$=".rdf"]{background-image:url(images/icons/feed.png);}
a[href^="aim:"]{background-image:url(images/icons/im.png);}
.rss-links a, a.rss-link, a.twitter-link {
    padding: 2px 0 2px 22px !important;
    margin: -2px 0 !impotrant;
    background-repeat: no-repeat;
    background-position: left center !important;
    }
.rss-links a, a.rss-link{background-image: url(images/icons/feed.png);}
a.twitter-link{background-image: url(images/icons/twitter.png) !important;}
    
/* layout */
/* layout - main */
body{background:url(images/bg-top.gif) repeat-x;}
#container{width:1002px;background:transparent url(images/bg-image.jpg) no-repeat;}
#header{height:231px;}
#header h1{left:-9999px;position:absolute;}
.navigation {list-style:none;}
#header .navigation{font-weight:bold;text-transform:uppercase;position:absolute;top:201px;margin-left:40px;}
#header .navigation li{float:left;margin:0 2px;}
#header .navigation li a{color:#ffcc33;text-decoration:none;}
#header .navigation li a:hover{color:#fff;}
#header .navigation li a.link1{font-size:11px;line-height:3.4;}
#header .navigation li a.link2{font-size:18px;line-height:1.8;}
#header .navigation li a.link3{font-size:14px;line-height:2.6;}
#header .navigation li a.link4{font-size:22px;line-height:1.4;}
#header .navigation li a.link5{font-size:16px;line-height:2.1;}
#header .navigation li a.link6{font-size:12px;line-height:3;}
#header .navigation li a.sub-main-nav{position:relative;top:-120px;color:#fff;}
#header .navigation li a:hover.sub-main-nav{color:#c0c0c0;}
#header .navigation li.active>a{color:#fff !important;}
#header .navigation li.active>a.sub-main-nav{color:#ffcc33 !important;}
#pre-content-helpers {margin: 10px;}
#content{overflow:hidden;min-height:500px;margin-top:8px;}
#content-primary{width:672px;float:left;margin:0 5px 10px 10px;}
#content-secondary{width:300px;margin:0 10px 10px 5px;float:right;}
#content-secondary .navigation{margin:20px 0;}
#content-secondary .navigation li.active>a{color:#ffcc33 !important;}
#post-content-helpers ul{list-style-type:none;}
#footer{margin:60px 0 80px 0;font-size:11px;text-align:center;}

/* framework - layout - general helpers */
.grid-block{
    display:block;
    overflow:hidden;
    margin-bottom:20px;
    }
.left{
    float:left;
    }
.right{
    float:right;
    }
.clear{
    clear:both;
    }

/* framework - layout - content-primary-layout */
/* framework - layout - content-primary-layout-1 cpl1 = 8cols/3cols */
.cpl1{
    margin-bottom: 20px;
    }    
.cpl1 .cpl1-1 {
    margin-right: 186px;
    }
.cpl1 .cpl1-2 {
    float: right;
    width: 176px;
    }

/* frameowrk - layout - advertisements/affiliates */
/* frameowrk - layout - advertisements/affiliates -layout-1 al1 */
.al1, .al2 {
    margin: 20px 0;
    }
.al1 a, .al1 a:visited {
    background: none;
    margin: 0 0 20px 0; 
    padding: 0;
    display:block;
    text-align:center;
    }
.al1 a img{
    padding: 0;
    border: none;
    }
/* frameowrk - layout - advertisements/affiliates -layout-2 al2 */
.al2 h3 a {
    display: block;
    font-weight: bold;
    color: #444;
    }
.al2 h3 a:hover {
    color:#000033;
    }
.al2 p a {
    color:#555;
    text-decoration:none;
    }
.al2 p a:hover{
    text-decoration:underline;
    color:#000033;
    }

/* framework - pagination */
.pagination{border:0;margin:0;padding:0;}
.pagination li{border:0;margin:0;padding:0;font-size:11px;list-style:none;margin-right:2px;}
.pagination a{border:solid 1px #0a5300;margin-right:2px;}
.pagination .info,.pagination .previous-off,.pagination .next-off{border:1px solid #dedede;color:#888;display:block;float:left;font-weight:bold;margin-right:2px;padding:3px 4px;}
.pagination .info{border: none;}
.pagination .next a,.pagination .previous a{font-weight:bold;}
.pagination .active{background:#0a5300;color:#fff;font-weight:bold;display:block;float:left;padding:4px 6px;}
.pagination a:link,.pagination a:visited{color:#0a5300;display:block;float:left;padding:3px 6px;text-decoration:none;}
.pagination a:hover{border:solid 1px #003300;}
    
/* framework - directory */
.directory {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
.directory .listing {
    padding: 20px;
    margin-bottom: 10px;
    }
.directory .listing h3 {
    color: #000033;
    font-weight: bold;
    }
    
/* framework - subscribe */
.subscribe {
    margin: 20px 0;
    }
.subscribe h2 {
    color: #c0c0c0;
    }
.subscribe ul {
    list-style-type: none;
    margin: 0;
    }

/* framework - modules */
/* framework - modules - news */
.news-module ol,.news-module ul{list-style-type:none;margin:0;padding:0;}
.news-module ol li,.news-module ul li{margin-bottom: 5px;}
.news-module h2{color:#c0c0c0;}
/* framework - modules - news - spotlight TODO: Refactor spotlight, PRIORITY: HIGH */
.spotlight-news h2{left:-9999px;position:absolute;}
.spotlight-news .sn-read-more-link {display:block;margin-top:1.5em;text-transform:uppercase;font-weight:bold;color:#404040;text-decoration:none;}
.spotlight-news .sn-read-more-link:hover{text-decoration:underline;color:#404040;}
#sn-image-wrap{border:1px solid #e0e0e0;border-bottom:none;text-align:right;}
#sn-image-wrap img{display:block;}
#sn-body-wrap{border:1px solid #333;background:#c0c0c0;border:1px solid #c0c0c0;border-top:1px solid #a0a0a0;border-bottom:none;height:114px;padding-right:10px;padding-left:10px;}
#sn-body-wrap h3{color:#fff;margin:.3em 0 .3em 0;}
#sn-nav-wrap {background:#c0c0c0;padding:5px;overflow:hidden;}
#sn-nav-wrap.sn-ctrl-btn{width:19px;height:20px;margin:0 1px;}
#sn-nav-wrap.sn-ctrl-play{width:16px;height:20px;margin:0 1px;}
#sn-nav-wrap #sn-pause{background:#c0c0c0 url(images/ds-nav-on.gif) no-repeat;background-position:0;}
#sn-nav-wrap #sn-pause.sn-play{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;background-position:-38px 0;}
#sn-nav-wrap #sn-back{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;}
#sn-nav-wrap #sn-forward{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;background-position:-19px 0;margin-right:6px;}
#sn-nav-wrap #sn-1.sn-off{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;background-position:-54px 0;}
#sn-nav-wrap #sn-2.sn-off{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;background-position:-74px 0;}
#sn-nav-wrap #sn-3.sn-off{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;background-position:-94px 0;}
#sn-nav-wrap #sn-4.sn-off{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;background-position:-114px 0;}
#sn-nav-wrap #sn-5.sn-off{background:#c0c0c0 url(images/ds-nav-off.gif) no-repeat;background-position:-134px 0;}
#sn-nav-wrap #sn-1{background:#c0c0c0 url(images/ds-nav-on.gif) no-repeat;background-position:-16px 0;height:20px;width:20px;margin:0 1px;}
#sn-nav-wrap #sn-2{background:#c0c0c0 url(images/ds-nav-on.gif) no-repeat;background-position:-36px 0;height:20px;width:20px;margin:0 1px;}
#sn-nav-wrap #sn-3{background:#c0c0c0 url(images/ds-nav-on.gif) no-repeat;background-position:-56px 0;height:20px;width:20px;margin:0 1px;}
#sn-nav-wrap #sn-4{background:#c0c0c0 url(images/ds-nav-on.gif) no-repeat;background-position:-76px 0;height:20px;width:20px;margin:0 1px;}
#sn-nav-wrap #sn-5{background:#c0c0c0 url(images/ds-nav-on.gif) no-repeat;background-position:-96px 0;height:20px;width:20px;margin:0 1px;}
#sn-nav-inner-wrap {float:right;margin-right:62px;overflow:hidden;}
#sn-nav-inner-wrap .sn-tab{float:left;height:20px;width:20px;overflow:hidden;cursor:pointer;background:#c0c0c0;}
    
.featured-news h2{
    display: none;
    }
.featured-news .even {
    background-color: #ddd;
    }
.featured-news .news-teaser {
    padding: 14px 10px 0px 10px;
    border-bottom: 1px dotted #444;
    }
.featured-news .news-teaser h3 a {
    display: block;
    font-weight: bold;
    color: #444;
    }
.featured-news .news-teaser h3 a:hover{
    color:#000033;}
.featured-news .news-teaser p a {
    color:#555;
    text-decoration:none;
    }
.featured-news .news-teaser p a:hover{
    text-decoration:underline;
    color:#000033;
    }
.featured-news .news-teaser p em {
    color:#788;
    }

/* framework - modules - leagues */
.leagues-module{border:10px solid #0a5300;}
.leagues-module .header{background-color:#0a5300;}
.leagues-module .header h1{font-size:2em;margin-bottom:0.75em;line-height:1.5;}
.leagues-module .header h1,.leagues-module .footer p{color:#c0c0c0;}   
.leagues-module .content{margin:10px;}
.leagues-module .footer{border-top:2px solid #c0c0c0;margin:0 10px;text-align:right;}   

/* framework - modules - shop */
.shopping-cart-items{margin:0;padding:0;background-color:#c0c0c0;border:20px solid #c0c0c0;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
.shopping-cart-items li{margin:20px 0;padding:20px;overflow:auto;border:1px solid #b0b0b0;background-color:#fff;}
.shopping-cart-items .attr{font-weight:bold;}
.shopping-cart-items .attr span{font-weight:normal;}
.shopping-cart-items li img{float:right;margin-left:20px;margin-bottom:20px;}
.shopping-cart-items form{}
.shopping-cart-items select{width:100px;}
.shopping-cart-items .shopping-cart-button-row{background-color:#c0c0c0;border:none;padding:0;}
.shopping-cart-items .shopping-cart-button-row form{background:none;float:right;text-align:right;margin:0 20px;}
.shopping-cart-items .button{background:url(images/button-bg.gif) repeat-x;border:1px solid #0a5300;cursor:pointer;}



