/* css clear */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td  { margin: 0; padding: 0; }
table  { border-collapse: collapse; border-spacing: 0; }
fieldset,img  { border: 0; }
ul  { list-style: none; }
caption,th  { text-align: left; }
h1,h2,h3,h4,h5,h6  { font-size: 100%; font-weight: normal; }
q:before,q:after  { content:''; }
abbr,acronym  { border: 0; }
b, strong  { font-weight: bold; }
address,caption,cite,code,dfn,em,strong,th,var  { font-style: normal; font-weight: normal; }


/* general definitions */

body  { margin:0; padding: 0; position: relative; background: #fff; }
body, td, p  { font: 500 12px/1.6em Arial, sans-serif; color: #706060; }
.clear  { clear: both; }
.center  { margin: 0 auto; display: block; }
.center15  { margin: 15px auto; display: block; }
.fl  { float: left; }
.fr  { float: right; }
.block  { display: block; }
.inline  { display: inline; }
a:link, a:visited  { color: #3ba136; text-decoration: none; }
a:hover, a:active  { color: #b0b0b0; text-decoration: underline; }
strong, b  { font-weight: bold; }
u  { text-decoration: underline; }
i, em  { font-style: italic; }
p  { padding: 0.5em 0; }
h2  { font: 500 23px/1.5em Tahoma, Arial, sans-serif; }
h3  { color: #2a2828; font: 700 14px/1.6em Arial, sans-serif; }


/* header layout */

.bgd-left  { width: 980px; margin: 10px auto; clear: both; position: relative; background: url('../images/bgd-left.gif') top left no-repeat; }
.bgd-right  { width: 980px; margin: 10px auto; clear: both; position: relative; background: url('../images/bgd-right.gif') top left no-repeat; }

#header  { width: 940px; padding: 15px 20px 0 20px; }
#logo  { float: left; }
#header-right  { float: right; }

#toplinks  { font: 700 11px/1.4em Arial, sans-serif; text-align: right; }
#toplinks a  { padding: 0 3px; }

#search  { width: 263px; height: 37px; margin-top: 3px; background: url('../images/search.gif') top left no-repeat; }
#search-field  { width: 186px; height: 27px; margin: 5px; padding: 0 2px; float: left; color: #706060; background: url('../images/search-field.png') top left no-repeat; border: none; font: 500 14px/27px Arial, sans-serif; }
#search-submit  { height: 34px; margin: 0 5px 0 0; float: right; background: none; border: none; cursor: pointer; color: #fff; font: 500 16px Arial, sans-serif; }


/* menu layout */

#menu  { text-align: center; padding: 20px 0 10px 0; }
#menu a:link, #menu a:visited { display: inline-block; padding: 3px; margin: 0 1px; background: #3ba136; border: 1px solid #3ba136; color: #fff; font: 700 11px/15px Verdana, Arial, sans-serif; text-transform: uppercase; }
#menu a:hover, #menu a:active  { display: inline-block; background: #fff; color: #3ba136; text-decoration: none; }


/* index pages */

#main  { }
#main-left  { width: 770px; float: left; padding: 16px 0 0 0; position: relative; }
#main-right  { width: 200px; float: right; padding: 20px 0 0 0; position: relative; text-align: center; }

.contents  { padding: 0; margin: 0 auto; text-align: center; }
.contents input, .contents textarea, .contents select  { margin: 3px 0; padding: 5px; color: #333; background: #fff; border: 1px solid #b0b0b0; }
.title  { padding: 15px 0 0 15px; color: #3ba136; font: 500 23px Arial, sans-serif; text-align: left; }

.content  { display: inline-block; width: 184px; height: 198px; margin: 3px; position: relative; background: url('../images/content.gif') bottom left no-repeat; }
.content .img  { width: 180px; height: 135px; position: absolute; top: 1px; left: 1px; border: 1px solid #e0e0e0; }
.content .vtitle  { width: 184px; position: absolute; bottom: 34px; left: 0; font: 700 14px/1.6em Arial, sans-serif; color: #777766; text-align: center; }
.content .added  { position: absolute; bottom: 17px; right: 10px; font: 500 11px/1.6em Arial, sans-serif; text-align: right; }
.content .time  { position: absolute; bottom: 3px; left: 10px; font: 500 11px/1.6em Arial, sans-serif; text-align: left; }
.content .views  { position: absolute; bottom: 3px; right: 10px; font: 500 11px/1.6em Arial, sans-serif; text-align: right; }
.content .rating  { position: absolute; bottom: 21px; left: 10px; }

.star_off  { width: 50px; height: 10px; margin-top: 2px; float: left;  display: block; background: url('../images/star_off.gif') repeat-x; }
.star_on  { height: 10px; float:left; background: url('../images/star_on.gif') repeat-x; }

#pagination  { width: 100%; margin: 15px auto 5px auto; text-align: center; }
#pagination a:link, #pagination a:visited  { min-width: 15px; height: 18px; padding: 1px 3px; margin: 2px; display: inline-block; background: #e8e8e8; color: #737373; border: 1px solid #b9b9b9; font: 700 11px/1.6em Arial, sans-serif; }
#pagination a:hover, #pagination a:active  { background: #d0d0d0; }
#pagination span  { min-width: 15px; height: 24px; padding: 1px 3px; margin: 2px; display: inline-block; font: 700 11px/1.6em Arial, sans-serif; color: #737373;}

#banner-bottom  { padding: 15px 0 5px 0; text-align: center; }

#footer  { }
#footer-links  { padding: 10px 0; font: 500 12px/1.4em Arial, sans-serif; text-align: center; }


/* video page */

#player-left  { width: 640px; float: left; }
#player-right  { width: 340px; padding: 0; float: right; text-align: center; }

#player-wrapper  { padding: 15px 10px; }
#player-holder  { text-align: center; }
#player-desc  { margin: 20px 0; text-align: justify; }
#player-info  { margin: 20px 0; }
#player-info-left  { width: 220px; float: left; text-align: left; }
#player-info-center  { width: 250px; float: left; text-align: left; }
#player-info-right  { width: 150px; float: right; text-align: left; }
#player-info-right a:link, #player-info-right a:visited  { font: 700 11px/1.6em Tahoma, Arial, sans-serif; }


/* video page - comments and related videos */

#comments  { padding: 20px 10px 0 10px; }
#comments .title  { padding: 10px 0 0 0; }

#comments ul li  { padding: 10px 0 0 0; margin: 0; text-align: left; }
#comments ul li span  { font-size: 11px; }
#comments ul li p  { font-size: 12px; padding: 0; text-align: justify; }

#comments form  { margin: 15px 0; }
#comments form textarea  { width: 400px; height: 100px; font: 500 12px/1.6em Tahoma, Arial, sans-serif; text-align: left; }
#comments form input#submit  { padding: 2px 6px; font: 500 14px/1.6em Tahoma, Arial, sans-serif; }

#related  { padding: 10px 0 5px 0; text-align: center; }