/*general*/
body { background: #FFFFFF; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*:disabled, .disabled { opacity: .35; cursor: default !important; }
button:disabled, a.disabled { cursor: default; }
a { color: #7C1C1F; text-decoration: none; outline: none; }
a:hover { color: #E12E24; }
input, select, textarea { color: #000000; background-color: #EDEDED; border: 1px solid #212121; background-image: none !important; }
input, textarea { padding: 2px 4px; }
select { padding: 1px 0px; }
button { padding: 2px 6px 4px; width: auto; min-width: 85px; text-align: center; }
button span { text-align: center; }
p, ul, ol, dl { margin-bottom: 8px; }
li { margin-bottom: 4px; }
h1, h2, h3, h4, h5, h6, .titletext { font-weight: bold; color: #BF2C21; }
hr { border: none; height: 3px; color: #BF2C21; background-color: #BF2C21; margin-bottom: 12px; }

/*blocks*/
#wrapper { position: relative; width: 100%; min-width: 320px; min-height: 100%; height: auto !important; height: 100%; background: none; border: 0px;
  background: url(../images/background.jpg) repeat #EDEDED; }
#headmenu { font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; width: 100%; min-width: 320px; height: 32px;
  text-transform: uppercase; background: #212121; z-index: 1; }
#headmenucontainer { padding: 0px 25px; }
#headmenu a { margin-right: 20px; color: #FFFFFF; }
#headmenu a:hover { color: #E12E24; }
#headmenulinks { float: left; padding-top: 6px; }
#headmenusocial { float: right; padding-top: 5px; }
#headermenusocial span { margin-left: 6px; vertical-align: top; }
#headline { margin: 0px 25px 25px; }
#liveblock { background: #FFFFFF; padding: 13px 8px 8px; margin: 0px auto 25px; }
#makingblock, #streamsblock { width: 290px; background: #FFFFFF; padding: 8px; }
#rightcolumn { float: right; }
#headbox { padding-top: 25px; margin-bottom: 25px; }
#headbox .socialbutton { font-size: 23px; margin-left: 20px; }
#footer { font-family: Georgia, serif; font-size: 14px; position: relative; margin: -134px auto 0px; width: 100%; min-width: 320px; height: 134px;
  text-transform: uppercase; background: #FFFFFF; }
#footer div { padding-top: 20px; text-align: center; }
#footer a { display: inline-block; margin: 0px 16px; padding-bottom: 10px; color: #000000; }
#footer a:hover { color: #E12E24; }
#footer .socialbutton { font-size: 20px; }
#footerspacer { height: 160px; }
#storiespages { padding-top: 12px; font-size: 120%; line-height: 30px; }
#storiespages .ui-icon-arrowthick-1-e, #storiespages .ui-icon-arrowthick-1-w { margin-top: 6px !important; }
#storiespages .ui-icon-arrowthickstop-1-e, #storiespages .ui-icon-arrowthickstop-1-w { margin-top: 7px !important; }
#storiespages .pg_activepage, #storiespages .pg_pagelink { padding: 0px 4px; }

/*elements*/
.livestatustext, .makingstatustext, .makingstatustitle, .streamsstatustext, .streamsstatustitle { font-family: Tahoma, Helvetica, sans-serif;
  font-size: 15px; width: auto; padding: 5px 9px 6px 8px; background: black; color: #FFFFFF; }
.makingstatustext, .streamsstatustext { display: inline-block; width: 273px; }
.makingstatustitle, .streamsstatustitle { display: inline-block; margin-top: 6px; margin-bottom: 6px; font-size: 18px;
  width: -moz-calc(100% - 17px); width: -webkit-calc(100% - 17px); width: calc(100% - 17px); }
.livebox { float: left; width: 276px; min-height: 150px; margin-top: 12px; margin-right: 16px; }
.livebox:first-child { margin-left: 0px; }
.livebox a, .makingbox a { color: #000000; }
.livebox a:hover, .makingbox a:hover, .streamsbox a:hover { color: #E12E24; }
.livepreview { position: relative; width: 276px; text-align: center; }
.livepreview img { max-width: 276px; max-height: 154px; }
.livedescription { display: block; position: absolute; top: 106px; width: 264px; height: 44px; line-height: 22px; padding: 2px 6px;
  background: black; opacity: 0.8; color: white !important; overflow: hidden; }
.livemore { padding-top: 12px; text-align: right; }
.livemorecontainer { display: inline-block; width: 150px; height: 26px; text-align: center;
  font-family: Tahoma, Helvetica, sans-serif; font-size: 15px; line-height: 24px; background: #DDDDDD; }
.livemorebutton { display: inline-block; font-size: 15px; width: 18px; height: 21px; padding-top: 5px; padding-left: 10px;
  background: #E12E24; color: #FFFFFF; cursor: pointer; }
.livepopout { margin-left: 12px; }
.livepopout a i { vertical-align: middle; font-size: 22px; }
.makingbox, .streambox { margin-top: 6px; overflow: hidden; }
.makingcontainer, .streamscontainer { margin: 0px 10px; padding: 6px 10px 16px; background: white; overflow: hidden; min-width: 306px;
  width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.makingtitle, .streamtitle { width: -moz-calc(100% - 33px); width: -webkit-calc(100% - 33px); width: calc(100% - 33px); }
.makingsource { color: #BF2C21; }
.storyitems { text-align: center; }
.indexcolumn { display: inline-block; width: 306px; margin: 0px 10px; }
.indexcolumn div.storydelimeter:last-child { display: none; }
.storyitem { width: 306px; }
.storyblock { width: 290px; min-height: 160px; padding: 6px 8px 7px; background: white; cursor: pointer; }
.storyblockpreview { margin-top: 2px; margin-bottom: 6px; text-align: center; }
.storyblockpreview img { max-width: 290px; max-height: 117px; }
.storyblock a { color: #000000; }
.storyblock:hover a { color: #E12E24; }
.storypopout { float: right; margin-left: 6px; }
.storypopout a i { vertical-align: baseline; font-size: 16px; }
.storyblockname { font-size: 17px; }
.storyblockname a { display: inline; }
.storybold { font-weight: bold; }
.storydelimeter { margin: 4px auto; text-align: center; color: #E12E24; }
.storydelimeter hr { display: inline-block; width: 70px; height: 0px; margin: 12px 4px; border: 0px; border-top: 1px solid #888888; background: #888888; }
.storycontainer { float: left; margin-left: 10px; background: white; overflow: hidden; min-width: 306px;
  width: -moz-calc(100% - 339px); width: -webkit-calc(100% - 336px); width: calc(100% - 336px); }
.popoutcontainer .storycontainer { float: none; background: white; overflow: hidden; min-width: 306px; width: 100% !important; margin: 0px !important; }
.storyname { font-family: Georgia, serif; font-size: 28px; text-transform: uppercase; margin-bottom: 8px; padding: 10px 10px 0px; }
.storysubname { font-size: 15px; margin-bottom: 10px; padding: 0px 10px; }
.storydate { float: left; color: #B2B2B2; font-size: 14px; padding: 6px 10px 0px; }
.storyshare { float: right; margin-bottom: 8px; padding: 0px 10px; }
.storysocial { background: #464646; color: #FFFFFF; display: inline-block; padding: 12px 0px 3px; width: 60px; font-size: 17px; text-align: center; }
.storydescription { padding: 0px 10px; }
.storydescription table { width: 100%; }
.storydescription p:first-child:first-letter { float: left; padding-top: 14px; padding-right: 8px; line-height: 18px; color: #E12E24; font-size: 42px; }
.storydescription td p { margin-bottom: 2px; }
.storydescription td p:first-child:first-letter { float: none; padding-top: 0px; padding-right: 0px; line-height: inherit; color: inherit; font-size: inherit; }
.storypreview { width: 100%; max-width: 640px; }
.storybacklink { padding: 0px 10px; }
.storycomments { margin-top: 12px; padding: 0px 10px 10px; }
.subblock { width: 246px; padding: 15px 30px 5px; color: #FFFFFF; background: #212121; }
.subblock p { margin-bottom: 4px; text-align: center; font-size: 18px; }
.subblock div, .unsubblock div { text-align: center; margin-bottom: 16px; }
.subblock input, .subblock button, .unsubblock input, .unsubblock button { font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; width: 100%; }
.subblock input, .unsubblock input { box-sizing: border-box; padding: 8px; }
.subblock button, .unsubblock button { text-transform: uppercase; color: #FFFFFF; background: #E12E24; padding: 8px 0px; }

/*media queries*/
@media (max-width: 380px)
{
  #headmenusocial { display: none; }
  #storyblock { width: 100% !important; margin-left: 0px; margin-right: 0px; }
}
@media (max-width: 420px)
{
  .mainlogo { width: 260px; }
}
@media (max-width: 680px)
{
  #headmenu { height: 47px; }
  #headmenucontainer { padding: 0px 15px; }
  #headmenucontainer div span, #headmenucontainer div a { display: block; }
  #headmenu a { margin-right: 0px; }
  #headmenu .dummylink { display: none; }
  #headmenusocial { padding-top: 2px; }
  #headmenusocial span { margin-bottom: 1px; }
  #storyblock { float: none; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
  #rightcolumn { float: none; display: block; margin: 12px auto 0px; }
}
@media (max-width: 960px)
{
  .bigtable { font-size: 90%; }
  .bigtable td.breakable { word-break: break-all;}
}

/*preloader*/
.cssload-whirlpool, .cssload-whirlpool::before, .cssload-whirlpool::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(146,14,14,0.1);
  border-left-color: rgb(146,14,14); border-radius: 974px; -o-border-radius: 974px; -ms-border-radius: 974px; -webkit-border-radius: 974px; moz-border-radius: 974px; }
.cssload-whirlpool { margin: -24px 0 0 -24px; height: 49px; width: 49px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; }
.cssload-whirlpool::before { content: ""; margin: -22px 0 0 -22px; height: 43px; width: 43px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; }
.cssload-whirlpool::after { content: ""; margin: -28px 0 0 -28px; height: 55px; width: 55px; animation: cssload-rotate 2300ms linear infinite; -o-animation: cssload-rotate 2300ms linear infinite;
  -ms-animation: cssload-rotate 2300ms linear infinite; -webkit-animation: cssload-rotate 2300ms linear infinite; -moz-animation: cssload-rotate 2300ms linear infinite; }
@keyframes cssload-rotate { 100% { transform: rotate(360deg); }}
@-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); }}
@-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); }}
@-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); }}
@-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); }}
.cssload-whirlpool-red, .cssload-whirlpool-red::before, .cssload-whirlpool-red::after { border: 1px solid rgba(146,14,14,0.1); border-left-color: rgb(146,14,14); }
.cssload-whirlpool-black, .cssload-whirlpool-black::before, .cssload-whirlpool-black::after { border: 1px solid rgba(35,31,32,0.1); border-left-color: rgb(35,31,32); }
.cssload-whirlpool-blue, .cssload-whirlpool-blue::before, .cssload-whirlpool-blue::after { border: 1px solid rgba(0,51,255,0.1); border-left-color: rgb(0,51,255); }
.cssload-whirlpool-green, .cssload-whirlpool-green::before, .cssload-whirlpool-green::after { border: 1px solid rgba(0,204,0,0.1); border-left-color: rgb(0,204,0); }
.cssload-whirlpool-white, .cssload-whirlpool-white::before, .cssload-whirlpool-white::after { border: 1px solid rgba(255,255,255,0.1); border-left-color: rgb(255,255,255); }
.cssload-whirlpool-yellow, .cssload-whirlpool-yellow::before, .cssload-whirlpool-yellow::after { border: 1px solid rgba(253, 185, 19,0.1); border-left-color: rgb(253, 185, 19); }

/*player*/
.playerbox { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); max-width: 640px;
  margin: 0px 10px 16px; text-align: center; }
.playerarea_video { z-index: 98; }
.playerouterbox { position: relative; overflow: hidden; }
.playeroverlay { position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 100; overflow: hidden; }
.playeruserwtm { position: absolute; display: none; z-index: 101; }
.playercontrols { position: absolute; left: 0px; z-index: 102; }
.playercontrolbuttons { position: absolute; width: 100%; top: 18px; left: 0px; height: 42px; z-index: 102; background-color: rgba(0, 0, 0, 0.4); }
.playertimeline { position: absolute; left: 0px; top: 0px; width: 100%; height: 18px; cursor: pointer; z-index: 102; background-color: rgba(0, 0, 0, 0.2); }
.playertimelineimg { position: absolute; left: 0px; top: 0px; width: 100%; height: 18px; cursor: pointer; z-index: 103; }
.playertimelinepos { position: absolute; left: 0px; top: 0px; width: 0px; height: 18px; cursor: pointer; z-index: 104; background-color: rgba(146, 14, 14, 0.7); }
.playersoundlevelback { position: absolute; top: 9px; width: 0px; height: 0px; cursor: pointer; z-index: 104;
  border-style: solid; border-width: 0px 0px 25px 100px; border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent; }
.playersoundlevel { position: absolute; top: 9px; width: 0px; height: 0px; cursor: pointer; z-index: 103;
  border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent rgba(146, 14, 14, 0.6) transparent; }
.playertime { position: absolute; top: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #AAAAAA; cursor: default; }
.playerbutton, .playergopage { position: absolute; width: 64px; height: 64px; cursor: pointer; z-index: 102; background-image: url('../images/buttons_player.png'); }
.playercontrolbutton { position: absolute; width: 32px; height: 32px; top: 5px; cursor: pointer; z-index: 103; background-image: url('../images/buttons_playerex.png'); }
.playerplay { background-position: 0px 0px; }
.playerreplay { background-position: 0px -64px; }
.playergopage { background-position: 0px -192px; }
.playerpause { background-position: 0px 0px; }
.playersoundon { background-position: 0px -32px; }
.playersoundoff { background-position: 0px -64px; }
.playerfullscreen { background-position: 0px -96px; }
.playerloader { position: absolute; width: 64px; height: 64px; z-index: 103; }

/*misc*/
.centered { margin-left: auto; margin-right: auto; text-align: center; }
.backenderror { color: red; font-weight: bold; }
.adsbygoogle { text-align: center; }

/*correction*/
.ui-dialog .ui-dialog-titlebar { padding: 1px 6px 4px; }
.ui-dialog .ui-dialog-content { padding: 1em; padding-bottom: 0.8em; }
.ui-dialog .ui-dialog-buttonpane { padding: 0px; }
.ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-titlebar button { border: 1px solid #545454; color: #ffffff;
  background: url("images/ui-bg_highlight-hard_35_767676_1x100.png") repeat-x scroll 50% 50% #767676; }
.no-close .ui-dialog-titlebar-close { display: none; }
.ui-datepicker-title select { padding: 0px; }
.ui-datepicker-trigger { margin-top: 5px; margin-left: 3px; cursor: pointer; }

/*toggleval*/
.tv-empty { color: #AAAAAA; }