/*
Theme Name: DeSpeech
Theme URI: http://despeech.nl
Description: Theme voor website DeSpeech.
Version: 0.3
Author: Bram Willemse
Author URI: http://bramwillemse.nl
Tags: poststamp, cream white, vintage

	This theme was designed by Martien Ontwerpt and built by Bram Willemse,

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

Colors:

RED 			#d51917
CREAM WHITE		#fefeeb
GREY			#d4d4ca
GREEN 			#00545B
*/

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background: #fefeeb url('images/bg-body.gif') center top;
	min-width: 840px;
}
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }

h2, h3 { font-family: "speech", Georgia, Times New Roman; font-weight: normal; color: #d51917; }
h2, .overlay h2 { margin: 5px 0;  font-size: 24px;  }
h2 a, .overlay h2 a { text-decoration: none; }
h3 { font-size: 18px; margin: 0; padding: 0; }

hr { display: block; margin: 0; padding: 1px 0 0; color: #fefeeb; height: 1px; border-top: #000 1px solid; border-bottom: #000 1px solid; border-right: none; border-left: none; }

a, a img { border: none; color: #d51917;}

p { line-height: 1.4em; }

#container { display: block; margin: 0 auto; padding: 0; width: 836px; min-height: 830px ;background: url('') center top repeat-y;}
#header { display: block; margin: 0 auto; padding-bottom: 15px; width: 840px; height: 70px; clear: both; overflow: hidden; }
#header img { display: block; margin: 0 auto; }

	#header-left { float: left; width: 162px; height: 70px; padding: 0 15px 15px 45px; }
	#header-center { float: left; width: 418px; height: 70px; padding: 0 0 15px 0; }
	#header-right.cart { 
		float: right; 
		width: 162px;
		height: 65px;
		padding: 5px 20px 15px 0; 
		font-size: 12px; 
		line-height: 1.4em;
		text-align: right;
	}
	#header-right.cart a { font-size: 12px; font-weight: bold; text-decoration: none; }
	#header-right.cart a:hover { text-decoration: underline; }
	
.alignright { float: right; }
.alignleft { float: left; }

img.alignleft { margin: 0 15px 5px 0; }
img.alignright { margin: 0 0 5px 15px; }

/* SIDEBARS */

#sidebar-social { float: left; width: 20px; margin: 0 0 15px 15px; text-align: right; }
	#sidebar-social img.button { float: right; clear: both; margin: 1px; }

#sidebar-nav { float: left; width: 162px; margin: 0 15px 15px; text-align: left; }
	#sidebar-nav a img.logo { }
	
	#sidebar-nav a { color: #fefeeb; text-decoration: none; }
	#sidebar-nav a img { margin: 0; padding: 0; }
	#sidebar-nav ul { display: block; width: 162px; height: 200px; font-size: 16px; margin: 3px 0 0 -40px;  }
	#sidebar-nav ul li { display: block; width: 162px; height: 40px; margin: 0; list-style: none; text-align: center; background: #fefeeb; overflow: hidden; }
	
	#sidebar-nav .hover-image { margin-top: 0; }
	#sidebar-nav .hover-image:hover { margin-top: -40px; }
	#sidebar-nav .current-page-item a .hover-image { margin-top: -40px; }

	#sidebar-nav #despeech { height: 41px; }
	#sidebar-nav #despeech .hover-image:hover { margin-top: -41px; }
	#sidebar-nav #despeech.current-page-item a .hover-image { margin-top: -41px; }

	#form-nieuwsbrief  { width: 162px; height: 202px; margin-top: 15px; background: #d4d4ca; }
		#YMLPform { text-align: center; margin: 15px; padding: 0 0 15px; background: #d4d4ca; }
		#YMLPform input { width: 132px; margin: 0 0 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; }
		#YMLPform #mailSubmit { float: right; width: auto; font-size: 12px; font-weight: bold; margin: 0; padding: 1px; }

					
#sidebar-right { float: right; width: 162px; margin: 0 15px 15px 13px; padding: 0;  }
	#sidebar-right ul { list-style: none; padding: 0; margin: 0; }
	#sidebar-right ul li { padding: 0 0 15px; }
	#sidebar-right h2 { font-size: 18px; }
		
	#sidebar-right ul li.widget_tweetblender { height: 405px; overflow: hidden; }
	#sidebar-right a.tb_photo img { border: none; width: 24px; }
	#sidebar-right .tweet-tools a { text-decoration: none; } 

#page { 
	float: left;
	width: 418px;
	margin: 0;
}

.post { 
	float: left;
	width: 418px;
	margin: 0 15px 0 0;
	padding: 0 0 19px 0;
	text-align: left;
	overflow: hidden;
	background: #fefeeb;
}
.home .post { padding: 0; margin: 0 15px 19px 0; }
.post .teaser { width: 418px; height: 394px; border-bottom: #000 1px solid; overflow: hidden; }
	.teaser .imgcontainer, .imggallery.imgcontainer { display: block; width: 418px; height: 394px; background: #000; border-bottom: 1px solid #000; }
	.teaser .imgcontainer img { width: 418px; height: auto; vertical-align: middle; }
	
	.overlay { position: absolute; margin: 284px 1px 0; width: 396px; height: 90px; padding: 10px 10px; background: #fefeeb; overflow: hidden;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
	 }
	.teaser:hover > .overlay { filter: alpha(opacity=0.9); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
	
	.post-content { float: left; width: 418px; }
	
	.overlay p { margin: 5px; line-height: 1.8em !important; }
		
	.tabs { width: 418px; height: 14px; margin-top: 1px; border-top: 1px solid #000;}
		.tabs .date { float: right; height: 14px; margin: 0; padding: 2px; background: url('images/tab-blue.gif'); font-family: "speech"; font-size: 14px; color: #fefeeb; } 
		.tabs .read { float: right; height: 14px; margin: 0; padding: 2px; background: url('images/tab-red.gif'); font-family: "speech"; font-size: 14px; color: #fefeeb; cursor: pointer; }
		.tabs .date a, .tabs .read a { height: 14px; margin: 2px; color: #fefeeb; text-decoration: none; }

.single .imgcontainer { display: block; width: 418px; height: 100px; margin: 0 0 5px; overflow: hidden; }
.single .imgcontainer img { width: 418px; height: auto; }


.post p { margin: 0 0 16px; line-height: 1.4em; clear: both; }

.navigation h3 { margin: 0; padding: 0; }

.imggallery { float: right; width: 320px; margin: 0 15px 15px 0; overflow: hidden; }

div#fancy_inner { background: #fefeeb !important; }
.fancy_title { display: none !important; }

#column-comments { float: left; width: 418px; background: #fefeeb; }
	#column-comments h3 { margin: 15px 0 0px; }

ol.commentlist { list-style: none; margin-left: -35px; }

	.commentlist a { text-decoration: none; }
	.commentlist a:hover { text-decoration: underline; }
	img.avatar { float: left; margin: 0 5px 5px 0;}
	.even img.avatar { float: right; margin: 0 0 5px 5px; }
	
	#respond { }
		#respond #comment { width: 414px; }
	
#footer { display: block; margin: 0 auto; width: 840px; height: 100px; clear: both; text-align: center; }