/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	www: http://gjaworek.pl 
	Tel.: +48 519 133 159
*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
object { outline: none;}
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit:hover { cursor: pointer;}
h2 {font: bold 24px/28px Arial; color: #FFD33B;}
h3 {font: bold 23px/33px Arial; color: #E4527E;}
h3 strong {color: #8F1252;}
h4 { font: italic 18px/22px Georgia; color: #E4527E; padding: 6px;}
h5 {font: bold 14px/22px Arial; color: #E4527E;}
h5 strong {color: #8F1252;}
small { font-size: 11px; color: #B54A68;}
.sidebar small { display: block; margin: 10px 0 0; padding: 0 0 10px;}
p { color: #A9566F;}

/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #FFE7EA url(../images/bg.jpg) 50% 0 no-repeat; font: 11px/16px Arial,Helvetica,sans-serif; color: #000;}

#top, #content, #blog-content, .footer { width: 960px; margin: 0 auto; clear: both; z-index: 1;}
#page { width: 960px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -435px; clear: both; background: url(../images/bg-head.png) 0 0 no-repeat;}
#rt { position: absolute; top: 0; left: 50%; width: 50%; height: 37px; background: url(../images/bg-head-rt.png) 0 0 repeat-x; z-index: -1;}
#lt { position: absolute; top: 0; left: 0; width: 50%; height: 37px; background: url(../images/bg-head-lt.png) 0 0 repeat-x; z-index: -1;}

/* Top

------------------------------------------------------------------------- */
#top { height: 120px; background: url(../images/bg-top.png) 0 0 no-repeat;}
#top h1 { padding: 50px 0 0 25px; float: left; }
#menu { float: left; margin: 90px -30px 0 95px; display: inline; width: 510px; overflow: hidden;}
#menu li { float: left; padding: 0 10px;}
#menu li a { float: left; font: bold 16px/19px Arial; color: #C45072; letter-spacing: -1px;}
#menu li a:hover, #menu li a.selected { text-decoration: underline; color: #8F1252;}
#action { float: right; margin: 84px 10px 0 0; display: inline; background: url(../images/bg-action.gif) 0 0 no-repeat;}
#action li { float: left; padding: 0 5px;}
#action li a { float: left; font: bold 12px/24px "Unit Rounded OT"; color: #FFF;}
#action li a:hover { text-decoration: none; color: #CA3F69;}

/* Forms

------------------------------------------------------------------------- */
fieldset span.text { float: left; width: 157px; padding: 3px 9px; height: 17px; background: url(../images/bg-input.gif) 0 0 no-repeat; margin: 0 10px; }
fieldset span.text input { border:0; background: none; width: 100%; height: 17px; padding: 0; margin: 0; float: left; text-indent: 1px; font-size: 11px/17px Arial; color: #CA3F69;}
fieldset ul { float: left; padding: 0 10px; width: 290px; overflow: hidden;}
fieldset ul li { float: left; clear: both; margin: 8px 0 0; width: 100%; line-height: 24px;}
fieldset ul li label { padding: 0; margin: 0; float: left; color: #AD4B7B;}
fieldset ul li label.unitrounded {width: 90px;  font: bold 14px/22px Arial; color: #8F1252;}
fieldset ul li.password label.unitrounded { color: #E4527E;}
fieldset ul li input.submit { float: left; margin: 20px 25px 0;}
fieldset ul li input.radio, fieldset ul li input.checkbox { float: left; margin: 2px 6px 0 12px; height: 17px;}

/* Player

------------------------------------------------------------------------- */
#player { width: 1008px; height: 556px; overflow: hidden; margin: 0 -24px; overflow: hidden; position: relative; z-index: 1;}
#player .body { background: url(../images/bg-player.png) 0 0 no-repeat; width: 100%; height: 100%; padding: 8px 24px;}
#player h2 { position: absolute; top: 30px; left: 105px; position: relative; z-index: 10;}
#player h2 img { position: absolute; top: -10px; left: -80px; width: 76px; height: 76px;}
#flash-player {position: absolute; top: 80px; left: 75px; z-index: 1;}
#player .next { position: absolute; left: 50px; bottom: 20px; height: 36px;}
#player .send { position: absolute; right: 50px; bottom: 20px; height: 36px;}
#player .send img { float: left;}
#player .send form { float: left;}
#player .send fieldset { float: left; padding: 5px 0 0;}
#flash { position: absolute; top: 55px; left: 55px; z-index: 1;}
.episodes { position: absolute; top: 80px; right: 70px; }
.episodes li { float: left; clear: both; width: 203px; height: 114px; margin: 0 0 9px; overflow: hidden; }
.episodes li a { float: left; width: 100%; height: 100%; position: relative; }
.episodes li a:hover { text-decoration: none; /*opacity: 0.8; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); */}
.episodes li h3 { position: absolute;}
.episodes li img { position: absolute; top: 0; left: 0;}
.episodes li img.no { top: 10px; left: 10px;}
.episodes li img.btn { top: 48px; left: 89px;}
.episodes li span.title { position: absolute; top: 85px; left: 10px; width: 183px; height: 23px; overflow: hidden; font: bold 12px/23px Arial; color: #FFD33B; background: url(../images/bg-title.png) 0 0 no-repeat; text-align: center;}

/* Content

------------------------------------------------------------------------- */
#content { margin: 15px auto 0; position: relative;}
#content h3 { padding-left: 10px;}
#content .content h3, #content .side h3, #content .sidebar h3 { padding-left: 0;}
.head { float: left; width: 98%; clear: both; padding: 0 1%; margin: 10px 0 0;}
.head h3 { float: left; margin: 0 25px 0 0;}
.head small { float: left; margin: 14px 0 0;}
.head a { float: right;}
.blogs { float: left; clear: both; padding: 0 0 35px; margin: 15px 0 0; width: 960px; background: url(../images/bg-line.gif) 50% 100% no-repeat;} 
.blogs li { float: left; padding: 0 11px; width: 298px; overflow: hidden;}
.blogs li p { padding: 0 6px 15px; color: #8F1252; line-height: 13px; height: 52px; overflow: hidden;}
.blogs li a.more { float: right; height: 26px; padding-right: 25px; font: bold 17px/24px Arial; color: #8F1252; background: url(../images/bg-more.gif) 100% 50% no-repeat;}
.blogs li a.more:hover { text-decoration: none; color: #E4527E;}
.blogs .date { float: left; font: bold 12px/24px Arial; color: #E4527E; padding: 0 6px;}

.side { float: right; width: 383px; margin: 20px 0 0;}
.gallery { float: left; width: 560px; margin: 20px 0 0; background: url(../images/bg-gallery.gif) 0 0 no-repeat; position: relative;}
.gallery .body { background: url(../images/bg-gallery.gif) -560px 100% no-repeat; float: left; width: 520px; padding: 0 20px;}
.gallery h3 { margin: 50px 0 0; padding: 0 40px 10px 5px; border-bottom: 1px solid #FED3DF;}
.gallery h4 { font: bold 21px/26px Arial; color: #EB7A9B; margin: 15px 0 0; padding: 0 5px 10px;}
.gallery img.no { position: absolute; top: 35px; right: 10px;}
.gallery ul { float: left; width: 513px; padding: 0 0 0 7px; background: url(../images/bg-gallery-list.gif) 0 0 repeat-x;}
.gallery ul li { float: left; margin: 7px 5px 0 0; width: 97px; overflow: hidden;}
.gallery ul li:first-child { width: 506px; }
.gallery ul li a, .gallery ul li a img { float: left;}

#newsletter { float: left; clear: both; width: 300px; padding: 0 25px; margin: 30px 0 0;}
#newsletter form { float: left;}
#newsletter fieldset { float: left; padding: 5px 0 0;}
#newsletter span.text { margin-left: 0; width: 147px; background-position: 0 -100px;}
#newsletter span.unitrounded{ font: bold 14px/16px Arial; color: #8F1252; display: block; margin: 10px 0 0; padding: 0 0 25px;}

#story { float: left; width: 310px; height: 300px; overflow: hidden; margin: 30px 0 0; background: url(../images/bg-story.png) 0 0 no-repeat; padding: 40px 43px 15px 30px;}
#story h3 { font: bold 32px/32px Arial; margin: 0; padding: 0;}
#story p { font: bold italic 14px/18px Georgia; color: #8F1252; text-align: center; padding: 20px 0; border-style: solid; border: colore #DED0D9; border-width: 1px 0; margin: 15px 0 0;}
#story .logos { width: 290px; float: left; background: url(../images/arr.png) 0 0 no-repeat; margin: 30px 0 0; padding: 0 10px; }

.sidebar { float: right; width: 230px;}
.column { float: left; width: 300px; margin: 10px 40px 0 0; padding: 0 0 20px; display: inline;}
.content { float: left; width: 680px; padding: 0 10px;}
.content h3 { font-size: 33px;}

.episode-photos { float: left; clear: both; width: 100%; padding: 0 0 10px; margin: 10px 0 0; border-bottom: 1px solid #FFCFDB;}
.episode-photos h4 { float: left; font: bold 21px/21px Arial; color: #EB7A9B; padding: 10px 0 0 65px; position: relative;}
.episode-photos h4 img { position: absolute; top: 0; left: 12px;}
.episode-photos a.more { float: right; margin: 10px;}

ul.br-photos { float: left; width: 100%;}
ul.br-photos li { float: left; width: 220px; height: 127px; overflow: hidden; margin: 10px; }
ul.br-photos li a { float: left; width: 206px; height: 113px; overflow: hidden; padding: 7px; position: relative; background: url(../images/br-photo.gif) 0 0 no-repeat; }
ul.br-photos li a:hover { background-position: -220px 0; }
ul.br-photos li a img { float: left; width: 206px; height: 113px; position: relative; z-index: -1; }
.sidebar ul.br-photos li { padding: 10px 0 0;}

.episode-list { width: 640px; float: left; clear: both; margin: 10px 0 0;}
.episode-list li { float: left; clear: both; width: 640px; margin: 0 0 18px; overflow: hidden; }
.episode-list li span.episode {float: left; width: 206px; height: 164px; background: url(../images/bg-episode-list.png) 0 0 no-repeat; padding: 7px 7px 0;}
.episode-list li a.episode { float: left; width: 220px; height: 114px; margin: 0 0 18px; position: relative; }
.episode-list li a.episode:hover { text-decoration: none; }
.episode-list li h4 { width: 400px; padding: 10px 0; float: right; clear: none; font-style: normal; font-weight: bold; }
.episode-list li p { width: 400px; float: right; clear: none;}
.episode-list li img { position: absolute; top: 0; left: 0;}
.episode-list li img.no { top: 10px; left: 10px;}
.episode-list li img.btn { top: 48px; left: 89px;}
.episode-list li span.title { position: absolute; top: 85px; left: 10px; width: 183px; height: 23px; overflow: hidden; font: bold 12px/23px Arial; color: #FFD33B; background: url(../images/bg-title.png) 0 0 no-repeat; text-align: center;}
.episode-list .note { float: left; font: bold 12px/24px Arial; color: #E4527E; padding: 0 6px;}
form.rating fieldset { float: right;}
div.star-rating{float:left;width:22px;height:20px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating,div.star-rating a{background:url(../images/star.gif) no-repeat 0 0px}
div.star-rating a{display:block;width:20px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -20px!important}
div.star-rating-hover a{background-position:0 -40px}
div.star-rating-readonly a{cursor:default !important}
div.star-rating{background:transparent!important;overflow:hidden!important}

#comment { width: 620px; float: left; clear: both; margin: 15px 0 0; padding: 0 0 15px; background: url(../images/bg-line-short.gif) 0 100% no-repeat;}
#comment textarea { width: 575px; min-height: 90px; padding: 10px 0 10px 45px; background: #FFF2F4; border: 0; color: #CA5E7F;}
#comment input.submit { margin: 12px 10px 0 0; float: right;}
.comments { width: 630px; float: left; clear: both;}
.comments li {  width: 630px; float: left; clear: both; margin: 15px 0 17px; padding: 0; background: url(../images/bg-comment.gif) 0 0 repeat-y;} 
.comments .head { width: 570px; margin: 0; float: left; height: 17px; overflow: hidden; padding: 15px 35px 23px 25px; background: url(../images/bg-comment-head.gif) 0 0 no-repeat;}
.comments .comment { color: #CA5E7F; float: left; clear: both; width: 540px; padding: 15px 45px 25px; background: url(../images/bg-comment.gif) 100% 100% no-repeat; margin: 0 0 -17px;}
.comments .author { font: bold 13px/17px Arial; color: #8F1252; float: left;}
.comments .date { font: bold italic 12px/17px Georgia; color: #E97094; float: right;},

#register { float: left; clear: both; padding: 0 0 25px; margin: 15px 0 0; width: 960px; background: url(../images/bg-line.gif) 50% 100% no-repeat;} 
#register h5 { float: left;}
#register p { float: left; display: inline; color: #AD4B7B; font: 10px/13px Arial; width: 290px; padding: 3px 0;}
#register ul.accept { padding-right: 0; width: 330px; }
#register .accept .radio, #register .accept .checkbox { margin: 5px 12px 0 0;}


/* Radio and CheckBoxes

------------------------------------------------------------------------- */
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {	color: #999;}
span.ui-checkbox {display: block;float: left;width: 17px;height: 17px;background: url(../images/checkbox.gif) 0 0 no-repeat;}
span.ui-radio {display: block;float: left; width: 17px;height: 17px;background: url(../images/checkbox.gif) 0 0 no-repeat;}
span.ui-helper-hidden {display: none;}
span.ui-radio-state-hover,
span.ui-checkbox-state-hover {background-position: 0 -22px;}
span.ui-radio-state-checked,
span.ui-checkbox-state-checked,
span.ui-radio-state-checked-hover,
span.ui-checkbox-state-checked-hover {background-position: 0 -43px;}
fieldset ul li input.radio, fieldset ul li input.checkbox { display: none;}
span.ui-checkbox, span.ui-radio  { float: left; margin: 4px 6px 0 12px; height: 17px;}
#register .accept span.ui-checkbox, #register .accept span.ui-radio { margin: 5px 12px 0 0;}

/* jQuery Countdown  

------------------------------------------------------------------------- */
#countdown { position: absolute; left: 140px; top: 0; width: 350px; height: 38px; }
#countdown span { float: left; font: bold 29px/38px Arial; color: #FACDD8; background: url(../images/bg-counter.gif) 0 0 repeat-x; overflow: hidden; padding: 0; margin: 0; height: 36px; }
#countdown span.day { letter-spacing: 11px; width: 25px; text-indent: 4px;}
#countdown span.hour { letter-spacing: 11px; width: 52px; text-indent: 4px; }
#countdown span.min { letter-spacing: 11px; width: 52px; text-indent: 4px; }
#countdown span.sec { margin: 0 0 0 3px; letter-spacing: 6px; width: 27px; font: bold 14px/18px Arial; background-position: 0 -100px; text-indent: 3px;}
#countdown span.sep { padding: 0 7px 0 5px; letter-spacing: -2px; width: auto; color: #D44A75; background: none;}

.sideblogs { float: right; width: 309px; padding-bottom: 200px;}
.sideblogs small { display: block; margin: 10px 0 0; padding: 0 0 10px;}
#content .sideblogs h3 { padding: 0;}
#hero { float: left; width: 620px;}
#hero h3 { font-size: 33px;}
#hero h4 { font: bold 24px/32px Arial; color: #E4527E; padding: 0 10px; margin: 20px 0 0; float: left; clear: both; }
#hero p { padding: 20px 10px; clear: both;}
.hero { float: left; clear: both; width: 557px; background: url(../images/bg-hero.gif) 0 0 no-repeat; margin: 0 0 0 40px; display: inline; overflow: visible; padding: 35px 0 0;}
.hero .body { padding: 10px 20px 40px 30px; margin: 0; background: url(../images/bg-hero.gif) -557px 100% no-repeat; }
.hero  strong { display: block; text-align: right; color: #E4527E; font: bold italic 11px/19px Georgia; padding: 15px 15px 0;}
#hero .body  p { padding: 0; font: italic 11px/19px Georgia; color: #E4527E; }
.anka .body {background-position: -1671px 100%; }
.dorota .body {background-position: -2228px 100%; }
.basia .body {background-position: -1114px 100%; }


ul.br-blogs { float: left; width: 100%;}
ul.br-blogs li { float: left; width: 309px; height: 154px; overflow: hidden; margin: 10px 0; }
ul.br-blogs li a { float: left; width: 295px; height: 140px; overflow: hidden; padding: 7px; position: relative; background: url(../images/br-blog.gif) 0 0 no-repeat; }
ul.br-blogs li a:hover { background-position: -309px 0; }
ul.br-blogs li a img { float: left; width: 295px; height: 140px; position: relative; z-index: -1; }

.girls { width: 992px; height: 634px; background: url(../images/bg-girls.png) 0 0 no-repeat; position: absolute; bottom: -170px; left: 170px; z-index: -2;}

.entries { float: left; width: 300px; padding: 0 10px; margin: 0;}
.entries li { float: left; width: 300px; clear: both; border-bottom: 1px solid #F1AEB4; margin: 2px 0;}
.entries li a { float: left; padding: 6px 0; font: bold italic 11px/15px Georgia; color: #8F1252; letter-spacing: -1px;}
.entries li a span.date { font: bold 11px/15px Arial; color: #E4527E; padding: 0 9px 0 1px;}
#content .entries li h3 { font-size: 17px; padding: 0 2px 10px;}

/* Footer 

------------------------------------------------------------------------- */
#footer-1 {background: url(../images/bg-footer-1.png) 0 0 repeat-x; height: 123px; overflow: hidden;}
#footer-2 {background: #E15984 url(../images/bg-footer-2.png) 0 0 repeat-x; height: 157px; overflow: hidden; color: #FFABC6; }
#footer-3 {background: #C44169 url(../images/bg-footer-3.png) 0 0 repeat-x; height: 120px; overflow: hidden; color: #EF8BAA;}
#footer-4 {background: #FFF; height: 62px; color: #CB8597; text-align: right;}
.footer { padding: 20px 0;  position: relative; z-index: 2;}
.footer ul { float: left; margin: 55px 0 0;}
.footer ul li { float: left; padding: 8px; }
#footer-1 a { font: bold 11px/15px "Unit Rounded OT"; color: #C45072;}
#footer-1 a:hover { text-decoration: none; color: #FFABC6;}
#footer-2 p { margin: 0;color: #FFABC6;}
#footer-2 ul { margin: 0;}
#footer-2 ul li { width: 280px; padding: 15px 40px;}
#footer-2 ul li:first-child { width: 160px;}
#footer-3 p { float: right; width: 750px; padding: 3px 90px; color: #EF8BAA; font-size:16px;}
#footer-4 .footer { position: relative;}
#footer-4 img { position: absolute; top: -29px; left: 50px;}


/* Blogs 

------------------------------------------------------------------------- */
#content .blog-content h3, #content .blog-side h3, #content .blog-sidebar h3 { padding-left: 0;}
#blog-content .sideblogs { position: relative;}
#blog-content .rss { position: absolute; top: -5px; right: 0;}
#blog-content { margin: 35px auto 0; position: relative; padding: 0 0 250px;}
#blog-content .entries { padding: 0 0 30px;}
#blog-content .entries li h3 { font-size: 24px; padding: 0 2px 10px;}
#blog-content h4 { font-size: 22px; padding: 0 0 30px;}
.blog-content { float: left; width: 620px; padding: 0 10px;}
.blog-content h3 { font-size: 33px;}
.girl { width: 473px; height: 582px; background: 0 0 no-repeat; position: absolute; bottom: -180px; left: 570px; z-index: -2;}
.anka { background-image: url(../images/blog-anka.png);}
.dorota { background-image: url(../images/blog-dorota.png);}
.basia { background-image: url(../images/blog-basia.png);}
.post { width: 100%; margin: 40px 0 30px; padding: 0 0 40px; background: url(../images/bg-line-short-reverse.gif) 0 100% no-repeat; position: relative;}
.post h4 { margin-right: 120px;}
.post .date { font: bold italic 13px/27px Georgia; color: #FFE7EA; width: 82px; padding: 0 20px 4px; height: 27px; overflow: hidden; background: url(../images/bg-date.png) 0 0 no-repeat; position: absolute; top: -5px; right: 0; }
.post p { padding: 5px 0; font-weight: bold;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 435px; }