/*
Theme Name: Alan Furth -- The Wordpress Theme
Theme URI: http://www.alanfurth.com/
Description: Custom theme for Alan Furth by DLB.
Version: 0.5
Author: Design Less Better
Author URI: http://www.designlessbetter.com
Tags: simple, clean, white space, big fonts, magazine, de stijl
*/

body
{
	background-color: #fff;
	font-family: Arial, sans-serif;
}

div#container
{
	width: 930px;
	margin: 0 auto;
}


/* CONTACT BUG
 **/

div#contact-header
{
	text-align: right;
}

div#contact-header img
{
	border: 0;
}


/* HEADER
 **/

div#header
{
	margin: 5px 0;
	height: 92px;
}

div#tagline
{
	border: 5px #eee solid;
	width:375px;
	height: 62px;
	padding: 5px 10px 15px;
	float: left;
	font-size: 1.2em;
}

div#titlecard
{
	background-color: #b3b3b3;
	color: #fff;
	width: 505px;
	height: 67px;
	padding: 20px 5px 5px 15px;
	float: right;
	font-size: 4em;
}

div#titlecard a
{
	color: #fff;
	text-decoration: none;
}

/* NAVIGATION COLUMN
 **/

div#rightcol
{
	width: 930px;
	margin: 30px auto 0;
}

div#rightcol ul
{
	list-style-type: none;
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 0;
	width: 300px;
	margin-left: 600px;
	float: right;
	position: fixed;
	overflow: hidden;
	z-index: 1;
}

div#rightcol ul li
{
	padding-left: 38px;
}

div#rightcol ul li span.flir-replaced
{
	padding-right: 5px;
}
 
html:first-child div#rightcol ul li 
{
  margin-top: 15px;
}

div#rightcol ul a
{
	color: #000;
	text-decoration: none;
}

/* CONTENT COLUMN
 **/

div#leftcol
{
	clear: both;
	width: 620px;
	padding-right: 20px;
	float: left;
	z-index: 2;
	position: relative;
}

div#leftcol a
{
	text-decoration: underline;
	color: #000;
}

div.postnavlink
{
	text-align: center;
	margin-bottom: 15px;
}

/* CONTENT COLUMN -> INDIVIDUAL PAGE
 **/

div.page img
{
	margin: 15px 0;
}

ul#blogroll
{
	line-height: 1.4em;
}

/* CONTENT COLUMN -> INDIVIDUAL POST
 **/

div.post, div.page
{
	padding-top: 20px;
}

h1.posttitle 
{
	font-size: 2.5em;
	max-width: 500px;
}

h1.posttitle a
{
	color: #000;
	text-decoration: none !important;
}

div.postexcerpt
{
	font-size: 1.2em;
	line-height: 1.4em;
	max-width: 600px;
	color: #828282;
}

div.postcontent 
{
	line-height: 1.5em;
	font-size: .9em;
	border-bottom: 1px #ccc dashed;
	padding-bottom: 10px;
}

div.postcontent ol li, div.postcontent ul li
{
	margin-bottom: .75em;
}

div.postcontent ol
{
	margin-bottom: 30px;
}

div.postexcerpt a
{
	color: #828282 !important;
	text-decoration: underline !important;
}

div.post img
{
	border: 1px #ccc solid;
	padding: 1px;
}

img.wp-smiley
{
	border: 0 !important;
	padding: 0 !important;
}

div.caption
{
	color: #666;	
	text-align: center;
	font-size: .8em;
	padding: 5px 0 15px;
}

div.caption a
{
	color: #666 !important;	
	text-decoration: none !important;
	border-bottom: 1px #ccc dashed;
}

div.postdate
{
	float: right;
	color: #4a4a4a;
	padding: 10px 0 5px;
	font-size: .9em;
}

div.posttags
{
	color: #666;
	padding: 15px 0;
	clear: both;
	font-size: .9em;
}

div.posttags table td
{
	vertical-align: top;
	padding-right: 5px;
}

div.posttags a
{
	color: #787878 !important;
	text-decoration: none  !important;
}

div.posttags a:hover
{
	background-color: #787878;
	color: #fff !important;
}

div.leaveacomment
{
	float: left;
	color: #4a4a4a;
	padding: 10px 0 5px;
	font-size: .9em;
}

span.smallcommentnumber
{
	width: 31px;
	height: 28px;
	background-image: url('img/comment-icon-small.png');
	background-repeat: no-repeat;
	color: #fff;
	font-size: 18px;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 4px 0;
	text-align: center;
}

/* CONTENT COLUMN -> COMMENT
 **/

span.commentnumber
{
	width: 52px;
	height: 46px;
	background-image: url('img/comment-icon.png');
	background-repeat: no-repeat;
	color: #fff;
	font-size: 32px;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 6px 0;
	text-align: center;
}

h2#commentnumber
{
	margin-bottom: 5px;
}

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

ol#commentlist
{
	list-style-type: none;
}

ol#commentlist li
{
	clear: left;
}

li.comment img.avatar
{
	float: left;
	margin-right: 15px;
}

ol#commentlist li h2
{
	font-weight: normal;
}

ol#commentlist li p 
{
	line-height: 1.7em;
	font-size: .8em;
}

ol#commentlist li div.byline
{
	color: #848484;
	line-height: 1.7em;
	font-size: .8em;
	text-align: right;
}

/* WRITE A COMMENT
 **/

#commentcontainer 
{
	padding: 0 14px 20px;
}

td.label 
{
	text-align:right;
	font-size:.9em;
	padding:0 5px 0 0;
	width: 40px;
	vertical-align:top;
}

#allowedtags 
{
	background-color: #fff;
	color:#666;
	padding: 0 0 10px;
	border-bottom: 1px #666 solid;
	margin-bottom: 10px;
	font-size:.8em;
	display: block;
}

#submit 
{
	clear: both;
	margin-top: 30px;
	border: 0px;
	background-image: url('img/postcomment.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 42px;
	position: relative;
	width: 192px;
	z-index: 3;
}

#submit:hover
{
    background-position: 0 -42px;
}

/* CUSTOM RECAPTCHA
 **/

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

div#dlb_recaptcha img
{
	border: 0px;
	margin-bottom: 1px;
}

div#dlb_recaptcha_leftside
{
	width: 305px;
	float: left;
}

div#dlb_recaptcha_rightside
{
	margin-left: 5px;
	margin-top: 1px;
	width: 129px;
	float: left;
	background-image: url('img/recaptcha.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div#recaptcha_image
{
	border: 1px #666 solid;
	padding: 2px;
}

div.recaptcha_only_if_incorrect_sol
{
	color: red;
	font-size: 12px;
	margin-top: 5px;
}

div#dlb_recaptcha_inputbar
{
	width: 306px;
	display: block;
	margin-top: 5px;
}

span.recaptcha_only_if_image, span.recaptcha_only_if_audio
{ 
	display: block;
	font-size: 12px;
	margin-right: 5px;
	padding-top: 5px;
	vertical-align: bottom;
	float: left;
}

input#recaptcha_response_field
{
	width: 177px;
}

/* CONTENT COLUMN -> SEARCH FORM
 **/

div#searchbar
{
	margin: auto;
	width: 480px;
	padding-top: 15px;
}

input#searchfield
{
	width: 300px;
	padding: 5px;
    height: 35px;
	font-size: 35px;
	float: left;
}

form input#searchsubmit 
{
    height: 48px;
    width: 150px;
    border: 0;
    background-image: url('img/search.png');
    background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	margin: 0 0 0 10px;
	z-index: 3;
}

form input#searchsubmit:hover
{
    background-position: 0 -48px;
}


/* CONTENT COLUMN -> TAG CLOUD
 **/

div.taghead
{
	width: 410px;
	margin: 15px auto;
}

div.taghead h1
{
	margin-top: 0;
}

div.taghead span
{
	float: right;
	padding-top: 10px;
}

div#tagcloud
{
	width: 410px;
	text-align: center;
	line-height: 2em;
	margin: 0 auto 15px;
}

div#tagcloud a
{
	text-decoration: none;
}

/* CONTENT COLUMN -> CONTACT FORM
 **/

form.wpcf7-form p span
{
	overflow: auto;
}

form.wpcf7-form input
{
	padding: 2px;
	position: relative;
}

form.wpcf7-form textarea
{
	padding: 4px;
	position: relative;
}

#contactsubmit 
{
	clear: both;
	padding: 0 !important;
	border: 0px;
	background-image: url('img/send.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 42px;
	position: relative;
	width: 74px;
	z-index: 3;
}

#contactsubmit:hover
{
    background-position: 0 -42px;
}

img.ajax-loader
{
	margin: 0 !important;
}

/* EMAIL FEED SIGNUP
 **/

form#email-subscribe input
{
	padding: 2px;
}

#subscribesubmit
{
	clear: both;
	padding: 0 !important;
	border: 0px;
	background-image: url('img/subscribe.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 43px;
	position: relative;
	width: 118px;
	z-index: 3;
}

#subscribesubmit:hover
{
    background-position: 0 -43px;
}

#unsubscribesubmit
{
	clear: both;
	padding: 0 !important;
	border: 0px;
	background-image: url('img/unsubscribe.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 43px;
	position: relative;
	width: 137px;
	z-index: 3;
}

#unsubscribesubmit:hover
{
    background-position: 0 -43px;
}