/***** BEGIN LICENSE BLOCK *****
# 
# This document is part of NEKODESIGN.NET
#  css template : neko06
# author : robin / robin[at]biboo.net
#
# this graphic theme in distribued under a "Attribution-NonCommercial-ShareAlike 3.0" Creative Commons licence :
# http://creativecommons.org/licenses/by-nc-sa/3.0/
#
# You are free:
# * to Share — to copy, distribute and transmit the work
# * to Remix — to adapt the work
# Under the following conditions:
# * Attribution : You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).
# * Noncommercial : You may not use this work for commercial purposes.
# * Share Alike : If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one.
#
# For any reuse or distribution, you must make clear to others the license terms of this work.
# Any of the above conditions can be waived if you get permission from the copyright holder.
# Apart from the remix rights granted under this license, nothing in this license impairs or restricts the author's moral rights.
#
# Your fair dealing and other rights are in no way affected by the above.
# This is a human-readable summary of the Legal Code : http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode
# 
# ***** END LICENSE BLOCK *****/
/* zero out everything   */
* {
	margin: 0;
	padding: 0;
}

/********************* positionning layout ***************************/
#page {
	left: 50%;
	margin-left: -500px;
	position: absolute;
	width: 1000px;
	background: transparent url(img/bg-page.gif) repeat-y;
}

#main {
	float: right;
	width: 720px;
}

#sidebar {
	float: left;
	width: 280px;
	position: relative;
	top: -25px;
}

/****************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

img, a img {
	border: 0;
}

/*********/
img.float-left {
	float: left;
	margin: 7px;
}

p.clear {
	clear: both;
}

/*************/
a {
	color: #00696A;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
}

code, pre {
	width: 90%;
	border: 1px solid #818181;
	line-height: 1.2em;
	font-family: "Courier New",monospace;
	font-size: 1em;
	padding: .5em;
	color: #000000;
	background-color: #F5F5F5;
	overflow: auto;
	margin: 10px 0 10px 10px;
}

/*      Header / Top
*******************************************/
#top {
	height: 182px;
	background: url(img/top.gif) #FFFFFF repeat-x left top;
}

#top h1 {
	font-size: 2.6em;
	text-align: center;
	margin: 0;
	padding-top: 8px;
}

#top h1 a {
	color: #FFFFFF;
	background-color: transparent;
}

#top h1 a:hover {
	text-decoration: none;
}

#prelude {
	position: absolute;
	height: 22px;
	top: 93px;
	right: 40px;
}

/*         content
*********************************************/
#content {
	margin: 0 35px 0 7px;
	position: relative;
	top: -25px;
}

#content ul, #content ol {
	margin-left: 5em;
}

#content ul {
	list-style: square;
}

/*               into #content 
posts listing for home.html, category.html, tag.html
***********************************************************
*************************************************************/
h2.post-title {
	border-bottom: 1px solid #DDDDDD;
	font-size: 1.6em;
}

h2.post-title, h2.post-title a {
	color: #F06400;
	background-color: transparent;
}

h2.post-title a:hover {
	text-decoration: none;
}

p.post-info {
	margin: 0 15px 0 0;
	text-align: right;
	font-size: 80%;
}

/*  post tags (ul.post-tags)
***********************************************/
ul.post-tags {
	font-weight: bold;
	margin-left: 10px!important;
}

ul.post-tags li {
	display: inline;
}

ul.post-tags li a {
	border-right: 1px solid #C6C6C6;
	float: left;
	padding: .2em 5px;
	text-decoration: none;
}

ul.post-tags li a:hover {
	background-color: transparent;
	color: #2F2F2F;
	text-decoration: underline;
}

/****** post-content *******/
div.post-content {
	clear: both; /* clearing ul.post-tags */
	margin: 0 0 15px 0;
}

div.post-content p {
	margin: .6em 0;
}

/*          #sidebar
**************************************
**************************************/
.block {
	margin: .7em 7px 0 30px;
}

#sidebar h2 {
	color: #A35F00;
	font-size: 1.7em;
	background: none;
	border: none;
}

#sidebar h3 {
	text-align: center;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li a {
	background: #F2F2F2;
	display: block;
	padding: 1px 1px 1px 5px;
	margin: 3px;
	text-decoration: none;
	color: #000000;
}

#sidebar li a:hover {
	background-color: #E8E8E8;
	color: #000000;
}

/* Footer 
********************************************/
#footer {
	clear: both;
	background: url(img/bg-footer.gif) #FFFFFF no-repeat center top;
	height: 88px;
}

p.footer-info {
	text-align: center;
	position: relative;
	top: 45px;
	font-size: 80%;
}

/*  CC licence : respect it ! */
div#CC-licence {
	border: 4px solid #E0AD4B;
	background: transparent url(img/CC-licence-bg.png) no-repeat 195px 30px;
	width: 230px;
	padding: 2px;
	margin: 8px;
}

div#CC-licence p {
	margin: 0px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}

div#CC-licence a {
	color: #D20000;
	text-decoration: none;
	background-color: transparent;
}

div#CC-licence a:hover {
	text-decoration: underline;
	color: #7D0000;
	background-color: transparent;
}

img.CC-floatleft {
	float: left;
	margin: 4px 2px 0 0;
}

/* END  CC licence */