/*
THEME NAME: MaggieMaakt
THEME URI: http://www.maggiemaakt.nl/
DESCRIPTION: A custom theme for Studio MaggieMaakt based on the wonderful Sandbox
VERSION: 1.0
AUTHOR: Kars Alfrink
AUTHOR URI: http://leapfrog.nl/
TEMPLATE: sandbox
*/

/* Colors
Red: #E44622 (228, 70, 34)
Green: #5BAE2C (91, 174, 44) 
Blue: #3776C3 (57, 121, 196)
Yellow: #EAB333 (137, 179, 51)
Tan: #F2EFEA (242, 238, 234)
*/

/* Eric Meyer's Reset CSS */
@import url('http://meyerweb.com/eric/tools/css/reset/reset.css');

/*img,*/
div#access,
div#nav-above,
li.comment img.avatar {
	display: none;
}

body {
	/*background: #fff url('images/120_column_20_margin_21_lineheight.png');*/
	background: #fff url('images/bg.png') repeat-y;
	font-size: 14px;
	line-height: 21px;
	font-family: Georgia, serif;
	color: #333;
}

h1 { 
	font-size: 36px; 
	line-height: 42px;
}

h2 { 
	font-size: 24px; 
	line-height: 42px; 
}

h3 { 
	font-size: 18px; 
	line-height: 21px; 
}

h4 {
	font-size: 14px; 
	line-height: 21px; 	
}

p, ul, ol {
	margin-bottom: 21px;
}

/* BEGIN LAYOUT */

div#wrapper {
	width: 840px;
	padding-top: 21px;
}

div#header {
	margin: 0 0 0 20px;
}

div#container {
	float: right;
	width: 540px;
}

div.sidebar {
	float: left;
	overflow: hidden;
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	width: 260px;
}

div#secondary {
	clear: left;
}

div#footer {
	clear: both;
	margin: 0 0 0 20px;
	border-top: 3px dashed #999;
	height: 39px;
	padding: 18px 0 0 0;
	text-align: right;
	width: 820px;
}

/* END LAYOUT */

h1#blog-title, div#blog-description {
	padding: 0 0 0 140px;
}

h1#blog-title {
	border-top: 3px dashed #999;	
	line-height: 60px;
	margin: 0;
	color: #E44622;
}

div#blog-description {
	border-bottom: 3px dashed #999;	
	line-height: 42px;
	margin: -21px 0 18px 0;
	font-style: italic;
	font-size: 18px;
}

h1, h2, h3, h4 {
	font-family: 'Bell Gothic', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

a {
	color: #3776C3;
}

a:hover {
	background: #EAB333;
	color: #000;
	text-decoration: none;
}

.entry-title a, h1 a {
	color: #333;
	text-decoration: none;
}

.entry-title a:hover {
	color: #000;
}


div.entry-meta, div.entry-date {
	font-size: 12px;
	margin-bottom: 21px;
}

div.post {
	border-bottom: 3px dashed #999;
	margin-bottom: 18px;
}

.page-title span {
	color: #5BAE2C;
}

div.nav-previous {
	width: 260px;
	height: 21px;
	float: left;
}

div.nav-next {
	width: 260px;
	height: 21px;
	text-align: right;
	float: right;
}

div.navigation {
	height: 21px;
	padding: 0 0 21px 0;
	border-bottom: 3px dashed #999;
	margin: 0 0 18px 0;
}

li#search-2 {
	margin-bottom: 21px;
}

div.sidebar {
	font-size: 12px;
}

div.sidebar h3 {
	font-size: 14px;
}

img.inserted-by-functions {
	position: absolute;
	top: 3px;
	left: 30px;
}

img#flair-badge {
	position: absolute;
	top: 3px;
	left: 710px;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

div.textwidget {
	margin-bottom: 21px;
}

.page-title {
	margin-bottom: 21px;
}

div#content img {
	border: 20px solid #fff;
}

div#content a:hover img {
	border: 20px solid #EAB333;
}

/* BEGIN COMMENT FORM */

form#commentform div.form-label {
	height: 42px;
	width: 120px;
	margin: 0 20px 0 0;
	float: left;
}

form#commentform div.form-input {
	height: 42px;
	width: 400px;
	float: right;
}

form#commentform div.form-textarea {
	width: 400px;
	float: right;
	height: 168px;
}

form#commentform div.form-submit {
	clear: both;
	padding-left: 140px;
	height: 42px;
}

form#commentform div.form-option {
	margin: 0 0 0 140px;
	height: 42px;
}

form#commentform input.text, form#commentform textarea.text {
	width: 396px;
}

/* END COMMENT FORM */

form#searchform input#s {
	width: 116px; /* 120 - 2 - 2 */
	border: 1px solid #999;
	padding: 1px;
}

div.comment-meta {
	font-size: 12px;
}

body.page span.edit-link {
	display: block;
	margin-bottom: 21px;
}

p#comment-notes, p#login {
	font-size: 12px;
}

form#searchform-404 div, form#searchform-no-results div {
	height: 21px;
	margin-bottom: 21px;
}

form#searchform-404 input.text, form#searchform-no-results input.text {
	width: 396px; /* 400 - 4 */
}

form input.text, form textarea.text {
	border: 1px solid #999;
	padding: 1px;
}

div#content ul li, div#content ol li {
	margin: 0 0 0 20px;
}

div#content ul li {
	list-style-type: disc;
}

div#content ol li {
	list-style-type: decimal;
}

div#content ul#links-page li, div#content ul#archives-page li {
	list-style-type: none;
	margin: 0;
}

div#content blockquote {
	margin: 42px 20px;
	font-style: italic;
}

div#content img.alignleft {
	float: left;
	margin: 0 20px 21px 0;
}

div#content img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

div#content img.alignright {
	float: right;
	margin: 0 0 21px 20px;
}

div.post div.entry-meta {
	clear: both;
}

div.post {
	overflow: hidden;
}

body.archive img.thumbnail, body.search-results img.thumbnail {
	float: left;
	margin: 0 20px 21px 0;
}

div.archive-meta {
	font-size: 18px; 
	line-height: 21px;	
}

div#comments-list ol li.comment {
	list-style-type: none;	
	margin-left: 0;
}