/* START_DEFAULT_STYLES */
html, body, p, h1, h2, h3, h4, h5, em, i, table, tr, td, th, form, input, textarea, select, li, ol, ul, strong {padding:0;margin:0;}
html {font-size:62.5%;}
em, i { font-style:normal;}
li { list-style-type:none;}
h1, h2, h3, h4, h5, p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;padding:5px 0;}
body {color: #ccff99; background:black 0; font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
a:active, a:focus, img, input, select {outline: 0;focus:0;}
a, a:link, a:active, a:visited {color:#0033FF;cursor: pointer;text-decoration: none;}
a:hover {color:#F63236;text-decoration: underline;}
img {border:none;}
.clear { clear:both; font-size:0; line-height:0; height:0;}
/* END_DEFAULT_STYLES */

#all { width:1000px; margin:0 auto;}

#header { height: 100px; position:relative;}

.nav { padding:10px 30px; height:1%; overflow:hidden;}
#menu ul {list-style-type:none;margin:0;padding:0;}
#menu li {float:left;list-style-type:none;margin:1px;padding:2px;text-align:center;text-transform:uppercase;width:70px;}
#menu a {color:white;font-weight:bold;text-decoration:none;}
#menu li.default {background-color:#999999;}
#menu li.highlight {background-color: #999999;color: blue;}
#menu li.highlight a {color:#FFFF33;}

#stat {float:right; display:inline; padding-top:1px;}
#stat a, #stat a:visited {color: #ff6666;padding:3px;text-decoration:none;}

.paginator  { float:right; display:inline; padding-right: 10px;}
.inxy-paginator { float:right;padding:1px 1px 1px 0;}
.inxy-paginator li { display:inline; -moz-border-radius:16px; -webkit-border-radius: 16px;}
.inxy-paginator li a:hover {color: red;}
.inxy-paginator li a {color: red; margin:0 1px;padding:1px 3px;text-decoration:none;}
.inxy-paginator .highlight {background-color: #ff6666;color: white;font-weight:bold;}
.inxy-paginator .highlight a, .inxy-paginator .highlight a:visited { color: #c8e8ff;text-decoration:none;}

.thumbs {border:2px solid #ff6666;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px; behavior: url(border-radius.htc); padding:2px; height:1%; overflow:hidden; margin-bottom:10px;*padding-bottom:3px;}
.item {border-color: #ff6666; border-width: 2px; border-style: solid; background-color: #ff6666;height:227px;margin:2px;width:240px;  overflow:hidden; position:relative; float:left;}
.t_img { display:block;border-bottom:2px solid #0099FF; }
.item h3 {color: #FFFFFF;font-size:11px;line-height:12px;text-align:left; font-weight:bold; padding:3px 5px 0; height:12px; overflow:hidden;}

.item h3 a, .item h3 a:visited  {color: yellow;font-size:10px;text-decoration:none;}
.item h3 a:hover {color: #0099FF;text-decoration:none;}
.item .tags strong {color: #FFFFFF;}
.item .tags {color: #FFFFFF;font-size:11px; line-height:11px;font-weight:bold;hoverflow:hidden;text-align:left; padding:3px 5px 0; height:23px; overflow:hidden;}
.item .tags a, .item.tags a:visited {color: yellow;font-size:10px;font-weight:normal;text-decoration:underline;}
.item .tags a:hover {color: #0099FF;text-decoration:none;}
.item .duration {background-color: #ff6666;color: white;font-size:10px;margin:0;padding:2px;position:absolute;left:0;filter: alpha(opacity=70);-moz-opacity: 0.70;-khtml-opacity: 0.70;opacity: .70;top:14px;
border-top-right-radius:6px; 	-moz-border-radius-topright :6px;	-webkit-border-top-right-radius:6px;
border-bottom-right-radius:6px; 	-moz-border-radius-bottomright:6px; 	-webkit-border-bottom-right-radius:6px;
}
.item:hover .duration {background-color: red;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.item .add {background-color: #ff6666;color: white;font-size:10px;margin:0;padding:2px;position:absolute;text-align:left;filter: alpha(opacity=70);-moz-opacity: 0.70;-khtml-opacity: 0.70;opacity: .70;right:0;top:14px;
border-top-left-radius:6px; 	-moz-border-radius-topleft :6px;	-webkit-border-top-left-radius:6px;
border-bottom-left-radius:6px; 	-moz-border-radius-bottomleft:6px; 	-webkit-border-bottom-left-radius:6px;}
.item:hover .add {background-color: red;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
.item:hover h3, .item:hover .tags strong { color: #0099FF;}
.item:hover {background-color: red; border:2px solid red;}
.item:hover .t_img {border-bottom:2px solid red;}

.tops { width:800px; margin:0 auto; overflow:hidden; padding:10px 0;}
.name {color: #ff6666; font-size:24px; text-align:center; font-weight:bold;}
.tops ul {float:left;width:199px; text-align:center;}

.tra_thumbs {border:2px solid #ff6666;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px; behavior: url(border-radius.htc); padding:2px 2px 2px 3px; height:1%; overflow:hidden; margin-bottom:10px;*padding-bottom:3px;}
.tt {float:left;margin:2px; display:block; width:194px; height:144px; position:relative;}
.tt img { width:190px; height:140px; display:block; float:left;}
.tt h3 {background-color: #ff6666;bottom:140px;color:#FFFF33;font-size:12px;font-weight:bold;filter: alpha(opacity=80);-moz-opacity: 0.80;-khtml-opacity: 0.80;opacity: .80;padding:0;position:relative;text-align:center;width:60%;
border-top-right-radius:6px; 	-moz-border-radius-topright :6px;	-webkit-border-top-right-radius:6px;
border-bottom-right-radius:6px; 	-moz-border-radius-bottomright:6px; 	-webkit-border-bottom-right-radius:6px; padding:0;}

.hid { display:block; overflow:hidden; width:190px; height:140px;border:2px solid #ff6666;}

#footer { text-align:center;  padding:25px 0 5px;}
