/*
	Theme Name: Flex
	Theme URI: http://ifelse.co.uk/flex
	Description: A flexible, customisable theme
	Version: 1.0
	Author: Phu Ly
	Author URI: http://ifelse.co.uk/
*/

/************************************************
 *	Main structure					*
 ************************************************/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 0.75em/0.9em helvetica, geneva, arial, verdana, sans serif;
	font: 76%/150% "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
	color: #555558;
	background: #73868C;
	background: #6C7C8B url("http://www.vanderwijk.com/wp-content/themes/flex/images/background.png") repeat-x; }

#container {
	width: 700px;
	text-align: left;
	margin-left: auto;
 	display: block;
	margin-right: auto;
	background: #fff;
	border-left: 2px solid #777;
	border-right: 2px solid #777;
	padding-bottom: 0; }

#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

#maincol {
	width: 455px;
	background: #fff;
	float: left; }

#maincol {
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 20px;
	line-height: 1.6em;
	margin-top: 30px; }

#headbar {
	background: #6C6a6A;
	height: 8px;
	border-bottom: 1px solid #636161; }

#navcol {
	padding: 5px;
	padding-top: 20px;
	clear: right;
	right: 0px;
	width: 190px;
	float: right;
	font-size: 1em; }

a {
	color: #3C657B;
	text-decoration: none; }

a:hover {
	text-decoration:underline; }

#footer {
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	color: #eee;
	background: #555;
	clear: both;
	padding: 5px;
	text-align: center;
	margin-left: auto;
	display: block;
	margin-right: auto;
	font-size: 0.9em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }

#footer a {
	color: #fff;
	font-weight: bold; }

.entry {
	padding-bottom: 20px; }

/************************************************
 *	Header						*
 ************************************************/
h1, h2, h3, h4 {
	font-family: "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }

#header {
	padding: 0px;	
	padding-top: 70px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bab1b1;
	background: #404040;
	text-align: right;
	padding-right: 20px;
	padding-left: 5px; }

#header h1 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 2.4em;
	letter-spacing: 0.1em; }

#header h1 a {
	color: #ffffef; }

#header h1 a:hover {
	text-decoration:none;
	color: #bb4444; }

#header img {
	border:none; }

#subtitle {
	font-family: "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 3px;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #bbb; }

h2 {
	font-size: 1.2em;
	margin-bottom: 5px; }

h2.entrydate {
	margin-bottom: 1px;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase; }

.entrymeta {
	font-size: 0.9em;
	background: #eee; }

h3.entrytitle {
	margin-top: 0px;
	margin-bottom: 1px;
	font-size: 1.8em;
	font-weight: normal; }

.entry {
	margin-top: 8px; }

.entrybody p a {
	font-weight: bold; }

.entrybody p {
	margin-top: 8px;
	margin-bottom: 16px; }

/************************************************
 *	Navigation Sidebar				*
 ************************************************/

.page_item { 
	line-height: 1.3;
	font-weight: normal; }

.page_folder { 
	line-height: 1.3;
	font-weight: normal; }

.current_page_item { 
	line-height: 1.3; 
	font-weight: bold; }

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

ul ul {
	list-style : none; 
	margin : 0px 7px; 
	padding : 0px 7px; }

li {
	display : block; }

ul.extern {
	font-style: italic; }

/************************************************
 *	Comments						*
 ************************************************/

h2#comments {
	text-align: center;
	border-top: 1px solid #acb1ba;
	background: #9ba1aa;
	padding: 7px;
	border-bottom: 1px solid #acb1ba;
	margin-bottom: 10px;
	margin-top: 80px; }

ol#commentlist {
	margin-top: 0px;
	padding: 5px;
	margin-left: 0px;
	color: #9b9b9b;
	list-style-type: none;
	font-size:0.9em; }

#commentlist li  p {
	padding: 0px;
	margin: 0px 0px 0px 0px; }

.commentname {
	float: left;
	margin: 0;
	padding: 0 0 2px 0; }

.commentinfo {
	width: 200px;
	float: right;
	text-align: right; }

.commenttext {
	clear: both;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	border-top: 1px solid #ebebeb;
	line-height: 12px;
	color: #5b5b5b; }

#commentsformheader {
	padding-left: 18px;
	font-size: 1.4em; }

#commentsform {
	margin-top: none;
	text-align: center;
	border: 1px solid #ddd;
	background: #ededed;
	padding: 0px 10px; }

#commentsform form {
	text-align: left;
	margin: 0px; }

#commentsform p {
	margin: 5px; }

#commentsform form textarea {
	width: 95%; }

/************************************************
 *	Extra							*
 ************************************************/

code {
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.8em;
	display: block;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #d3d3d6; }

input[type="text"], textarea {
	padding: 3px;
	border: 1px solid #d3d3d6;
	color: #535356;
	-moz-border-radius: 3px; }

input[type="submit"] {
	padding: 2px;
	font-size: 1.25em;
	border: 1px solid #d3d3d3;
	background: #fff;
	-moz-border-radius: 3px; }

blockquote {
	border-left: 3px solid #686868;
	color: #888;
	padding-left: 8px;
	margin-left: 25px; }

a img {
	border: none; }

#counter {
	position: absolute;
	left: -50px; top: -50px; }

#link-vault {
	position: absolute;
	left: -50px; top: -50px; }

/************************************************
 *	Contact Form					*
 ************************************************/

.contactform {
	width: 100%; 
	position: relative; }

.contactleft {
	width: 25%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; }

.contactright {
	width: 70%;  
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; }

.contacterror {
	border: 1px solid #ff0000; }