@media screen{
  body{margin:0;padding:0;background:#5a0000 url(../img/bg.jpg) fixed repeat-x;}
  a{color:#f5b984;text-decoration:none}
  a:hover{text-decoration:underline;}
  p{margin:0;border-top:2px solid #e00;padding:5px 4px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#e64c00;}
  
  #button{position:fixed;z-index:-10;}
  #con1{position:fixed;left:100px;top:123px;width:220px;line-height:1em;}
  #con1 h1{margin:0 4px;padding:4px 0;text-indent:-1000em;width:103px;height:16px;background:url(../img/fj_logo.gif) no-repeat;}
  #con1 #footer{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#ce0000 !important;border-top:2px solid #e00;padding:4px 4px;}
  #con1 #footer a{color:#ce0000;}
  #con1 .share{margin-top:10px;}
  
  #con2{margin-left:380px;margin-top:100px;margin-bottom:20px;width:620px;}
  #con3{height:100%;background:#eee;padding:10px;}
  #con3 #header h1{margin:10px 0 0;font-size:18px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;}
  #con3 #header h2{margin:10px 0 0;font-size:14px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;}
  #con3 #header p{margin:5px 0 5px;padding:0 4px 15px;font-size:12px;border-top:0;color:#000;border-bottom:2px solid #aaa;}
  #con3 #header a{color:#000;text-decoration:underline;}
  #con3 #header img{float:left;margin-right:10px;}
  #con3 #subheader{color:#e00;}
  #con3 #subheader h1{margin:10px 0 0;font-size:18px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;}
  #con3 #subheader h2{margin:10px 0 0;font-size:14px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;text-align:center;}
  #con3 #subheader p{margin:5px 0 5px;padding:0 4px 15px;font-size:12px;border-top:0;color:#000;border-bottom:2px solid #aaa;}
  #con3 #subheader a{color:#000;text-decoration:underline;}
  #con3 #subheader img{float:left;margin-right:10px;}
  #con3 .item{font-size:14px;padding-bottom:5px;border-top:1px solid #fff;margin-bottom:5px;}
  #con3 .firstitem{border-top:0;}
  #con3 .item h2{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#444;margin:10px 4px 5px;}
  #con3 .item p{margin:5px 0 5px;padding:0 4px;font-size:12px;border-top:0;color:#000;}
  #con3 .item object{margin:0 4px;}
  #con3 .item a{color:#444;}
  #con3 .item a:hover{color:#000;text-decoration:underline;}
  #con3 .noshows{width:100%;}
  #con3 .noshows table{width:100%;}
  #con3 .noshows td{height:350px;text-align:center;vertical-align:middle;font:12px Arial,Helvetica,sans-serif;}
  #con3 #disclaimer{background:#aaa;color:#fff;padding:10px;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
  #con3 #disclaimer a{color:#fff;}
  #con3 td{vertical-align:top;}
  #con3 .leftcol{padding-right:5px;font-weight:bold;}
  
  #con4{background:#6e0100;color:#fff;font:bold 12px Arial,Helvetica,sans-serif;padding:10px;text-align:center;margin-top:-48px;margin-bottom:10px;}
}

@media handheld, only screen and (max-device-width: 480px) and (orientation:portrait), only screen and (max-device-width: 720px) and (orientation:portrait), only screen and (max-device-width: 854px) and (orientation:landscape), only screen and (max-device-width: 1280px) and (orientation:landscape){
  body{margin:10px 0 0 10px;padding:0;background:#820000;}
  a{color:#f5b984;text-decoration:none}
  a:hover{text-decoration:underline;}
  p{margin:0;border-top:2px solid #e00;padding:5px 4px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#e64c00;}
  
  #button{display:none;}
  #con1{position:static;width:100%;margin:0;padding:2px 0 0;}
  #con1 h1{margin:0;padding:4px 0 0;border-bottom:2px solid #e00;}
  #con1 p{display:none;}
  #con1 #footer{display:none;}
  #con1 .share{display:none;}
  
  #con2{margin:13px 0 0;width:100%;}
  #con3{background:#eee;padding:10px;}
  #con3 #header{border-bottom:2px solid #aaa;}
  #con3 #header h1{margin:5px 0 0;font-size:18px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;}
  #con3 #header h2{margin:5px 0 0;font-size:14px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;}
  #con3 #header p{margin:5px 0 5px;padding:0 4px 5px;font-size:12px;border-top:0;color:#000;border:0;}
  #con3 #header a{color:#000;text-decoration:underline;}
  #con3 #header img{float:left;margin-right:0;}
  #con3 #header div{margin-left:71px;}
  #con3 #subheader{border-bottom:2px solid #aaa;color:#e00;}
  #con3 #subheader h1{margin:5px 0 0;font-size:18px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;}
  #con3 #subheader h2{margin:5px 0 0;font-size:14px;font-family:Arial,Helvetica,sans-serif;padding:0 4px;text-align:center;}
  #con3 #subheader p{margin:5px 0 5px;padding:0 4px 5px;font-size:12px;border-top:0;color:#000;border:0;}
  #con3 #subheader a{color:#000;text-decoration:underline;}
  #con3 #subheader img{float:left;margin-right:0;}
  #con3 .item{font-size:14px;padding-bottom:7px;border-top:1px solid #fff;margin-bottom:0;}
  #con3 .item object{display:none;}
  #con3 .firstitem{border-top:0;}
  #con3 .item h2{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#444;margin:7px 4px 5px;}
  #con3 .item p{margin:5px 0 0;padding:0 4px;font-size:12px;border-top:0;color:#000;}
  #con3 .item object{margin:0 4px;}
  #con3 .item a{color:#444;}
  #con3 .item a:hover{color:#000;text-decoration:underline;}
  #con3 .item .audioplayer{display:none;}
  #con3 .noshows td{display:none;}
  #con3 #disclaimer{background:#aaa;color:#fff;padding:10px;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
  #con3 #disclaimer a{color:#fff;}
  #con3 td{vertical-align:top;}
  #con3 .leftcol{padding-right:5px;font-weight:bold;}
  
  #con4{display:none;}
}
