/*
Theme Name: Tommi
Theme URI: http://tommibrem.de
Version: 1.0
Author: Tommi Brem
Author URI: http://tommibrem.de
*/

/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors:Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/**
* Font normalization inspired by YUI Library's fonts.css:developer.yahoo.com/yui/
*/
body{font:13px/1.231 sans-serif;*font-size:small;}
/* Hack retained to preserve specificity */
select,input,textarea,button{font:99% sans-serif;}
/* Normalize monospace sizing:en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,code,kbd,samp{font-family:monospace,sans-serif;}
/**
* Minimal base styles.
*/
body,select,input,textarea{/* #444 looks better than black:twitter.com/H_FJ/statuses/11800719859 */
color:#444;/* Set your base font here,to apply evenly */
/* font-family:Georgia,serif;*/}
/* Headers (h1,h2,etc) have no default font-size or margin;define those yourself */
h1,h2,h3,h4,h5,h6{font-weight:bold;}
/* Always force a scrollbar in non-IE */
html{overflow-y:scroll;}
/* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */
a:hover,a:active{outline:none;}
a,a:active,a:visited{color:#607890;}
a:hover{color:#036;}
ul,ol{margin-left:2em;}
ol{list-style-type:decimal;}
/* Remove margins for navigation lists */
nav ul,nav li{margin:0;list-style:none;list-style-image:none;}
small{font-size:85%;}
strong,th{font-weight:bold;}
td{vertical-align:top;}
/* Set sub,sup without affecting line-height:gist.github.com/413930 */
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre{/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;padding:15px;}
textarea{overflow:auto;}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend,.ie7 legend{margin-left:-7px;}
/* Align checkboxes,radios,text inputs with their label by:Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
/* Hand cursor on clickable input elements */
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,input,select,textarea{margin:0;}
/* Colors for form validity */
input:valid,textarea:valid{}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
/* These selection declarations have to be separate
No text-shadow:twitter.com/miketaylr/status/12228805301
Also:hot pink! */
::-moz-selection{background:#339933;color:#fff;text-shadow:none;}
::selection{background:#339933;color:#fff;text-shadow:none;}
/* j.mp/webkit-tap-highlight-color */
a:link{-webkit-tap-highlight-color:#FF5E99;}
/* Make buttons play nice in IE:www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button{width:auto;overflow:visible;}
/* Bicubic resizing for non-native sized IMG:code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img{-ms-interpolation-mode:bicubic;}

/* CUSTOM STYLES */
body{
	font-family: Georgia, Serif;
	font-size:12px;
	color: #000;
	background:#fff url(img/body-back.gif) top left repeat-y;
	line-height:1.5em;
}
h1{
	text-indent:-9999px;
	display:inline;
}
#container{
	width:970px;
	position:relative;
}
ul#nav{
	width:180px;
	margin: 45px 0 0 0;
	float:left;
	background-color: #000;
	list-style-type:none;
}

ul#nav li{
	color: #999;
	text-align:right;
	text-transform: uppercase;
}
ul#nav li.type{
	margin-top:15px;
	padding-right:20px;
}
ul#nav li.wpml-nolink{
	margin-right:20px;
	color:#505050;
}
ul#nav li a{
	margin:0;
	text-decoration:none;
	color:#fff;
	display:block;
	padding-right:20px;
	width:160px;
	line-height:16px;
	vertical-align:baseline;
}
ul#nav li a:hover, ul#nav li.active, ul#nav li.current-cat, ul#nav li.current_page_item{
	background-color:#cc0001;
}
body.home ul#nav li#nav-home{
	background-color:#cc0001;
}
ul#nav li.tags{
	margin:0 20px;
}
ul#nav li.tags a, .meta .post-tags a{
	display:inline;
	color: #339933;
	text-transform:lowercase;
	font-size:13px;
	padding:0;
}
ul#nav li.tags a:hover, .meta .post-tags a:hover{
	background-color:#000;
	color:#fff;
}
ul#nav li.author{
	margin-top: 40px;
	text-transform:none;
}
ul#nav li.author span{
	display:block;
	padding-right:20px;
	padding-bottom:10px;
	font-style:italic !important;
	color:#cc0001;
	font-family:Georgia, Times, Serif;
	line-height:1.3em;
}
.meta .post-tags a{
	text-decoration:none;
	font-family:Georgia, Times, Serif;
}
.meta .meta-nav, .article .meta-nav{
	display:none;
}
#main{
	float:left;
	width:580px;
}
#main .article{
	margin:20px;
	padding-bottom:40px;
	font-family:'Helvetica Neue', Arial, sans-serif;
}
#main .article a{
	color:#eb9601;
	text-decoration:none;
	border-bottom:1px solid #f5d574;
}
#main .article a:hover{
	color:#eb8001;
	border-bottom:1px solid #eb8001;
}
#main .article img{
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	width:560px;
	height:auto;
	
}
#main .article p:nth-child(2){
	margin-top:-20px;
}

#main .article p:first-child img{
	margin-top:-20px; 
	margin-left:-20px;
	margin-bottom:20px;
	width:580px;
	height:auto;
}
#main .article iframe:first-child{
	margin-top:-20px; 
	margin-left:-20px;
	margin-bottom:20px;
}
#main .article .lightbox{
	margin-bottom:10px;
}
#main .article img.attachment-thumbnail, #main .article .lightbox img{
	width:auto !important;
	height:auto !important;
}
#main .article .lightbox img{
	margin-right:10px;
}
#main .article .lightbox a:last-child img{
	margin-right:-20px;
}
#main .article .lightbox a{
	border-bottom:none !important;
}
#main .article .summary{
	margin-bottom:0;
}
#main .article h2{
	font-family: Georgia, Times, Serif;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	margin-top:-20px;
}
#main .article .summary h3{
	margin-top:10px;
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, Times, Serif;
}
#main .article .summary h3 a{
	color:#000;
	border-bottom:1px solid #ccc;
}
#main .article .summary h3 a:hover{
	border-bottom:1px solid #666;
}
#main .article .summary p{
	margin-top:5px;
}
#main .article span.title, .meta .post-title{
	font-family:Georgia, Times, Serif;
	font-weight:normal;
	text-transform: uppercase;
	font-size:14px;
	margin-bottom:10px;
}
#main .article p{
	margin:20px 0;
	font-size:13px;
}
#main .article blockquote{
	font-family:Georgia, Times, Serif;
	font-style: italic !important;
	font-size:14px;
	border-left:1px solid #ccc;
	color:#666;
	margin-left:10px;
	padding:0 10px;
}
.commentlist{
	margin-top:50px;

}
.commentlist h2#comments{

	font-weight:normal;
	font-family:Georgia, Times, Serif;
	text-transform:uppercase;
	font-size:14px;
}
.commentlist .comment{
	padding:20px 0 0 20px;
	color:#666;
	border-top:1px solid #ccc;
}
.commentlist .alt{
	padding:20px 0 1px 20px;
	background-color:#f9f9f9;
}
.commentlist .comment div.comment-text{
	padding-right:20px;
	margin-top:-20px;
}
.commentlist .comment div.comment-text p{
	padding-bottom:20px;
}
.commentlist .comment img.avatar{
	float:left;
	margin-top:20px;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:0;
	width:55px !important;
	height:55px !important;
	padding:5px;
	border:1px solid #eee;
	background-color:#fff;
}
.commentlist .comment .comment-meta{
	text-align:right;
	padding-right:20px;
	margin-top:0;
	margin-bottom:0;
}
.commentlist .comment .comment-meta a{
	font-weight:bold;
	color:#000 !important;
	border-bottom:1px solid #ccc !important;
}
.commentlist .comment img.wp-smiley{
	width:auto !important;
	height: auto !important;
}
.commentlist form{
	margin-top:30px;
}
.commentlist form h3#respond{
	font-family:Georgia, Times, Serif;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:40px;
}
.commentlist form input, .commentlist form textarea{
	margin-top:4px;
	padding:7px;
	border:1px solid #ccc;
	width:520px;
}
.commentlist p.submit{
	text-align:right;
}
.commentlist form input#submit{
	width:auto;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#333;
	color:#fff;
	font-weight:bold;
	-webkit-appearance: none;
}
.meta{
	position:absolute;
	left:780px;
	top:45px;
	width:200px;
	font-family:'Helvetica Neue', Arial, sans-serif;
}
.meta p{
	margin:15px 0;
}
.meta .post-title{
	margin:0;
}
.meta .post-title a{
	color:#000;
	text-decoration:none;
}
.meta .post-title a:hover{
	border-bottom:1px solid #999;
}

.meta .post-summary{
	color:#666;
	font-style: italic;
}
.meta .home{
	font-style:normal;
}
.meta .home:first-child{
	margin-top:30px;
}
.meta .post-category a{
	text-transform:uppercase;
	font-family:Georgia, Times, Serif;
	text-decoration:none;
	color:#cc0001;
	font-size:14px;
}
.meta .post-comments, .meta .post-comments a{
	font-family:Georgia, Times, Serif;
	font-size:14px;
	color: #999;
	text-transform:uppercase;
}
.meta .post-date, .meta .post-date a{
	color:#999;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
}
.meta .post-comments a:hover{
	text-decoration:none;
}
.prev-next{
	position:fixed;
	left:761px;
	top:359px;
	width:230px;
}
.prev-next a{
	width:45%;
	text-align:center;
	float:left;
	color:#fff;
	background-color:#ccc;
	padding:4px;
	font-size:14px;
	text-decoration:none;
}
.prev-next a:hover{
	background-color:#000;
	color:#fff;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
i{font-style: italic !important;}
b{font-weight:bold !important;}