/*****************************************************/
/********************* BASE STYLES *******************/
/*****************************************************/

/* Meyer Reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font: inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style: none;}blockquote,q{quotes: none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}table{border-collapse:collapse;border-spacing:0;}

/* Stupid iOS */
input, button { -webkit-appearance: none; -webkit-border-radius: 0; }

/* Grids */
.row:before,.row:after{content:"";display:table;}.line:after{clear:both;}.line{*zoom:1;}.unit{float:left;}.unitRight{float:right;}.size1of1{float:none;}.size1of2{width:50%;}.size1of3{width:33.33333%;}.size2of3{width:66.66666%;}.size1of4{width:25%;}.size3of4{width:75%;}.size1of5{width:20%;}.size2of5{width:40%;}.size3of5{width:60%;}.size4of5{width:80%;}.lastUnit{float:none;display:block;display:table-cell;width:9999em;*width:auto;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

.clear:after,.group:after,.media-block:after,.si-inner:after,.si-text-group:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.clear,.group,.media-block,.si-inner,.si-text-group{*zoom:1;}



/*****************************************************/
/********************* MAIN STYLES *******************/
/*****************************************************/

html { height: 100%; width: 100%; min-height: 320px; min-width: 720px; overflow: hidden; /* Prevents bouncey scroll */ }
body { height: 100%; width: 100%; min-height: 320px; position: relative; background-color: #f1f1f1;}
a { text-decoration: none; color: black; }
strong { font-weight: 500; }

.header, .footer { position: absolute; left: 0; width: 100%; background: #ddd; height: 30px; background: white; box-shadow: 0 0 12px rgba(72,72,72,.5); -moz-box-shadow: 0 0 12px rgba(72,72,72,.5); -webkit-box-shadow: 0 0 12px rgba(72,72,72,.5); z-index: 10; }
.touch .header, .touch .footer { }
.header { top: 0; }
.header .header-menu { float: left; margin-left: 10px; }
.footer { bottom: 0; }
.footer .footer-menu { text-align: center; }

/* Menu */
.menu { font-size: 10px; line-height: 10px; font-weight: 500; letter-spacing: .03em; }
/*.touch .menu { font-size: 15px; padding-top: 6px; }
*/.menu > li { padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height: 10px; margin-right: 3px; display: inline-block; text-transform: lowercase; }
.menu .menu-item { margin: 0; padding: 7px 8px 6px 6px; height: 16px; line-height: 16px; background: url('/resources/img/header/header-divide.png') right 50% no-repeat; display: inline-block; text-transform: lowercase;}
.menu .menu-item li { padding: 0; line-height: 12px;}
.menu li { position: relative; }
.menu li.last { margin-right: 0; padding-right: 0; background: none; }
.menu .menu-subitem, .menu .menu-subsubitem { display: none; z-index: 10 }
.menu .menu-item a:hover { color: #782424; }

.menu .menu-subitem { position: absolute; top: 25px; left: -5px; }
.menu .menu-subsubitem { position: absolute; left: 100%; top: -1px; }

.menu .menu-submenu { background: white; border-top: 1px solid #d0d1d3; border-right: 1px solid #d0d1d3; border-left: 1px solid #d0d1d3; }
.menu .menu-submenu > li{ padding: 5px 10px 5px 5px; text-indent: 5px; border-bottom: 1px solid #d0d1d3; }
.menu .menu-submenu > li > a { display: block; }

.menu .mailing-list { z-index: 9; background: white; border: 1px solid #d0d1d3; padding: 18px 8px; width: 215px; }
.touch .menu .mailing-list { width: 228px; }

/* Search */
.footer .footer-search { float: left; margin: 7px 0 0 10px; }
/*.touch .footer .footer-search { margin-top: 10px; width: 200px; }
*/
.input-group { height: 14px; position: relative; }
.input-group .ig-input { height: 12px; border: 1px solid black; position: absolute; left: 0; top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; outline: none; width: 158px; }
.input-group .ig-submit { background: none; border: none; font-family: ff-bau-web, sans-serif; font-size: 10px; font-weight: 500; padding: 0; position: absolute; left: 166px; top: 0; display: block; }
.touch .input-group .ig-submit {/* font-size: 14px;*/ left: 179px; top: 1px; }

/* Title */
.header h1.header-title { display: none; }

/* Slide controls */
.slide-controls { position: absolute; right: 8px; top: 8px; }
.slide-controls .sc-next { position: absolute; right: 0; top: 0; height: 14px; width: 16px; background: url("/resources/img/stream/stream-button-sprite.png") 16px 0; }
.slide-controls .sc-next:hover { background-position: 16px 14px; }
.slide-controls .sc-prev { position: absolute; right: 20px; top: 0; height: 14px; width: 16px; background: url("/resources/img/stream/stream-button-sprite.png") 0px 0px; }
.slide-controls .sc-prev:hover { background-position: 0px 14px; }



/*****************************************************/
/*********************** STREAM **********************/
/*****************************************************/

#th-stream {
    background-color: #f1f1f1;
}

#gradient {
    width: 11px;
    height: 100%;
    position: absolute;
    left: 0px;
    background: url('/resources/img/stream/gradientR.png') repeat;
    display: block;
    z-index: 0;
}

#gradient2 {
    width: 11px;
    height: 100%;
    position: absolute;
    left: 0px;
    background: url('/resources/img/stream/gradientL.png') repeat;
    display: block;
    z-index: 0;
}

.stream-wrapper { width: 100%; position: absolute; top: 30px; bottom: 30px; overflow: hidden; }
/*.touch .stream-wrapper { top: 40px; bottom: 40px; }
*/.stream { height: 100%; width: 100%; position: relative; visibility: hidden; }

#next-entry { float: left; position: absolute; left: 60px; top: 0px; width: 80px; text-align: center;}

.stream-item { position: absolute; top: 0; height: 100%; padding: 0 20px; border-right: 1px solid #d4d4d4; background-color: #fff;}
.stream-item.neighbor-prev{
    background-color:#f1f1f1;       
}
.stream-item.neighbor-next {background-color:#f1f1f1; width: 100%!important }
.stream-item.no-border { border-right: none; }
.stream-item.extra-border { border-left: 1px solid #d4d4d4; }
.stream-item[data-scrolling="true"] { padding-right: 21px; border-right: none; }
.stream-item.stream-item-tight { border: none; padding: 0 5px; }
.stream-item.stream-item-tight[data-scrolling="true"] { padding-right: 15px; border-right: none; }
.stream-item[data-style="image"] img { display: block; height: 100%; width: auto; }
.stream-item[data-style="quoted-image"] img { display: block; max-height: 80%; width: auto; }

.si-inner { position: relative; width: 100%; overflow: hidden; }

.scrollbar-wrapper { position: absolute; top: 0; right: 0; bottom: 0; width: 16px; background: url("/resources/img/scrollbars/scrollbar-bg.png"); }
.scrollbar-button-up { height: 6px; width: 8px; background: url("/resources/img/scrollbars/scrollbar-up.png") no-repeat; position: absolute; top: 5px; left: 4px; }
.scrollbar-button-down { position: absolute; height: 6px; width: 8px; background: url("/resources/img/scrollbars/scrollbar-down.png") no-repeat; bottom: 5px; left: 4px; }
.scrollbar { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; }
.scrollbar-handle { width: 8px; margin-right: 4px; margin-left: 4px; background-color: rgba(0,0,0,.14); -moz-transition-property: background-color; -moz-transition-duration: .15s; -webkit-transition-property: background-color; -webkit-transition-duration: .15s; border-radius: 4px; position: absolute; outline: none; }
.scrollbar-handle.ui-state-hover { background-color: rgba(0,0,0,.18); -moz-transition-property: background-color; -moz-transition-duration: .2s; -webkit-transition-property: background-color; -webkit-transition-duration: .2s; }
.scrollbar-handle.ui-state-active { background-color: rgba(0,0,0,.26); -moz-transition-property: background-color; -moz-transition-duration: .2s; -webkit-transition-property: background-color; -webkit-transition-duration: .2s; }
.scrollbar-handle.scrollbar-handle-scrolling { background-color: rgba(0,0,0,.26); -moz-transition-property: background-color; -moz-transition-duration: .15s; -webkit-transition-property: background-color; -webkit-transition-duration: .15s; }
.scrollbar-handle .scrollbar-handle-head { width: 8px; height: 4px; position: absolute; left: 0; top: -4px; cursor: pointer; }
.scrollbar-handle .scrollbar-handle-foot { width: 8px; height: 4px; position: absolute; left: 0; bottom: -4px; }
.ie8 .scrollbar-handle .scrollbar-handle-head { background: url("/resources/img/scrollbars/scrollbar-main.png") left top no-repeat; }
.ie8 .scrollbar-handle .scrollbar-handle-body { background: url("/resources/img/scrollbars/scrollbar-main.png") 0 -4px no-repeat; }
.ie8 .scrollbar-handle .scrollbar-handle-foot { background: url("/resources/img/scrollbars/scrollbar-main.png") left bottom no-repeat; }

.si-image-frame { overflow: hidden; position: relative; width: 200px; height: 300px; margin-top: 20px; }
.si-image-frame img { position: absolute; width: 100%; height: auto; bottom: 0; left: 0; }
.si-text-group { margin: 20px 0; border-top: 1px solid #D1D3D4; }
.si-text-group.si-text-group-tight { margin: 0 0 20px 0; border-top: none; }
.si-text-group-section { padding: 16px 0; border-bottom: 1px solid #D1D3D4; }
.si-text-group-section.si-text-group-section-tight { padding: 10px 0 8px 0; }

.si-full-link { padding: 20px 0; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 24px; line-height: 26px; font-weight: 200; }


/*****************************************************/
/********************** LIGHTBOX *********************/
/*****************************************************/

.lightbox { position: absolute; z-index: 101; background: white; box-shadow: 0px 0px 5px rgba(0,0,0,.6); border: 1px solid #e7e7e8; }
.lightbox[data-style="centered"] { top: 50%; left: 50%; }
.lightbox[data-style="full"] { top: 5%; bottom: 5%; left: 50%; width: 740px; }
.lightbox .lightbox-title-bar { text-align: center; position: relative; height: 18px; border-bottom: 1px solid #d6d6d6; }
.lightbox .lightbox-title-bar .ltb-title { font-size: 10px; font-weight: 500; text-transform: lowercase; }
.lightbox .lightbox-title-bar .ltb-close { background: url("/resources/img/lightbox/close-lightbox-2.png") 0px 0px no-repeat; position: absolute; top: 4px; right: 4px; height: 10px; width: 10px; }
.lightbox .lightbox-title-bar .ltb-close:hover { background-position: 0px -10px; }
.lightbox .lightbox-title-bar .ltb-close:active { background-position: 0px -20px; }
.lightbox[data-style="centered"] .lightbox-content { padding: 16px; }
.lightbox[data-style="full"] .lightbox-content { position: absolute; top: 20px; left: 0; right: 0; bottom: 0;}

.shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,.5); }

.text-input { border: 1px solid #313131; padding: 8px 7px 6px 7px; height: 16px; font-family: ff-bau-web, sans-serif; letter-spacing: .01em; display: block; }
.button { background: #313131; color: white; border: none; height: 32px; font-family: ff-bau-web, sans-serif; letter-spacing: .01em; }



/*****************************************************/
/******************** MISC OBEJCTS *******************/
/*****************************************************/

.media-block .mb-image { float: left; margin-right: 10px; }
.media-block .mb-image.mb-image-centered { width: 70px; height: 70px; }
.media-block .mb-image.mb-image-centered a { }
.media-block .mb-image.mb-image-centered a img { margin: 0 auto; display: block; }
.media-block .mb-content { overflow: hidden; }
.media-block .mb-ext { float: right; }
.media-block.media-block-small .mb-image { margin-right: 4px; }
.media-block.media-block-large .mb-image { margin-right: 16px; }
.media-block.media-block-flipped .mb-image { float: right; margin-left: 8px; }
.media-block.media-block-flipped .mb-ext { float: left; }
.media-block.media-block-flipped .mb-image { margin-left: 4px; }
.media-block.media-block-flipped .mb-image { margin-left: 16px; }

.twitter-wrapper { height: 20px; width: 56px; overflow: hidden; position: relative; }
.touch .twitter-wrapper { width: 58px; height: 21px; }
.twitter-wrapper iframe { position: absolute; top: 0; left: 0; }
.fb-wrapper { height: 22px; width: 50px; overflow: hidden; position: relative; }
.touch .fb-wrapper { width: 54px; height: 21px; }
.fb-wrapper iframe { position: absolute; top: 0; left: 0; }



/*****************************************************/
/********************* UTILITIES *********************/
/*****************************************************/

.fav-smallcaps { font-size: 10.5px; line-height: 16px; text-transform: uppercase; letter-spacing: .18em; font-weight: 500; }

.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }

.ttu { text-transform: uppercase; }
.ttl { test-transform: lowercase; }

.ff-serifs { font-family: "Palatino", "Times New Roman", Times, serif; }
.ff-sans { font-family: ff-bau-web, sans-serif; letter-spacing: .01em; }

.fsxs { font-size: 8.5px; line-height: 12px; }
.fss { font-size: 10.5px; line-height: 18.5px; }
.fsms { font-size: 13px; line-height: 18.5px; }
.fsm { font-size: 15px; line-height: 20px; }
.fsl { font-size: 36px; line-height: 42px; }

.fcw { color: #fff; }
.fcmg { color: #555; }
.fclg { color: #888 }
.fcdg { color: #313131; }

.fwn { font-weight: 400; }
.fwb { font-weight: 500; }



.fsi { font-style: italic; }

.mrxl { margin-right: 32px; }
.mrl { margin-right: 16px; }
.mrm { margin-right: 8px; }
.mrs { margin-right: 4px; }
.mlxl { margin-left: 32px; }
.mll { margin-left: 16px; }
.mlm { margin-left: 8px; }
.mls { margin-left: 4px; }
.mbxl { margin-bottom: 32px; }
.mbl { margin-bottom: 16px; }
.mbm-alt { margin-bottom: 10px; }
.mbm { margin-bottom: 8px; }
.mbm-neg { margin-bottom: -10px; }
.mbs { margin-bottom: 4px; }
.mbs-neg { margin-bottom: -6px; }
.mtxl { margin-top: 32px; }
.mtl-alt { margin-top: 20px; }
.mtl { margin-top: 16px; }
.mtm-alt { margin-top: 9px; }
.mtm { margin-top: 8px; }
.mts { margin-top: 4px; }

.pas { padding: 4px; }
.pam { padding: 8px; }
.pal { padding: 16px; }

.floatr { float: right; }
.floatl { float: left; }

.block { display: block; }


strong {
    font-weight: bold!important;
    }

em {
    font-style: italic!important;
}

span {
    line-height:100%!important;
    }