@CHARSET "UTF-8";


#media { list-style: none; margin 0; }
#media li { float: left; width: 300px; text-align: center; margin: 0 10px; padding: 10px 0 }
#media li img { margin-top: -10px; }
#media li .inner { margin-right: 30px; height: 31px; }
#media li .inner a { display: block ; text-indent: -5000px; float: left; float: right; margin: 0 3px;}
#media li .inner a.images { background: url(img/media/ALBUMS_foto_icon.png) no-repeat top left; width: 71px; height: 31px;  }
#media li .inner a.videos { background: url(img/media/ALBUMS_video_icon.png) no-repeat top left; width: 72px; height: 31px; }
#media li h3 { font-size: 14px; font-weight: bold; color: #f58220; width: 270px; margin: 0 auto; }


#video-list { list-style: none; }
#video-list li { height: 190px; }
#video-list li img { float: left; margin: 0 20px 10px 0; border: #cccccc 1px solid; padding: 2px;}
#video-list li .details .stars img {  margin: 0; border: 0; float: none;}
#video-list li h3  { float: right; width: 449px;  border-bottom: #ffffff 1px solid; padding-bottom: 5px; }
#video-list li h3 a { color: #f58220; font-size: 14px; font-weight: bold; text-decoration: none; }
#video-list li h3 a:hover {  text-decoration: underline; }


#video-list li .details {float: left; width: 275px; margin-top: 10px;  }
#video-list li .meta {float: left; width: 170px; height: 120px; margin-top: 10px; border-left: #ffffff 2px dotted;  }
#video-list li p { display: block; }


#video-list li .meta ul { list-style: none; }
#video-list li .meta ul li { height: 30px; padding: 3px 0 0 35px;}
#video-list li .meta ul li.date { background: url(img/media/time_icon.png) no-repeat top left; }
#video-list li .meta ul li.views {background: url(img/media/tv_icon.png) no-repeat top left; }
#video-list li .meta ul li.comments {background: url(img/media/comm_icon.png) no-repeat top left; }


#video-detail {  }
#video-detail h3 { font-size: 20px; font-weight: bold; color: #f58220; margin: 0 0 10px 20px }
#video-detail #vid { float: left; width: 440px; margin-left: 20px }
#video-detail #vid #player { margin: 0 auto;  display: block; }
#video-detail #similar { float: left; width: 210px; }
#video-detail #similar h3 { font-size: 16px; font-weight: bold; color: #fff }

#video-detail #similar ul { list-style: none;}
#video-detail #similar ul li { text-align: center; height: 180px;}
#video-detail #similar ul li img { width: 180px; border: #cccccc 1px solid; padding: 2px; }
#video-detail #similar ul li a { font-weight: bold; color: #ffffff; font-size: 12px; text-decoration: none; }
#video-detail #similar ul li a:hover { text-decoration: underline; }

#video-detail #meta { list-style: none; margin: 10px 0 0 0;  border-bottom: #fff 2px solid; height: 45px;}
#video-detail #meta li { float: left; height: 30px;  padding: 5px 0 0 35px; width: 110px; }
#video-detail #meta li.date { background: url(img/media/time_icon.png) no-repeat top left; }
#video-detail #meta li.views {background: url(img/media/tv_icon.png) no-repeat top left; }
#video-detail #meta li.comments {background: url(img/media/comm_icon.png) no-repeat top left; }

#video-detail #meta .descr { margin-top: 10px; }


#image-list h3 { font-size: 14px; font-weight: bold; color: #f58220; margin-bottom: 10px; margin: 0 auto;  }

#shown-container { margin: 10px 0; height: 350px;}
#shown { display: block; margin: 0 auto; }

.spin { background: url(/img/spinner/spinner.gif no-repeat center center)}



#image_container { list-style: none; margin-left: 5px;}
#image_container li { float: left; width: 75px; margin: 4px; }
#image_container li a {  }