body
{
    background-color: #000;
    font-size: 14px;
    font-family: verdana;
    color: #fff;
}

h1, h2, h3
{
    color: #fed;
    font-family: arial;
    margin: 0;
}

a, a:visited
{
    color: #abc;
    border: 0;
    text-decoration: none;
}

a:hover
{
    color: #fed;
    text-decoration: underline;
}

div
{
    margin: 0;
    padding: 0;
}

img
{
    border-style: none;
    margin: 0;
    padding: 0;
}

hr
{
    width: 100%;
    float: left;
    margin: 10px 0;
    color: #777;
}

#container
{
    width: 986px;
    margin: 10px auto 0 auto;
}

#logo
{   
    display: block;
    float: left;
    width: 350px;
    height: 100px;
}

#content
{
    display: block;
    width: 100%;
    padding: 10px 0;
}

ul.top-menu
{
    font-family: arial;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
    float: right;
}

ul.top-menu li
{
    margin: 0;
    padding-left: 20px;
    float: left;
}

ul.top-menu li a
{
    font-weight: bold;
}

.thumb-container
{
    border: 1px solid #303030;
    padding: 15px;
    margin-bottom: 60px;
}

.headline
{
    margin: 10px 0;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #303030;
}

.thumbw
{
    display: block;
    width: 100%;
}

.thumb
{
    display: inline;
    float: left;
    width: 160px;
    margin-right: 38px;
}

.thumb img
{
    border: 1px solid #abc;
}

.thumb p
{
    margin: 0;
    font-family: arial;
    font-size: 12px;
}

.thumb a
{
    margin: 0;
    color: #fed;
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
}

.thumb a:hover
{
    text-decoration: none;
    color: #abc;
}

.thumb .description
{
    display: block;
    height: 30px;
    overflow: hidden;
    margin-bottom: 20px;
}

.thumb .duration
{
    float: left;
    font-weight: bold;
    height: 12px;
    margin-bottom: 5px;
}

.thumb .rating-stars
{
    display: block;
    float: right;
    margin-bottom: 5px;
}

.thumb .views
{
    float: left;
    font-size: 11px;
    clear: left;
    white-space: nowrap;
}

.thumb .timestamp
{
    float: right;
    font-size: 11px;
    white-space: nowrap;
}

#category-container
{
    display: inline;
    float: left;
    width: 824px;
}

#category-container .category
{
    display: inline;
    float: left;
    /* margin: 0 38px 40px 0; */
    margin: 0 40px 40px 0;
    width: 160px;
}

.category p
{
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.category img
{
    border: 1px solid #abc;
}

#category-ad
{
    display: inline;
    float: right;
    width: 160px;
}

div.pagenavw
{
    text-align: center;
}

ul.pagenav
{
    display: table;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    list-style-type: none;
    border: 1px solid #404040;
    *display: inline;
    zoom: 1;
}

* html ul.pagenav
{
    display: inline-block;
    width: 1px;
    padding: 0 2px;
}

ul.pagenav li
{
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    font-family: arial;
    *display: inline;
}

* html ul.pagenav li
{
    display: inline;
}

ul.pagenav a
{
    display: block;
    padding: 10px 15px;
    *display: inline-block;
}

* html .pagenav a
{
    display: inline-block;
    margin: 0 -2px;
}

ul.pagenav a:hover
{
    background-color: #404040;
}

ul.pagenav .current
{
    color: #fed;
    text-decoration: underline;
    background-color: #404040;
    white-space: nowrap;
    cursor: default;
}

#m_container
{
    float: left;
    width: 642px;
    margin: 0;
}

#m_ad
{
    float: right;
    width: 300px;
    margin-top: 1px;
}

.m_title
{
    margin: 0 0 10px 5px;
    font-size: 16px;
    letter-spacing: 1px;
}

#player
{
    display: block;
    width: 640px;
    height: 480px;
    border: 1px solid #404040;
}

#m_info
{
    width: 620px;
    margin: 10px 0;
    padding: 5px 10px;
    font-size: 12px;
    color: #fed;
    border: 1px solid #404040;
}

#m_info p
{
    display: block;
    margin: 2px 0;
}

#m_opts
{
    clear: right;
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
}

ul.movie-options-menu
{
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}

ul.movie-options-menu .favorite
{
    list-style-image: url("/gfx/favorite.png");
    float: left;
    padding-right: 40px;
}

ul.movie-options-menu .download
{
    list-style-image: url("/gfx/download.png");
    float: left;
    padding-right: 40px;
}

ul.movie-options-menu .flag
{
    list-style-image: url("/gfx/flag.png");
    float: left;
    padding-right: 40px;
}

ul.movie-options-menu .share
{
    list-style-image: url("/gfx/share.png");
    float: right;
}

#download-notice, #favorite-notice
{
    width: 595px;
    padding: 20px 10px;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #404040;
    text-align: center;
    clear: both;
}

#share-url
{
    width: 595px;
    display: none;
    padding: 20px 10px;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #404040;
    text-align: center;
}

#share-url input
{
    background: #000;
    color: #fff;
    border: 1px solid #404040;
}

div.rating-container
{
    display: block;
    float: left;
}

div.rate
{
    float: left;
    height: 20px;
    width: 21px;
    padding: 0 2px;
}

div.star-none
{
    background: url("/gfx/star.png") no-repeat;
}

div.star-half
{
    background: url("/gfx/star.png") no-repeat 0 -60px;
}

div.star-full
{
    background: url("/gfx/star.png") no-repeat 0 -20px;
}

div.star-hover
{
    background: url("/gfx/star.png") no-repeat 0 -40px;
}

div.rate-small
{
    float: left;
    height: 12px;
    width: 12px;
    padding: 0 0px;
}

div.star-small-none
{
    background: url("/gfx/star_small.png") no-repeat;
}

div.star-small-half
{
    background: url("/gfx/star_small.png") no-repeat 0 -24px;
}

div.star-small-full
{
    background: url("/gfx/star_small.png") no-repeat 0 -12px;
}

p.rating-text
{
    display: none;
    clear: left;
    font-size: 12px;
    font-weight: bold;
    color: #abc;
    padding-top: 5px;
}

div.bottom-ad
{
    display: block;
    width: 984px;
    height: 268px;
    margin: 30px 0;
    border: 1px solid #404040;
}

div.bottom-ad .ad
{
    float: left;
    width: 300px;
    padding: 12px 17px 12px 12px;
}

#bottom
{
    width: 750px;
    margin: 0 auto;
}

#bottom p
{
    font-size: 11px;
    font-weight: normal;
    color: #456;
}


.box
{
    margin: 30px auto;
    padding: 10px;
    border: 1px solid #404040;
}

.box p
{
    margin: 0;
    text-align: center;
    font-size: 12px;
}


.red
{
    color: #ff3838;
}

.blue
{
    color: #729fcc;
}

.green
{
    color: #0e7;
}

.clear
{
    clear: both;
    height: 0;
}