/* ----------------------------------------------------------
    You Can Play CSS
    Managed by: Blue State Digital

    TABLE OF CONTENT

    01 - HTML5 Boilerplate
    02 - COMMON STYLES
    03 - LAYOUT
    04 - HOMEPAGE 
    05 - SUBPAGES
    06 - SIDEBAR
    07 - FRAMEWORK
    08 - UTILITY
    09 - PRINT
  
    COLOR GUIDE (Main Site Colors and their Hex Codes)
Orange: f7941e
Blue 0054a6
  
---------------------------------------------------------- */

/* 01 =HTML5 Boilerplate
------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle;}

/* end HTML5 Boilerplate reset */

/* HTML5 boilerplate base styles */

html { overflow-y: scroll; }
body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% "freight-sans-pro", sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }
ul, ol { list-style-type: none; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }
i, em { font-style: italic; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }

/* end HTML5 boilerplate base styles */

/* BSD base styles */
caption, th { text-align: left; }


/* 02 =COMMON STYLES
------------------------- */

html { }
body { font-size: 62.5%; color: #363636; font-family: "freight-sans-pro", Helvetica, Arial, sans-serif; background: #000 url("/page/-/wrapper/img/bg.jpg") 50% 0 no-repeat; }
#wrapper { font-size: 1.3em; width: 960px; margin: 0 auto; }
select, input, textarea { color: #000; font-family: "freight-sans-pro", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: "freight-sans-pro", Helvetica, Arial, sans-serif; font-weight: 700; }

.base h1 { font-size: 26px; color: #16175f; margin-bottom: 20px; }
.base h2 { font-size: 20px; color:#16175f; position: relative; /* for .more-info arrows */}
.base h3 { font-size: 16px; }
.base h4 { font-size: 14px; }
.base h5 { font-size: 12px; text-transform: uppercase; margin: 25px 0 5px;}

#main.base { line-height: 1.4; }

.base p { font-size: 15px; margin-bottom: 1em; }
a { text-decoration: none; color: #ae1014; }
a:hover, a:active { outline: none; text-decoration: underline;}
a:link { -webkit-tap-highlight-color: #f7941e; }

blockquote { margin: 0 30px 20px; border-left: 5px solid #e2e3e4; padding-left: 20px; font-size: 12px; }

.base ul, .base ol { margin-bottom: 1em; margin-left: 1.8em; }
.base ul li, .base ol li { list-style-position: outside; margin-bottom: 1em; font-size: 15px; }
.base ul li { list-style-type: disc; }
.base ol li { list-style-type: decimal; }
.base li ul, .base li ol { margin: 10px 0 0 3.6em; }
.base li ul li { margin: 5px 0; list-style-type: circle; }
.base summary { font-size: 20px; color: #16175f; margin-bottom: 20px;}

a img { border: none; }

article h2 { margin-bottom: 1em; }
.post-date { color:#4d4d4d; font-size: 18px; font-weight: bold; }
.entry .post-date { font-size: 15px; }
.entry { margin: 20px 0; }
.entry-summary { font-size:14px; margin:0 0 10px; }
.entry h4 { text-transform: none; }
.carousel { position: relative; }
.carousel .prev, .carousel .next { position: absolute; top: 0; display: block; z-index: 5; text-indent: -9999em; overflow: hidden; }
.carousel .prev { left: 0; }
.carousel .next { right: 0; }
.carousel .prev:after, .carousel .next:after { content: ""; display: block; position: absolute; width:0; height:0; }
.carousel .prev:after { border-right: 10px solid transparent; }
.carousel .next:after { border-left: 10px solid transparent; }

/* 03 =LAYOUT
------------------------- */
header { width: 980px; height: 177px; color: #FFF; position: relative; margin: 0 auto; z-index: 10;}
header a { color: #FFF; text-decoration: none;}
header nav { width: 810px; height: 31px; position: absolute; padding: 8px 10px 8px 160px; top: 53px; left: 0; background-color: #000; background-color: rgba(0, 0, 0, .75); text-transform: uppercase; z-index: 10;}
header nav li { float: left; position: relative; }
header nav li a:link, header nav li a:visited { padding: 5px 13px; display: inline-block; position: relative; font-size: 15px; height: 19px; font-weight: bold; }
header nav li a:hover, header nav li a:active, header nav li a:focus, header nav li:hover > a { background: #16175f; text-decoration: none; color: #FFF;}
header nav li.node_donate { float: right; }
header nav li.node_get-help { position: absolute; top: -41px; right: 10px; }
header nav li.node_donate a, header nav li.node_donate a:link, header nav li.node_donate a:visited, header nav li.node_get-help a, header nav li.node_get-help a:link, header nav li.node_get-help a:visited, footer h5.btn a:link, footer h5.btn a:visited { background: #000; border: 1px solid white; width: 67px; text-align: center; white-space: nowrap; color: #fff;}
header nav li.node_donate a:hover, header nav li.node_donate a:active, header nav li.node_donate a:focus, header nav li.node_get-help a:hover, header nav li.node_get-help a:active, header nav li.node_get-help a:focus, footer h5.btn a:hover, footer h5.btn a:active, footer h5.btn a:focus { color: #e95c5f; border: 1px solid #e95c5f; }
header nav li.node_donate a:hover, header nav li.node_donate a:active, header nav li.node_donate a:focus, footer h5.donate-btn a:hover, footer h5.donate-btn a:active, footer h5.donate-btn a:focus { background: #fff !important; border: 1px solid #940e11; color: #940e11; }
header nav li.node_donate a, header nav li.node_donate a:link, header nav li.node_donate a:visited, footer h5.donate-btn a:link, footer h5.donate-btn a:visited { background: #940e11; }
header nav li li a:link, header nav li li a:visited { padding: 6px 15px; font-size: 13px; height: auto; color: #5c5d8f; display: block; text-transform: none; line-height: 1; font-weight: bold; }
header nav li li a:hover, header nav li li a:active, header nav li li a:focus { color: #FFF; text-decoration: none; background: none;}
header nav li li { height: auto; top: 0; border: none; }
header nav li ul { border: 1px solid #16175f; padding: 5px 0; background: #000; background: rgba(0, 0, 0, .9); }

header h1 { float: left; font-size: 33px; color: #FFF; margin: 10px 0 0; background: url("/page/-/wrapper/img/ycp-sprites.png") 0 0 no-repeat; text-indent: -9999em; width: 170px; position: relative; height: 170px; z-index: 11;}
header h1 a:link, header h1 a:visited { display: block; position: absolute; height: 170px; width: 170px; }
header h2 { font-size: 26px; position: absolute; left: 170px; top: 115px; color: #e95c5f; }
#header-content { margin: 12px 0 0 170px; height: 43px; }
#header-social { top: -1px; left: 161px; height: 30px; position: relative; display: inline-block; float: left; }
#header-social li { float: left; margin-right: 4px; }
#header-social li a { text-indent: -9999em; background: url("/page/-/wrapper/img/ycp-sprites.png") -212px 0 no-repeat; display: inline; width: 30px; height: 30px; overflow: hidden; position: relative; float: left; }
#header-social li a.tw { background-position: -246px 0; }
#header-social li a.yt { background-position: -280px 0; } 
#header-social li a:hover, #header-social li a:active, #header-social li a:focus { background-position-y: -40px; }


.quick-signup { position: relative; height: 30px; width: 400px; float: left;}
.quick-signup input { position: absolute; top: 0; padding: 7px 8px 6px; height: 15px; color: #000; font-weight: bold; font-size: 15px; border: none; background: rgba(255, 255, 255, .8); text-transform: lowercase;}
.oldie .quick-signup input { border: 0; }
.quick-signup #qs-email { left: 0; width: 185px; font-weight: bold;
}
.quick-signup #qs-zip { left: 206px; width: 95px;
}
.quick-signup .qs-submit { font-weight: bold; border: none; background: #FFF; color: #000; left: 322px; text-transform: uppercase; height: 27px; padding: 0 10px 0;}
.quick-signup input::-webkit-input-placeholder { color: #000; }
.quick-signup input:-moz-placeholder { color: #000; }

#main { width: 900px; margin: 0 auto; background: #f3f4f4; padding: 30px; margin-bottom: 8px; }

footer { position: relative; width: 960px; margin: 0 auto; padding-bottom: 30px; }
footer nav { overflow: auto; padding: 20px 20px 0 6px; float: left; border: 1px solid #242525; width: 932px; margin-bottom: 8px; }
footer nav div { float: left; width: 111px; padding: 0 14px 20px; }
footer nav li { font-size: 13px; }
footer nav a:link, footer nav a:visited { color: #505153; display: inline-block; }
footer nav a:hover, footer nav a:active, footer nav a:focus { color: #FFF; text-decoration: none;}
footer nav li a:link, footer nav li a:visited { padding: 3px 0; }
footer h5 { font-size: 13px; text-transform: uppercase; margin-bottom: 3px; } 
footer h5.btn { font-size: 15px; margin-bottom: 10px; float: right; clear: right;}
footer h5.btn a:link, footer h5.btn a:visited { padding: 5px 13px; }
#partners { background: #c7c9cb; clear: both; padding: 15px 21px 20px; height: 95px; width: 918px !important;}
#partners h5 { color: #505153; text-align: center; margin-bottom: 15px; }
#partners li { width: 110px; display: inline; margin: 0 10px 0 11px; height: 70px; float: left; }
#copyright { color: #323334; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 700; margin: 15px 0 20px;}
#partners .prev, #partners .next { width: 21px; height: 130px; background: #323334; }
#partners .prev { border-right: 15px solid #c7c9cb; }
#partners .next { border-left: 15px solid #c7c9cb; }
#partners .prev:after, #partners .next:after { top: 55px; background: #c7c9cb; border-top: 10px solid #323334; border-bottom: 10px solid #323334; }
#partners .prev:after { left: 11px; }
#partners .next:after { right: 11px; }

#filters { background: #c7c9cb; padding: 10px; width: 940px; margin: 8px auto; }
#filters h5 { text-transform: uppercase; font-size: 13px; margin-bottom: 5px; }
#filters .carousel { background: #8b8d8e; padding: 10px 31px; height: 55px; }
#filters-sport li { width: 231px; display: inline-block; margin-right: 1px; height: 56px; float: left; }
#filters-sport li a:link, #filters li a:visited { color: #FFF; display: block; text-transform: uppercase; font-size: 25px; font-weight: 700; height: 42px; padding-top: 8px; text-align: center; border: 3px solid #202020; }
#filters .prev, #filters .next { width: 21px; height: 75px; background: #323334; }
#filters .prev { border-right: 10px solid #8b8d8e; }
#filters .next { border-left: 10px solid #8b8d8e; }
#filters .prev:after, #filters .next:after { top: 30px; background: #8b8d8e; border-top: 10px solid #323334; border-bottom: 10px solid #323334; }
#filters .prev:after { left: 11px; }
#filters .next:after { right: 11px; }
#filters-sport { width: 760px; float: left; margin-right: 10px; }
#filters-state { width: 170px; float: left; }
#filters-state form { background: #8b8d8e; padding: 25px 10px 0; height: 50px; }
#filters-state select { width: 150px; }
.side-filter { background: #8b8d8e; padding: 15px; margin: 8px 0; width: 205px; }
.side-filter h5 { margin: 0 0 5px; color: #FFF; }
.side-filter select { width: 200px; }
.chzn-select ul li { font-size: 13px; }

/* 04 =HOMEPAGE
------------------------- */
#home #main { width: 960px; background: none; padding: 0; }
#home-rotator { width: 954px; height: 379px; border: 3px solid #0f1040; border-bottom: none; background: #00012d; z-index: 1;}
.slide { margin: 0; padding: 15px 27px 20px; position: relative; list-style-type: none; height: 344px; width: 900px; }
.slide-content { width: 335px; float: right; height: 344px; position: relative;}
.slide-social { background: #2e2f5c; margin-top: 25px; padding-top: 35px; height: 80px; width: 335px; position: absolute; bottom: 0; left: 0;
  -webkit-border-radius: 10px; 
     -moz-border-radius: 10px; 
          border-radius: 10px;   
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.slide-social h5 { background: #16175f; color: #FFF; text-transform: uppercase; font-size: 19px; padding: 38px 20px 0; height: 77px; width: 90px; position: relative; top: -35px; line-height: 1; float: left; margin-right: 25px;
  -webkit-border-radius: 10px 0 0 10px; 
     -moz-border-radius: 10px 0 0 10px; 
          border-radius: 10px 0 0 10px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.slide-social h5:after, .slide-social h5:after { content: ""; display: block; position: absolute; width:0; height:0; border: 10px solid transparent; border-left: 10px solid #16175f; left: 130px; top: 48px;}

.slide-social .fb-like { margin-bottom: 10px; }
#home-rotator h3 { margin-bottom: 10px; }
#home-rotator h3 a:link, #home-rotator h3 a:visited { font-size: 24px; line-height: 1.2; margin-bottom: 30px; }
#home-rotator a:link, #home-rotator a:visited { color: #FFF; }
#home-rotator a:hover, #home-rotator a:active, #home-rotator a:focus { color: #E95C5F; text-decoration: none;}
#home-rotator p { font-size: 18px; line-height: 1.2; color: #5c5d8f; }
#home-rotator .slide p a { color: #f7941e; }
#pager { background: #16175e; height: 125px; border: 3px solid #0f1040; border-top: none; width: 900px; }
#pager.video-strip, #video-index { padding: 20px 27px 15px; }
#pager .video-entry { width: 215px; }
#pager .video-img { height: 119px; }
#pager .video-img img { top: -20px; }

#content { float:left; width: 569px; padding-right: 60px; display: inline; }
.full-width #content { width: 900px; padding: 0; }
.full-width .base #sidebar { display: none; }
#home #content { width: 960px; padding: 0; margin: 8px 0; }
#home-signup { width: 530px; height: 140px; background: #e6595c url("/page/-/wrapper/img/logo.png") 30px 45px no-repeat; background-size: 75px; float: left; border: 3px solid #8e0d11; padding: 20px 50px 0 130px; margin-right: 10px;
  -webkit-box-shadow: inset 0px 0px 40px #b32e30; 
     -moz-box-shadow: inset 0px 0px 40px #b32e30; 
          box-shadow: inset 0px 0px 40px #b32e30; 
}
#home-signup form { margin-top: 15px; width: 460px; }
#home-signup h2 { color: #FFF; font-size: 30px; text-transform: uppercase; display: inline; line-height: 1;}
#home-signup p { font-size: 18px; display: inline; color: #000; line-height: 1.2; }
#home-signup input { color: #efa0a2; background: #9d3133; border: 1px solid #631f20;}
#home-signup #hs-email { left: 0; width: 225px; font-weight: bold; }
#home-signup #hs-zip { left: 246px; width: 115px; }
#home-signup .qs-submit { background: #940e11; color: #e95c5f; left: 382px; height: 30px; border: none;}
#home-signup input::-webkit-input-placeholder { color: #efa0a2; }
#home-signup input:-moz-placeholder { color: #efa0a2; }


#home #subnav { margin: 0; width: 234px; float: left; display: inline; }
#home #subnav .spread { height: 34px; }
#home-fb-wrap, #home-tw-wrap { padding-left: 25px; position: relative;
    -webkit-border-radius: 5px 0 0 5px; 
     -moz-border-radius: 5px 0 0 5px; 
          border-radius: 5px 0 0 5px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#home-fb-wrap { background: #253860; margin: 1px 0; }
#home-tw-wrap { background: #216b8e; }
#home-fb, #home-tw { background: #3b5998; border: 3px solid #3b5998; border-left: none; padding: 14px 10px 13px 23px; height: 21px;
  -webkit-box-shadow: inset 0px 0px 20px #324d8c;
     -moz-box-shadow: inset 0px 0px 20px #324d8c;
          box-shadow: inset 0px 0px 20px #324d8c;
 }
#home-tw { border-color: #2e99cc; background: #2e99cc; 
    -webkit-box-shadow: inset 0px 0px 20px #2688bc;
     -moz-box-shadow: inset 0px 0px 20px #2688bc;
          box-shadow: inset 0px 0px 20px #2688bc;
}
#home-fb-wrap:after, #home-tw-wrap:after { content: ""; display: block; position: absolute; width:0; height:0; border: 10px solid transparent; border-left: 10px solid #253860; left: 25px; top: 17px;}
#home-tw-wrap:after { border-left: 10px solid #216b8e; }

/* 05 =SUBPAGES
------------------------- */
#video-title { position: relative; left: -160px; }
#videos article.base { width: 600px; margin-left: 150px; display: inline; float: left; padding-right: 20px; }
#videos #subnav { margin: 72px 0 0 -780px; }

#subnav-actions li { border-left: 25px solid #16175f; padding-left: 1px; position: relative;
-webkit-border-radius: 5px 0 0 5px; 
     -moz-border-radius: 5px 0 0 5px; 
          border-radius: 5px 0 0 5px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#subnav-actions li:after { content: ""; display: block; position: absolute; width:0; height:0; border: 10px solid transparent; border-left: 10px solid #16175f; left: 0; top: 26px;}
#subnav-actions li#help, #subnav-actions li#help:after { border-left-color: #ae1014; }
#subnav #subnav-actions li a { border: 3px solid #5c5d8f; font-size: 18px; text-transform: uppercase; background: #5c5d8f; margin-bottom: 1px; line-height: 1;
  -webkit-box-shadow: inset 0px 0px 20px #454677; 
     -moz-box-shadow: inset 0px 0px 20px #454677; 
          box-shadow: inset 0px 0px 20px #454677; 
}
#subnav-actions li#help a { border-color: #e95c5f; background: #e95c5f; 
  -webkit-box-shadow: inset 0px 0px 20px #cb393b; 
     -moz-box-shadow: inset 0px 0px 20px #cb393b; 
          box-shadow: inset 0px 0px 20px #cb393b;
}
#subnav-actions li a:link, #subnav-actions li a:visited { color: #FFF; font-weight: 700; display: block; padding: 14px 14px 14px 20px; }
#subnav-social { background: #dfe0e0; border: 1px solid #aeb0b3; border-top: none; padding: 15px 0 0 25px; height: 58px; margin-bottom: 1px; }
#subnav-social .fb-like { margin-bottom: 5px; }
#videos #featured { background: #dcdde5; margin-top: 20px; }
#videos h3#meta, #subnav h3, #video-more h3 { line-height: 1; color: #000; text-transform: uppercase; font-size: 16px; }
#videos h3#meta span { font-weight: normal; }
#videos h3#meta a:link, #videos h3#meta a:visited { color: #000; }
#videos.landing .base h2 { font-size: 26px; color: #16175f; margin-bottom: 5px; }
.video-strip h3 { font-size: 15px; line-height: 1.3; }
.video-strip h4 a:link, .video-strip h4 a:visited, #video-index h4 a:link, #video-index h4 a:visited { font-size: 15px; line-height: 1.2; color: #000; font-weight: 400; }
.video-strip { padding: 15px 30px 20px; height: 196px; overflow: hidden; }
.base .video-strip { width: 840px !important; }
.video-entry { float: left; width: 200px; margin: 0 13px 0 0; }
.video-entry.first { margin-left: 0; clear: left; }
.video-entry.last { margin-right: 0; }
.video-img { border: 1px solid #000; margin-bottom: 5px; height: 110px; overflow: hidden; }
.video-img img { display: block; position: relative; top: -19px; }

#video-more { width: 130px; float: left; margin-top: 72px; }
#video-more .video-img { top: -13px; height: 70px; }
#video-more .video-img img { top: -13px; }
#video-more p { font-weight: 700; line-height: 1; }

#content-inner { float: left; width: 415px; }
.full-width #content-inner { width: 746px; }

.video-strip .prev, .video-strip .next { width: 30px; height: 233px; background: #F3F4F4; }
.video-strip .prev:after, .video-strip .next:after { top: 105px; border-top: 10px solid #F3F4F4; border-bottom: 10px solid #F3F4F4; background: #4e4f79; }
.video-strip .prev:after { left: 11px; }
.video-strip .next:after { right: 11px; }

.entry-thumb { width: 120px; }
.entry-summary { width: 420px; }


/* 06 =SIDEBAR
------------------------- */

#sidebar { border: none; width: 960px; margin-top: 8px;}
.base #sidebar { float:left; width: 240px; border-left: 1px solid #8283a8; padding-left: 30px; margin-top: 0;}

#touts { clear: none; }
.tout { margin: 0 3px 0 2px; border: 3px solid #202020; width: 230px; height: 155px; float: left; }
.tout.last { margin-right: 0; }

.base #touts { clear: both; }
.base .tout { margin: 10px 0 0; }
.tout a:link, .tout a:visited { color: #FFF; text-transform: uppercase; font-size: 24px; padding: 40px 45px; display: block; line-height: 1;}

#latest-tweets { width: 236px; float: left; margin-right: 4px; position: relative;}
#latest-tweets h5 { text-transform: uppercase; background-color: #216b8e; color: #70aecb; font-size: 18px; margin: 0; width: 161px; height: 27px; text-align: center; padding-top: 3px; position: absolute; left: 0;
  -webkit-transform: rotate(-90deg) translate(-161px, 0);
     -moz-transform: rotate(-90deg) translate(-161px, 0);  
       -o-transform: rotate(-90deg) translate(-161px, 0);  
          transform: rotate(-90deg) translate(-161px, 0);
             filter: progid:DXImageTransform.Microsoft.Matrix(
                     M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, sizingMethod='auto expand');
               zoom: 1;
  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
       -o-transform-origin: 0 0;
          transform-origin: 0 0;

}
/* IE9 will double-apply rotation */
.oldie #latest-tweets h5 { 
      -ms-transform: rotate(-90deg) translate(-161px, 0);  
}


#tweets { color: #70afcb; background-color: #0f3141; width: 180px; height: 135px; padding: 10px; margin-left: 30px; border: 3px solid #0c2734;
  -webkit-box-shadow: inset 0px 0px 20px #0c2734; 
     -moz-box-shadow: inset 0px 0px 20px #0c2734; 
          box-shadow: inset 0px 0px 20px #0c2734; 
}
#tweets p { margin-bottom: 10px; font-size: 13px; }
#tweets a:link, #tweets a:visited { color: #70afcb; }


#subnav { margin: 0 20px 20px 0; width: 130px; float: left; display: inline; }
#subnav .spread { background: #b3b4b6; border: 3px solid #aeb0b3; font-size: 19px; color: #FFF; text-transform: uppercase; text-align: center; line-height: 1; padding-top: 15px; height: 55px; 
  -webkit-box-shadow: inset 0px 0px 20px #96979a; 
     -moz-box-shadow: inset 0px 0px 20px #96979a; 
          box-shadow: inset 0px 0px 20px #96979a; 
}
#subnav li { list-style: none; margin: 0; font-size: 14px;}
#subnav h3 { margin-top: 30px;}
#subnav h3, #video-more h3 { margin-bottom: 5px; }
#subnav ul, #subnav-actions { margin: 0; }
/* 07 =FRAMEWORK
------------------------- */
#bsd .base input[type="submit"] { border: none; background: #5d5a92; color: #fff; padding: 5px 10px; font-size: 16px; text-transform: uppercase;}
#bsd #contribution label .radio { font-size: 15px;}
#bsd #contribution .text { padding: 2px; }
#bsd #contribution td td td { padding-bottom: 0; }
#bsd .bsd-contribForm-aboveContent { width: 500px; }
#bsd.donate footer nav, #bsd.donate footer #partners, #bsd.donate #header-content, #bsd.donate header nav ul { display: none; }

/* 08 =UTILITY
------------------------- */

.floatl { float: left; margin: 0; padding: 0 10px 10px 0; }
.floatr { float: right; margin: 0; padding: 0 0 10px 10px; }
.required { color: red; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "."; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.fitted { cursor: pointer; }

/*
::-moz-selection{ background: #1fb9e7; color:#fff; text-shadow: none; }
::selection { background:#1fb9e7; color:#fff; text-shadow: none; } 
*/


/* 08a =SUPERFISH
---------------------------------------------------------- */

/*** ESSENTIAL STYLES ***/
.sf-menu /*, .sf-menu * */{
  margin:     0;
  padding:    0;
  list-style:   none;
}
/*.sf-menu {
  line-height:  1.0;
}*/
.sf-menu ul {
  position:   absolute;
  top:      -999em;
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:   relative;
  margin: 0 8px;
}
.sf-menu li:first-child { margin-left: 0; }
.sf-menu a {
  display:    block;
  position:   relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:     0;
  top:      29px; /* match top ul list item height */
  z-index:    99;
}


/* 08b =CHOSEN
---------------------------------------------------------- */


/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 999;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url("/page/-/wrapper/img/chosen-sprite.png") right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 100% -22px;
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url("/page/-/wrapper/img/chosen-sprite.png") right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -38px -22px;
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);  
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("/page/-/wrapper/img/chosen-sprite.png") no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* @end */

/* 09 =PRINT
------------------------- */

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
/*  a:after { content: " (" attr(href) ")"; } */
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #sidebar, #editToggle, .edit-this, #navigation, #addthis, #search, nav, footer, .quick-signup, #meta-nav, #cse-search-box, aside { display: none; }
  /* hide disqus since it is extraneous content that just increases page size */
  #disqus_thread {display:none;}
  a.dsq-brlink {display:none;}
  #pages-image-wrap p { position: static; }
  header { height: auto; }
  header h1 { font-size: 16pt; margin-left: 0; }

  /* float blog entry images to decrease page length */
  #main {overflow:hidden;}
  #main img { float:left; clear:both; /*keeps images from piling up next to each other*/ margin:0 10px 10px 0; }
}


/* IE */
.ie6 header nav, .ie7 header nav { background-color: #000; }