html {
    background: #280005 url(/img/bg.jpg) top center no-repeat;
}

body {
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 10pt;

}

#master {
    width: 999px;
    margin: auto;
}

a {text-decoration: none; color: black;}
a:hover {text-decoration: underline;}
img { border: none; }

#header {
    background: url(/img/header_bg.jpg) top right no-repeat;
    position: relative;
}

#toptext {
    position: absolute;
    top: 0;
    right: 0;
    width: 730px;
    font-size: 9pt;
    color: #5F0015;
}

#menu {
    position: absolute;
    bottom: 5px;
    right: 0;
    list-style-type: none;
    height: 23px;
    margin: 0 0 5px 0;
    padding: 0;
}
#menu li {
    float: left;
    padding-left: 25px;
    font-size: 14pt;
    
    color: #2e2c2c;
    margin-right: 20px;
    line-height: 23px;
    height: 23px;
}

#menuhome { background: url(/img/menu_icons.png) 0 0 no-repeat; }
#menuvideos { background: url(/img/menu_icons.png) 0 -23px no-repeat; }
#menuplugs { background: url(/img/menu_icons.png) 0 -46px no-repeat; }
#menutags {background: url(/img/menu_icons.png) 0 -69px no-repeat; }

#clapper {
    background: #1C1C1C url(/img/clapper.png) no-repeat;
    height: 87px;
}

#highlight {
    background: #0F0F0F url(/img/highlight_bg.png) repeat-x;
    padding: 0 10px 10px 10px;
    overflow: auto;
}

#page {
    background: white;
    min-height: 630px;
    padding: 10px;
    background: white url(/img/page_bg.png) repeat-x;
}

h1 {
    margin: 0;
    padding: 10px 0;
}

.title {
    color: #CA1F71;
    font-weight: bold;
    font-size: 11pt;
    padding-bottom: 5px;
    display: block;
}
.subtitle {
    color: #B2ADB2;
    font-weight: bold;
    font-size: 12pt;
    padding: 0;
    margin: 0;
}
.desc {
    color: #4D4D4D;
    text-align: justify;
    font-weight: bold;
    text-shadow: 2px 2px 3px #141414;
    font-family: "Trebuchet MS", Arial;
    width: 544px;
    font-size: 9pt;
    padding-top: 5px;
}

.desc strong {
    color: #7E7E7E;  
}

.infos {
    padding-top: 10px;
    color: #333333;
    font-weight: bold;
    font-size: 9pt;
    text-align: right;
    width: 544px;
}
.infos a {
    color: #CA1F71;
}

.videos {
    overflow: auto;
    width: 100%;
}

.videos a {
    float: left;
    display: block;
    font-weight: bold;
    font-size: 8pt;
    margin: 0 5px 0 5px;
    height: 166px;
    overflow: hidden;
    color: #343434;
    width: 234px;
}
.videos a.bigvideo {
    width: 478px;
    height: 332px;
}
.videos a:hover, .sidevideos a:hover {
    text-decoration: none;
    color: #73227E;
}
.sidevideos a:hover { color: #DF0097; }

.videos span {
    display: block;
    border: 1px solid #DADADA;
    padding: 3px;
    margin-bottom: 2px;
}


.videos img,#categories img {
    border: 1px solid #DBDBDB;
}


#sidevideos2c {
    float: right;
    width: 430px; 
    margin: 0 0 0 0;
    overflow: auto;
}

.sidevideos .title { padding-left: 10px; }

.sidevideos a {
    float: left;
    width: 200px;
    height: 160px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);
    color: #D8D8D8;
    font-weight: bold;
    font-size: 8pt;
    border: 2px solid #1A1A1A;
    background: #0F0F0F;
    margin: 0 0 10px 10px;
}
.sidevideos span {
    display: block;
    padding: 5px 2px;
}

#player {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);
    width: 544px;
    margin: 0 0 10px 0;
}

#player video {
    width: 544px;
    height: 306px;
}

#flash-player { position: relative; color: white; font-weight: bold; text-align: center; font-size: 9pt; }
#flash-player a { color: orange; }
#flash-player .overlay { background: black; opacity: 0.8; z-index: 1; }
#flash-player div { position: absolute; width: 100%; height: 50px; bottom: 30px; left: 0; z-index: 2; line-height: 20px; padding-top: 5px; }

#catcher {
    height: 105px;
    width: 792px;
    background: url(/img/catcher_bg.png)no-repeat;
    margin: auto;
    position: relative;
}

#catcher input.text {
    position: absolute;
    width: 397px;
    height: 45px;
    border: none;
    border-color: transparent;
    color: gray;
    font-size: 14pt;
    text-align: center;
    top: 51px;
    left: 120px;
}
#catcher input.submit {
    width: 120px;
    height: 45px;
    border: none;
    background: transparent;
    color: white;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 51px;
    left: 545px;
}

h3 {
    font-size: 10pt;
    background: #F7F7F7;
    padding: 5px;
    border: 1px solid #E8E8E8;
    margin: 10px 0;
}
h3 a {
    color: black;
}

em {
    font-style: normal;
    color: #E3266D;
    font-weight: bold;
}

#bottom {
    color: #1E1E1E;
    font-size: 8pt;
    text-align: left;
    border-top: 1px solid #E5E5E5;
    background: white;
    padding: 10px;
}

#bottom div {
    float: right;
}

.pagination {
    text-align: center;
    padding: 20px 0;
}

.pagination ul {
    list-style-type: none;
    overflow: hidden;
    display: inline-block;
    font-family: Verdana;
    font-weight: bold;
    font-size: 9pt;
    color: #6C6C6C;
    margin: 0 auto;
    padding: 0;
}
.pagination li.legend { padding: 5px; }
.pagination li {
    display: block;
    float: left;
    margin-right: 5px;
}
.pagination a {
    display: block;
    line-height: 24px;
    padding: 0 4px;
    border: 1px solid #CCCCCC;
    color: #73227E;
}
.pagination a:hover {
    background: #E9E9E9;
    text-decoration: none;
    color: black;
}
.pagination a.current {
    font-size: 19pt;
    border: none;
    line-height: 26px;
    color: #343434;
    font-family: "Trebuchet MS";
}
.pagination a.current:hover {
    background: none;
    color: #73227E;
}

.ads {
    float: right;
    padding-right: 50px;
}
.ads a {
    display: block;
    margin-bottom: 10px;
}
.ads a:last-child {
    margin-bottom: 0;
}

a.videoplay {
    width: 544px;
    height: 306px;
    position: relative;
    display: block;
}
a.videoplay span {
    position: absolute;
    background: url(/img/play.png) no-repeat;
    top: 50%;
    left: 50%;
    margin-left: -54px;
    margin-top: -55px;
    z-index: 1;
    height: 110px;
    width: 108px;
}