/*
Theme Name: wemakeapplejuice
Theme URI: http://www.wemakeapplejuice.be
Description: The 2008 wemakeapplejuice theme.
Version: 1
Author: Michaël Boué
Author URI: http://www.wemakeapplejuice.be/
Tags: blue, custom header, fixed width, two columns, widgets

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

*/

* {
	font-family: Verdana, "Trebuchet MS", Arial;
	font-size: 10px;
	}

/* ========================
	GENERAL HTML
   ======================== */
html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	}

body {
	background-color: #444444;
	}

form, fieldset, input, textarea, p {
	margin: 0;
	padding: 0;
	}
fieldset {
	border: 0;
	}

/* ========================
	CONTAINER
   ======================== */
#container {
	width: 742px;
	margin: 40px auto 40px auto;	
	}

/* ========================
	BANNER
   ======================== */
#banner {
	height: 209px;
	}

/* ========================
	MENU
   ======================== */
#menucontainer {
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 25px;
	}   
  
#menu {
	margin-left: 215px;
	}
#menu ul, li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#menu li {
	margin-right: 20px;
	font-size: 14px;
	}
#menu a {
	color: #666;
	text-decoration: none;
	}
#menu a:hover {
	color: #FF9900;
	}

#contentcontainer {
	display: block;
	background-color: #FFFFFF;
	width: auto;
	height: auto;
	}
#contentcontainer .clearer {
	clear: both;
	height: 0;
	overflow: hidden;	
	}

/* ========================
	CONTENT LEFT
   ======================== */
#contentLeft {
	float: left;
	margin-left: 28px;
	margin-right: 28px;
	width: 158px;
	}

.sideContainer {
	margin-bottom: 15px;
	}
.sideTitle {
	font-size: 15px;
	margin: 0 0 0 0;
	}
.sideContent {
	font-size: 12px;
	line-height: 15px;
	}

textarea.sideContent {
	width: 100%;
	max-width: 158px;
	height: 40px;
	max-height: 100px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	}
p.sideContent {
	margin: 0 0 5px 0;
	font-size: 12px;
	}

#contentLeft ul {
	margin: 0;
	padding: 0;
	}
#contentLeft li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	}
/*
ul.sideContent {
	margin:0;
	padding: 0;
	}
li.sideContent {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	}
*/
/* ========================
	CONTENT
   ======================== */
#content {
	float: left;
	width: 455px;
	}

.article {
	margin: 0 0 3px;
	}

.articleHeader {
	font-size: 20px;
	}
.articleContent {
	font-size: 12px;
	text-align: justify;
	}

/* ========================
	FOOTER
   ======================== */
#footer {
	clear: both;
	}

/* ========================
	NAVIGATION
   ======================== */
div.alignleft {
	float: left;
	}
div.alignright {
	float: right;
	}
div.alignleft a {
	color: #444;
	text-decoration: none;
	}
div.alignleft a:hover {
	color: #F90;
	}
	
div.alignright a {
	color: #444;
	text-decoration: none;
	}
div.alignright a:hover {
	color: #F90;
	}
/* ========================
	POSTS
   ======================== */
div.navigation {
	display: block;
	}

div.post {
	clear: both;
	margin-top: -10px;
	margin-bottom: 50px;
	}

div.post h2 {
	font-size: 24px;
	font-family: "Trebuchet MS", Verdana, Arial;
	margin-bottom: 0px;
	color: #444;
	}
div.post small {
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	text-align: right;
	display: block;
	margin-bottom: 20px;
	color: #f90;
	font-weight: bold;
	font-size: 9px;
	background-color: #f9f9f9;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div.post h2>a {
	color: inherit;
}
div.post a {
	font-size: inherit;
	font-family: inherit;
	text-decoration: none;
	color: #F90;
	}
div.entry blockquote>p {
	font-family: Georgia;
	font-size: 18px;
	color: #444;
	font-style: italic;
	}
div.entry blockquote>p:before {
	
	}
div.entry a {
	color: #f90;
	font-weight: bold;
	}
div.entry a:hover {
	text-decoration: underline;
	}
p.postmetadata {
	display: block;
	margin-top: 20px;
	color: #999;
	}
p.postmetadata a{
	text-decoration: none;
	color: #222;
	}
p.postmetadata a:hover{
	text-decoration: none;
	color: #f90;
	}
div.entry p {
	display: block;
	margin-bottom: 10px;
}

#respond {
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #444;
}

label {
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #444;
	}
input, textarea {
	border: 1px solid #999;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #444;
}
textarea {
	width: 100%;
	max-width: 100%;
	height: 60px;
}
/* ========================
	COMMENTS
   ======================== */
#comments {
	border-top: 1px solid #CCC;
	padding-top: 5px;
	margin-top: 20px;
	}
ol.commentlist {
	padding: 0px;
	margin: 0px;
	}
ol.commentlist li {
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	}
#respond {
	margin-top: 20px;
	}

p.commentor {
	font-size: 24px;
	font-family: "Trebuchet MS", Verdana, Arial;
	}
p.commentor a {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	text-decoration: none;
	}
small.commentmetadata {
	display: block;
	border-bottom: 1px solid #ccc;
	text-align: right;
	padding-bottom: 3px;
	margin-top: -30px;
	margin-bottom: 10px;
	}
p.commentmetadata {
	margin-top: -5px;
	margin-bottom: 10px;
}
p.commentmetadata a {
	text-decoration: underline;
	color: #444;
	}

/* ========================
	SIDEBAR
   ======================== */
#tag_cloud a {
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #444;
	text-decoration: none;
	}
#tag_cloud a:hover {
	color: #F90;
	text-decoration: none;
	}
#tag_cloud h2 {
	display: none;
	}
h2.widgettitle {
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial;
	}
li.cat-item a {
	text-decoration: none;
	color: #444;
	}
li.cat-item a:hover {
	color: #f90;
	}

div.codesnip-container {
	font-face: Courier, "Courier New";
}