/*  
Theme Name: Malte Retzlaff
Theme URI: http://www.malte-retzlaff.de
Description: Malte Retzlaff
Author: Malte Retzlaff
Author URI: http://www.malte-retzlaff.de
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

body {
	background: #bf9665 url('images/background.jpg') top left repeat-x;
 	margin: 0; padding: 0; text-align: center;
}

body, p {
	color: #111;
	font: 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif;
}

input, textarea {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

p {
	margin-bottom: 18px;
}

em, p em, div em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

span.sm, span.sm a {
	font-size: 11px;
}

h2 {
	font-size: 28px;
	font-weight: bold;
}

ol {
	line-height: 18px;
	list-style-type: decimal;
}


h2 a {
	border: none;
	color: #222;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

#maincontent .feature h3 {
	margin-top: 24px;
	margin-bottom: 14px;
	display: block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #222;
}



.feature small, .feature small a {
	font-size: 10px;
}

.feature code {
	font-size: 10px;
	background: #fcf0d8;
	border-left: 2px solid #dbcaa9;
	padding: 8px;
}


h3 small {
	font-size: 9px;
	margin-left: 4px;
	display: block;
	margin-top: 6px;
	margin-bottom: 4px;
	
}

a:link, a:visited {
    color: #8a3d3d;
    text-decoration: none;
    border-bottom: #8a3d3d;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

a:hover {
	border-style: none none solid none;
}

a.spartan, a.replaced {
	border-bottom: none;
	text-decoration: none;
}

a.bookmarklet {
	border: 1px solid #bbb;
	padding: 5px 14px;
	background: #ccc;
	color: #555;
	font-size: 13px;
	font-weight: bold;
}

blockquote {
	border-left: 2px solid #8b765b;
	margin-left: 20px;
	padding-left: 10px;
	color: #847057;
}

blockquote.bigquote, blockquote.bigquote p {
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	font-family: Georgia, serif;
	font-style: italic;
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	color: #111;
}

blockquote.mediumquote, blockquote.mediumquote p {
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	font-family: Georgia, serif;
	font-style: italic;
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	color: #111;
}

blockquote.mediumquote cite, blockquote.mediumquote p cite {
	font-size: 11px;
	font-weight: normal;
}

span.readmore {
	display: block;
	background: url('images/readmore_icon.gif') 0 0px no-repeat;
	padding-left: 22px;
	height: 17px;
	float: left;
}

.feature ul li {
	margin: 7px 0;
	background: url('images/bullet.png') 0 2px no-repeat;
	padding-left: 14px;
	margin-left: -14px;
	line-height: 18px;
}
.feature ul li p {
	line-height: 18px;
}
.feature ul {
	margin-bottom: 18px;
}

.flower {
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('images/flower.gif') 0 2px no-repeat;
	width: 5px; height: 18px;
	margin: 0 8px;
}

.breaker {
	display: block; clear: left;
	width: 30px; height: 30px;
}

.1-col-left {
	display: block;
	float: left;
	width: 138px;
}
.indented-right {
	display: block;
	float: left;
	margin-left: 148px;
	margin-bottom: 18px;
	margin-top: -18px;
}

------------------------------- */

.indented-right:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.indented-right {
	display:inline-block;
}

.indented-right {
	display:block;
}

h3.serif {
	font-family: Georgia, serif;
}

img.2col {
	float: left;
	display: block;
	margin-right: 20px;
}

img.2col-last {
	float: left;
}

img.feature-post {
	margin-top: 4px;
}

#wrapper {
	width: 930px; margin: auto;
	background: url('images/content_bg.png') top left repeat-y;
	text-align: left;
}

#single #wrapper {
	background: url('images/content_bg_single.gif') top left repeat-y;
}

#main {
	width: 930px; margin: auto;
	background: url('images/header_single.jpg') top left no-repeat; 
	text-align: left;
}

#single #main {
	background: url('images/header_single.jpg') top left no-repeat; 
}

/* ---------------------------------------
	HEADER AREA
------------------------------------------ */

#header{
	width: 930px; height: 134px; margin: auto;

}


#branding {
	padding: 32px 0 0 46px;
	float: left;
}


ul#navigation {
	float: right;
	margin: 33px 49px 0 0;
}

ul#navigation li {
	display: inline;
}

ul#navigation li a {
	display: block;
	float: left;
	width: 136px;
	height: 25px;
	margin-left: 20px;
}

.secondaryimg {
	float: right;
	margin: 4px 0px 12px 16px;
	border: 1px solid #ccb98e;
}

/* ---------------------------------------
	CONTENT and FEATURE CONTENT
------------------------------------------ */

.content {
	padding: 0 0 42px 44px;
	float: left;
}

#maincontent {
	float: left;
	width: 610px;
	margin: 0 0 0px 44px;
}

.feature-header {
	width: 604px;
	padding-bottom: 5px;
	background: url('images/rule.gif') bottom left repeat-x;
	line-height: 11px;
	margin-bottom: 13px;
	float: none;
}



.feature {
	width: 574px;
	margin: 10px 0 0 9px;
}

.feature .col1 {
	width: 270px; margin-right: 34px;
	float: left;
	line-height: 18px;
}
.feature .col2 {
	width: 270px; float: left; line-height: 18px;
}

.feature-header span, .recent-post-header span {
	color: #5f5034;
	position: relative;
	top: -3px;
	margin-left: 8px;
	font-family: Georgia, serif;
	font-style: italic;
}
.feature-header span a {
	border: none;
}
img.featureimg {
	float: left;
	margin: 4px 16px 12px 0;
	border: 1px solid #ccb98e;
}

.feature img.borderless {
	border: none;
}

img.outlined {
	border: 1px solid #ccb98e;	
}

.subpage img.featureimg {
	margin: 4px 16px 12px 0;
}

.feature-footer {
	font-family: Georgia, serif;
	font-size: 13px;
	margin: 0 0 28px 9px;

}

.recent-post {
	width: 292px;
	float: left;
	margin: 0 20px 28px 0;
}

.recent-even {
	margin-right: 0;
}

.recent-post-header {
	padding-bottom: 2px;
	background: url('images/rule.gif') bottom left repeat-x;
	line-height: 11px;
}

.recent-post-header span {
	font-size: 11px;
}

h3.recent {
	height: 24px; width: 286px;
	margin: 0 0 4px 8px;
}
h3.recent a {
	border: none;
	color: #444;
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
}

.subpage h3 {
	margin-bottom: 12px;
}

p.subscribe-para {
	float: right;
	margin: 10px 12px 0 0;
	font-size: 11px;
	width: 155px;
	line-height: 18px;
}

p.subscribe-para span.subscribe-small {
	font-size: 9px;
}

br.clearbreak {
	clear: left;
}

#subscribe_icon {
	margin: 12px 0 0 12px;
	float: left;
}
#single_subscribe_icon {
	margin: 5px 7px 15px 8px;
	float: left;
}

.recent-post p img {
	float: left;
	margin: 0 11px 8px 0;
	border: 1px solid #d3b784;
}

.recent-meta {
	width: 183px;
	display: block;
	float: right;
	margin: 10px 0 2px 0;
}

.read-recent {
	float: left;
}

.recent-post p {
	margin: 8px 11px 0 9px;
	font-size: 11px;
}

span.recent-comments a {
	display: block;
	float: left;
	padding-right: 18px;
	height: 16px;
	background: url('images/comment_icon.gif') right top no-repeat;
	border: none;
}

span.recent-comments a span{
	border-bottom: #8a3d3d;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
}

span.recent-comments a:hover span{
	border-bottom: #8a3d3d;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
}

.feature-footer .recent-comments {
	padding-right: 19px;
}

/* ---------------------------------------
	COMMENTS
------------------------------------------ */
ol.commentlist {
	margin-top: 17px;
}
.commentlist li {
	display: block;
	clear: both;
	margin-bottom: 9px;
}
.commentlist li div.comment {
	width: 424px;
	display: block;
	float: right;
	margin-top: 5px;
}
li.alt div.comment {
	background: url('images/comment_top.gif') top left no-repeat;
}
.commentlist li div.comment_body{
	width: 424px;
	display: block;
	
}
#commentform textarea {
	font-size: 11px;
}

.commentlist li div.comment_body div.comment_text blockquote {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	color: #111;
}


.commentlist li div.comment_body div.comment_text blockquote p  {
padding-left: 45px;
background: url('images/hanging_quote.gif') top left no-repeat;	
}
li.alt div.comment_body {
	background: url('images/comment_bottom.gif') bottom left no-repeat;
}
div.comment_text {
	padding: 19px 30px 12px 30px;
}
.comment_text a {
	color: #383838;
	border-color: #383838;
}
div.comment_meta {
	width: 136px;
	display: block;
	float: left;
	padding-top: 23px;
	line-height: 18px;
	padding-bottom: 13px;
}

div.comment_meta a:hover {
	text-decoration: underline;
}

.comment_meta cite {
	font-weight: bold;
	color: #37322a;
	display: block;
	width: 136px;
	background: url('images/rule_desat.gif') bottom left repeat-x;
	margin-bottom: 0;
}
.comment_meta cite a {
	border: none;
	color: #37322a;
}
#comment_section_head, #comment_section_foot {
	width: 100%; display: block;
	background: url('images/rule_green.gif') bottom right repeat-x;
}
#comment_section_head {
	margin: 14px 0 8px 0;
	display: block;
}
#comment_section_foot {
	margin-top: 10px;
}



/* ---------------------------------------
	SIDEBAR
------------------------------------------ */

.sidebar, .sidebar-single {
	width: 244px;
	background: url('images/grunge_column_top.gif') top left no-repeat;
	float: right;
	margin: 14px 29px 20px 0;
}
.secondary {
	width: 244px;
	float: right;
	background: url('images/grunge_column_bottom.gif') bottom left no-repeat;
	padding-bottom: 25px;
}

.sidebar-single {
	margin-top: 20px;
}
.sidebar-single, .sidebar-single .secondary {
	background-image: none;
}
.sidebar .secondary .content, 
.sidebar .alt-content, 
.sidebar-single .secondary .content, 
.sidebar-single .alt-content {
	margin: 31px 9px 0 11px;
	width: 214px;
	padding: 0;
	background: url('images/side_rule.gif') 0 23px repeat-x;
	line-height: 18px;
}

.sidebar .alt-content, .sidebar-single .alt-content {
	clear: left;
	margin: 18px 9px 0 11px;
	padding: 0 0 6px 0;
	background: url('images/side_rule_alt.gif') 0 23px repeat-x;
	color: #4a3724;
}

.sidebar-single .alt-content, .sidebar-single .secondary .content, .sidebar-single .alt-content {
	background-image: none;
}


.sidebar .secondary .content p, .sidebar-single .secondary .content p {
	padding: 0 6px;
	font-size: 11px;
	color: #4a3724;
}

img#vector {
	margin: 12px 0 8px 0;
}

img.flickr_feature {
	margin: 10px 0 0 3px;
	border: 1px solid #d4b076;	
}
#flickr_bug {
	float: right;
	margin: 6px 8px 0 0 ;
}

h4.photo_title {
	font-size: 10px;
	line-height: 13px;
	float: left;
	margin: 6px 0 18px 8px;
	font-style: italic;
	font-family: Georgia, serif;
}

h4.photo_title span{
	font-weight: bold;
	display: block;
	font-size: 12px;
	font-style: normal;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

#archive-count {
	float: right;
	width: 210px;
	font-size: 10px;
	font-family: Georgia, serif;
	text-align: right;
}
#smarchivebymonth {
	float: left;
	margin-bottom: 6px;
}
#smarchivebymonth a, #category-list li a {
	color: #9d5f39;
	border-color: #9d5f39;
}
#smarchivebymonth a, #smarchivebymonth span{
	font-size: 10px;
	margin-right: 4px;		
	float: left;
	display: block;
	height: 14px;
}
#smarchivebymonth strong {
	display: block;
	float: left;
	font-size: 9px;
	font-style: italic;
	margin: 0 5px 0 9px;
	font-weight: normal;
	height: 14px;
}
ul#category-list {
	width: 200px;
	margin: 0 0 6px 12px;
}
ul#category-list li {
	display: inline;
	font-size: 11px;
}
ul#category-list li:after {
	content: ",";
}
ul#category-list li:last-child:after {
	content: "";
}
#search_field {
	margin-left: 12px;
	background: #f4eec9;
	border: 1px solid #ceceaa;
}
#searchsubmit {
	position: relative;
	top: 4px;
	margin-left: 3px;
}

h4.side_title {
	font: 10px/18px Georgia, serif;
	color: #332215;
	font-style: italic;
	text-transform: uppercase;
	height: 17px; width: 214px;
	padding-top: 1px;
	text-indent: 8px;
	background: url('images/rule.gif') bottom left repeat-x;
}
span.side_meta {
	display: block;
	font-size: 11px;
	margin: 1px 0 17px 12px;
}

#top_meta {
	margin-bottom: 12px;
}

h4.popular-title {
	margin-top: 35px;
}

#top_meta li {
	list-style: none;
	margin-left: -5px;
}

#top_meta li ul li {
	list-style: none;
	margin-left: 10px;
}


/* ---------------------------------------
	FOOTER
------------------------------------------ */

.footer {
	clear: left;
	display: block;
	width: 930px;
	margin: auto;
	margin-bottom: 20px;
	text-align: left;
	height: 200px;
	padding-bottom: 30px;
	background: url('images/footer_bottom.gif') bottom left no-repeat;
}

.footer .wrapper {
	margin: 0;
	height: 50px;
	background: url('images/footer_top.gif') top left no-repeat;
	font-size: 10px;
}

.footer .breadcrumbs {
	margin-top: 24px;
	background: url('images/paint_smear.gif') top left no-repeat;
	height: 36px;
	margin-left: -15px;
	padding: 3px 0 0 18px;
	color: #f2e9c6;
	display: block; float: left;
	width: 198px;
}
.footer .breadcrumbs a {
	color: #ded2a7;
	border: none;
	font-size: 11px;
	margin-top: 2px;
}
.footer .breadcrumbs ul.post-categories, .footer .breadcrumbs ul li  {
	display: block;
	width: auto;
	float: left;
}
.footer .breadcrumbs .path {
	display: block;
	float: left;
	margin: 3px 0 0 4px;
}

.footer .breadcrumbs .path a:hover {
	border-bottom: 1px solid;
}

.footer .twitter {
	margin-top: 28px;
	float: left;
	display: block;
	color: #f2e9c6;;
	height: 30px;
	width: 600px;
}

.footer .twitter span {
	font-weight: bold;
	color: #f0e2b3;
	float: left;
}
.footer .twitter #whatami {
	margin-right: 18px;
	display: block; float: left;
}

#foot_clear {
	width: 100%;
	clear: left;
}

.twitter #twitter_div  {
	float: right;
	width: 490px;
	line-height: 15px;
	text-indent: none;
	text-align: left;
	margin-top: 2px;
}
#twitter_div a {
	color: #e7dcb5;
	border-color: #866949;
}
#twitter_div a:hover {
	border-color: #dbc896;
} 
a#home-breadcrumb {
	display: block;
	float: left;
	width: 18px; height: 18px;
	background: url('images/home_icon.gif') top left no-repeat;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
}
.footer .archives {
	clear: left;
	margin-top: 2px;
}

.footer .category {
	width: 136px;
	margin-right: 20px;
	display: block;
	float: left;
}

#footer-copy {
	width: 214px; display: block;
	float: left; color: #d2b785;
	background: url('images/rule_footer.gif') top left repeat-x;
}

#footer-copy p {
	margin-top: 6px;
	color: #d2b785;
	font-size: 10px;
	line-height: 14px;
	margin-left: 8px;
}

#copyright {
	display: block;
	float: right;
}
#copyright img {
	margin-left: 6px;
}

.footer .category ul {
	margin: 6px 0 0 6px;
}
.footer .category ul li {
	width: 128px; display: block;
	padding: 3px 0 4px 0;
	line-height: 13px;
}

.footer a {
	color: #d0b878;
	border-color: #d0b878;
}

/* ---------------------------------------
	THREE QUESTIONS STYLES
------------------------------------------ */
p.interviewer, p.subject {
	display: block;
	width: 58px;
	margin: 2px 20px 0 0;
	font-weight: bold;
	float: left;
	text-align: right;
	font-size: 11px;
	line-height: 13px;
}
p.question, p.answer {
	width: 468px;
	margin-left: 78px;
}

.pullquote {
	float: right;
	width: 200px;
	display: block;
	margin: 0 0 14px 14px;
	font-family: Georgia, serif;
	line-height: 22px;
	font-size: 14px;
	font-style: italic;
}


/* ---------------------------------------
	TEXT REPLACEMENT
------------------------------------------ */
h2.feature {
	height: 41px;
	width: 550px;
	margin-left: 8px;
	margin-bottom: 2px;
	line-height: 38px;
	font-style: normal !important;
	font-size: 32px !important;
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	float: none;
}

h2.feature a {
	border: none;
	color: #5c2d22;
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
	letter-spacing: -1px;
	font-style: normal;
	float: none;
}



h3.comment-type {
	width: 520px;
	height: 36px;	
}
#reply-text {
height: 28px;	
}


.replaced {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: url('images/type.gif');
}

a#identity {
	background-position: 0 0;
	width: 223px; height: 34px;
	border: none;
}
a:hover#identity {
	background-position: 0 -68px;
}

#blog-nav {
	background-position: 0 -177px;
	border: none;
}

a:hover#blog-nav {
	background-position: 0 -127px;
}

#portfolio-nav {
	background-position: 0 -277px;
	border: none;
}

a:hover#portfolio-nav {
	background-position: 0 -227px;
}

#contact-nav {
	background-position: 0 -376px;
	border: none;
}
a:hover#contact-nav {
	background-position: 0 -326px;
}

h3#about {
	width: 112px; height: 17px;
	background-position: 0 -426px;
}
#subscribe {
	display: block;
	width: 115px; height: 18px;
	background-position: 0 -778px;
}
h3#photography {
	width: 115px; height: 18px;
	background-position: 0 -462px;
}
#photographycontent {
	clear: left;
	margin-top: 8px;
}
h3#archive {
	width: 115px; height: 18px;
	background-position: 0 -495px;
	margin-bottom: 7px;
}
h4#bymonth, h4#bycategory, h4#search {
	float: left;
	width: 214px;
	height: 17px;
	background-position: 0 -524px;	
	border-bottom: 1px solid #ac9a79;
	margin-bottom: 0px;
}
h4#bycategory {
	background-position: 0 -545px;	
	margin-top: 0;
}
h4#search {
	background-position: 0 -566px;	
	margin-top: 0;
	margin-bottom: 4px;
}
h4#design-category {
	background-position: 0 -589px;
	width: 136px; height: 25px;
}
h4#standards-category {
	background-position: 0 -637px;
	width: 136px; height: 25px;
}
h4#school-category {
	background-position: 0 -734px;
	width: 136px; height: 25px;
}
h4#questions-category {
	background-position: 0 -686px;
	width: 136px; height: 25px;	
}


#author-label, #mail-label, #url-label {
	display: block;
	float: right;
	height: 16px; width: 220px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 3px;
	background-repeat: no-repeat;
}
#comment-inputs input, #comment-inputs label, #comment-inputs p {
	float: left;
}
#comment-inputs label {
	margin:1px 0 0 11px;
}
#comment-inputs p {
	margin-bottom: 10px;
}
a.comment-time {
	font-size: 11px;
	font-family: Georgia, serif;
	font-style: italic;
	border: none;
}
#author-label {
	background-image: url('images/name.gif');
}
#mail-label {
	background-image: url('images/mail.gif');
}
#url-label {
	background-image: url('images/website.gif');
}
.comment-input {
	clear: left;
}
#submit-comment {
	margin-top: 8px;
	margin-bottom: 18px;
}

/* --------------------------------
	FANCY TYPE
	------------------------------- */
span.amp {	
	font-size: 120%;
	font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}

/* --------------------------------
	MISC
	------------------------------- */
	
.6-col-right {
	width: 448px;
	float: right;
	display: block;
}

div.prose {
	width: 448px;
	clear: left;
	display: block;
}

/* --------------------------------
	CLEARFIX
	------------------------------- */
	.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */

/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
h1.logo {
	visibility: visible;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-active .block h2 .sIFR-alternate[style] { display: inline !important; }

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

page_item {
	border-top: 1px solid #000;
}

a.thickbox {
	border: none;
}

div.ngg-galleryoverview {
	float: left;
	padding-bottom: 20px;
}

div.ngg-gallery-thumbnail-box {
	width: 130px;
	float: left;
}