@charset "UTF-8";

/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2006 Olivier Meunier and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK ***** */
 
/* ------------------------------------------------------------------
	==REGLES HTML PAR DEFAUT
------------------------------------------------------------------- */
@import url(wikibar.css);

html { 
	font-size: 100.01%;
	height: 100%;
	background: #a59e95;
  	background: -webkit-gradient(linear, left top, left bottom, from(#a59e95), to(#faefe1)) no-repeat #faefe1; 
  	background: -webkit-linear-gradient(top, #a59e95, #faefe1) no-repeat #faefe1; 
  	background: -moz-linear-gradient(top, #a59e95, #faefe1) no-repeat #faefe1; 
  	background: -ms-linear-gradient(top, #a59e95, #faefe1) no-repeat #faefe1; 
  	background: -o-linear-gradient(top, #a59e95, #faefe1) no-repeat #faefe1; 
  	background: linear-gradient(top, #a59e95, #faefe1) no-repeat #faefe1;
}

body {
	background: transparent;
	color: #eee;
	font-family: "Trebuchet MS", trebuchet, verdana, sans-serif;
	font-size: 81.3%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

/* soft reset */
html,
body,
textarea,
figure,
label {
	margin: 0;
	padding: 0;
}

hr {
	background-color: #6a5f4f;
	border: 0;
	color: #6a5f4f;
	height: 1px;
	margin-bottom: 1em;
	width: 200px;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%;
}
/* pictures */
img {
	height: auto;
	vertical-align: middle;
}

/* Hierarchie des titres */
h2 { font-weight: normal; margin: 0 0 0.33em 0; }

h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 2.286em; margin: 0; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; margin: 0.8em 0; }

h4 { font-size: 1em; margin: 1em 0; }

h5 { font-size: 0.9em; margin: 1.25em 0; }

h6 { font-size: 0.8em; margin: 1.75em 0; }

/* Comportement des liens */

a, a:visited { 
	color: #e00;
	text-decoration: none;
}

a:hover, a:active, a:focus { color: #e3c8ac; }

/* Mention de la langue d'un lien */
a[hreflang]:after {
	background: transparent;
	color: #999;
	content: "\0000a0[" attr(hreflang) "]";
	font-size: 0.9em;
}

/* liens rss */
a.feed {
	background: transparent url(img/feed.png) no-repeat left center;
	padding-left: 16px;
}

/* Regles des balises courantes */
p { margin: 0 0 1em 0; }

img { border: none; }

form { display: block; margin: 0; }

q { font-style: italic; margin: .2em; }

cite { font-style: italic; }

ul, ol { margin-bottom: 1em; margin-left: 1em; padding-left: 1em; }

sup { font-size: 80%; padding-left: 0.15em; }

abbr, acronym { border-bottom: 1px dashed #736655; cursor: help; }

blockquote {
	background: #222 url(img/quotered.gif) no-repeat 1em 1em;
	border: 1px dotted #333;
	margin: 1em 2em;
	padding: 1em 1em 0 1em;
}

/* Presentation des lignes de code */
code, pre {
	color: #aaa;
	font-family: "Courier New",monospace;
	font-size: 1em;
}

pre {
	background: #222;
	margin: 0.33em auto;
	margin-bottom: 1em;
	overflow: auto; /* Fin hack Ne pas supprimer cette ligne */
	padding: 1em;
	text-align: left;
	white-space: pre;
	white-space: normal;
	width: 90%;
}

/* --------------------------------------------------------
	==STRUCTURE
-------------------------------------------------------- */
#page {
	background: #000;
	margin: 0 auto;
	position: relative;
	text-align: left;
	max-width: 800px;
    -moz-box-shadow: 0px 0px 10px #000; 
  	-webkit-box-shadow: 0px 0px 10px #000; 
	box-shadow: 0px 0px 10px #000; 
} 

#main { float: right; margin: 0 0 0 -214px; width: 100%; }

#content {
	border-left: 1px dotted #222;
	margin: 5px 0 0 214px;
	padding: 0 40px 0 15px;
}

#sidebar { float: left; margin: 0; padding: 0; width: 200px; }

#footer {
	background: #000;
	clear: both;
	color: #736655;
	margin: 0;
}

/* --------------------------------------------------------
	==HAUT DE PAGE
-------------------------------------------------------- */
#top { height: 240px; position: relative; }

#top h1 {
	background: transparent;
	padding: 0;
	position: absolute;
	top: 200px;
	width: 800px;
}

#top h1 a {
	color: #736655;
	display: block;
	font-weight: normal;
	height: 30px;
	padding-left: 16px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
}

#top a:visited { color: #736655; }

#top a:hover { background: transparent; color: #3b3525; }

#prelude {
	font-size: 0.9em;
	left: 10px;
	position: absolute;
	top: 5px;
}

#prelude, #prelude a { background: transparent; color: #736655; }

#prelude a:hover { color: #3b3525; }

#prelude p { margin: 0 0 0 10px; padding: 0; }

#nav {display:none;}
.breadcrumb {display:none;}
/* ---------------------------------------------------------
	==FOOTER
---------------------------------------------------------- */

#footer p {
	padding: 20px 5px 5px 0;
	margin: 0;
}

#custom {
	border-top: 1px dotted #222;
	margin: 0 8px;
}

#custom > div {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	padding: 8px;
}
    
/* ---------------------------------------------------------
	==MAIN - BILLETS
---------------------------------------------------------- */
/* règles communes au content */
#content ul { list-style-type: none; }

#content ul li {
	background: transparent url(img/li.png) no-repeat 0 0.2em;
	padding-left: 8px;
}

#content ul li ul li {
	background: transparent url(img/li.png) no-repeat 0 0.2em;
	padding-left: 8px;
}

/* billets */
.post { margin-bottom: 3em; margin-top: 1em; padding: 3px 0 0 0; }

.day-date { border-bottom: 1px solid #222; color: #736655; }

.post-title {
	background: transparent url(img/fleche.gif) no-repeat left center;
	color: #b00;
	line-height: 110%;
	padding-left: 34px;
}

.post-title a:link, .post-title a:visited { color: #b00; text-decoration: none; }

.post-title a:hover { color: #c00; text-decoration: underline; }

.post-info a, .post-tags a { color: #e3c8ac; text-decoration: none; }

.read-it a:hover, .post-info a:hover, .post-info-co a:hover, .post-tags a:hover { text-decoration: underline; }

.read-it a, .post-info-co a { color: #a59e95; }
	 
.post-excerpt, .post-content { font-size: 1.1em; }

.post-excerpt p img, .post-content p img {
	max-width: 100%;
}

.post h3, .post h4, .post h5, .post h6 {
	color: #736655;
	margin-top: 1.5em;
}

.post-info-co {
	background: #0c0c0c;
	font-size: 0.9em;
	padding: .2em 1em;
	text-align: right;
     	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
	border-radius: 4px; 
  	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; 
}

.post-info { color: #a59e95; font-size: 0.9em; margin: 0 0 5px 0; }

.footnotes h4 {
	border-top: 1px dotted #600;
	color: #736655;
	font-weight: bold;
	margin-top: 2em;
	padding-top: 4px;
	text-transform: capitalize;
	width: 200px;
}

.footnotes { color: #aaa; font-size: .9em; }

a.comment_count {
	background: url(img/commentaire.png) no-repeat center left;
	padding-left: 16px;
}

a.ping_count {
	background: url(img/retro.png) no-repeat center left;
	margin-left: 8px;
	padding-left: 16px;
}

a.attach_count {
	background: url(img/attach.png) no-repeat center left;
	margin-left: 8px;
	padding-left: 12px;
}

#attachments { border-top: 1px solid #300; }

#attachments h3 { color: #736655; margin: .5em 0 0 0; padding-left: 5px; }

#attachments ul { list-style: none; }

#attachments ul li {
	background: url(img/attach.png) no-repeat center left;
	padding-left: 18px;
}

/* --------------------------------------------------------
	==COMMENTAIRES ET PINGS
-------------------------------------------------------- */
#pings, #comments { color: #bbb; font-size: 1em; }

#pr {
	background: #a59e95;
	color: #222;
	font-weight: bold;
	margin-top: 1em;
	padding: .5em 1em .2em;
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

#comments h3, #pings h3 { color: #800; margin-bottom: 1em; margin-top: 2em; }

form h3, #pr h3 { color: #800; margin: 0.5em 0/*.5em 0 0 0*/; }

#comments dt, #pings dt {
	color: #999;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 2em;
}

#comments dt a:link, #pings dt a:link, 
#comments dt a:visited, #pings dt a:visited { color: #736655; }

#comments dt a:hover, #pings dt a:hover, 
#comments dt a:hover, #pings dt a:hover { text-decoration: underline; }

.comment-number,.odd .comment-number, .ping-number, .odd .ping-number { background: transparent; font-size: 1.1em; }

#ping-url { color: #736655; margin-bottom: 2em; }

#comments-feed { margin-top: 1.5em; text-align: left; }

#comment-form {
	background: #111;
    -moz-border-radius: 5px; 
  	-webkit-border-radius: 5px; 
	border-radius: 5px; 
  	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-top: 2em;
	padding: .1em 1em;
}

#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me.odd a:link, #comments dt.me.odd a:visited { color: #736655; }

#comments dt.me.odd, #comments dt.me { }

#comments dd {
	background: #111;
	color: #ccc;
	padding: .5em 1em;
    -moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
	border-radius: 4px; 
  	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#comments dd.odd { background: #1b1b1b; color: #ccc; padding: .5em 1em; }

#comments dd.me {
	background: #111;
	color: #e3c8ac;
}

#comments dd.me.odd {
	background: #1b1b1b;
	color: #e3c8ac;
}

#comments p { margin: .3em 0; }

/*------------------------------------------------------
	==FORMULAIRES
-------------------------------------------------------- */

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input,
button,
select,
label {
	vertical-align: middle;
	font-family: inherit;
	font-size: inherit;
}
label { 
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

fieldset {
	border: none;
	display: block;
	margin: 0 0 .5em 0;
	padding: 0;
}

fieldset p { margin-bottom: 1em; }

.form-help { margin: 1em 0; }

input, textarea {
	border: 1px solid #666;
	font: 1.1em arial, verdana, sans-serif;
	padding: .2em .3em;
    -moz-border-radius: 3px; 
  	-webkit-border-radius: 3px; 
	border-radius: 3px; 
  	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

input[type], textarea[name] { background: #333; color: #ccc; }

input[type=submit], input[type=reset] {
	background: #600;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#ba0000)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #660000, #ba0000); /* Chrome 10+, Saf5.1+ */
  	background-image:    -moz-linear-gradient(top, #660000, #ba0000); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #660000, #ba0000); /* IE10 */
  	background-image:      -o-linear-gradient(top, #660000, #ba0000); /* Opera 11.10+ */
  	background-image:         linear-gradient(top, #660000, #ba0000);
	color: #ccc;
	padding: .2em .5em;
    -moz-border-radius: 3px; 
  	-webkit-border-radius: 3px; 
	border-radius: 3px; 
  	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
}

input[type=submit]:hover { background: #800; color: #ccc; }

textarea { width: 95%; overflow: auto; }

p.field { margin: 1em 0 0 0; }

p.field label {
	clear: left;
	color: #999;
	display: block;
	float: left;
	font-size: 1em;
	font-weight: bold;
	width: 11em;
}

#comment-form input#c_remember { border: 0; margin-bottom: 2px; }

.dc-contactme #comment-form input[type=submit] {
	margin-top: 5px;
}
 
/* ---------------------------------------------------------
	==SIDEBAR
---------------------------------------------------------- */
#sidebar { color: #a59e95; font-size: 1em; padding-top: 0.5em; }

#sidebar a { color: #d00; text-decoration: none; }

#sidebar a:hover { color: #e3c8ac; }

#blognav, #blogextra { margin: 0; padding: 0 8px; }

#blognav div, #blogextra div { margin: 0; padding: 4px 8px; }

#sidebar div div {
	background: transparent;
	margin-bottom: 8px;
}
 
#sidebar h2 {
	color: #736655;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0.5em;
}

#sidebar h3 { color: #a59e95; font-size: 1.1em; font-weight: normal; }

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

#sidebar li, #custom li { background: transparent; padding-left: 10px; }

#topnav {
	font-size: 1.15em;
	font-weight: bold;
	margin-top: 0;
	padding: 0.25em 0 0 0;
}

#sidebar #topnav li { display: inline; margin: 0; padding-right: 1em; }

#topnav span { display: none; }

#topnav li { padding-left: 0; padding-top: 5px; }

li.topnav-arch a {
	background: url(img/arch.png) no-repeat 0 2px;
	padding-left: 21px;
}

li.topnav-home a {
	background: url(img/home.png) no-repeat 0 0;
	padding-left: 20px;
}

#q { width: 110px; }

#sidebar .tags p strong a:link, #sidebar .tags p strong a:visited {
	background: transparent url(img/tags.png) no-repeat 0 0;
	padding: 0 0 0 18px;
}

#sidebar #blognav .tags ul, #sidebar #blogextra .tags ul { padding-left: 8px; }

#sidebar #blognav .tags li, #sidebar #blogextra .tags li { display: inline; padding: 0 3px 0 0; }

#sidebar .categories li.category-current a {
	color: #e3c8ac;
}
#sidebar .categories li.category-current li a {
    color: #e00;
}
#sidebar img {
	max-width: 100%;
}

/* -----------------------------------------------------
	==TAGS
-------------------------------------------------------- */
#toptags {
	background: transparent;
	height: 150px;
	left: 50%;
	line-height: 170%;
	margin: 0;
	margin-left: -430px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	width: 800px;
}

#toptags ul {
	list-style-type: none;
	margin: 0;
	padding: 12px 80px 12px 200px;
	text-align: left;
	text-align: center;
}

#toptags ul li { display: inline; margin: 0; padding: 0 36px 0 0; }

#toptags ul li a { color: #b00; margin: 0; padding: 0; text-decoration: none; }

#toptags ul li a:hover { color: #000; }

#toptags .tag0 { font-size: 75%; }

#toptags .tag10 { font-size: 80%; }

#toptags .tag20 { font-size: 90%; }

#toptags .tag30 { font-size: 100%; }

#toptags .tag40 { font-size: 110%; }

#toptags .tag50 { font-size: 120%; }

#toptags .tag60 { font-size: 130%; }

#toptags .tag70 { font-size: 140%; }

#toptags .tag80 { font-size: 150%; }

#toptags .tag90 { font-size: 160%; }

#toptags .tag100 { font-size: 170%; }

#syndicate ul { list-style-type: none; }

#syndicate ul li { background-image: none; padding-left: 0; }

/* dans les billets */
#content ul.post-tags * { margin: 0; padding: 0; }

#content ul.post-tags {
	display: block;
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#content ul.post-tags li, span.arch-tag {
	background: transparent url(img/tag.gif) no-repeat left center;
	display: inline;
	margin: 0 0.6em 0 0;
	padding: 0 0 0 14px;
}

#content ul.post-tags li:after { content: ','; }

#content ul.post-tags li:last-child:after { content: ''; }

#content ul.post-tags li a { border: none; color: #666; }

    
/* Les pages tags et tag */
.dc-tags .content-inner ul { font-size: 110%; line-height: 200%; list-style-type: none; }

.dc-tags .content-inner ul li, .dc-tags #content .content-inner ul li a { display: inline; text-decoration: none; }

.dc-tags #content ul li { background: none; }

.dc-tags #content .tag0 { font-size: 100%; }

.dc-tags #content .tag10 { font-size: 110%; }

.dc-tags #content .tag20 { font-size: 120%; }

.dc-tags #content .tag30 { font-size: 130%; }

.dc-tags #content .tag40 { font-size: 140%; }

.dc-tags #content .tag50 { font-size: 150%; }

.dc-tags #content .tag60 { font-size: 160%; }

.dc-tags #content .tag70 { font-size: 170%; }

.dc-tags #content .tag80 { font-size: 180%; }

.dc-tags #content .tag90 { font-size: 190%; }

.dc-tags #content .tag100 { font-size: 200%; }

.number {
	color: #a59e95;
}

/* --------------------------------------------------------
	==BLOCS COMMUNS DANS PAGES SPECIFIQUES
-------------------------------------------------------- */
#navlinks {
	background: #111;
     	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
	border-radius: 4px; 
  	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; 
	color: #333;
	margin: 3px 0 15px 0;
	padding: .4em 1em;
	text-align: center;
}

#content-info {
	color: #736655;
	margin-bottom: 2em;
	padding: 1em 4em 1px 3em;
}

/* Various classes
-------------------------------------------------------- */
.error { background: #333; border: 1px solid #111; padding: 0.5em; }

.error ul { padding-left: 20px; }

.error li { list-style: square; }

.center { text-align: center; }

.right { text-align: right; }

.floatright { float: right; margin: 0 0 .5em 1em; }

.petites-cap { font-size: 0.82em; text-transform: uppercase; }

.petit { font-size: x-small; }

/* ---------------------------------------------------
	==PAGES SPECIFIQUES
-------------------------------------------------------*/

.dc-category #content-info p img {
	max-width: 100%;
}

/* présentation pages archives */        
.dc-archive .content-inner { font-size: medium; line-height: 140%; }

.dc-archive .content-inner h3 {
	clear: both;
	color: #800;
	float: left;
	font-size: 3em;
	line-height: 100%;
	margin: 0;
	padding: 0;
	width: 200px;
}

    
.dc-archive .content-inner ul {
	border-left: 8px solid #736655;
	list-style-type: none;
	margin: 0 0 60px 200px;
	padding: 0;
}

.dc-archive #content .content-inner ul li,
.dc-archive-month #content li,
.dc-archive #content .content-inner ul li a,
.dc-archive-month #content li a {
	background-image: none;
	color: #a59e95;
	text-decoration: none;
}

.dc-archive-month #content li.arch-title { font-size: 1.25em; }
	 
.dc-archive-month #content li.arch-title a { color: #b00; margin-top: 1em; padding-bottom: 4px; }

.dc-archive-month #content li.arch-title a:hover,
.dc-archive-month #content li.arch-title a:focus,
.dc-archive #content .content-inner ul li a:hover,
.dc-archive #content .content-inner ul li a:focus { text-decoration: underline; }

.dc-archive-month #content li.arch-info { color: #e3c8ac; }

.dc-archive-month #content li.arch-info, .dc-archive-month li.arch-info-co { margin-left: 25px; }
    
/* ---------------------------------------------------
	==NE PAS OUBLIER
--------------------------------------------------- */
/* les clearers */
.post, .post-content, .footnotes, .attachments, .post-info-co, #comments { clear: both; }

/* ------------------------------------------------------------------
	==PERSONNALISATION - plugin DayMode
------------------------------------------------------------------- */

/* plugin DayMode + eventHandler (calendrier) */
#calendar h2 {
	text-align : center;
    }
#calendar *, .calendar-array * {
    border-collapse : collapse;
    margin-bottom : 0.5em;
    }
#calendar table {
    margin : 0 auto;
    }
#calendar caption {
    text-align : center;
    }
#calendar abbr {
    font-weight : normal;
    text-align : center;
    border-bottom : none;
    }
#calendar th {
	color: #a59e95;
	border-bottom: #222 1px dotted;
	border-top: #222 1px dotted;
	}
#calendar td, #calendar th, .calendar-array td, .calendar-array th {
    margin:0;
    padding:0;
    text-align : center;
    width : 2em;
    }
#calendar tr a {
	display: block;
    color: #e3c8ac;
	background-color: #222;
    margin:0;
    padding:0;
    text-align : center;
    }
#calendar tr a:hover, #calendar tr a:focus {
    color: #e00;
    }
#blognav .calendar-array {
	padding: 4px 0;
	}

/* fin personnalisation */

/* ----------------------------- */
/* ==VIEWPORT FIXING FOR RWD     */
/* ----------------------------- */
@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@-o-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
	html,
	body {
		-webkit-text-size-adjust: 100%;
	}
}

/* ---------------------------------------------------
	==MEDIA QUERIES
--------------------------------------------------- */
	    
@media (min-width: 641px) {
	#page {
		background: #000 url(img/Glagla2.jpg) no-repeat center top;
		}
	#footer {
		background: #000 url(img/footered.jpg) no-repeat center bottom;
		}
	.desktop-hidden {
		display: none;
		}
}


@media (max-width: 640px) {
	.mobile-hidden {
		display: none;
		}

	#page, #footer {
		width: auto !important;
		background-image: none;
		}
	.simple-menu li {
		display: block;
		border: none;
	}

	#prelude {
		font-size: 1.1em;
		position: static;
		padding: 2%;
		}

	#prelude a, .simple-menu a {
		color: #c00;
		display: block;
		height: 20px;
		margin: 0 0 3px 0;
		padding: 6px 0 4px 4px;
		background: #111;
     	-moz-border-radius: 3px; 
  		-webkit-border-radius: 3px; 
		border-radius: 3px; 
		}

	#prelude a:hover, .simple-menu a:hover {
		color: #e3c8ac;
		background: #222;
		}

	#prelude span, p#prelude a:first-child {
		display: none !important;		
		}

	#top {
		background: #600;
		background: -webkit-gradient(linear, left top, left bottom, from(#600), to(#000)) #000; 
  		background: -webkit-linear-gradient(top, #600, #000) #000; 
  		background: -moz-linear-gradient(top, #600, #000) #000; 
  		background: -ms-linear-gradient(top, #600, #000) #000; 
  		background: -o-linear-gradient(top, #600, #000) #000; 
  		background: linear-gradient(top, #600, #000) #000;
		}
	#top { 
		height: 50px;
		}
	#top h1 {
		width: 100%;
		top: 5px;
		}
	#top h1 a {
		padding: 2%;		
		}
	img, table, td, blockquote, code, pre, textarea, input, object, embed, video {
		max-width: 100%;
		}
	textarea, table, td, th, code, pre, samp {
		word-wrap: break-word;
		hyphens: auto;
		white-space: pre-line;	
		}
	#sidebar, #main {
		float: none !important;
		width: auto !important;
		}
	#blognav, #blogextra {
		display: inline-block;
		vertical-align: top;
		width: 45%;
		font-size: 1.1em;
		}
	#custom {
		font-size: 1.1em;
		}
	#main {
		margin: 0;
		border-bottom: 1px dotted #222;
		}
	#content {
		border-left: none;
		margin: 2%;
		padding: 0;
		}
	#toptags {
		display: none !important;
		}
	#custom > div { width: auto; }
	#footer p {
		padding: 0 2% 0 0;		
		}
	/* DayMode */
    #calendar {
        float: left;
        font-size: 1.1em;
    	}
    #calendar + div {
        clear: left;
    	}
    #calendar td {
        padding: .2em;
    	}
}
@media (max-width: 500px) {
	#blognav, #blogextra, #custom > div {
		width: auto;
		}

}