*{outline:none;}
html{}
body{background:#6a0c0c url(../img/body_bg.gif) repeat-x;color:#ffffff;font:12px Verdana,Arial,Sans-Serif;margin:0 10px;padding:0;text-align:center;}
a,a:link,a:visited,a:active{color:#93120a;cursor:pointer;}
a:hover{color:#000000;}
img{border:0;vertical-align:middle;}
form{margin:0;padding:0;display:inline;}
input .button{background-color:#750016;border:1px solid #6A0C0C;padding:7px 4px;color:white;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
#wrapper{text-align:left;max-width:910px;margin:0 auto;width:/*75%*/ 910px;}
#header{background:url(../img/header_bg.png) no-repeat center 0;height:169px;z-index: 2;}
#header * {z-index: 2;}
#header-logo{float:left;}
#header-logo h1{margin:0;padding:0;}
#header-logo h1 a{display:block;width:150px;height:169px;background:url(../img/header_logo.gif) no-repeat;}
#header-logo h1 a b{display:none;}
#header-nav{background:#330606 url(../img/header_nav_bg.gif) repeat-x 0 -54px;}
#header-nav ul{margin:0;padding:0;list-style:none;width:100%;background:url(../img/header_nav_bg.gif) no-repeat right -27px;height:27px;}
#header-nav ul li{margin:0;padding:0;list-style:none;float:left;position:relative;}
#header-nav ul li a{display:block;padding:0 15px 0 15px;font-size:12px;line-height:27px;color:#ffcdcd;text-decoration:none;}
#header-nav ul li a:hover{background:#7a0f0a url(../img/header_nav_bg.gif) repeat-x 0 -108px;color:#ffffff;}
#nav-main > li:first-child a,li.home a{background:url(../img/header_nav_bg.gif) no-repeat 0 0;}
#nav-main > li:first-child a:hover,li.home a:hover{background:url(../img/header_nav_bg.gif) no-repeat 0 -81px;}
#header-nav ul li ul{display:none;position:absolute;top:100%;left:0;width:auto;height:auto;background:#ffffff;border:1px solid #000000;border-top:0;}
#header-nav ul li > ul{top:auto;left:auto;z-index:10;}
#header-nav ul li ul li{display:block;float:none;padding:0;}
#header-nav ul li:hover ul,#header-nav ul li.over ul{display:block;}
#header-nav ul li ul li a{display:block;width:175px;color:#93120a;line-height:23px;}
#header-nav ul li ul li a:hover{background:#7a0f0a;color:#ffffff;}
#content{background:#ffffff url(../img/content_bg.gif) repeat-x;color:#000000;padding:10px;z-index: 1}
#content h2{color:#93120a;font-size:20px;font-weight:normal;margin:5px 0 15px 0;background:url(../img/content_sep.gif) no-repeat left bottom;padding-bottom:6px;}
#content p{font:12px Verdana,Arial,Sans-Serif;line-height:140%;padding:0;margin:5px 0 15px 0;}
#content dl, #content dt, #content dd {font:12px Verdana,Arial,Sans-Serif;}
#content table tr td{font-size:12px;}
#content table tr.today, #content table tr.today td{background-color: #fffda3;}
#content ul li,#content ol li{font-size:12px}
#content input{border:1px solid #6A0C0C;padding:7px 4px;color:#757575;}
#content input .button{background-color:#750016;border:1px solid #e9e9e9;padding:7px 4px;color:white;}
#content input.button{border:1px solid #6A0C0C;padding:7px 4px;color:#fff;background-color:#6A0C0C;}
#content textarea{border:1px solid #6A0C0C;padding:7px 4px;color:#757575;}
#content-bottom{background:#ffffff url(../img/content_bottom.gif) no-repeat;text-align:right;height:23px;}
#content-bottom a{background:url(../img/content_bottom.gif) no-repeat right -23px;display:block;line-height:23px;text-align:center;width:96px;float:right;text-decoration:none;color:#000000;font-size:10px;}
#content-bottom a:hover{background:url(../img/content_bottom.gif) no-repeat right -46px;color:#7a0f0a;}
#footer{padding:10px 20px 10px 20px;font-size:10px;}
#footer a{color:#ffffff;text-decoration:underline;}
#footer a:hover{color:#ffcdcd;}
#rss_bg{height:14px;width:100%;background:url(http://www.icoi.net/images/feed-icon-14x14.png) no-repeat left;padding-left:16px;line-height:12px}
.box{}
.box-top{background:url(http://www.icoi.net/images/sidebar_box.gif) repeat-x 0 -42px;line-height:20px;padding-top:1px;color:#663333;}
.box-top-left{background:url(http://www.icoi.net/images/sidebar_box.gif) no-repeat left 0;padding-left:5px;}
.box-top-right{background:url(http://www.icoi.net/images/sidebar_box.gif) no-repeat right -21px;padding-right:5px;}
.box-content{background:#fff5f5 url(http://www.icoi.net/images/sidebar_box.gif) repeat-x 0 -78px;clear:both;border-left:1px solid #eac1c1;border-right:1px solid #eac1c1;padding:0 5px;}
.box-content ul{margin:0;padding:0;list-style:none;}
.box-content ul li{margin:0;}
.box-content ul li a{font-size:12px;}
.box-bot{background:url(http://www.icoi.net/images/sidebar_box.gif) repeat-x 0 -73px;font-size:0;height:5px;}
.box-bot-left{background:url(http://www.icoi.net/images/sidebar_box.gif) no-repeat left -63px;padding-left:5px;}
.box-bot-right{background:url(http://www.icoi.net/images/sidebar_box.gif) no-repeat right -68px;padding-right:5px;}
/* new homepage boxes */
#homepage{margin-left:20px;}
#homepage img{border:0;vertical-align:middle;}
.clear{clear:both;}
#homepage div.float{float:left;width:31%;margin-right:1%;}
#homepage div.list{background:url(http://www.icoi.net/img/list.png) no-repeat right 0;padding-right:3px;}
#homepage dl{margin:0;padding:0;list-style:none;background:url(http://www.icoi.net/img/list.png) no-repeat left 0;}
#homepage dl dt{color:#633;font-weight:bold;border-bottom:1px solid #e1e1e1;padding:6px 15px 5px;margin:0;}
#homepage dl dd{padding:5px;border-bottom:1px solid #e1e1e1;margin:0 10px;font-size:10px;}
#homepage dl dd span{float:left;margin-right:60px;display:inline-block;width:64px;}
#homepage dl dd.more{color:#e1e1e1;border-bottom:0;font:10px Verdana,Arial,Sans-Serif;}
#homepage dl dd.more a{font-weight:bold;color:#633;text-decoration:none;font:10px Verdana,Arial,Sans-Serif;}
#showcase{margin-left:20px;}


#content .pop_content{direction:ltr;}
#content .popcontent_advanced{-webkit-border-bottom-left-radius:8px 8px;-webkit-border-bottom-right-radius:8px 8px;-webkit-border-top-left-radius:8px 8px;-webkit-border-top-right-radius:8px 8px;border:10px solid rgba(82,82,82,0.695312);}
#content .pop_content h2.dialog_title{background:#6a0c0c;border-bottom:none;border:1px rgb(59,89,152);color:white;font-size:14px;font-weight:bold;margin:0px;}
#content .pop_content h2 span{display:block;padding:4px 10px 5px 10px;}
#content .pop_content .dialog_content{background:white;border:0px solid rgb(85,85,85);border-top-width:0px; padding: 2px}
#content .pop_content .dialog_body{border-bottom:1px solid rgb(204,204,204);padding:10px;}
#content .pop_content .dialog_buttons{background:rgb(242,242,242);padding:8px;text-align:right;}
#content .inputbutton,.inputsubmit{background-color:#6a0c0c;border-bottom-color:rgb(14,31,91);border-style:solid;border-bottom-width:1px;border-left-color:rgb(217,223,234);border-left-width:1px;border-right-color:rgb(14,31,91);border-right-width:1px;border-top-color:rgb(217,223,234);border-top-width:1px;color:white;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;padding:2px 15px 3px 15px;text-align:center;}
#content .inputaux{background:rgb(240,240,240);border-bottom-color:rgb(102,102,102);border-left-color:rgb(231,231,231);border-right-color:rgb(102,102,102);border-top-color:rgb(231,231,231);color:black;}

.video{width:160px;height:155px;border:1px solid #ebebeb;padding:4px;float:left;margin-right:4px;margin-bottom:4px;}
.video .type{width:160px;background-color:#ebebeb;font-size:12px;color:#454545;font-variant:small-caps;padding-top:-2px;display:block;text-align:center;margin-bottom:4px;letter-spacing:2px;}
.video .date{width:160px;font-size:10px;color:#454545;padding-top:-2px;display:block;text-align:center;margin-bottom:4px;letter-spacing:2px;}
.video .thumb{text-align:center;}
.video .title,.video .title a{font-family: Verdana;font-size:10px;font-weight:bold;text-decoration:none;letter-spacing:0px;text-align: center}
.media_title {font-size: 16px;color: #000;margin-left: 8px;margin-top: 4px;}
.video_player {margin: 0 -10px;position:relative;zoom:1;height: 1%;background-repeat: repeat-x;background-image: url(http://www.icoi.net/images/vid-bg-main.gif);padding: 4px 10px; 0;width:100%}

/* new video index look */
.tile { width: 300px; height: 150px; -webkit-box-shadow: inset rgba(0,0,0,.25) 0 0 5px; box-shadow: inset rgba(0,0,0,.25) 0 0 5px; float: left; margin: 0 0 10px 10px; }
.tile > a { display: block; height: 150px; width: 300px; }
.tile-video { width: 300px; float: left; margin: 0 0 10px 10px; color: #888; font-size: 11px; }
.tile-video-thumb { display: block; position: relative; width: 300px; height: 170px; -webkit-box-shadow: inset rgba(0,0,0,.25) 0 0 5px; box-shadow: inset rgba(0,0,0,.25) 0 0 5px; text-decoration: none !important; }
.tile-video-thumb img { width: 300px; height: 170px; vertical-align: middle; }
.tile-video-play { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(http://www.icoi.net/images/tile_play.png) no-repeat center center; z-index: 2; opacity: 0; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; }
.tile-video-thumb:hover .tile-video-play { opacity: 1; }
.tile-video-play:active {  -webkit-box-shadow: inset rgba(0,0,0,1) 0 0 5px; box-shadow: inset rgba(0,0,0,1) 0 0 15px; }
.tile-video-length { position: absolute; right: 0; bottom: 0; display: inline-block; background: #000; background: rgba(0,0,0,.9); color: #fff; padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 30px; z-index: 3; text-decoration: none !important; }
.tile-video-info, .tile-audio-info { background: #eee; padding: 5px 10px; height: 40px; line-height: 20px !important; }
.tile-video h3, .tile-audio h3 { font-size: 14px !important; line-height: 20px !important; margin-bottom: 0 !important; text-shadow: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tile-video-episode, .tile-video-comments { float: right; }
.tile-audio-thumb { background: url(http://www.icoi.net/images/audio_art.png) no-repeat center center; display: block; position: relative; width: 75px; height: 75px; -webkit-box-shadow: inset rgba(0,0,0,.25) 0 0 5px; box-shadow: inset rgba(0,0,0,.25) 0 0 5px; text-decoration: none !important; float: left; margin-right: 10px; }
.tile-audio-thumb img { width: 75px; height: 75px; vertical-align: middle; }
.tile-audio-length { position: absolute; right: 0; bottom: 0; display: inline-block; background: #000; background: rgba(0,0,0,.8); color: #fff; padding: 0 10px; font-weight: bold; font-size: 12px; line-height: 24px; z-index: 3; text-decoration: none !important; }
.tile-audio { padding-top: 2px; margin-left: 85px; color: #666; }
.tile-audio-stream { float: right; }
.tile-audio-title { font-size: 18px; line-height: 24px !important; margin: 0 !important; margin-bottom: 0 !important; font-weight: bold; }
.tile-video-time { color: #999; }
.tile-text-thumb { float: left; height: 32px; width: 32px; margin-right: 10px; border: 1px solid #ccc; padding: 1px; display: block; background: #fff; }