/*



    WorldCupLove

    Last Update: 24.08.08

    Theme Name: WorldCupLove



*/



@import url("reset.css");



/* general

==========================================================================*/



body{

  font: 12px/1.5em Arial,Helvetica,Garuda,sans-serif;

  background: #fff url(skin/body_bkg.jpg) repeat-x 0 0;

  color: #605c5d;

}

a{

  color: #4773cf;

}

a:hover{

  color: #e05806;

}





.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

.clearfix {

  display: inline-table;

}

/* Hides from IE-mac \*/

* html .clearfix {

  height:1%;

}

*+html .clearfix {

  height:1%;

}

.clearfix {

  display:block;

}

/* End hide from IE-mac */



#container{

  width: 980px;

  margin: 37px auto 0 auto;

  background: url(skin/menu_bkg.png) no-repeat 0 0;

}





/* header

==========================================================================*/



#header{

  padding: 0 0 0 0;

}

#menu{

  width: 948px;

  height: 44px;

  padding: 0 16px;

}

#menu ul{

  padding: 8px 0 0 0;

  float: left;

}

#menu li{

  float: left;

  padding: 5px 8px 5px 5px;

  background: url(skin/menu_separator.gif) no-repeat 100% 0;

}

#menu li a{

  color: #fff;

  font: 12px "Trebuchet MS",Helvetica,Jamrul,sans-serif;

  line-height: 21px;

  height: 21px;

  text-decoration: none;

  text-transform: uppercase;

  letter-spacing: 1px;

  padding: 0 8px 0 0;

  float: left;

}

#menu li span{

  line-height: 21px;

  height: 21px;

  padding: 0 0 0 10px;

  float: left;

}

#menu li.current_page_item span a,#menu li span:hover a{

  background: url(skin/menu_item_r.gif) no-repeat 100% 0;

}

#menu li.current_page_item span,#menu li span:hover{

  background: url(skin/menu_item_l.gif) no-repeat 0 0;

}

#searchform{

  float: right;

  width: 155px;

  height: 23px;

  background: url(skin/search.gif) no-repeat 0 0;

  padding: 3px 0 0 29px;

  margin: 11px 0 0 0;

}

#searchform input{

  border: 0;

  background: #fff;

  width: 144px;

  font: 12px Arial,Helvetica,Garuda,sans-serif;

  letter-spacing: 1px;

  color: #b0b0b0;

}

#rss{

  float: right;

  margin: 11px 0 0 21px;

}

#main{

  background: #fff url(skin/main_bkg.jpg) repeat-x 0 0;

  padding: 53px 0 0 28px;

}

.post{

  margin: 0 0 50px 0;

  padding: 0;

}



.post h1, .post h1 a{

  font-size: 30px;

  color: #5874ac;

  text-decoration: none;

  font-weight: lighter;

  padding: 3px 0 0 0;

}

.post h2, .post h2 a{

  font-size: 24px;

  color: #5874ac;

  text-decoration: none;

  font-weight: lighter;

  padding: 1px 0 0 0;

}

.date{

  background: url(skin/date.jpg) no-repeat 0 0;

  float: left;

  width: 35px;

  height: 42px;

}

.date-month{

  font: 10px "Trebuchet MS",Helvetica,Jamrul,sans-serif;

  text-transform: uppercase;

  color: #fff;

  text-align: center;

  line-height: 11px;

  padding: 2px 0 0 0;

}

.date-number{

  font-size: 20px;

  font-weight: bold;

  color: #e05806;

  text-align: center;

  padding: 4px 0 0 0;

  line-height: 20px;

}

.post-title{

  float: left;

  margin: 2px 0 0 8px;

  width: 537px;

  line-height: 23px;

}

.author{

  font: 10px Verdana, Arial, Helvetica, sans-serif;

  color: #8e8486;

  margin: 4px 0 0 0;

}

.entry{

  clear: both;

  padding: 18px 0 0 0;

}

.entry img{

  padding: 4px;

  background: #fff;

  border: 1px solid #bdbdbd;

  margin: 0 16px 16px 0;

}

.entry p{

  padding: 0 0 20px 0;

}

.entry a.more-link{

  color: #fff;

  font-size: 10px;

  letter-spacing: 1px;

  text-decoration: none;

  text-transform: uppercase;

  background: #4c79d7;

  border-bottom: 1px solid #194090;

  padding: 1px 3px;

}

.entry a.more-link:hover{

  text-decoration: none;

  background: #f3853b;

  border-bottom: 1px solid #de571b;

}

.entry strong{ 

  font-weight: bold;

}

.entry em{

  font-style: italic;

}



.postmetadata{



}

.postmetadata a{

  text-decoration: none;

  font: 11px Verdana, Arial, Helvetica, sans-serif;

}

.tags{

  background: url(skin/tags.jpg) no-repeat 0 0;

  padding: 0 4px 0 20px;

  color:#605c5d;

}

.comments-no{

  background: url(skin/comments.jpg) no-repeat 0 0;

  padding: 0 0 0 18px;

  color:#605c5d;

  margin: 0 0 0 6px;

}

.share-this{

  float: right;

}

.share-this a{

  font-size: 11px;

  text-decoration: none;

}





/* - comments - */



#comments {

  margin: 20px 0 0 0;

  padding: 0;

}

#comments h2, #post-comments h2{

  font-size: 20px;

  font-weight: lighter;

  color: #605c5d;

}

.add-comment{

  margin: 8px 0 0 0;

  padding: 0;

}

.add-comment a {

  padding: 2px 0 2px 20px;

  background: url(skin/add.gif) no-repeat 0% 50%;

  font: 10px/1.5em Verdana, sans-serif;

  color: #67707A;

  text-decoration: none;

  border: none;

}

.add-comment a:hover {

  text-decoration: none;

  color: #e05806;

}

#comments ol {

  margin: 0;

  padding: 0;

  list-style: none;

  font-size: 11px;

  color: #888888;

}

#comments ol li {

  margin: 0;

  padding: 0;

  clear: both;

}

#comments .author {

  margin: 0;

  padding: 18px 0 6px 0;

  float: left;

  width: 170px;

  font: 10px/2.5em Verdana, sans-serif;

  color: #bbbbbb;

}

#comments .author a {

  font: 11px Verdana, sans-serif;

  color: #4773cf;

}

.comment {

  margin: 0;

  padding: 20px 0 6px 0;

  float: right;

  width: 320px;

}

.comment span, .no-find {

  margin: 0;

  padding: 2px;

  background: #F4F29D;

  color: #862D2D;

  font-style: italic;

  font-size: 12px;

}



.comment p {

  margin: 0;

  padding: 0;

}



/* - comments form - */



#post-comments {

  margin: 0;

  padding: 40px 0 0 0;

  clear: both;

  color: #888888;

}

#reply {

  margin: 20px 0 0 0;

  padding: 0;

  font-size: 11px;

}

.comment-field {

  margin: 0;

  padding: 0 0 12px 0;

}

.comment-field textarea {

  padding: 2px;

  font: 11px "Lucida Grande", Verdana, sans-serif;

  width: 302px;

  border: 1px solid #BCBCCB;

  color: #565656;

}

.comment-field label {

  float: left;

  width: 170px;

}

.input-text {

  padding: 2px;

  font: 11px "Lucida Grande", Verdana, sans-serif;

  width: 302px;

  border: 1px solid #BCBCCB;

  color: #565656;

}

.input-button {

  margin: 0 0 0 171px;

  padding: 0 5px;

  color: #565656;

}

#content{

  float: left;

  width: 596px;

  padding: 0 26px 0 0;

  border-right: 1px solid #d7d6d6;

}

#sidebar{

  float: right;

  width: 285px;

  padding: 0 23px 0 0;

}

.widget,#sponsors,#bigad{

  margin: 0 0 20px 0;

}

#sponsors .right{

  margin-right: 10px;

}



#sponsors a img{

  margin-top: 10px;

}

#twitter a img{

  margin-top: 10px;

}





.widget h2,#sponsors h2,#twitter h2{

  font-size: 11px;

  font-weight: bold;

  color: #454a52;

  letter-spacing: 1px;

  text-transform: uppercase;

  border-bottom: 1px solid #d7d6d6;

  padding: 0 0 4px 0;

}

.widget_categories ul{

  margin: 10px 0 0 0;

}





.widget_categories li{

  background: url(skin/ball_bullet.jpg) no-repeat 0 50%;

  padding: 2px 0 2px 19px;

  line-height: 12px;

  margin: 0 0 3px 0;

}





.widget_categories a{

  color: #607193;

  text-decoration: none;

  font: 11px Verdana, Arial, Helvetica, sans-serif;

}



.ctc{

  padding: 10px 0 0 0;

}

/* pagination */



.pagination{

  margin: 30px 0 120px 0;

}

.pagination a{

  padding: 4px 6px;

  margin: 0 1px 0 0;

  background: #fff;

  color: #2b5dc1;

  border: 1px solid #a2afe8;

  text-decoration: none;

}

.pagination a:hover{

  color: #e05806;

}

.pagination span.current{

  padding: 4px 6px;

  margin: 0 1px 0 0;

  background: #476dbd;

  border: 1px solid #476dbd;

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  cursor: default;

}

.pagination span.disabled{

  padding: 5px 12px;

  margin: 0 1px 0 0;

  background: #fff;

  border: 1px solid #dedede;

  color: #9c9c9c;

  cursor: default;

}

.pagetitle{

  font-size: 20px;

  font-weight: lighter;

  color: #605c5d;

  margin: 0 0 20px 0;

}

#footer{

  margin: 40px 0 0 0;

  padding: 43px 0;

  text-align: center;

  border-top: 1px solid #d7d6d6;

  clear: both;

  position: static;

  font-size: 11px;

  color: #9c9c9c;

}

#footer a{

  color: #717171;

  text-decoration: none;

}


