@import url(base.css);
body { font: 12px Arial, Verdana, sans-serif; text-align: center; }
a { color: #6694FF; }
a:hover { color: #004DFF; }

h1 { font-size: 14px; margin-bottom: 10px; color: #6694ff; }
h2 { font-size: 14px; color: #6694ff; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; }
h1 a { color: #6694ff; text-decoration: underline; }
h1 a:hover { text-decoration: underline; color: #004DFF; }
h3 { color: #000; }


.wrapper { width: 100%; text-align: center; }
.wrapper2, #body, #foot { width: 850px; margin: 0 auto 20px; text-align: left; }

.wrapper_top {  background: #FDF8FE url(/i/bg.gif) repeat-x 0 0; height: 65px; border-bottom: 1px solid #F0E0C6; }
.wrapper_foot { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e6e6e6; background: #f6f6f6; padding: 20px 0 10px; margin-top: 30px; }


/* top */
#top { position: absolute; top: 0; width: 850px; font-size: 13px; left: 50%; margin-left: -425px; line-height: 72px; }
#top ul { margin: 0; padding: 0; font-weight: bold; }
#top li { display: inline; }
#top li a { color: #C78436; text-decoration: none; padding: 3px 5px; font-weight: bold; }
#top li a:hover, #top li.act a { color: #fff; background: #C51111; }

#top ul.fl li { margin-right: 5px; }
#top ul.fr li { margin-left: 5px; font-weight: normal; font-size: 12px; }

#top #logo { float: left; margin-top: 10px;  }
#top #logo img { padding-top: 8px; }


/* body */
#body { margin-top: 30px; }

.komentarze { font-size: 12px; margin-bottom: 30px; }
.komentarze span.data { color: #aaa !important; font-size: 12px; }
.komentarze .komentarz { color: #666 }
.komentarze_form { margin-bottom: 30px; /*position: relative;*/ }
/*.komentarze_form .gad { position: absolute; top: -10px; right: 10px; width: 202px; height: 202px; }*/


.grid { list-style: none; }
.grid a { border: 1px solid #F9F8DC; display: block; width: 150px; padding: 5px; float: left; margin: 0 10px 10px 0; text-align: center; background: #fff; position: relative; }
.grid a:hover { border-color: #F0E0C6; }
.grid img { display: block; margin: 0 auto; width: 150px; height: 110px; }
.grid a { text-decoration: none; font-size: 11px; color: #333; }
.grid a:hover { color: #c00; }


.post { text-align: center; min-height: 300px; }
.post img { background: #fff; padding: 6px; border: 1px solid #F9F8DC; max-width: 800px; max-height: 700px; }


#taglist { line-height: 200%; }
#taglist a { color: #666; margin-right: 5px; padding: 1px; text-decoration: none; }
#taglist a:hover { text-decoration: underline; }

/* foot */
/*#foot { width: 850px; }*/
#foot h2 { font-size: 16px; color: #aaa; border: none; margin-top: 0; }
#foot .grid a { border-color: #dadada; }
#foot .grid a:hover { border-color: #bbb; }

#comments { width: 450px; }

.foot_1, .foot_2 { text-align: justify; line-height: 150%; }
.foot_1 { width: 450px; float: left; }
.foot_2 { width: 344px; float: right; }



/* stars */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background: url(/i/votes.png) left -1000px repeat-x; }
.star-rating { position: relative; width: 96px; height: 14px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }
.inline-rating { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle;  margin: 15px 0 8px; width: 100px; /*float: left;*/ }
  
.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 15px; line-height: 15px; outline: none; overflow: hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; }
.inline-rating-scores { font-size: 11px; margin: auto; }


/* msg */
.msg_error, .msg_warning, .msg_ok, .msg_info { font-size: 13px; padding: 7px 10px; margin: 0 0 20px 0; background-color: #fff; border: 1px solid #dadada; }
.msg_error    { color: #e00; }
.msg_warning  { color: #000; }
.msg_ok       { color: #2A2; }
.msg_info     { color: #085AAF; }