/*
Theme Name: PetitKopat
Description: Wordpress theme for the blog Le Petit Kopat
Version: 0.3
Tags: 2 column, personal page, fixed width, widgets, gravatar support, valid XHTML, valid CSS, orange, right sidebar
Author: Zofren
*/

/***************/
/* HTML        */
/***************/

a {
  color: #CC6600;
  text-decoration: none;
}
a:visited {
  color: #CC6633;
  text-decoration: none;
}
a:hover {
  color: #FF6600;
  text-decoration: underline;
}
img {
  border: none;
}
p {
  padding: 0px 0px 15px;
  margin: 0px;
}
h1 {
  margin:0px;
  text-align:right;
  padding-right:15px;
  font-size:24px;
  font: Helvetica, Arial, "Trebuchet MS", Tahoma;
  font-style:italic;
  color: #000000;
}
h1 a, h1 a:visited{
  color: #000000;
  text-decoration: none;
}
h1 a:hover{
  color: #ffffff;
  text-decoration: none;
}
h2 {
  color: #59770e;
  margin: 0px 0px 2px;
  border-bottom: 1px dotted #CCCCCC;
  letter-spacing: -1px;
  font: normal 190%/100% Helvetica, Arial, "Trebuchet MS", Tahoma;
  padding-bottom: 3px;
}
h2 a, h2 a:visited {
  color: #59770e;
  text-decoration: none;
}
h2 a:hover {
  color: #FF6600;
  text-decoration: none;
}
h3 {
  font: normal 140%/100% Helvetica, Arial, "Trebuchet MS", Tahoma;
  color: #758d38;
  margin: 10px 0px 5px;
}
h4 {
  font: normal 130%/100% Helvetica, Arial, "Trebuchet MS", Tahoma;
  color: #758d38;
  margin: 10px 0px 5px;
}
form {
  margin:0px;
  padding:0px;
}

/***************/
/* Alignments  */
/***************/
.center {
  text-align: center;
}
img.center, img[align="center"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.aligncenter, img[align="center"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignleft, img[align="left"] {
  float:left;
  margin: 2px 10px 5px 0px;
}
img.alignright, img[align="right"] {
  float:right;
  margin: 2px 0px 5px 10px;
}
/* WP 2.6 FIX */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
  padding-top:3px;
  padding-right:13px;
}
.clear {
  clear:both;
}
hr.clear {
  clear:both;
  visibility: hidden;
  margin: 0px;
  padding: 0px;
}


/***************/
/* Blog Layout */
/***************/

#asd {
  background: #e6920c url(images/bg_lt.jpg) top right repeat-x;
}

#dsa {
  background: #22403e url(images/bg_rt.jpg) top left repeat-x;
}

#qw{
  width:770px;
}

body {
  font: 75%/150% "Trebuchet MS", Tahoma, Arial;
  color: #333333;
  background: #000000;
  margin: 0px;
  padding: 0px 0px 0px;
}

#page {
  margin: 0px auto;
  width: 100%;
  background: #FFFFFF url(images/content-bg.gif) repeat-y;
}

#header {
  background: #000000 url(images/header.jpg) no-repeat;
  height: 207px;
  border-bottom: 3px solid #000000;
  position: relative;
  cursor: pointer;
}

#con_pad{
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  width:764px;
  overflow: hidden;
}
#content {
  padding: 10px 0px 30px 20px;
  float: left;
  width: 485px;
  overflow: hidden;
}

/************************/
/*    Post Design    */
/************************/

.post {
  clear:both;
  padding-top: 15px;
}
.post-date {
  width: 45px;
  height: 49px;
  float:left;
  background: url(images/date-bg.gif) no-repeat;
}
.post-month {
  font-size: 11px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  display:block;
  line-height: 11px;
  padding-top: 2px;
  margin-left: -3px;
}
.post-day {
  font-size: 18px;
  text-transform: uppercase;
  color: #999999;
  text-align: center;
  display:block;
  line-height: 18px;
  padding-top: 7px;
  margin-left: -3px;
}
.post-title {
  float: left;
  margin-left: 10px;
  width: 430px;
}

.entry {
  clear: both;
  padding-top: 10px;
}
.post-cat {
  background: url(images/mini-category.gif) no-repeat;
  padding-left: 20px;
  float:left;
  font-size: 95%;
  color: #999999;
}
.post-comments {
  padding-left: 20px;
  float: right;
  font-size: 95%;
}
.post-comments-icon {
  background:url(images/mini-comments.png) center left no-repeat; 
  padding:0 0 0 20px; 
  font-weight:bold; 
  margin-left:5px; 
}

.post-calendar {
  background: url(images/mini-calendar.gif) no-repeat;
  padding-left: 20px;
  float: right;
  font-size: 95%;
  color: #999999;
}
.mini-add-comment {
  background: url(images/mini-down-arrow.gif) no-repeat;
  padding-left: 18px;
  float: right;
}

/************************/
/*    Sidebar Design    */
/************************/
#sidebar {
  float: right;
  padding: 0px 10px 20px 0px;
  width: 220px;
  color: #666666;
  overflow: hidden;
}

#sidebar h2, #sidebar .sidebartitle{
  font: normal 140%/100% Helvetica, Arial, "Trebuchet MS", Tahoma;
  color: #758d38;
  margin: 20px 0px 2px;
  border-bottom: 1px solid #CFE1AC;
}
#sidebar a, #sidebar a:visited{
  color: #758d38;
  text-decoration: none;
}
#sidebar a:hover{
  color: #FF6600;
  text-decoration: none;
}
#sidebar ul {
  margin: 0;
  padding: 0;
}
#sidebar ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
#sidebar ul li ul {
  padding: 0;
  margin: 0;
}
#sidebar ul li ul li{
  padding: 2px 0 2px 0px;
  border-bottom: 1px solid #dceeb7;
}
#sidebar ul li ul li ul li{
  padding: 1px 0 1px 10px;
  border: none;
}

/*blogroll */
ul.list-blogroll li{
  background: url(images/mini-blogroll.gif) no-repeat !important;
  padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
  background: url(images/mini-category.gif) no-repeat !important;
  padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
  background: url(images/mini-monthly-archive.gif) no-repeat !important;
  padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
  background: url(images/mini-page.gif) no-repeat !important;
  padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
  background: url(images/mini-page-arrow.gif) no-repeat !important;
  padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
  background: url(images/mini-recent-comments.gif) no-repeat !important;
  padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
  padding: 1px 7px;
}
/*text widget */
.textwidget {
  padding-top: 5px;
}
.rss {
  background: url(images/mini-rss.gif) no-repeat left center;
  padding-left: 18px;
  padding-bottom: 2px;
  margin-left: 8px;
}
.loginout {
  background: url(images/mini-loginout.gif) no-repeat left center;
  padding-left: 18px;
  padding-bottom: 2px;
  margin-left: 8px;
}
div.license {
  margin:50 20 20 20
  vertical-align:bottom;
}

/************************/
/*    Footer Design    */
/************************/
#footer {
  clear: both;
  background: #000000;
  color: #ACD7EE;
  font-size: 95%;
  line-height: 130%;
  padding-bottom: 10px;
}
#footer a, #footer a:visited {
  color: #ffffff;
}
#footer h4 {
  font: normal 146%/100% Helvetica, Arial, "Trebuchet MS", Tahoma;
  color: #9cdbfb;
  margin: 10px 0px 5px;
}
.footer-recent-comments {
  width: 240px;
  float: left;
  margin-left: 10px;
}
.footer-recent-comments ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer-recent-comments ul li {
  background: url(images/mini-footer-comments.gif) no-repeat;
  padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
  width: 240px;
  float: left;
  margin-left: 10px;
}
.footer-recent-posts strong {
  font-size: 107%;
  line-height: 135%;
  font-weight: bold;
}
.footer-recent-posts ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 92%;
  line-height: 110%;
}
.footer-recent-posts ul li {
  background: url(images/mini-footer-post.gif) no-repeat;
  padding: 0px 0px 10px 20px;
}
.footer-about {
  width: 220px;
  float: right;
  padding-right: 10px;
  padding-left: 10px;
  background: #000000;
}

/************************/
/*    Credits Design    */
/************************/
#credits {
  margin: 0px auto;
  width: 770px;
  color: #000000;
  font-size: 85%;
  line-height: 120%;
  height:100px;
  background:url(images/bottom.jpg) no-repeat;
  text-align: right;  
}
#credits a, #credits a:visited {
  color: #000000;
}

/************************/
/*    Comment Design    */
/************************/

h3#comments, h3#respond {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    color:#59770E;
    border-top:1px dotted #59770E;
    border-bottom:1px dotted #59770E;
    text-align:center;
}
ol.commentlist { 
    list-style-type: none;
}
ol.commentlist li {
    margin:20px 0px 20px 0px;
    border-top:1px dotted #59770E;
}
ol.commentlist li.bypostauthor {
   margin:0px 0px 0px 75px;
}
ol.commentlist li.comment div.vcard {
   background:#F0FFF0;
}
ol.commentlist li.comment div.vcard cite.fn {
   font-weight:bold;  
}
ol.commentlist li.comment div.commentmetadata {
    font-size:80%;
    border-bottom:1px dotted #59770E;
}
ol.commentlist li.comment div.comment-meta {
    background:#F0FFF0;
}
ol.commentlist li.comment div.comment-meta a {
    color:#59770E;
}
ol.commentlist li.comment p {
   margin:0px 10px 0px 10px;
}
ol.commentlist li.bypostauthor p {
   font-weight:bold;  
}
ol.commentlist li.comment div.reply a {
   color:#59770E;
   font-size:80%;
}
#content ol.commentlist li.comment ul.children {
   list-style-type: none;
   margin:0px 0px 0px 75px;
}
textarea#comment {
   width:100%;
}

/************************/
/*  Search Form Design  */
/************************/
#searchform {
  margin: 15px 0 0;
}
#searchform br {
  display: none;
}
#searchform #s {
  border:1px solid #203346;
  width: 135px;
  height: 22px;
  padding: 4px 5px 0px 5px;
  border: 1px solid #bed881;
  background: #fff;
  margin-right: 2px;
  color: #000000;
  font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
  background: url(images/search-btn-bg.gif) no-repeat;
  border: none;
  width: 67px;
  height: 26px;
  font: bold 12px Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  vertical-align: middle;
}

/************************/
/*    Related posts     */
/************************/

.related h2 {
  font: normal 140%/100% Helvetica, Arial, "Trebuchet MS", Tahoma;
  color: #758d38;
}
.related ul li {
  list-style-image : url(images/mini-page.gif);
  /*background: url() no-repeat;*/
  padding: 0px 0px 10px 20px;
}


/************************/
/*    PageNavi Design   */
/************************/

.navigation {
  text-align:center;
}
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate .gap {color:#59770E; margin-right:4px;}

.wp-paginate a {background:#ECFDCE; color:#59770E; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#f60; color:#000;}
.wp-paginate .current {color:#000; background:#fa0; margin-right:4px; padding:3px 6px; font-weight:bold;}


/* style overrides for comments pagination */
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}
.wp-paginate .title {}
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

/******************************/
/*  I Like This Design  */
/******************************/

.iLikeThis { display:inline; }
.iLikeThis .counter { background:url(heart.png) center left no-repeat; padding:0 0 0 20px; font-weight:bold; margin-left:5px; color: #CC6600; }
.iLikeThis .counter a { cursor:pointer; color: #CC6600;}
.iLikeThis .counter a.image { background:url(add.png) center right no-repeat; padding:0 20px 0 0; }

/******************************/
/*  Quotes Collection Design  */
/******************************/

/* Random quote */
.quotescollection_randomquote q {
   font-weight: bold;
   color:#FFFFFF;
}

.quotescollection_randomquote cite {
  display:block; /* To display author and source in a new line */
  text-align:right; 
}

.quotescollection_author { /* author */
  font-style:normal;
}

.quotescollection_source { /* source */

}

.quotescollection_nextquote { /* 'Next Quote »' link */

}

.quotescollection_nextquote a { /* use this if you want to change, for example, the color of the 'Next Quote »' link */

}


/* Quotes page */
blockquote.quotescollection {
  border:0;
  background:none;
  padding:0;
  margin:2em;
  font-size:1em;
}

blockquote.quotescollection q {

}

blockquote.quotescollection cite {
  display:inline;  
  font-size:0.83em;
}

/* Uncomment the block below if you want to get rid of the quotation marks before and after the quote */

/*
q:before, q:after {
  content:"";
}
*/