/* Reset */
* { padding: 0; margin: 0; }
a:active, a:focus, object { outline: none; }

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Main */
html { height: 100%; }
body { height: 100%; background-color: #fff; color: #222; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#wrapper { position: relative; width: 980px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -53px; }

/* Userbar */
#userbar { position: relative; height: 55px; width: 980px; z-index: 2; background-color: #fff; }
.bar { position: absolute; right: 0; background: url('../images/line-dotted-horizontal.gif') repeat-x bottom; padding: 9px 0; font-size: 11px; }

#login-info { float: left; margin-right: 24px; }

#member-info { float: left; margin-top: 3px; }
#member-info li { display: inline; }
#member-info li a, #member-info li input { margin-right: 24px; color: #71808b; }
#member-info li input { background: none; border: 0; cursor: pointer; }

#search { float: left; }
#search fieldset { border: 1px solid #cfdee8; }
#search fieldset input { border: 0; height: 15px; margin: 0; padding: 2px 0; }
#search fieldset input[type='submit'] { background: url('../images/gradient-search.gif') repeat-x; color: #fff; font-size: 10px; height: 19px; padding: 1px 3px;  }

/* Top menu */
ul.menu li { display: inline; }
#top-menu { clear: both; padding-bottom: 15px; text-align: center; position: relative; z-index: 2; background-color: #fff; }
#top-menu ul { white-space: nowrap; }
#top-menu li { text-transform: uppercase; font-size: 15px; background: url('../images/menu-dot.gif') no-repeat 0 10px; padding-left: 10px; margin: 0 8px; }
#top-menu li a, #top-menu li a.active { color: #868686; }
#top-menu li a:hover,
#top-menu li a.active { color: #000; }
#top-menu li a.special { color: #da1515; }
#top-menu li a.special:hover { color: #000; }

/* Tooltip */
#menutooltip, #mediapacktip { display: none; position: absolute; z-index: 100; }
.tooltip { font-size: 11px; left: 0; }
#mediapacktip .bottom { padding: 5px 10px 10px; }
#menutooltip .top { padding: 10px 10px 5px; }
.tooltip p, .tooltip a { white-space: nowrap; display: block; }
.tooltip a { line-height: 16px; vertical-align: middle; }
.tooltip img { display: inline; margin-right: 9px; vertical-align: middle; }
#mediapacktip a { color: #cadae6 !important; }
#mediapacktip a:hover { color: #da1515 !important; }

/* Header */
#header { width: 100%; position: relative; z-index: 2; height: 102px; }

#video-header { width: 980px; height: 332px; margin-bottom: 9px;}
#exclusives-header { width: 980px; background-color: black; padding: 20px 0; margin-bottom: 12px; }
#exclusives-player { margin: 0 auto;}

/* Mid menu */
#categories .mbutton { margin-right: 9px; }
#categories { float: left; width: 100%; font-size: 14px; margin-top: 3px; }
#categories ul { display: inline; }
#categories li { margin: 0 6px; }
#categories li a { color: #71808b; }
#categories li a:hover,
#categories li a.active { color: #000; }

.hr { clear: both; background: url('../images/line-dotted-horizontal.gif') repeat-x left center; height: 9px; }
.hr hr { display: none; }

#follow { margin: 24px 0; font-size: 11px; font-weight: bold; }
#follow a,
#follow span { float: left; }
#follow a img { margin-top: -3px; margin-left: 9px; }

/* Footer */
#footer { width: 964px; height: 19px; background-color: #000; color: #9c9c9c; font-size: 11px; padding: 8px; margin: 18px auto 0; }
#footer a { color: #9c9c9c; }
#footer .copyrights { float: left; }
#footer ul { float: right; }
#footer li { text-transform: uppercase; margin-left: 20px; }
#footer-fill { width: 980px; height: 53px; }

/* Links */
a img { border: 0; display: block; }
a { color: inherit; text-decoration: none; }
p a:hover { text-decoration: underline; }
a.avant { color: #000; }
.blue a { color: #000; }
.black a { color: #fff; }

/* Headers */
#header h1,
#header h2 { display: none; }
#content h2 { margin-left: 9px; font-size: 36px; }
.home-box h2 { margin-left: 0 !important; }
h2 span { color: #d93b3b; }
#michael-malitowski h2, #joanna-leunis h2 { display: block !important; color: #fff; }
div.box h3 { font-size: 15px; font-weight: normal; margin-bottom: 9px; }
div.home-box h3 { font-size: 11px; font-weight: bold; }
div.ad-box h3 { font-size: 11px; font-weight: bold; }
div.ad-box h3.spiegel { font-size: 15px; font-weight: normal; margin-bottom: 9px; }
#exclusives h3, #news .news h3 { font-size: 14px; margin-bottom: 5px; }
.head h3, .profile-section h4 { font-size: 12px; color: #000; font-weight: bold; }
h3 a, h4 a { color: inherit; }
h3.section-header { margin: 9px 0 24px 0; text-transform: uppercase; }
/* date */
h4, h5 { margin: 3px 0; font-size: 10px; font-weight: normal; color: #71808b; }
.black h5 { font-size: 10px; color: #c2d8ee; font-weight: normal; margin-top: 6px;}

/* Cufon */
.spiegel { text-transform: uppercase; }
.spiegel span,
.avant span { color: #d93b3b; }
#top-menu .cufon { overflow: hidden; }

/* Canvas */
div.canvas div, div.canvas div * { left: 0; }

.button, .pbutton, .mbutton, .abutton { text-transform: uppercase; color: #fff !important; font-size: 12px; padding: 1px 15px;  }
.button { background-color: #000; cursor: pointer; }
.button:hover, .mbutton:hover, .abutton:hover { color: #c5c5c5; }
.pbutton { background-color: #71808b; }
.mbutton { background-color: #5587cb; }
.abutton { background-color: #da1515; }

/* Main content */
#content { width: 980px; position: relative; z-index: 2; min-height: 100%; }

/* 2 columns layout */
#pedestal .left,
#content .left { float: left; padding-right: 10px; }
#pedestal .right,
#content .right { float: right; padding-left: 10px; }
#content .top { background-color: #fff; padding-bottom: 9px; }

#pedestal { clear: both; float: left; position: relative; width: 100%; height: 1px; z-index: 0; }
#pedestal .left { background: url('../images/line-dotted-vertical.gif') repeat-y right top; height: 1px; margin-top: -16000px; padding-top: 16000px; }
#pedestal .right { background: url('../images/line-dotted-vertical.gif') repeat-y left top; height: 1px; margin-top: -16000px; padding-top: 16000px; }
/* layout1 - 2 columns right wider */
div.layout1 .left { width: 383px; }
div.layout1 .right { width: 568px; }

/* layout2 - 2 columns left wider */
div.layout2 .left { width: 635px; }
div.layout2 .right { width: 317px; }
div.layout2 .right .box { margin-bottom: 9px;}

/* layout3 - 1 box */
div.layout3 div.box { width: 582px; margin: 0 auto; }
div.layout3 div.error { width: 168px; margin: 0 auto; padding-top: 21px; text-align: center !important;}

/* layout4 - 2 columns left wider no dots */
div.layout4 { margin-bottom: 24px; }
div.layout4 .left { width: 635px; background: none !important; }
div.layout4 .right { width: 325px; background: none !important; }

/* Boxes */
div.box { padding: 6px 9px; }
div.home-box { padding: 0 9px 9px; } 
div.ad-box { padding: 3px 9px 6px; margin-bottom: 9px; }

/* Popups */
div.popup { position: absolute; z-index: 200; display: none; }
#popup-login { width: 265px; height: 180px; }

/* Boxes colors */
#content div.black { background-color: #000; color: #fff; }
#content div.grey { background-color: #e3e3e3; }
#content div.blue { background-color: #cadae6; }
div.popup div.box { background-color: #e3e3e3; }

/* Mini boxes */
#for-you ul,
#for-you p { float: left; }
#for-you ul { width: 100px; padding-right: 9px; margin-top: 5px;}
#for-you ul li { list-style: none; border-bottom: 1px solid #000; padding: 5px 0;}
#for-you ul li.last { border: 0; }
#for-you p { width: 131px; padding-left: 9px; margin-top: 50px; }
#for-you-image { width: 116px; height: 77px; float: left; margin-top: 5px;}
.fy-img { position: absolute; }

/* Home */
#news { height: 109px; margin-bottom: 22px;}
#news .container { float: left; position: relative; overflow: hidden; width: 349px; height: 107px; background-color: #c2d2de; margin-bottom: 2px; }
#news .items { position: absolute; float: left; width: 20000em; }
#news .news { float: left; height: 94px; width: 331px; padding: 15px 9px 0 9px; }
#news .news p { font-size: 11px; color: #575757; }
#news .prev, #news .next { width: 16px; height: 107px; float: left; cursor: pointer; margin-bottom: 2px; }
#news .prev { border-right: 1px solid #fff; }
#news .next { border-left: 1px solid #fff; }
#news .prev.disabled:hover, #news .next.disabled:hover { background-color: #c2d2de; cursor: default; }

.home-box .avatar, .ad-box .avatar { float: left; margin-right: 9px; }
.latest { margin-top: 9px; width: 100%; }
#yours { display: block; background-color: red; border: 5px solid black; width: 100%; }
#home-our-latest { margin-bottom: 24px; height: 145px; }
#home-our-latest .latest { float: left; width: 274px; margin-right: 1px; }

/* World champions */
#world-champions { height: 497px; margin-bottom: 12px; }
#he, #she { position: absolute; display: none; top: 0; left: 0; }
#michael-malitowski,
#joanna-leunis { position: absolute; color: #fff; font-size: 11px;}
#michael-malitowski {  width: 270px; left: 30px; top: 100px; }
#joanna-leunis { width: 200px; right: 30px; top: 160px; }
#michael-malitowski p { padding-right: 60px; }
#mediapack { height: 104px; position: relative; }
#mediapack .button { position: absolute; bottom: 9px;}

#winners { padding-bottom: 11px; }
#winners .first, #exclusives .first { padding-right: 9px; }
#winners .second, #exclusives .second { padding-left: 9px; }
#winners .column { float: left; width: 299px; }
#winners .column table { width: 299px; }
#winners .column td.r { text-align: right; font-weight: bold; color: #71808b; }
#exclusives .column { float: left; width: 454px; }

#exclusives { }
#exclusives .container { float: left; margin-bottom: 2px; padding: 6px 9px;}
#exclusives .prev, #exclusives .next { width: 16px; height: 100%; float: left; cursor: pointer; margin-bottom: 2px; background-color: #c2d2de; }
#exclusives .prev { border-right: 1px solid #fff; }
#exclusives .next { border-left: 1px solid #fff; }
#exclusives .prev.disabled, #exclusives .next.disabled { border: 0; width: 17px; }
#exclusives .prev.disabled:hover, #exclusives .next.disabled:hover { background-color: #c2d2de; cursor: default; float: left; }

/* Comments */
.comment { margin-bottom: 18px; }
.comment .entry { float: left; margin-left: 24px; }
.comment .entry p { border: 1px solid #5587cb; width: 503px; padding: 6px 9px; float: left; }
.comment div.avatar, .leave-comment div.avatar { float: left; margin-left: 9px; }
.comment .abuse { float: left; margin-left: 3px; }
.no-comment { margin-left: 100px; }
.no-comment p { padding-bottom: 12px; }
#abuse p.question { margin-bottom: 12px; }
#abuse .button { margin: 0 	9px; }
.center { text-align: center; }

/* Attendings */
.attending { color: #da1515; margin-left: 9px; }

/* Our latest */
.post { padding: 18px 0; }
.post.first { padding: 9px 0 18px; }
.post div.avatar { float: left; margin-left: 9px; }
.post .head { float: left; margin-left: 12px; width: 523px; background-color: #f3f2f2; padding: 3px 12px; }
.post .entry { float: left; margin-left: 24px; width: 535px; margin-top: 3px;}
.post .no-avatar { margin-left: 100px; }
.post h4 { line-height: 15px; }
.post .twitter { display: inline; margin-right: 10px; }
.post .twitter img { display: inline; }

/* Media */
.gallery { float: left; width: 150px; margin: 0 30px 30px; }
/* Media Images */
#picture-viewer, #video-player { background: #000 url('../images/ajax-loader-white.gif') no-repeat center center; color: #fff; width: 830px; height: 270px; padding: 15px 50px 15px 100px; }
#video-player .description { float: left; width: 320px; height: 200px; margin-top: 60px; overflow: hidden; position: relative; }
#player { width: 480px; height: 270px; float: right; }
#picture-viewer .item { position: absolute; width: 830px; display: none; }
#picture-viewer .description { float: left; width: 320px; height: 200px; margin-top: 60px; overflow: hidden; position: relative; }
#picture-viewer .image { float: right; width: 500px; height: 270px; position: relative; }
#picture-viewer .image img { float: right; }
#gallery { background-color: #000; display: none; }
#img { display: block; }
#gallery .progress { position: absolute; top:45%; left:50%; display:none; }

#gallery .controls { text-align: center; padding: 5px 0; }
.top .controls { position: absolute; top: 200px; left: 100px; }

.controls { background-color: #000; color: #fff; display: none; white-space: nowrap; }
.controls a { margin: 2px 5px; cursor: pointer; vertical-align: middle; }
.controls a img { display: inline; }

/* For you */
/* TODO: ostylować */
.wallpaper { float: left; text-align: center; margin-right: 30px; }
.wallpaper ul { }
.wallpaper ul li { list-style: none;}

/* Newsletter */
#newsletter { float: right; }
#newsletter input[type='text'] { border: 1px solid #cfdee8; height: 15px; margin: 0; padding: 2px 0; }
#newsletter input[type='submit'] { background-color: #cfdee8; color: #fff; font-size: 10px; height: 21px; padding: 1px 3px;  }
}
/* Forms */
form { font-size: 11px; }
form fieldset { border: 0; }
form input[type='text'], form input[type='password'] { font-size: 11px; display: block; width: 240px; margin: 0 0 9px; float: left; height: 14px; padding: 3px; vertical-align: middle; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 0; border-bottom: 0;}
form input[type='submit'] { border: 0; }
form select {  }
form label { margin: 3px 0 3px; display: block;}
form label input { margin-top: 3px; padding: 2px; }
form fieldset span { float: left; height: 15px; padding: 3px 9px; width: 231px; }
form input.error { background: #fff url('../images/form-red.gif') no-repeat right 5px; }
form span.error { background-color: #da1515; color: #fff; }
form input.good { background: #fff url('../images/form-green.gif') no-repeat right 5px; }
form span.good { background-color: #a2c12d; color: #fff; }
form input.check { background: #fff url('../images/form-grey.gif') no-repeat right 5px; }
form span.check { background-color: #71808b; color: #fff; }
form span.check q { background-color: #8c9ba6; width: 4px; height: 15px; quotes: none; float: left; margin-right: 2px;}
form span.check q.point { background-color: #cadae6; }
form i.level { font-style: normal; float: left; margin-left: 7px;}

form .button { margin: 12px 0 6px; float: right; }
form textarea { border: 1px solid #000; font-size: 11px; }
form .success { text-align: center; padding: 100px 0 200px; }
form .success span { font-weight: bold; text-transform: uppercase; }
form .success .you { color: #DA1515; }

.upload { clear: left; }
.upload a { color: #5587cb; text-decoration: underline; }
.upload input { display: none; }

/*.upload input { -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; }*/
.box form textarea { width: 100%; float: left; }
.leave-comment form textarea { width: 533px; height: 90px; margin: 0 0 15px 24px; }

#captcha { margin: 24px 0 18px;}
#captcha .image { float: left; }
#captcha .options { float: left; margin-left: 30px; padding: 50px 9px 0; border-left: 1px solid #fff;}

/* Profile */
.profile { margin-bottom: 9px;}
.profile div.avatar { float: left; margin-left: 9px; }
.profile .entry { float: left; margin-left: 24px; width: 535px; margin-top: 24px; }
.profile .entry h3 { float: left; }
.profile .mbutton { float: right; }

.profile-section { clear: both; padding-top: 9px; }
.profile-section h3 { font-size: 14px; text-transform: uppercase; height: 28px; border-top: 1px dotted #000; background-color: #f3f2f2; line-height: 28px; color: #575757; padding-left: 24px; font-weight: normal; }
.profile-section fieldset { float: left; width: 308px; margin-left: 9px; }
.profile-section input[type='text'] { background-color: #f3f2f2; }

.half-post { float: left; padding: 18px 0; }
.half-post div.avatar { float: left; margin-left: 9px; }
.half-post .entry { float: left; margin-left: 24px; width: 217px; margin-top: 3px; }

/* Terms of Use & Privacy Policy */
.text ol,
.text ul { padding-left: 30px;}
.text li { list-style-position: outside; }
.post p,
.text p { margin-bottom: 12px;}

/* Errors */
.error img { margin-bottom: 12px; }

/* Add this */
.addthis_toolbox { float: right; padding: 2px; }
.addthis_toolbox i { font-size: 10px; float: left; padding: 1px 9px 0 3px; text-transform: uppercase; font-style: normal; color: #000; }
.addthis_toolbox .addthis_button_compact { float: left; cursor: pointer; padding: 0 2px 0 9px; }
.addthis_toolbox .addthis_button_compact span { width: 16px; height: 16px; line-height: 16px !important; }

/* Favorites */
#picture-viewer .favorite { top: 122px; left: 140px; }
.favorite { height: 18px; position: absolute; }
.favorite .hover { display: none; }
.favorite:hover .hover { color: #da1515; display: block; white-space: nowrap; }
.add-favorite { background: url('../images/icons/heart-no.png') no-repeat left; padding-left: 25px; }
.remove-favorite { background: url('../images/icons/heart-yes.png') no-repeat left; padding-left: 25px; }
.favorite:hover { background: url('../images/icons/heart-over.png') no-repeat left; }