/*
 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.3
 Comments    : This style is designed for K2 v0.9.6 theme. This is an adaptation 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.
 Copyright   : Kevin Deldycke
 Licence     : GNU/GPL
 Header Text Color: #fff
 Header Height: 180px
*/


/* ====================================================
**  Sapphire adaptation to K2.
** ====================================================
*/

.k2-asides .entry-content 
{
border-left:2px solid #0077AA;
padding-left:15px;
padding-top:5px;
}

body {
 background: #ededed url(sapphire-background.png) center top repeat-x;
}

/* 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,
blockquote {
 color: #333;
}

/* Make some place before the header to let us see rounded corners */
#page {
 border: 0;
 margin-top: 20px;
 padding-top: 0;
}

#header {
 background: #dedede none center bottom no-repeat;
 height: 180px; /* Reduced from 200px */
}

.columns-one #header, .sidebar-none   #header {background-image: url(sapphire-header-sidebar-none.png)}
.columns-two #header, .sidebar-single #header {background-image: url(sapphire-header-sidebar-single.png)}
.columns-three #header, .sidebar-dual   #header {background-image: url(sapphire-header-sidebar-dual.png)}

#header h1 {
 padding-top: 65px; /* Original is 75px. We changed it because header heigh was reduced to 180px */
}

#header h1, #header .description {
 text-align: center;
}

#header .description {
 color: #ccc;
}

#footer {
 background: #ededed none center bottom no-repeat;
 color: #ccc;
 padding-top: 14px; /* default value: 20px. Too big IMHO. */
 padding-bottom: 14px; /* default value: 20px. Too big IMHO. */
 margin-bottom: 20px; /* same as #page top margin */
}

.columns-one  #footer, .sidebar-none   #footer {width: 560px; background-image: url(sapphire-footer-sidebar-none.png);}
.columns-two  #footer, .sidebar-single #footer {width: 780px; background-image: url(sapphire-footer-sidebar-single.png);}
.columns-three  #footer, .sidebar-dual   #footer {width: 950px; background-image: url(sapphire-footer-sidebar-dual.png);}

#footer a {
 color: #eee;
 border: 0;
}


/* ====================================================
**  K2 bug fixes: should be commited in K2 trunk but
**  i'm too lazy yet to submit a bug report...
** ====================================================
*/

/* Bug Fix: display second level lists in comments and make list look the same in comments as in posts.
** Test case:
**   - for <ul>: http://kev.coolcavemen.com/2006/08/e107-to-wordpress-migration-here-is-why/#comment-92
**     should look like http://kev.coolcavemen.com/2006/08/e107-to-wordpress-migration-here-is-why/
**   - for <ol>: http://kev.coolcavemen.com/2006/08/konqueror-config-file-disable-menu-bar/#comment-2893
**     should look like http://kev.coolcavemen.com/2007/04/how-to-block-ads-in-konqueror/
*/
#commentlist ul, #commentlist ol {
 padding-left: 35px;
 margin-top: 13px;
 margin-bottom: 13px;
}
#commentlist li li {
 margin-top: 0;
 margin-bottom: 3px;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 list-style-type: inherit;
 list-style-image: inherit;
 list-style-position: inherit;
}

/* Margins are not consistent in original K2 theme for images inside a post.
** This is particularly obvious when several images are displayed side by side.
** This rule put the same 5px margin for each side of the image.
** Test case: http://kev.coolcavemen.com/2006/09/cd-templates-for-jewel-case-in-svg/
*/
#primary .entry-content img {
 margin: 5px;
}
/* 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;
}
/* Same as above but for list below images.
** Test case: http://kev.coolcavemen.com/2007/04/how-to-block-ads-in-konqueror/
*/
#primary ul, #primary ol {
 clear: both;
}
/* Reset smileys 5px margin rule to their default value.
** Test case: http://kev.coolcavemen.com/2007/06/how-to-launch-a-kde-application-in-another-language/
*/
#primary .entry-content img.wp-smiley {
 margin: 0;
}


/* ====================================================
**  Other K2 style customisations: Mainly coded for my
**  personnal blog. It's not a bad idea to remove all
**  the CSS code below to revert to default K2
**  behaviour.
** ====================================================
*/

/* Consistent unordered list style.
*/
ul, ul li {
 list-style-position: inside;
 list-style-type: disc;
}

/* This kind of blockquote is more efficient: it is wider thant K2 default bloquotes as it use a thicker left border instead of padding.
*/
blockquote {
 background-color: #eee;
 border-width: 1px 1px 1px 3px;
 border-color: #ccc;
 border-style: dotted dotted dotted solid;
 padding-right: 1em;
 padding-left: 1em;
}

/* 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.
*/
div.sb-latest  ul li,
div.sb-related ul li {
 list-style-type: disc;
}

/* Make image link easier to spot by using a subtile blue color.
*/
#primary .entry-content a.imagelink img {
 border-color: #a7c0de;
}
#primary .entry-content a.imagelink:hover img {
 border-color: #277ade;
 background-color: #eee;
}

/* Float each image within a post to left,
** except for images with 'center' class, and smileys.
*/
/*#primary .entry-content img {
 float: left;
}

#primary .entry-content img.right {
 float: right;
}*/

#primary .entry-content img.center,
#primary .entry-content img.wp-smiley {
 float: inherit;
}

/* Center image with "center" class
*/
#primary .entry-content img.center {
 display: block;
 margin-right: auto;
 margin-left: auto;
}

/* Sometimes I add images within titles tags as icons.
** Test case: http://kev.coolcavemen.com/linux-scripts/
*/
#primary .entry-content h4 img {
 border: 0;
 padding: 0;
 margin: 0;
 margin-right: 5px;
}

/* Style comment form to make input fields thicker and flat (easier to spot)
*/
.comments input[type='text'], textarea#comment {
 border: 2px solid #ccc;
}

/* Separate bottom navigation using a light dotted line
*/
.comments .navigation {
 border-top: 1px dotted #ccc;
 padding-top: .6em;
}


/* Display all pingbacks in a single box.
** Inspired by True Blue v1.4 theme: http://stevelam.org/2007/03/true-blue-14/
*/
.comments #pinglist {
 background: #e4e9ef;
 border-width: 3px 1px 1px;
 border-color: #d2d7dd;
 border-style: solid;
}


/**
 *  My (Benoit Ratte) personnal hacks
 *************************************************************************************************/
/** Remove k2 default to justify text */
.entry-content {
	text-align:left;
}

/** A bunch of css class to use in post */
.code { background-color: #EEE; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; }
.alert { background-image: url('exclamation.png'); background-color: #FCC; border-top: 2px solid #F33; border-bottom: 2px solid #F33; }
.new { background-image: url('new.png'); background-color: #FED; border-top: 2px solid #F93; border-bottom: 2px solid #F93; }
.construction { background-image: url('error.png'); background-color: #FFFFF0; border-top: 2px solid #CC0; border-bottom: 2px solid #CC0; }
.paypal_beer { background-image: url('icon_beer.gif'); background-color: #fff4e2; border-top: 2px solid #fab74c; border-bottom: 2px solid #fab74c; }
.information {  background-image: url('information.png'); background-color: #ADF; border-top: 2px solid #27D; border-bottom: 2px solid #27D; }
.note { background-image: url('page_white_text.png'); background-color: #EEE; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; }
.download { background-image: url('package_go.png'); background-color: #CFC; border-top: 2px solid #6C6; border-bottom: 2px solid #6C6; }
.download a, .download a:visited { color: #363; border-bottom: 1px solid #363; }
.download a:hover { color: #77AA77; border-bottom: 1px solid #77AA77; }
.code
{
	overflow-x: auto;
	margin:10px auto;
	padding:10px 10px 10px 10px;
	text-align:left;
}	
.download, .note, .alert, .new, .construction, .information, .paypal_beer
{
	background-position:15px 10px;
	background-repeat:no-repeat;
	/*font-size:1.2em !important;*/
	line-height:115%;
	margin:10px auto;
	padding:10px 10px 10px 50px;
	text-align:left;
}

/** Hopefully there will be more than one comment, so use the comments images */
.commentslink
{
	background:transparent url(comments.png) no-repeat scroll left center;
}

/** Use a page icon instead of a clock to represent the ol' post, not just to chronodata */
.chronodata
{
	background:transparent url(page_white_code.png) no-repeat scroll left center;
}

/** Use a comment icon instead of a clock to represent the comment and not just the time of the comment */
#commentlist li .comment-meta
{
	background:transparent url(comment.png) no-repeat scroll left center;
}
/** Add a solid border instead of the default semi-3D border */
input[type="text"], textarea
{
	border:1px solid #AAAAAA;
}

#searchreset
{
	right: 0px;
}

.single #primary .k2-asides .entry-content
{
	color:#000000;
	font-size:1.2em;
}

.comments #commentlist li.bypostauthor
{
	background: #F9FDFF;
	border: 1px solid #0077AA;
}

a { color: #0077aa; }

.entry-tags a { text-transform: none; }
.entry-tags
{
	margin-top: 3px;
	padding-bottom: 6px;
	background-position: 2px center;
}
.post-ratings { margin-left: 2px; }
.entry-category { text-transform: none; }

#primary .entry-content h4
{
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
}