/* general styles *************************************************************/
* {
        margin: 0;
        padding: 0;
        font-size: 1em;
}
html {
        background: #00537a url(/images/html-bg.gif) repeat-x;
        height: 100%;
}
body {
        background: url(/images/body-bg.gif) repeat-x 0 100%;
        color: #333333;
        font: 11px/14px Arial, Helvetica, sans-serif;
        min-height: 100%;
        position: relative;
        min-width: 1000px;
}
a:hover {

}
img {
        border: none;
}
p {
        margin: 1em 0;
}
ul,
ol {
        list-style: none;
}
address {
        font-style: normal;
}

.wrap {
        width: 100%;
        overflow: hidden;
}
.left {
        float: left !important;
        display: inline;
}
.right {
        float: right !important;
        display: inline;
}
.leftalign {
        text-align: left;
}
.rightalign {
        text-align: right;
}
.centeralign {
        text-align: center;
}

/* page holder ****************************************************************/
.wrapper {
        width: 100%;
        position: absolute;
        left: 0;
        overflow: hidden;
}
.wrapper-top {
        top: 0;
}
.wrapper-bottom {
        bottom: 0;
}
.wrapper .centered {
     width: 1000px;
     left: 50%;
     top:0;
     margin-left: -500px;
     position: relative;
     height: 497px;
}
.wrapper-top .right-corner {
     width: 200px;
     left: 1000px;
     top: 0;
     position: absolute;
     background: url(/images/right-top-corner.jpg) no-repeat;
     height: 295px;
}
.wrapper-top .left-corner {
     width: 200px;
     left: -200px;
     top: 0;
     position: absolute;
     background: url(/images/left-top-corner.jpg) no-repeat;
     height: 295px;
}
.wrapper-bottom .right-corner {
     width: 187px;
     left: 1000px;
     bottom: 0;
     position: absolute;
     background: url(/images/right-bottom-corner.jpg) no-repeat;
     height: 497px;
}
.wrapper-bottom .left-corner {
     width: 187px;
     left: -187px;
     bottom: 0;
     position: absolute;
     background: url(/images/left-bottom-corner.jpg) no-repeat;
     height: 497px;
}
*+html .wrapper .right-corner {
        left: 999px;
}
#container {
        width: 1000px;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        z-index: 3;
}
#header {
        background: url(/images/header-bg.jpg) no-repeat;
        width: 1000px;
        height: 186px;
        overflow: hidden;
}
#header h1 a {
        width: 545px;
        height: 123px;
        text-indent: -9999px;
        display: block;
        overflow: hidden;
}
#header p {
        width: 418px;
        color: #fff;
        position: absolute;
        top: 18px;
        left: 566px;
        font: 12px/14px Arial, Helvetica, sans-serif;
}
#header strong {
         color: #fff;
}
.pagination {
        float: left;
        padding: 10px 0 0 29px;
}
.pagination li {
        float: left;
 }
.pagination li a {
        font: bold 15px/26px Tahoma, Helvetica, sans-serif;
        color: #01bfff;
        text-decoration: none;
        line-height: 33px;
        float: left;
        padding: 0 8px 0 8px;
}
.pagination li a:hover {
        height: 33px;
        color: #feb300;
        display: block;
}
.arhiv {
        font: bold 20px/22px Tahoma, Helvetica, sans-serif;
        color: #01bfff;
        padding: 5px 10px 0 0;
}
/* main content area **********************************************************/
.content {
        width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 2;
}
.headline-first {
        background: url(/images/headline-first.jpg) no-repeat;
        height: 38px;
        overflow: hidden;
}
.headline-first h2 {
        float: left;
        text-align: center;
        padding-left: 33px;
        width: 178px;
        color: #ffe800;
        font: bold 22px/23px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.headline-second {
        background: url(/images/headline-second.jpg) no-repeat;
        height: 67px;
        overflow: hidden;
        margin-top: -8px;
}
.headline-second h2 {
        float: left;
        text-align: center;
        padding-left: 38px;
        width: 346px;
        color: #ffe800;
        font: bold 22px/64px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.headline-third {
        background: url(/images/headline-second.jpg) no-repeat;
        height: 67px;
        overflow: hidden;
        margin-top: -8px;
}
.headline-third h2 {
        float: left;
        text-align: center;
        padding-left: 38px;
        width: 346px;
        color: #ffe800;
        font: bold 22px/64px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.headline-first .bookmark {
        background: url(/images/bookmark.png) no-repeat;
        height: 21px;
        width: 169px;
        float: right;
        text-indent: -9999px;
        margin-right: 40px;
        margin-top: 10px;
        overflow: hidden;
        cursor: pointer;
}
.headline-second .bookmark {
        background: url(/images/bookmark.png) no-repeat;
        height: 21px;
        width: 169px;
        float: right;
        text-indent: -9999px;
        margin: 30px 40px 0 0;
        overflow: hidden;
        cursor: pointer;
}
.headline-third .bookmark {
        background: url(/images/bookmark.png) no-repeat;
        height: 21px;
        width: 169px;
        float: right;
        text-indent: -9999px;
        margin: 30px 40px 0 0;
        overflow: hidden;
        cursor: pointer;
}
.headline-free h2 {
        float: left;
        padding-left: 47px;
        width: 349px;
        color: #ffe800;
        font: bold 22px/64px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.headline-gay h2 {
        float: left;
        padding-left: 47px;
        width: 349px;
        color: #ffe800;
        font: bold 22px/64px Trebuchet MS, Arial, Helvetica, sans-serif;
}
.headline-free {
        background: url(/images/headline-free.jpg) no-repeat;
        height: 70px;
        overflow: hidden;
        margin-top: -8px;
}
.headline-free .bookmark {
        background: url(/images/bookmark.png) no-repeat;
        height: 21px;
        width: 169px;
        float: right;
        text-indent: -9999px;
        margin: 30px 40px 0 0;
        overflow: hidden;
        cursor: pointer;
}
.headline-gay {
        background: url(/images/headline-gay.jpg) no-repeat;
        height: 70px;
        overflow: hidden;
        margin-top: -16px;
}
.headline-gay .bookmark {
        background: url(/images/bookmark.png) no-repeat;
        height: 21px;
        width: 169px;
        float: right;
        text-indent: -9999px;
        margin: 30px 40px 0 0;
        overflow: hidden;
        cursor: pointer;
}
.bookmark:hover {
        background-position: 0 100%;
}
.box1-center {
        background: url(/images/box1-center.jpg) repeat-y;
        width: 1000px;
        overflow: hidden;
        margin-bottom: 8px;
}
.box1-top {
        background: url(/images/box1-top.jpg) no-repeat;
        width: 1000px;
        overflow: hidden;
}
.box1-bottom {
        background: url(/images/box1-bottom.jpg) no-repeat 0 100%;
        width: 1000px;
        overflow: hidden;
        padding-bottom: 14px;
}
.box2-center {
        background: url(/images/box2-center.jpg) repeat-y;
        width: 1000px;
        overflow: hidden;
        margin-bottom: 16px;
}
.box2-top {
        background: url(/images/box2-top.jpg) no-repeat;
        width: 1000px;
        overflow: hidden;
}
.box2-bottom {
        background: url(/images/box2-bottom.jpg) no-repeat 0 100%;
        width: 1000px;
        overflow: hidden;
        padding: 0 0 6px 0;
}
.box3-center {
        background: url(/images/box3-center.gif) repeat-y;
        width: 988px;
        overflow: hidden;
        margin-bottom: 16px;
}
.box3-top {
        background: url(/images/box3-top.gif) no-repeat;
        width: 988px;
        overflow: hidden;
}
.box3-bottom {
        background: url(/images/box3-bottom.gif) no-repeat 0 100%;
        height: 1%;
        overflow: hidden;
        padding: 0 0 0 4px;
        width: 988px;
}
.box3-bottom2 {
        background: url(/images/box3-bottom2.gif) no-repeat 0 100%;
        padding: 0 0 0 4px;
        width: 988px;
        overflow: hidden;
}
.thumb {
        overflow: hidden;
        padding: 7px 0 9px 23px;
        width: 100%;
        float: left;
}
.thumb li {
        float: left;
        padding: 4px 4px 5px 5px;
}
.thumb li img {
        background:#eee url(/images/thumb.jpg) 0 0 no-repeat;
        width:180px; height:240px;
        border: 1px solid #7cbdff;
        display: block;
}
.thumb-small {
        overflow: hidden;
        padding-left:37px;
        margin-top: -10px;
        width: 1000px;
        float: left;
}
.thumb-small li {
        float: left;
        padding: 9px;
}
.thumb-small li img {
        background:#eee url(/images/thumb-small.jpg) 0 0 no-repeat;
        width:135px; height:180px;
        border: 1px solid #7cbdff;
        display: block;
}
.thumb-wide {
        overflow: hidden;
        width: 1000px;
        float: left;
        padding-left: 23px;
        margin-top: -10px;
}
.thumb-wide li {
        float: left;
        padding: 4px 4px 5px 5px;
}
.thumb-wide li img {
        border: 1px solid #7cbdff;
        display: block;
}
.box-center {
        background: url(/images/box-center.gif) repeat-y;
        width: 154px;
        overflow: hidden;
        float: right;
        display: inline;
        margin: 10px 8px 0 0;
}
.box {
        margin: 0 1px 5px 1px;
        width: 152px;
        overflow: hidden;
}
.box li {
        float: left;
        width: 100%;
        overflow: hidden;
}
.box a {
        font: bold 10px/24px Tahoma, Helvetica, sans-serif;
        color: #8c7e6f;
        text-decoration: none;
        background: url(/images/bg-a.gif) repeat-x;
        height: 23px;
        overflow: hidden;
        float: left;
        padding-left: 15px;
        width: 100%;
}
.box a:hover {
        color: #161616;
        text-decoration: underline;
        background-position: 0 -23px;
}
.magnum {
        font: bold 14px/17px Tahoma, Helvetica, sans-serif;
        color: #15a7cf;
        float: left;
        width: 277px;
        padding: 7px 6px 16px 50px;
}
.magnum a {
        font: bold 14px/17px Tahoma, Helvetica, sans-serif;
        color: #15a7cf;
        text-decoration: none;
        text-transform: none;
}
.magnum a:hover {
        color: #feb300;
        text-decoration: underline;
}
.wrap.view {
        padding-left: 28px;
}
.jock {
        width: 330px;
        float: left;
        padding: 9px 2px 18px 0px;
}
.jock li {
        width: 100%;
        overflow: hidden;
}
.jock a {
        color: #15a7cf;
        font: bold 12px/22px Tahoma, Helvetica, sans-serif;
        text-decoration: none;
        margin-left: 7px;
}
.jock a span {
        font: bold 12px/22px Tahoma, Helvetica, sans-serif;
        color: #fefefe;
        background: url(/images/view-gal.png) no-repeat;
        height: 22px;
        width: 93px;
        float: left;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        }
.jock a:hover span {
        color: #00537a;
        background-position: 0 -23px;
        text-decoration: none;
}
.jock a:hover {
        color: #feb300;
        text-decoration: underline;
}
/* footer *********************************************************************/
#footer {
        background: url(/images/bg-footer.jpg) no-repeat;
        width: 1000px;
        height: 414px;
        position: relative;
        z-index: 3;
        margin-top: -16px;
}
#footer .pagination {
        padding-top: 6px;

}
#footer .bookmark {
        margin: 22px 17px 0 10px;
        position: relative;
        z-index: 10;
        text-indent: 0;
        text-indent: -9999px;
}
.footer-text p {
        margin: 0;
}
.footer-text {
        text-align: center;
        width: 480px;
        position: absolute;
        bottom: 28px;
        left: 262px;
        color: #0044aa;
        font: 12px/14px Tahoma, Arial, helvetica, sans-serif;
}
.footer-text a {
        color: #0044aa;
        text-decoration: none;
}
.footer-text a:hover {
        color: #2dbd00;
        text-decoration: underline;
}
.f_statement {font-size:18px;}