/*
Theme Name:Albert Otten Theme
Theme URI:http://timrijkse.nl
Description: Custom Wordpress theme for albertotten.nl by Tim Rijkse <a href="http://www.timrijkse.nl">www.timrijkse.nl</a>
Version:1.0
Author:Tim Rijkse
Author URI:http://timrijkse.nl/
Tags:white, red, fixed-width, two-columns, right-sidebar, tim rijkse, tullem, albert otten

	"Albert Otten Custom Theme" by http://timrijkse.nl

*/

body {
	background:			#3D3D3D;
	font:				13px/17px Arial, Helvetica, sans-serif;
}



/* Global styles */
a {
	border-bottom:		1px dotted #000;
	text-decoration:	none;
	color:				#000;
	font-weight:		600;
}

a.lightview,
a.lightview:hover {
	display:			inline-block;
	border-bottom:		0;
	margin:				0 auto;
	text-align:			center;
}

a.lightview img {
	margin:				0 auto;
}

a:hover {
	color:				#E12000;
	border-bottom:		1px dashed #e12000;
	background-color:	#F7F7F7;
}

hr {
	display:			block;
	margin-top:			35px;
	border:				0;
	border-top:			1px dotted #ccc;
	color:				#FFF;
	clear:				both;
}

.floatLeft 				{ float: left; }
.floatRight 			{ float: right; }

.clear {
	clear:				both;
	height:				0;
	font:				0/0 serif;
}

#wrapper {
	width:				740px;
	margin:				30px auto;
	background:			#FFF;
}



/* Header */
#header {
	position:			relative;
	margin:				0;
	padding:			22px 20px 0 20px;
	background:			#FFF url(images/bg-header-top.gif) no-repeat top left;
}

#logo {
	width:				660px;
	height:				220px;
	height:				150px;
	padding:			20px;
	background:			#000 url(images/header.jpg) no-repeat top left;
}

#logo a {
	color:				#FF2B06;
	font-size:			60px;
	font-weight:		600;
	text-decoration:	none;
	border-bottom:		none;
	letter-spacing:		-4px;
}

#logo h2 {
	font-size: 			18px;
	font-weight: 		200;
	padding: 			12px 4px 0 0;
	letter-spacing: 	-1px;
	color:				#FFF;
}



/* Content */
#content {
	padding:			20px;
}

#content div.left {
	float:				left;
	width:				450px;
}

#content div.right {
	float:				right;
	width:				200px;
}



/* Post */
.post {
	margin:				0 0 20px 0;
	padding:			0 0 10px 0;
}

.post p {
	margin:				14px 0 14px 0;
}

.post em{
	font-style:			italic;
}

.post h2 {
	font:				100 24px Arial, Helvetica, sans-serif;
	margin:				25px 0 10px 0;
}

.post h1, .post h1 a {
	margin:				0 0 5px 0;
	font:				100 20px Arial, Helvetica, sans-serif;
	text-transform:		uppercase;
	color:				#FA2962;
	border:				none;
}

.post h3, .post h4 {
	font-family:		Georgia;
	font-size:			20px;
	margin:				15px 0 10px 0;
	font-weight:		normal;
}

.post h4 {
	font-size:			18px;
}

.post .indent {
	padding-left:		10px;
}

.post .indent p {
	padding-left:		10px;
}

.post small {
	font-size:			11px;
}

.post small a {
	font-weight:		normal;
}

.post .alignright {
	float:				right;
	margin-left:		10px;
}

.post .alignleft {
	float:				left;
	margin-right:		10px;
}

.post .aligncenter {
	margin:				0 auto;
	display:			block;
}

.post abbr {
	font-weight:		normal;
}

.post ul{
	list-style:			circle;
	margin:				0 0 0 25px;
}

.post ol {
	list-style:			decimal;
	margin:				0 0 0 30px;
}

.post .wp-caption {
	background:			#f7f7f7;
	border:				1px solid #ccc;
	margin:				10px;
	text-align:			center;
	padding:			5px 0 0;
}

.post .wp-caption-text {
	margin:				0;
}

.post .wp-caption a, .post .wp-caption a:hover {
	border-bottom:		0;
}

.post blockquote {
	color:				#777;
	border-left:		5px solid #ccc;
	margin:				15px 30px 0 10px;
	padding-left:		20px;
}

.post pre {
	font-family:		courier;
	font-size:			12px;
	letter-spacing:		-1px;
	margin:				14px 0 14px 0;
}

.post .message ul {
	margin:				12px 0 0;
}

.post .message {
	display:			none;
	background:			#0F67A1;
	margin-top:			10px;
	padding:			20px;
	color:				#fff;
}



/* Image gallery */
#ngg-webslice {
	margin:				0 0 20px 0;
}

#ngg-webslice h2 {
	margin:				0 0 5px 0;
	padding-bottom:		5px;
	font:				18px Arial, Helvetica, sans-serif;
	color:				#333;
	border-bottom:		1px dotted #CCC;
}



/* Comment */
#comments h3, #comments h4 {
	font:				100 20px Arial, Helvetica, sans-serif;
	margin:				35px 0 5px;
}

#comments h4 {
	font-size:			28px;
}

#comments cite {
	font:				bold 14px Arial, Helvetica, sans-serif;
}

#comments em {
	font-style:			italic;
	text-align:			right;
}

#comments ol.commentlist li {
	margin-top:			20px;
	border:				1px dotted #ccc;
	border-right:		0;
	padding:			10px 5px 20px 10px;
	min-height:			110px;
}

#comments p {
	margin:				10px 0 0 10px;
	width:				auto;
}

#comments span {
	display:			block;
	color:				#eee;
	font-family:		Georgia;
	font-size:			120px;
	font-weight:		normal;
	float:				right;
	padding-top:		25px;
}

#comments ul.formlist {
	margin:				20px auto;
	width:				375px;
}
#comments ul.formlist li {
	display:			block;
	margin:				10px 0 0;
}
#comments ul.formlist p{
	margin:				10px 0 0;
	text-align:			center;
}
#comments input {
	font-family:		Georgia;
	width:				370px;
	font-size:			18px;
	font-weight:		normal;
}
#comments textarea {
	font-family:		Georgia;
	width:				370px;
	font-size:			18px;
	font-weight:		normal;
}
#comments li.submitbutton input {
	text-align:			center;
	background:			#fff;
	border:				1px solid #aaa;
	color:				#000;
	font-family:		Georgia;
	font-weight:		normal;
	font-size:			20px;
	width:				374px;
}

#comments .center {
	text-align:			center;
}



/* Sidebar */
#sidebar {
	width:				200px;
	margin:				0 0 25px 0;
}

#sidebar p.intro {
	margin:				15px 0 15px 0;
	font:				11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:				#555;
}

#sidebar ul.list-social {
	list-style:			none;
	margin:				0 0 20px 0;
}

#sidebar ul.list-social li {
	margin:				0;
	padding:			0;
}

#sidebar ul.list-social li a {
	border:				none;
}

#sidebar h3 {
	padding:			0 0 10px 0;
	font-size:			18px;
}

#sidebar .block ul {
	margin:				0 0 20px 0;
	border-bottom:		1px dotted #ccc;
}

#sidebar .block ul .children{
	border:				0;
	padding: 			0 0 0 8px;
}

#sidebar .block li {
	border-top:			1px dotted #ccc;
}

#sidebar .block li a {
	background:			transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
	font-size:			13px;
	font-weight:		normal;
	padding:			2px 0 2px 15px;
	display:			block;
	border-bottom:		none;
}

#sidebar .block li a:hover {
	background:			#f7f7f7 url(images/bullet_red.gif) no-repeat scroll 6px 52%;
}

#sidebar .widget_search label {
	display:			block;
	padding:			25px 0 3px 0;
	font-size:			18px;
	border-bottom:		1px dotted #ccc;
	margin:				0 0 5px;
}

#sidebar .widget_recent_comments li {
	background:			transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
	padding:			2px 0 2px 15px;
}

#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
	background:			none;
	border-bottom:		1px dotted #000;
	text-decoration:	none;
	color:				#000;
	font-weight:		600;
}

#sidebar .widget_recent_comments li a:hover {
	color:				#e12000;
	border-bottom:		1px dashed #e12000;
	background-color:	#f7f7f7;
}

#sidebar .widget_tag_cloud h3 {
	margin:				0 0 8px;
	border-bottom:		1px dotted #ccc;
}

#sidebar .widget_text h3 , #sidebar .calendar h3{
	border-bottom:		1px dotted #ccc;
}

#sidebar .calendar h3{
	display:			none;
}

#sidebar #wp-calendar {
	width:				95%;
	text-align:			center;
}

#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
	text-align:			center;
}

#sidebar #wp-calendar caption {
	font-size:			18px;
	padding:			25px 0 3px 0;
}

#sidebar #wp-calendar th {
	font-weight:		bold; 
	border-top:			1px dotted #ccc;
	border-bottom:		1px dotted #ccc;
}

#sidebar #wp-calendar tfoot td{
	border-top:			1px dotted #ccc;
	border-bottom:		1px dotted #ccc;
}



/* Footer */
#footer {
	font-size:			11px;
	padding:			15px;
	background:			#FFF url(images/bg-footer.gif) no-repeat bottom left;
	text-align:			center;
}