/*

Theme Name: Kortjakje
Theme URI: http://kortjakje.be
Description: The Official Kortjakje Theme
Version: 1.0
Author: Wim Voets
Author URI: http://lab26.com
Tags: lab26, kortjakje

*/

/* RESET */

*						{ font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
html, body				{ height: 100%; }
ol, ul, li				{ list-style:none; }

/* UTILITY */

.clear					{ clear: both; }

.alignleft,
img.alignleft			{ display: inline; float: left; margin-right: 30px; margin-top: 10px; margin-bottom: 15px; }
img.aligncenter			{ clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
img.alignright			{ display: inline; float: right; margin-left: 30px; margin-top: 10px; margin-bottom: 15px; }

.wp-caption-text		{ margin: 0 0 0 10px; font-size: 0.8em; }

/* MAIN STRUCTURE */

body					{ font-family: Arial, sans-serif; font-size: 0.8em; color: #000; background: #40372D; text-align: center; }

a						{ color: #000; }
a:hover					{ color: #555; }
strong					{ font-weight: bold; }
h3						{ margin-bottom: 15px; font-size: 2.5em; line-height: 110%; }
h4						{ margin-bottom: 15px; color: #44BABA; font-weight: bold; }

#contentwrap			{ min-height: 100%; height: auto !important; margin: 0 auto -60px; width: 800px; text-align: left; background: url(images/bg-texture.jpg) top center; padding: 0 50px 0 50px; }

#header					{ height: 150px; }

/* MENU */

#access										{ display: block; float: left; margin: 0 auto; text-transform: uppercase; font-size: 12px; background: #FFF; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
											  box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); position: relative; z-index: 99999; }
#access .menu-header ul, div.menu ul		{ list-style: none; margin: 0; }
#access .menu-header li, div.menu li		{ float: left; position: relative; }
#access a									{ display: block; padding: 10px; text-decoration: none; width: 130px; color: #000; }
#access ul a								{ -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
#access ul ul								{ display: none; position: absolute; top: 34px; left: 0; float: left; z-index: 9999; width: 150px;
											  box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }
#access ul ul a								{ -moz-border-radius: 6px; border-radius: 6px; border-top: #EEE solid 1px; }
#access ul ul ul							{ left: 100%; top: 0; }
#access li:hover > a,
#access ul ul:hover > a						{ background: #44BABA; color: #FFF; }
#access li li li:hover > a					{ background: #FF9933; color: #FFF; }
#access ul li:hover > ul					{ display: block; }

.sub-menu									{ width: 150px; -moz-border-radius: 6px; border-radius: 6px; background: #FFF; }

#logo										{ float: right; margin-top: 30px; }

/* POSTS */

.aboutthumbnail			{ float: left; position: absolute; margin: -50px 0 0 -20px; }
.aboutcontent			{ float: right; width: 350px; line-height: 150%; margin-bottom: 10px; font-size: 1.3em; color: #000; }
.aboutcontent p			{ margin-bottom: 15px; }

.postwrap				{ float: right; width: 240px; background: #FFF; padding: 20px 20px 5px 20px; line-height: 150%; -moz-border-radius: 6px; border-radius: 6px;
						  box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }
.postwrap-minheight		{ min-height: 370px; }
.postwrap p				{ margin-bottom: 15px; }	
.posttitle				{ margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #D4D4D0; text-transform: uppercase; color: #44BABA; }

.indextitle h1			{ font-size: 1.5em; color: #D4D4D0; margin-bottom: 30px; }

.pagewrap				{ float: right; width: 400px; background: #FFF; padding: 20px 20px 5px 20px; line-height: 150%; -moz-border-radius: 6px; border-radius: 6px;
						  box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }
.pagewrap p				{ margin-bottom: 15px; }	

.pagetitle				{ font-size: 1.5em; color: #D4D4D0; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #D4D4D0; text-transform: uppercase; }

.pagewrap li			{ list-style: square outside; margin-left: 15px; }
.pagewrap ul			{ margin-bottom: 15px; }

.pagewrap-wide			{ float: right; width: 760px; background: #FFF; padding: 20px 20px 5px 20px; line-height: 150%; -moz-border-radius: 6px; border-radius: 6px;
						  box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }
.pagewrap-wide p		{ margin-bottom: 15px; }	

.contactmap				{ float: left; width: 310px; background: #FFF; padding: 20px; -moz-border-radius: 6px; border-radius: 6px;
						  box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }

/* 	FOOTER */

.push					{ height: 60px; }
#footer					{ height: 20px; width: 770px; margin: 0 auto; background: #FFF; color: #AAA; font-size: 0.75em; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; margin-top: 10px; padding: 15px;
						  box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }