/*
Theme Name: Julian Krispel-Samsel Portfolio
Description: A simple theme Julian Krispel-Samsels Blog and Portfolio
Version: 1.0
Author: Julian Krispel-Samsel
Author URI: http://www.juliankrispel.com
*/

body{
background-image:url(header.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#e3e3e3;
height:100%;

position:relative;

}

#siteoftheday{
z-index:99999;
position:absolute;
right:0;
top:100px;
height:105px;
width:69px;
float:right;
background-image: url(award_day_black.png);
}

p{margin-bottom:10px;}

blockquote{background:#999;line-height:26px;font-style:italic;color:#000;padding:30px;width:302px;margin:20px 0 20px 0;}
blockquote p{color:#fff;}
*{
font-weight:normal;
list-style-type:none;
text-decoration:none;
font-family:Arial;
font-size:14px;
color:#898989;
border:none;
margin:0;
padding:0;
}

#single p a{text-decoration:underline;}
#single p a:hover{color:#666;}

h1{font-size:26px;}
h2{font-size:18px;}
small{font-size:12px;line-height:26px;}
.commentlist small a{font-size:12px; font-style:italic;line-height:21px;color:#a5a5a5;}
.comment{margin:40px 0 40px 0;line-height:21px;}
p{font-size:14px;line-height:21px}

h1 a{font-size:26px;}

#head{

height:250px;
width:250px;
float:left;

}
#head h1{margin-bottom:10px;}



#head div{
padding:18px 20px 18px 20px;
}
.preview{
float:left;
overflow:hidden;
height:250px;
width:250px;

position:relative;
}
.preview h2:hover{text-decoration:underline;}
.innerpreview{padding:15px 20px 15px 20px;}
.preview img{position:absolute;opacity:1;}
.preview li{display:inline;}

#stuff{font-size:26px;color:#666;cursor:pointer;}


easyTooltip{
	padding:5px 10px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px;
	background:#e3e3e3;
	color:#fff;
	}

#easyTooltip2{
	padding:5px 10px;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	background:#e3e3e3;
	color:#fff;
	width:250px;
	}
#easyTooltip2 h4, #easyTooltip2 p{
	margin:.25em 0;
	}	
small a{font-size:12px;}
.previewlink{height:250px;width:250px;position:absolute;}
#single{width:400px;padding:20px 10px 10px 10px;margin-right:80px;float:left;}
div#single small{line-height:40px;}
#single h2{font-size:30px;}
#wrap{
float:left;}

#footer{font-size:11px; padding:30px;text-align:right;}

#footer a{font-size:12px;text-decoration:underline;}
#footer a:hover{color:#333;}

form input{padding:6px 0 6px 10px;margin-bottom:10px;background:#e3e3e3;border-top:solid 1px #c5c5c5;border-right:solid 1px #d6d6d6;border-left:solid 1px #d6d6d6;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-bottom:solid 1px #fff;}
form textarea{padding:10px;background:#e3e3e3;border-top:solid 1px #c5c5c5;border-right:solid 1px #d6d6d6;border-left:solid 1px #d6d6d6;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-bottom:solid 1px #fff;
}
.attachment-single-post-thumbnail{border-top:solid 1px #c5c5c5;border-right:solid 1px #d6d6d6;border-left:solid 1px #d6d6d6;border-bottom:1px solid #fff;margin:15px 0 15px;}

#submitcomment{cursor:pointer;padding: 7px 12px 7px 12px;background: #d9d9d9;color:#666;border-top: 1px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px 8px 5px 8px;border-bottom:solid 1px #c5c5c5;}
#submitcomment:hover{background-color:#ebebeb;border-top: 1px solid #c5c5c5;border-bottom:solid 1px #fff;}

.half{margin-top:20px;}

.nocomments{display:inline;}

h3#comments{font-size:11px;}
.commentlist{margin-left:130px;font-size:12px;margin-bottom:100px;}
cite{margin-left:-130px;font-size:12px;float:left;}
cite a, .comment span p{font-size:12px;font-style:italic;}

#head li{list-style-type:none;display:inline;line-height:30px;}
#head li a{margin-right:5px;font-size:11px;cursor:pointer;padding: 7px 12px 7px 12px;background: #fff;color:#999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 2px 4px 2px 4px;}
#head li a:hover{background:none;}
#head small{}


.clear{clear:both;}

a.retweet {margin:30px 5px 5px 0;float:left; font: 10px Arial; color: #3b5998; text-decoration: none; border: 0px;float:left;}
.facebook{margin:27px 5px 5px 4px;}
a.retweet span { font-size:11px;color: #3b5998; background: #c7c7c7;  border-top: 1px solid #e2e2e2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 2px 4px 3px 4px; }
a.retweet span:hover{background:#d9d9d9;}
a.vert { display: block; text-align: center; font-size: 10px; float: left; margin: 4px; }
a.retweet strong.vert { display: block; margin-bottom: 4px; background: #F5F5F5; border: 1px solid #EEE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }
a.retweet span.vert { display: block; font-size: 10px; margin-left: 0px; }

.size-thumbnail{margin:13px 30px 13px 0;}
.half small{font-size:11px;}
div#navigation{float:left;position:relative;padding:20px;width:210px;height:210px;}
div#navigation a{color:#666;font-size:26px;line-height:30px;}
#navigation a:hover{color:#333;}