/*
**  Reset
*/
body, h1, h2, h3, h4, h5, h6, div, p, span, ul, li, img, form, input, th, td, table {
    margin: 0px;
    padding: 0px;
    border-style: none;
}
form {
    display: inline;
}

/*
**  Typography
*/
body, h1, h2, h3, h4, h5, h6, div, p, span, ul, li, ol, input, th, td, table {
    font-family: Tahoma, Geneva, sans-serif;
}
body { font-size: 9pt; }
a { text-decoration: none; color: #c22268; }
a:hover { text-decoration: underline; }
ol {
    margin: 0px;
    padding: 0px 0px 10px 20px;
}

/*
**  Common helpers
*/
.padded {
    padding: 20px;
}
.clear {
    clear: both;
}
.right {
    float: right;
    clear: both;
}
.center {
    text-align: center;
}
strong {
    font-weight: normal;
    color: #FFFFFF;
}

/*
**  Background
*/
body {
    background-color: #844ea2;
    background-image: url(/gfx/background.png);
    background-repeat: repeat-x;
    text-align: center;
}
#iframe {
    background-color: #844ea2;
    background-image: none;
}
#page-container {
    width: 960px;      /* page width */
    margin: 0px auto 0px auto;
    text-align: left;
}

/*
**  Topbar
*/
#topbar {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    /*font-size: 9pt;*/
    color: #331a45;
    color: #e6dcec;
}
#topbar a {
    color: #FFFFFF;
}
#topbar span {
    float: left;
    text-shadow: #331a45 1px 1px 2px;
}
#language-select {
    float: right;
    height: 26px;
    line-height: 26px;
    text-shadow: #331a45 1px 1px 2px;
}
#language-select img {
    vertical-align: middle;
    line-height: 26px;
}


/*
**  Header
*/
#header {
    height: 210px;
    overflow: hidden;
    background-image: url(/gfx/logo4.jpg);
    background-repeat: no-repeat;
}
#header h1 a {
    display: block;
    float: left;
    width: 511px;
    height: 181px;
    margin: 0px 0px 0px 0px;
}
#header h1 span {
    display: none;
}
#intro {
    float: right;
    width: 440px;
    margin: 25px 0px 0px 0px;
    color: #8d7b99;
    text-align: justify;
}

/*
**  Tabs
*/
#tabs {
    height: 29px;
    line-height: 29px;
    overflow: hidden;
}
#tabs a.tab,
#tabs a.tab-current {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 3px;
    background-repeat: no-repeat;
    background-position: top left;
}
#tabs a:hover {
    text-decoration: none;
}
#tabs a.tab span,
#tabs a.tab-current span {
    display: block;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0px 13px 0px 10px;
    height: 20px;
    line-height: 20px;
}
#tabs a.tab {
    color: #793da4;
    background-image: url(/gfx/tab.gif);
}
#tabs a.tab-current {
    color: #ffffff;
    background-image: url(/gfx/tab-current.gif);
    text-shadow: #331a45 1px 1px 2px;
}
#tabs a.tab:hover {
    color: #c22268;
    background-image: url(/gfx/tab-hover.gif);
}
#tabs a.tab span {
    background-image: url(/gfx/tab.gif);

}
#tabs a.tab-current span {
    background-image: url(/gfx/tab-current.gif);
}
#tabs a.tab:hover span {
    background-image: url(/gfx/tab-hover.gif);
}

/*
**  Search
*/
#search {
    clear: both;
}
#search span {
    float: left;
    clear: none;
}
#input-q {
    float: right;
    clear: none;
    height: 20px;
    line-height: 20px;
    width: 120px;
    background-color: #331a45;
    background-image: url(/gfx/search2.png);
    vertical-align: top;
    color: #e6dcec;
    text-indent: 5px;
}
#show-offline {
    float: right;
    width: 120px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 9pt;
}
#show-offline a {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-image: url(/gfx/checkbox.gif);
}
#show-offline a:hover {
    background-position: -20px 0px;
}
#show-offline a.checked {
    background-position: 0px -20px;
}
#show-offline a.checked:hover {
    background-position: -20px -20px;
}

/*
**  Pagination
*/
.pagination {
    float: right;
}
.pagination a,
.pagination span {
    display: block;
    float: left;
    margin: 0px 0px 0px 10px;
    line-height: 20px;
    text-align: center;
    color: #e6dcec;
    /*font-size: 9pt;*/
}
.pagination a {
    width: 20px;
    height: 20px;
    background-image: url(/gfx/pagination-top.gif);
}
.pagination a:hover {
    text-decoration: none;
}
.pagination a.page {
    background-position: -60px 0px;
    background-position-x: -60px;
    color: #331a45;
}
.pagination a.page-current {
    background-position: -20px 0px;
    background-position-x: -20px;
    color: #FFFFFF;
    text-shadow: #331a45 1px 1px 2px;
}
.pagination a.page:hover {
    background-position: 0px 0px;
    background-position-x: 0px;
    color: #c22268;
}
.pagination a.prevnext {
    background-position: -40px 0px;
    background-position-x: -40px;
    color: #e6dcec;
}
/* Bottom */
.padded .pagination {
    clear: both;
    margin: 0px 4px 0px 0px;
    color: #844ea2;
}
.padded .pagination a {
    background-image: url(/gfx/pagination-bottom.gif);
}
.padded .pagination a.page {
    background-position: -40px 0px;
    background-position-x: -40px;
    color: #e6dcec;
}
.padded .pagination a.page:hover {
    background-position: 0px 0px;
    background-position-x: 0px;
    color: #c22268;
}
.padded .pagination a.prevnext {
    background-position: -60px 0px;
    background-position-x: -60px;
    color: #844ea2;
}
.padded .pagination span {
    color: #844ea2;
}



/*
**  Content
*/
#content {
    background-color: #e6dcec;
    background-image: url(/gfx/background-sexcams.png);
    background-repeat: repeat-x;
    overflow: hidden;
    color: #5d4170;
}

#right {
    float: right;
    width: 184px;
    overflow: hidden;
    color: #5d4170;
}

/*
**  Sexcams
*/
ul.sexcams {
    display: block;
    width: 736px;
    list-style: none;
    overflow: hidden;
}
#iframe ul.sexcams {
    width: auto;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
ul.sexcams li {
    list-style: none;
    float: left;
    margin: 0px 2px 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px 27px;
}
div.sexcam {
    width: 182px;
    height: 178px;
    background-image: url(/gfx/sexcam-frame.png);
    text-align: center;
}
div.sexcam a.nickname {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: left;
    vertical-align: center;
    padding: 0px 0px 0px 26px;
    color: #700031;
    background-image: url(/gfx/online-small.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-shadow: #FFFFFF 1px 1px 2px;
}
div.sexcam div.info {
    width: 160px;
    height: 140px;
    text-align: left;
    margin: 0px auto 0px auto;
    overflow: hidden;
}
div.sexcam a.preview {
    display: block;
    width: 160px;
    height: 116px;
    margin: 0px auto 4px auto;
    overflow: hidden;
}
div.sexcam span.languages {
    float: left;
}
div.sexcam a.profile {
    color: #700031;
    float: right;
}
.one2one,
.one2one-occupied {
    display: block;
    margin: 4px;
    width:63px;
    height:15px;
}
.one2one {
    background-image: url(/gfx/one2one.png);
}
.one2one-occupied {
    background-image: url(/gfx/one2one-busy.png);
}
.hd {
    display: block;
    margin: 75px 0px 0px 128px;
    width:23px;
    height:16px;
    background-image: url(/gfx/hd.png);
}


/* offline */
ul.sexcams li.offline {
    background-image: url(/gfx/sexcam_offline.png);
}
li.offline div.sexcam a.nickname {
    background-image: url(/gfx/offline-small.png);
}




#infobar {
    padding: 20px;
    border: 1px solid red;
}



h2 {
    color: #e6dcec;
    font-weight: normal;
    font-size: 13pt;
    text-shadow: #331a45 1px 1px 2px;
}
#content h2 {
    margin: 0px 0px 10px 4px;
}
#content p {
    margin: 0px 0px 10px 4px;
}
h3 {
    color: #e6dcec;
    font-weight: normal;
    font-size: 11pt;
    text-shadow: #331a45 1px 1px 2px;
}
#content h3 {
    color: #705c7e;
    font-weight: normal;
    font-size: 13pt;
    text-shadow: none;
}
#foot h3 {
    color: #844ea2;
    font-weight: normal;
    font-size: 13pt;
    text-shadow: none;
}



/*
**  Foot
*/
#foot {
    background-color: #331a45;
    background-image: url(/gfx/background-foot.gif);
    background-repeat: repeat-x;
    background-position: top left;
}
#foot-content {
    background-color: #d6d1da;
    background-image: url(/gfx/background-foot-content.gif);
    background-repeat: repeat-x;
    background-position: top left;
    width: 960px;
    margin: 0px auto 0px auto;
    text-align: left;
    /*font-size: 9pt;*/
    color: #a095a9;
}
#foot-content h3 { color: #6b5878; }
#foot-content a { color: #c95e8f; }
#foot-content a:hover {
    color: #c22268;
    text-decoration: none;
}
#foot-content .link {
    margin-top: 12px;
    float: left;
    width: 305px;
}
#copyright { text-align: right; }
#copyright strong { color: #6b5878; }

/*
**  Tag cloud
*/
p.cloud { text-align: center; }
a.tag1,
a.tag2,
a.tag3,
a.tag4,
a.tag5 { color: #c22268; }
a.tag1 { font-size: 8pt; }
a.tag2 { font-size: 10pt; }
a.tag3 { font-size: 12pt; }
a.tag4 { font-size: 14pt; }
a.tag5 { font-size: 16pt; }


/*
**  Profile
*/
#profile { width: 736px; }
#photo {
    float: left;
    height: 550px;
    width: 550px;
    background-position: center center;
    background-repeat: no-repeat;
}
#thumbnails {
    float: left;
    clear: left;
    width: 130px;
    text-align: left;
}

#profile table.profile-left {
    float: left;
    margin: 0px 0px 10px 4px;
    width: 296px;
}
#profile table.profile-right {
    float: left;
    margin: 0px 0px 10px 20px;
    width: 400px;
}
#profile table.profile-right thead tr {
    background-color: transparent;
    background-image: url(/gfx/profile-table-right.png);
}
#profile table.profile-left thead tr {
    background-color: transparent;
    background-image: url(/gfx/profile-table-left.png);
}
#profile th,
#profile td {
    text-align: left;
    vertical-align: top;
}
#profile table tbody th { width: 150px; }
#profile th,
#profile td { padding: 0px 13px 0px 10px; }
#profile table.profile-right tbody td { padding-bottom: 10px; }
#profile thead td {
    height: 20px;
    line-height: 20px;
    text-shadow: #331a45 1px 1px 2px;
    color: #ffffff;
}

/*
**  Chat now button
*/
#chatnow {
    width: 274px;
    height: 67px;
    overflow: hidden;
    background-image: url(/gfx/chatnow.png);
    background-repeat: no-repeat;
}
#chatnow a {
    float: left;
    padding: 22px 0px 0px 20px;
    height: 20px;
    width: 274px;
    line-height: 20px;
    color: #FFFFFF;
}

/*
**  Teaser video
*/
#teaser {
    text-align: center;
    width: 550px;
    margin: 0px 0px 0px 130px;
}
#player {
    margin: auto;
}

/*
**  Links
*/
ul.links {
    list-style: none;
    margin: 0px 0px 10px 4px;    
}
ul.links li {
    list-style: none;
}