/*
Theme Name: JonKryzalid
Theme URI: http://jonk.pirateboy.net/blog/2009/02/21/nytt-utseende-pa-bloggen/
Description: WordPress theme initially made for Jonks blog
Author: Charles Henri, inspiré par Jonk
Author URI: http://kryzalid.net/
Tags: white, two-columns, fixed-width
Version: 1.21

	This theme was designed and built by Johan (Jonk) Stenström ,
	whose blog you will find at http://jonk.pirateboy.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*****************************************************/
/*****************************************************/
/*****************************************************/

* {font-family: "Trebuchet ms", Arial, Verdana, Helvetica, sans-serif;}
body {background:#E6E5D8 url(images/bkg-body.png) repeat-x 0 0;font-family: "Trebuchet ms", Arial, Verdana, Helvetica, sans-serif;font-size:small;text-align:center;}
a {text-decoration:none;}
a:link, a:visited, a:active {color:#96a225;}
a:hover {text-decoration:underline;}
hr {display:none;}
address {font-style:normal;}

/**/
.clear {clear:both;}
.sepPostHr {background:#d4d4d4;margin:46px auto;height:1px;}
.bkgEmphase {background:yellow;}
.puces {list-style-type:square;list-style-position:outside;margin:0 0 0 20px;}
.puces li {margin-bottom:10px;}
.borderImg {border:1px solid #ccc;}

#allContainer {background: url(images/bkg-all-container.png) repeat-y 0 0;margin:0 auto;text-align:left;width:1320px;}
#wrapper {background: url(images/bkg-wrapper.png) no-repeat 0 0;}

#headerContainer {position:relative;height:342px;}

#titleContent {position:absolute;left:158px;top:99px;}
#titleContent #logo a {background: url(images/logo-kryzalid-blog.png) no-repeat 0 0;display:block;text-indent:-9999em;width:292px;height:60px;}
#titleContent #subHeader {background: url(images/slogan-kryzalid-blog.png) no-repeat 0 0;display:block;text-indent:-9999em;width:395px;height:19px;}

#menuSearch {background:#fff;border:1px solid #bdbdbd;position:absolute;right:208px;bottom:7px;width:260px;height:40px;}
#menuSearch label {display:none;}
#menuSearch input#s {background:#fff;border:none;color:#97a326;font-size:28px;font-weight:bold;padding-left:10px;position:absolute;top:0;left:0;width:220px;height:38px;}
#menuSearch #searchsubmit {border:none;cursor:pointer;display:inline-block;position:absolute;top:0;right:0;width:37px;height:38px;}

#menu {font-size:medium;font-weight:bold;position:absolute;left:160px;bottom:12px;}
#menu ul li {background: url(images/btn-main-nav_left.png) no-repeat left top;float:left;line-height:27px;padding-left:5px;margin-right:3px;width:auto;height:27px;}
#menu ul a {background: url(images/btn-main-nav_right.png) no-repeat right top;color:#fff;float:left;line-height:27px;padding-right:5px;width:auto;height:27px;}
#menu ul a:hover {text-decoration:none;}
#menu ul a span {background: url(images/btn-main-nav_middle.png) repeat-x 0 0;display:block;line-height:27px;padding:0 7px;width:auto;height:27px;}
#menu ul li#rssMenu {background:none;margin:0;padding:0;}
#menu ul li#rssMenu a {background: url(images/icon-rss_big.png) no-repeat 0 0;display:block;text-indent:-9999em;width:26px;}

#contentContainer {/*border:1px solid aqua;*/ }
#allContentWidth {/*border:1px solid fuchsia;*/ float:left;margin:55px 0 0 160px;width:633px;}

#mainContent {/*border:1px solid green;*/ }
#mainContent .post {/*border:1px solid blue;*/ position:relative;}
#mainContent .post .date {background:url(images/bkg-date.png) no-repeat 0 0;font-size:.9em;padding-top:5px;position:absolute;left:-107px;text-align:center;top:0;width:76px;height:78px;}
#mainContent .post .date .day {display:block;font-size:3.8em;font-weight:bold;}
#mainContent .post .postInnerPadding {line-height:1.6em;}
#mainContent .post .postsCategories {color:#8f8f8f;display:block;margin-bottom:8px;}
#mainContent .post h2, #mainContent .post h1 {font-size:2.2em;font-weight:lighter;line-height:normal;margin-bottom:24px;}
#mainContent .post h2 a, #mainContent .post h1 a {color:#000;}
#mainContent .post h2 a:hover, #mainContent .post h1 a:hover {color:#96a225;}
#mainContent .post p, #mainContent .prevNextLinks, #mainContent .post ul, #mainContent .post ol, #mainContent .post dl {margin-bottom:24px;}
#mainContent .post img.alignleft {float:left;margin-right:10px;}
#mainContent .post .more-link {font-size:1.3em;font-style:italic;font-weight:bolder;}
#mainContent .post textarea {width:100%;}
#mainContent h2.headComments {font-size:1.8em;font-weight:lighter;margin-bottom:24px;}
#mainContent .post h2.singlePostH2 {font-size:1.5em;}
#mainContent .post h3.singlePostH3 {font-size:1.25em;/*font-weight:lighter;*/ margin-bottom:15px;}
#mainContent .post tt {color:#8f8f8f;font-family:monospace;}
#mainContent .post strong {color:#3A3C24;}
#mainContent .post em {color:#676;}
#mainContent .post pre {background:#f5f5f5;border-left:10px solid #e5e5e5;color:#333;font-family:monospace;margin-bottom:24px;padding:15px;overflow:auto;width:auto;height:auto;}
#mainContent .post big.txtEncadre {background:#E6E5D8;border-left:10px solid #CDD73A;display:block;padding:10px;}
#mainContent .post .comment.parent {background:#f2f2f2;margin:1em 0;padding:.5em;}
#mainContent .post .comment .children {background:#e8e8e8;margin:1em;padding:1em;}

#mainContent .postFooter {clear:both;float:none;}
#mainContent .postmetadata {font-size:.9em;}

#mainContent .wpcf7-form p:first-letter {text-transform:uppercase;}

#sidebar {/*border:1px solid aqua;*/ float:right;margin-top:90px;margin-right:208px;width:260px;}
#sidebar li {background:#fff;margin-bottom:20px;padding-bottom:15px;}
#sidebar h2 {background:#a9ab9d url(images/bkg-h2-sidebar.png) no-repeat 0 0;color:#4D4F40;font-size:1.3em;font-weight:lighter;line-height:30px;text-indent:14px;height:30px;}
#sidebar .widget_twitter h2 {background:transparent url(images/bkg-h2-sidebar_twitter.png) no-repeat 0 0;line-height:normal;height:51px;}
#sidebar .widget_twitter h2 span {position:relative;top:25px;}
#sidebar h2 a {color:#4D4F40;}
#sidebar .tweets a {color:#96a225;}
#sidebar li ul {margin: 15px 14px 0 14px;}
#sidebar li ul li {background:transparent;border-bottom:1px solid #d4d4d4;margin-bottom:10px;padding:0 0 6px 0;}
#sidebar li ul li a {color:#000;}
#sidebar li ul li a:hover {color:#96a225;text-decoration:none;}
#sidebar li.widget_tag_cloud{background:transparent;text-align:center;}
#sidebar li.widget_tag_cloud h2 {display:none;}
#sidebar li.widget_tag_cloud a {/*font-weight:bold;*/ }

#sidebar #wp-calendar {margin-left:auto;margin-right:auto;text-transform:capitalize;width:100%;}
#sidebar #wp-calendar a {text-decoration:underline;}
#sidebar #wp-calendar caption {margin:10px auto;}
#sidebar #wp-calendar td, #sidebar #wp-calendar th {padding-right:12px;text-align:right;}

#sidebar #archives li:first-letter {text-transform:uppercase;}

#footer {clear:both;color:#ccc;padding-bottom:15px;}
#footer a {color:#aaa;}
#footerInnerPadding {margin-left:160px;width:633px;}
#footer #creativeCommons {float:left;margin-top:24px;width:50%;}

/*IMAGES DANS LES ARTICLES*/
.alignleft {float:left;margin:0 15px 15px 0;}
.alignright {float:right;margin:0 0 15px 15px;}
.aligncenter {margin:auto;text-align:center;width:98%;}
.wp-caption-text {color:#8f8f8f;font-size:.9em;line-height:normal;text-align:center;}
.tinStroke {border:1px solid #d4d4d4;}
/**/

/*flickr*/
.flickr {}
.flickr img {/*border:1px solid red;*/margin-top:5px; margin-left:9px;}
/**/