/*
 Author Name : Kevin Deldycke
 Author Site : http://kev.coolcavemen.com
 Style Name  : Sapphire
 Style URI   : http://kev.coolcavemen.com/wp-content/themes/k2/styles/sapphire
 Version     : 0.1
 Comments    : This is a customized style for the Wordpress K2 theme I use on my personnal blog ( http://kev.coolcavemen.com ). It is an adapatation of Saphirre ( http://www.michaelmartine.com/free-wordpress-themes/free-wordpress-theme-sapphire/ ), a theme by Michael Martine ( http://michaelmartine.com ) released under the under a Creative Commons Attribution 2.5 License. This style also include my personnal K2 hacks from my "Coolkevmen" style.

 Copyright   : Kevin Deldycke & Michael Martine
 Licence     : GNU/GPL
*/


/* =======================================
**  Sapphire adaptation
** =======================================
*/

body {
  background-color: #141d2e;
}

/* Main font color */
body,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited,
.entry-content,
input[type=text], textarea
{
  color: #333;
}

#page {
 width: 760px;
 padding-top: 0;
 padding-bottom: 0;
 border: 0;
}

#header {
 background: #3272a0 url(sapphire-head.jpg) center bottom no-repeat;
 height: 180px; /* Reduce from 200px */
}

#header h1 {
 padding-top: 65px; /* Original is 75px. Header heigh was reduced to 180px. So now it's 75px-((200px-180px)/2)=  */
}

#header > h1, #header > p {
  text-align: center;
}

#page .content {
 background: white url(sapphire-body.png) repeat-y scroll top;
}

#footer {
 background: transparent url(sapphire-footer.jpg) center top no-repeat;
 margin-top: 0;
 height: 70px; /* 60px = 70px - 10px(=padding-top)  */
}

#footer small {
  color: #ccc;
}

#footer a {
  color: #eee;
}


/* =======================================
**  Personnal K2 hacks
** =======================================
*/

ul {
 list-style-position: inside;
/* list-style-type: disc;*/
}

blockquote {
 color: #000;
 background: #f9f9f9;
 border-width: 1px 1px 1px 3px;
 border-color: #eee;
 border-style: dotted dotted dotted solid;
 padding-right: 1.3em;
 padding-left: 1.3em;
}

/* It's easier for the user to spot some widget listing if we show a
** graphical element before each one, because the visibility of the post
** list is reduced when long titles get rendered on multiple lines.
**   TODO: use a fancier image instead of displaying a simple 'disc'.
*/
div.sb-latest  ul li,
div.sb-related ul li {
  list-style-type: disc;
}

/* Margins are not consistent in original K2 theme for images inside a post.
** This rule put the same 5px margin for each side of the image.
*/
#primary .entry-content img {
  float: left;
  margin: 5px;
}

/* Float each link to image within post content to left.
*/
#primary .entry-content a.imagelink img {
  border-color: #a7c0de;
}

#primary .entry-content a.imagelink:hover img {
  border-color: #277ade;
  background-color: #eee;
}

/* Previous rule mess all posts up if one post end with an "imagelink".
** This rule fix this bad behaviour, on front page and on single post view
** (=view with comments).
*/
#primary .hentry,
#primary div.comments {
  clear: both;
}