/* CSS Document */
html, body {height: 100%; padding: 0; margin: 0;}
body, input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}


form {padding: 0; margin: 0;}

#wrap {width:980px; margin:0 auto;}

#logo {position: absolute; top: 30px;}

#menu {position: absolute; top: 90px;}
#menu ul.menuitem {list-style-type: none; padding: 0; margin: 0;}
ul.menuitem li {float: left;}
ul.menuitem li a{position:relative; border-top:2px solid #FF9900; color: #FF9900; text-decoration: none; padding: 10px 20px; }
ul.menuitem li a:hover, ul.menuitem li a.active{border-top-color:red; color:white; background-color: #FF9900;}
ul.menuitem li a.active{font-weight: bold;}

#content ul.hGenres {text-align:center; width:976px; /*border: 2px solid #aaa; background-color: #ddd;*/}
#content ul.hGenres li {display: inline;}
#content ul.hGenres li a {font-size: 0.9em; background-color: #eee; color: #000; font-weight: bold; border: 1px solid #ddd; padding: 4px 7px; margin: 1px; letter-spacing: 0; text-decoration:none;
							-moz-border-radius:3px 3px 3px 3px; }
#content ul.hGenres li a.active, #content ul.hGenres li a:hover {border-color: #000000; color: #000000;}

#search {position: absolute; top: 40px; width:980px; text-align:right; margin: 0 auto;}
#search .searchbox {font-size: 1.5em; color: #FF9900; width: 250px;}
#search .searchsubmit {font-size: 1.5em; background: none; border:0; color: #CCCCCC; margin:0; padding:0;}
#search .searchsubmit:hover {color:#FF9900;}

.comment {border: 1px solid #FF9900; background-color:#FFFFF9; padding: 10px; width: 480px; margin-bottom: 25px; text-align: left;}
.comment:hover {background-color:#FFFFE6;}
.comment .sendbox {font-size: 1.5em; color: #FF9900; width: 300px;}
.comment .sendsubmit {font-size: 1.5em; background: none; border:0; color: #FF9900; margin:0; padding:0;}
.comment .sendsubmit:hover {color:#FF0000;}

#content {text-align: justify; position: absolute; top: 140px; padding-bottom: 30px; width: 980px;}
#content.admin {top: 150px;}
#content a, #bottom a {color: #000000; padding: 5px; letter-spacing: 1px; line-height: 30px;}
#content .small {font-size: 0.9em; color: #AAAAAA;}
#content .medium {font-size: 1.2em; color: #AAAAAA;}
#content .large {font-size: 1.4em; color: #676767;}
#content .huge {font-size: 1.9em; color: #FF9900;}

#content a:hover, #bottom a:hover {color: red;}

#content ul {list-style-type: none; padding: 0; margin: 0; position:relative; height: auto;}
/*#content ul li {display: block; background-color: #FFFFFF; border: 1px solid #FFFFFF;}
#content ul li:hover {border-color: #FFCC00;}*/

#content h1, #player h1 {font-size: 1.9em; font-weight: bold; color:#FFFFFF; border: none;margin-top:0; margin:0; display:block;}
#content h1 span, #player h1 span {background-color: #FF9900; padding: 2px;}
#content h2 {font-size: 1.6em; font-weight: bold; color:#FF9900; width: 100%; border: none; border-bottom: 2px solid #FF9900;}
#content h3 {margin: 0 0 10px 0;}

#content h1 a {color: #fff;}

#content .alphaBlock {width: 325px; float: left; margin-left: 10px;}
#content .r {/*clear: right;*/}
#content .l {clear: left;}

#content ul li.watching {background-color: #ffeedd;}
#content ul li a.clipOverview {padding: 0; letter-spacing: 0; line-height: 1.2em; text-decoration:none;}
#content ul li.clipList {height:130px;  float:left; width: 300px; padding-left: 5px; margin-right: 8px; margin-bottom: 10px; border-left: 3px solid #ff9900;}
#content ul li.clipList:hover {border-color: #fff; border-left: 3px solid red;}
#content span.clipImage, #content span.clipTitle {padding: 0; color: #000;}
#content span.clipImage { line-height: 0;}
#content span.clipTitle {font-weight: bold; text-align: left !important;line-height: 15px; letter-spacing: 0;}

#content .home_search {border: 2px solid #cccccc; font-size: 1.5em; padding: 5px; color: #cccccc; width: 350px;}
#content .home_submit {border: none; font-size: 1.7em; color: #fff; background: none; font-weight: bold;}

#content #videoplayer {position:relative; top: 7px; text-align:center; display:block; height: 450px;}
#player {width: 100%; display:block; background-color:#CCCCCC; height: 450px; text-align:center; top: 180px; position:absolute;}

.orange {color: #FF9900 !important;}
  
#bottom {bottom: 0; position:fixed; height: 20px; background-color: #FAFAFA; border-top: 1px solid #AAAAAA; width: 100%; text-align:left; padding: 3px; padding-left: 25px;}
#bottom a {padding: 1px; line-height: 0.9em;}

#home { margin-bottom : 20px;}

td.small {font-size: 0.7em; color: #BBBBBB;}

#content input.contact {font-size: 1.5em; color: #FF9900; width: 400px;}
#content textarea.contact {font-size: 1.5em; color: #FF9900; width: 400px; height:200px;}
#content input.submit {font-size: 1.5em; background: none; border:0; color: #CCCCCC; margin:0; padding:0;}
#content input.submit:hover {color:#FF9900;}

#filters {text-align:right; position:absolute; top:90px; width: 980px; color: #cccccc}
#filters a {color: #cccccc; text-decoration:none;}
#filters a:hover {color: #FF9900; text-decoration:underline;}

#popgenres {padding: 10px 0;}

/* admin css */
.adminBlock {border: 1px solid #ff9900;padding: 4px;margin-bottom: 25px;}
ul.adminList {margin:0;padding:0;list-style-type: none;height: 150px;overflow:auto;border: 1px solid #ff9900;width: 350px;}

/* ie fix, I hate ie :( */
* #videoplayer {top: 9px;}

#video_details {margin-top: 10px; display:block; padding: 5px; position: relative; -moz-border-radius:3px 3px 3px 3px;border: 1px solid #ddd; overflow:auto;}
#video_details #details {float:left; width: 600px; display: block; border-right: 1px solid #aaaaaa; padding: 8px;}
#video_details #details span {width: 50%; display: block; float:left; color: #4d4d4d;}
#video_details #rating {float: left; display: block; text-align: right; width: 345px;}
#video_details #rating span {float: left; display: block; font-weight: bold; color: red;cursor: pointer; }
#video_details #rating #tUp, #tDown {margin: 4px 3px 0 5px; background: url('/media/like.png') no-repeat; height: 22px; width: 25px; padding-left: 12px; padding-top: 3px;}
#video_details #rating #tDown {background: url('/media/nolike.png') no-repeat; color: #4d4d4d;}
#video_details #rating #repeat {height: 25px; width: 25px; display:block; margin: 4px 3px 0 5px;}
#video_details #rating #repeat.off {background: url('/media/repeat.png') no-repeat;}
#video_details #rating #repeat.on {background: url('/media/repeat_active.png') no-repeat;}
#video_details #rating #favorite {background: url('/media/favorite.png') no-repeat; height: 25px; width: 25px; display:block; margin: 4px 3px 0 5px;}
#video_details #rating #report {margin: 4px 0 0 0; float:right; font-size: 17px;height: 25px; width: 25px; text-align:center;}

#feedback {margin-top: 10px; display:none; padding: 5px; position: relative; -moz-border-radius:3px 3px 3px 3px;border: 1px solid #ddd; overflow:auto;}
#feedback a {padding: 0; margin: 0; line-height: 0;color: #4d4d4d;}

#tooltip {position: absolute; display:none; border: 1px solid #FF9900; background-color:#FFFFF9; padding: 5px 10px; -moz-border-radius:3px 3px 3px 3px;}