/**
 * Base
 */
html, body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

body {
    padding-top: 30px;
}

* {
    font-family: Tahoma, sans-serif;
    color: #000000;
}

a:active,
a:link,
a:visited,
a:hover {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: underline;
}

/**
 * Preview info
 */
#preview {
    position: absolute;
    right: 0;
    top: 0;

    width: 106px;
    height: 0;
    overflow: hidden;

    padding-top: 104px;

    background-image: url(../images/gui/preview.png);
}

/**
 * Header containing the logo
 */
#header {
    position: relative;

    margin: 0 auto 0 auto;
    width: 730px;
    height: 108px;

    background: url(../images/gui/logo.png) no-repeat;
}

/**
 * Top text
 */
#header > a {
    position: absolute;
    left: 0;
    top: 0;

    display: block;
    width: 205px;
    height: 0;
    padding-top: 60px;
    overflow: hidden;
}

#header > p {
    position: absolute;
    top: -1px;
    right: 290px;

    margin: 0;
    padding: 0;

    font-size: 12px;
    color: #8C8C8C;
}

/**
 * Language selection
 */
#languages {
    position: absolute;
    right: 0;

    margin: 0;
    padding: 0;

    list-style-type: none;
}

#languages li {
    float: left;

    margin: 0 0 0 15px;
    padding: 0;

    font-size: 10px;
    background-repeat: no-repeat;
    background-position: 0 1px;
}

#languages li a:active,
#languages li a:link,
#languages li a:visited,
#languages li a:hover {
    padding-left: 18px;

    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

#languages li.en { background-image: url(../images/icons/flags/en.png); }
#languages li.de { background-image: url(../images/icons/flags/de.png); }
#languages li.es { background-image: url(../images/icons/flags/es.png); }
#languages li.fr { background-image: url(../images/icons/flags/fr.png); }
#languages li.tr { background-image: url(../images/icons/flags/tr.png); }
#languages li.ru { background-image: url(../images/icons/flags/ru.png); }

/**
 * Navigation
 */
#navigation {
    position: absolute;
    top: 74px;
    left: 70px;

    width: 600px;
    margin: 0;
    padding: 0 0 1px 96px;

    background: url(../images/gui/menuline.png) bottom left no-repeat;
    list-style-type: none;
}

#navigation li {
    position: relative;
    z-index: 100;

    float: left;
    width: 130px;
    height: 33px;
    margin-left: -5px;

    background: url(../images/gui/menu_inactive.png) no-repeat;
}

#navigation li:first-child {
    margin-left: 0;
}

#navigation li.active {
    z-index: 150;
    background-image: url(../images/gui/menu_active.png);
}

#navigation li a:active,
#navigation li a:link,
#navigation li a:visited,
#navigation li a:hover {
    display: block;
    width: 130px;
    height: 24px;
    padding-top: 9px;

    text-align: center;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

#navigation li a:hover {
    color: #de0000;
}


#navigation li.active a:active,
#navigation li.active a:link,
#navigation li.active a:visited,
#navigation li.active a:hover {
    color: #ffffff;
}

/**
 * Content
 */
#content {
    width: 730px;
    margin: 30px auto;
}

h1, h2 {
    font-size: 20px;
}

p {
    font-size: 14px;
}

strong {
    font-weight: normal;
    color: #ce0101;
}

/**
 * Forms
 */
form, fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

form input[type='text'],
textarea {
    display: block;
    width: 450px;
    padding: 1px 3px;

    color: #000000;
    font-size: 14px;
    border: 1px inset #000000;
}

form input[type='submit'] {
    display: block;
    width: 185px;
    height: 25px;
    margin: 7px 0 0 0;

    color: #ffffff;
    font-size: 14px;
    border: none;
    background: url(../images/gui/button.png) no-repeat;
}

form label {
    display: block;
    font-size: 14px;
}

form div.error label {
    color: #dd0821;
}

form input.small {
    width: 200px;
}

/**
 * Download button
 */
a.download:active,
a.download:link,
a.download:visited,
a.download:hover {
    display: block;

    width: 158px;
    height: 70px;

    padding: 34px 15px 0 70px;
    overflow: hidden;

    background: url(../images/gui/download.png) 0 0 no-repeat;

    text-align: center;
    font-size: 22px;
    color: #ffffff;
    text-decoration: none;
}

a.download:hover {
    background-position: 0 -104px;
}

.download.flvplayer {
    float: right;
}

.download.flvplayer span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}

#download-text {
    float: right;
    padding-top: 1px;
    padding-left: 10px;
}

/**
 * Rounded box
 */
.rounded {
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-bottom: 20px;
}

.rounded:before {
    position: relative;
	display: block;
	content: url(../images/gui/box_tl.png);
	height: 15px;
	background: url(../images/gui/box_tr.png) no-repeat 100% 0;
	line-height: 0;
	margin: -11px -11px 0;
}

.rounded:after {
    position: relative;
	display: block;
	content: url(../images/gui/box_bl.png);
	height: 15px;
	background: url(../images/gui/box_br.png) no-repeat 100% 0;
	line-height: 0;
	margin: 4px -11px -11px;
	clear: both;
}

/**
 * Top Videos
 */
#top-videos {
    position: relative;
    float: left;
    width: 500px;
    margin: 50px 18px 20px 0;
}

#top-videos h2 {
    position: absolute;
    top: -25px;
    left: 0;

    margin: 0;
    padding: 0;

    font-size: 16px;
    color: #ce0101;
}

#top-videos table {
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

#top-videos table th,
#top-videos table td {
    padding: 0;
}

#top-videos table th {
    padding-bottom: 10px;

    text-align: left;
    font-size: 14px;
    color: #8C8C8C;
    border-bottom: 1px solid #F0F0F0;
}

#top-videos table td {
    padding: 5px 15px 5px 0;

    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;

    border-bottom: 1px solid #F0F0F0;
}

#top-videos table tbody td + td + td a:active,
#top-videos table tbody td + td + td a:link,
#top-videos table tbody td + td + td a:visited,
#top-videos table tbody td + td + td a:hover {
    display: block;

    width: 14px;
    height: 0;
    overflow: hidden;

    padding-top: 14px;

    background: url(../images/icons/download.png) no-repeat;
}

#top-videos table tfoot td {
    padding-top: 20px;
}

#top-videos table tfoot td ul {
    display: inline;

    margin: 0;
    padding: 0;

    list-style-type: none;
}

#top-videos table tfoot td ul li {
    display: inline;

    margin: 0;
    padding: 0;
}

#top-videos table tfoot td ul li:before {
    content: '['
}

#top-videos table tfoot td ul li:after {
    content: ']'
}

#top-videos table tfoot a:active,
#top-videos table tfoot a:link,
#top-videos table tfoot a:visited,
#top-videos table tfoot a:hover {
    text-decoration: underline;
}

/**
 * Supported Sites
 */
#supported-sites {
    float: left;
    width: 168px;
    margin-top: 50px;
    margin-bottom: 20px;
}

#supported-sites h2 {
    margin: 0 0 10px 0;
    padding: 0;

    text-align: center;
    font-size: 14px;
    color: #8C8C8C;
}

#supported-sites ul {
    margin: 0;
    padding: 0;

    list-style-type: none;
    border-top: 1px solid #F0F0F0;
}

#supported-sites ul li {
    margin: 0;
    padding: 5px 0 5px 20px;

    font-size: 12px;
    border-bottom: 1px solid #F0F0F0;
    background-repeat: no-repeat;
    background-position: 0 4px;
}

#supported-sites ul li.icon-youtube      { background-image: url(../images/icons/mediahosts/youtube.png); }
#supported-sites ul li.icon-break        { background-image: url(../images/icons/mediahosts/break.png); }
#supported-sites ul li.icon-clipfish     { background-image: url(../images/icons/mediahosts/clipfish.png); }
#supported-sites ul li.icon-collegehumor { background-image: url(../images/icons/mediahosts/collegehumor.png); }
#supported-sites ul li.icon-ebaumsworld  { background-image: url(../images/icons/mediahosts/ebaumsworld.png); }
#supported-sites ul li.icon-google       { background-image: url(../images/icons/mediahosts/google.png); }
#supported-sites ul li.icon-liveleak     { background-image: url(../images/icons/mediahosts/liveleak.png); }
#supported-sites ul li.icon-lulu         { background-image: url(../images/icons/mediahosts/lulu.png); }
#supported-sites ul li.icon-metacafe     { background-image: url(../images/icons/mediahosts/metacafe.png); }
#supported-sites ul li.icon-myvideo      { background-image: url(../images/icons/mediahosts/myvideo.png); }
#supported-sites ul li.icon-redtube      { background-image: url(../images/icons/mediahosts/redtube.png); }
#supported-sites ul li.icon-rofl         { background-image: url(../images/icons/mediahosts/rofl.png); }
#supported-sites ul li.icon-sevenload    { background-image: url(../images/icons/mediahosts/sevenload.png); }
#supported-sites ul li.icon-videotube    { background-image: url(../images/icons/mediahosts/videotube.png); }
#supported-sites ul li.icon-youporn      { background-image: url(../images/icons/mediahosts/youporn.png); }
#supported-sites ul li.icon-myspace      { background-image: url(../images/icons/mediahosts/myspace.png); }
#supported-sites ul li.icon-livevideo    { background-image: url(../images/icons/mediahosts/livevideo.png); }
#supported-sites ul li.icon-pornhub      { background-image: url(../images/icons/mediahosts/pornhub.png); }
#supported-sites ul li.icon-tube8        { background-image: url(../images/icons/mediahosts/tube8.png); }
#supported-sites ul li.icon-maxporn      { background-image: url(../images/icons/mediahosts/maxporn.png); }
#supported-sites ul li.icon-keezmovies   { background-image: url(../images/icons/mediahosts/keezmovies.png); }
#supported-sites ul li.icon-yourfilehost { background-image: url(../images/icons/mediahosts/yourfilehost.png); }

/**
 * Full sized content box
 */
#full-size {
    float: left;
    width: 708px;
    position: relative;
    margin-top: 50px;
}

#full-size h1 {
    position: absolute;
    top: -25px;
    left: 0;

    margin: 0;
    padding: 0;

    font-size: 16px;
    color: #ce0101;
}

#full-size h2 {
    margin: 20px 0 4px 0;
    font-size: 14px;
}

#full-size a:active,
#full-size a:link,
#full-size a:visited,
#full-size a:hover {
    text-decoration: underline;
}

/**
 * Source code
 */
textarea.sourcecode {
    display: block;
    width: 428px;
    padding: 10px;

    font-family: monospace;
    font-size: 10px;
    border: 1px solid #ce0101;
}

/**
 * Footer
 */
#footer {
    clear: left;

    width: 730px;

    margin: 0 auto 10px auto;
    padding: 5px 0 0 0;

    background: url(../images/gui/footerline.png) no-repeat;
    text-align: center;
}

#footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footer li {
    display: inline;
}

#footer li:first-child:before {
    display: none;
}

#footer li:before {
    content: '- '
}

#footer ul + ul li:before {
    color: #8C8C8C;
}

#footer li a:active,
#footer li a:link,
#footer li a:visited,
#footer li a:hover {
    text-decoration: none;
    color: #000000;
    font-size: 11px;
}

#footer ul + ul li a:active,
#footer ul + ul li a:link,
#footer ul + ul li a:visited,
#footer ul + ul li a:hover {
    color: #8C8C8C;
}