/*

Theme Name: m-pinkpixel
Theme URI: http://www.indygo.net.pl
Description: Magazyn PinkPixel
Author: Pink Produkt
Author URI: http://www.indygo.net.pl
*/
body{
  background: #FFF url('img/bg-bg-new.png') repeat-x top left;
  color: #111;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  line-height: 165%;
}

a{
  color: #EC2D53;
  outline: none;
  text-decoration: none;
}

.box-left p a {
  text-decoration: underline;
}


p{
  margin: 0 10px 10px 0;
}

p:a{
  background: #ccc;
  padding: 3px;
}

blockquote{
  border-left: 5px solid #f7f7f7;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}

#page{
  width: 980px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
}

#header{
  height: 200px;
  margin-bottom: 75px;
  position: relative;
}

#logo {
left: 0px;
top: 100px;
position:relative;
width: 460px;
}

#s {
position:absolute;
left: 735px;
top: 10px;
width: 270px;
}

#s input {
background: #555 !important;
color: #FFF !important;
border: 1px solid #777 !important;
line-height: 16px;
padding: 2px 4px 2px 4px !important;
}

#s input.s {
background: #FF0066 !important;
border: 1px solid #666 !important;
color: #FFF;
padding: 1px 4px 1px 4px !important;
line-height: 16px;
font-weight: bold;
}

#logo a img, #rss a img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#content{
  text-align: left;
  padding: 0px 0 0;
}

#content-left{
  float: left;
  width: 640px;
  padding: 0px;
}

#content-right{
  float: right;
  width: 300px;
  font: 11px Arial, Helvetica, sans-serif;
}

#footer{
  width: 100%;
  color: #fff;
  background-color: #000;
  padding-bottom: 100px;
  margin-top: 60px;
}

.tyt{
  /*padding-bottom: 8px;
  padding-top: 12px;
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #ccc;*/
  margin-bottom: 20px;
}

h1{
  font-size: 28px;
  font-weight: bold;
  font-family: Arial, Helvetica;
  margin: 0px 0px 15px 0px;
  padding: 0;
  color: #000;
  line-height: 28px;
  letter-spacing: -1px;
}

h1 a{
  color: #000;
  text-decoration: none;
}

h1 a:hover{
  text-decoration: none;
  color: #444;
}

h2{
  font-size: 23px;
  font-weight: normal;
  font-family: Arial, Helvetica;
  margin: 35px 0px 15px 0px;
  padding: 0;
  line-height: 23px;
}

h2#blog-description{
  position: absolute;
  left: 0;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  padding: 4px 0 0 40px;
}

h3{
  font-size: 20px;
  line-height: 100%;
  font-weight: bold;
  font-family: Arial, Helvetica;
  margin:20px 0;
}

h3 a{
  text-decoration: none;
  color: #222;
}

h3 a:hover{
  text-decoration: none;
  color: #000;
}

h4{
  font-size: 18px;
  line-height: 25px;
  font-family: Arial, Helvetica;
  font-style: normal;
  color: #000;
  margin: 0 0 10px;
  padding: 0px;
}

#top-nav{
  right: 19px;
  position: absolute;
  top: 10px;
  list-style: none;
  font-family: georgia;
  margin: 0;
  padding: 0;
  width: 270px;
  color: #e8edf1;
}

#top-nav li{
  float: left;
  margin: 0 0 0 10px;
}

.box-left{
  margin: 0 0 60px 0px;
}

.post-caly p img.size-full, .post-caly p img.size-medium {
  margin-bottom: 20px;
  margin-top: 20px;
}

.meta{
  color: #999;
  font-size: 11px;
  font-family: Arial, Helvetica;
}

.meta-autor {
  color: #999;
  font-size: 10px;
}

.box-right{
  margin: 0 0 20px 0;
  font-size: 11px;
  color: #333;
}

.box-right h3 {
border-bottom:1px solid #DDDDDD;
color:#333333;
font-size:18px;
font-weight:normal;
margin:0 0 0;
padding:10px 20px;
}

.box-right a{
  color: #444444;
}

.box-right a:hover{
  color: #000;
}

.box-right ul{
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.box-right li{
  line-height: 11px;
  border-bottom: 1px solid #DDD;
  padding: 8px 20px 8px 20px;
  margin: 0px;
}

.box-right li:hover{
  margin: 0;
}

.box-right .tag-cloud {
  padding: 8px 20px 8px 20px;
}


/* KOMENTARZE */

#commentform label{
  display: block;
  margin: 0 0 5px;
}

#commentform input.text,#commentform textarea, #frm_form_2_container input, #frm_form_2_container textarea{
  width: 540px;
  margin: 0 0 10px;
}

#commentform .text, #frm_form_2_container input{
  height: 22px;
  background: #fff url(img/bg-form-text.gif) repeat-x left top;
  border: 1px solid #dadada;
  color: #5e5e5e;
  padding: 6px 6px 0;
}

#commentform textarea, #frm_form_2_container textarea{
  height: 150px;
  background: #fff url(img/bg-form-text.gif) repeat-x left top;
  border: 1px solid #dadada;
  color: #5e5e5e;
  padding: 6px 6px 0;
}

#commentform .button, #frm_form_2_container p.submit input{
  width: auto;
  height: 30px;
  background: #4a4f54;
  border: none;
  color: #fff;
  margin: 0;
  padding: 0 20px;
}

.commentlist{
  list-style: none;
  margin: 0;
  padding: 0;
}

.commentlist .quote{
  background: #eee;
  padding: 20px;
}

.commentlist li{
  background: #4e5156;
  margin: 20px 0 0;
  padding: 0;
}

.commentlist cite{
  display: block;
  font-style: normal;
}

.avatar{
  float: left;
  margin: 0 20px 10px 0;
}
/*KOMENTARZE KONIEC */

#searchform #search{
  float: left;
  width: 146px;
  height: 22px;
  background: #fff url(img/bg-form-text.gif) repeat-x left top;
  border: 1px solid #dadada;
  color: #5e5e5e;
  padding: 6px 6px 0;
}

#searchform .button{
  width: auto;
  height: 30px;
  background: #4a4f54;
  border: none;
  color: #fff;
  margin: 0;
  padding: 0 10px;
}

.aligncenter, div.aligncenter{
  display: block;
  margin: 0 auto;
}

.alignleft{
  float: left;
  margin: 0 20px 20px 0;
}

.alignright{
  float: right;
  margin: 0 0 20px 20px;
}

.wp-caption{
  margin-bottom: 20px;
  padding-top: 4px;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #f7f7f7;
}

.wp-caption img{
  float: none;
  border: none;
  margin: 0;
  padding: 0;
}

.wp-caption p.wp-caption-text{
  margin: 0;
  padding: 0;
}

#calendar_wrap table{
  width: 100%;
}

#calendar_wrap td{
  text-align: center;
}

#wp-calendar caption{
  background: #dedede;
  margin: 0 0 10px;
}

ul, ol,.aligncenter{
  margin-bottom: 20px;
}

h3 a:hover,.box-right li a{
  text-decoration: none;
}

p.tags,.clear{
  clear: both;
}

.thumbnail img {
  float: left;
  margin: 0px 25px 0px 0px;
  padding: 0px;
  overflow: hidden;
  line-height: 170px;
  text-align: center;
}


.thumbnail a img {
  border: 0 solid #DDDDDD;

}


.thumbnail img.thumb-ramka {
margin-left: -305px;
  z-index: 9999;
}


#social {
  float: left;
}

#social a img {
  border: none;
}
/* stopka */

#foot{
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer .foot {
  float: left;
  background-color: #000;
  font-family: Arial, Helvetica;
  font-size: 11px;
  color: #ccc;
}

#foot1, #foot2, #foot3 {
  width: 190px;
}

#foot1, #foot2 {
  margin-right: 35px;
}

#foot3 {
  margin-right: 40px;
}

#foot4 {
  width: 300px;
}

#foot h3, #foot h4, #foot h5, #foot h6, #foot li.categories, #foot h2{
  font-size: 14px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
}

#foot li.linkcat h2, #foot li.pagenav h2, #foot li.categories h2 {
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

#foot li.categories li, #foot li.pagenav li, #foot li.linkcat li {
  font-size: 11px;
}

#foot ul, #foot li.categories, #foot li.pagenav, #foot li.linkcat {
  list-style: none;
  padding: 0;
  margin: 0;
}

#foot li li, #foot .blogroll li {
  line-height: 24px;
  border-bottom: 1px dashed #666;
  padding: 0px 0px 0px 5px;
}

#foot a {
  color: #999;
  text-decoration: none;
}

#foot a:hover {
  color: #fff;
}

#stopka {
  padding-bottom: 60px;
  padding-top: 20px;
  font-size: 11px;
}
/* archiwa */

.archi {
  margin: 0px 0px 20px 0px;
  line-height: 125%;
}

.archi h2 {
  font-family: Arial, Helvetica;
  color: #666;
  font-size: 16px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.archi p {
  font-size: 11px;
  color: #666;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  text-align: left;
}
/* reklama 468x60 */

#archi-adv {
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 11px;
  color: #ccc;
}

/* ranking */

#rank {
  border: 1px solid #DDD;
  padding: 20px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
  background-color: #F3F3F3
}


.rating {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin:40px 0 0;
  border-top: 1px solid #999;
}
/* lewo prawo */

.left {
  float: left;
}

.right {
  float: right;
}


/* konkursy */
.events-top {
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 3;
}

.events-date {
  line-height: 16px;
  width: 90px;
  float: left;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  color: #EC2D53;
}

.events-link {
  line-height: 16px;
  width: 550px;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
}

.events-link a {
  padding-left: 22px;
  line-height: 16px;
  background: url(img/konkursy-s.gif) no-repeat -16px 0px;
  color: #222;
  font-weight: bold;
}

.events-link a:hover {
  padding-left: 22px;
  line-height: 16px;
  background: url(img/konkursy-s.gif) no-repeat 0px 0px;
  color: #000;
}

.events-txt {
  float: none;
  width: 528px;
  padding-left: 112px;
  margin-bottom: 46px;
}