/** 
 * Theme Name: Dennis Morhardt
 * Theme URI: http://www.dennismorhardt.de/
 * Version: 2013
 * Author: Dennis Morhardt
 * Author URI: http://www.dennismorhardt.de/
 */
 
/**
 * HTML5 display definitions
 * @see http://necolas.github.com/normalize.css/2.1.0/normalize.css
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }
 
/**
 * Reset based on normalize.css and HTML5 Reset
 * @see https://necolas.github.com/normalize.css/2.1.0/normalize.css
 * @see https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/reset.css
 * @see https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/style.css
 */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:scroll; }
html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, main, mark, details, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
img, object, embed { max-width:100%; -ms-interpolation-mode:bicubic; }
a, a:link, a:active, a:visited, a:focus, a:hover { text-decoration:none; }
a:focus { outline:thin dotted; }
a:active, a:hover { outline:0; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
b, strong { font-weight:bold; }
dfn { font-style:italic; }
mark { background:#ff0; color:#000; }
pre { white-space:pre-wrap; }
q { quotes:"\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
img { border:0; }
del { text-decoration:line-through; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor: pointer; }
input[type="search"] { -webkit-appearance:textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
button[disabled], html input[disabled] { cursor:default; }
textarea { overflow:auto; vertical-align:top; }
input, select { vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
th { font-weight:bold; vertical-align:bottom; }
td { font-weight:normal; vertical-align:top; }
ul { list-style:none; }

/**
 * Box Sizing
 */
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

/**
 * Font loader
 * @see http://jonikorpi.com/a-smoother-page-load/
 */
.wf-loading h1, .wf-loading p, .wf-loading ul, .wf-loading h3, .wf-loading li, .wf-loading time { opacity:0; }
.ie.wf-loading h1, .ie.wf-loading p, .ie.wf-loading ul, .ie.wf-loading h3, .ie.wf-loading li, .ie.wf-loading time { visibility:hidden; }
h1, h3, p, ul, li, time { opacity:1; visibility:visible; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out; }

/**
 * Clear fix
 * @see http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clear { float:none; clear:both; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/**
 * Selection style
 */
::selection { background:#444; color:#ddd; }
::-webkit-selection { background:#444; color:#ddd; }
::-moz-selection { background:#444; color:#ddd; }

/**
 * Icons
 */
.icon-twitter, .icon-xing, .icon-adn, .icon-facebook, .icon-github, .icon-skype, .icon-mail, .icon-link, .icon-dennis-so, .icon-google-plus, .icon-address, .icon-phone {
	font-family:'icons';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
}

.icon-twitter:before { content:"\54"; }
.icon-xing:before { content:"\58"; }
.icon-adn:before { content:"\41"; }
.icon-facebook:before { content:"\46"; }
.icon-github:before { content:"\49"; }
.icon-skype:before { content:"\53"; }
.icon-mail:before { content:"\4d"; }
.icon-link:before { content:"\4c"; }
.icon-dennis-so:before { content:"\44"; }
.icon-google-plus:before { content:"\47"; }
.icon-address:before { content:"\21"; }
.icon-phone:before { content:"\22"; }

/**
 * Body
 */
body {
	background:#F4F4F4 url('images/background.png') top center no-repeat;
	border-top:10px solid #9A0303;
	border-bottom:10px solid #9A0303;
	font:15px/23px "Open Sans", Helmet, Freesans, sans-serif;
	color:#555;
	padding-bottom:100px;
}

/**
 * Header
 */
body > header {
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding:100px 30px 70px;
}

body > header h1 {
	font:600 40px/40px skolar, Helmet, Freesans, sans-serif;
	margin-bottom:20px;
	color:#212121;
}

body > header p {
	max-width:700px;
	font-size:22px;
	line-height:150%;
}

body > header p:nth-child(3) {
	font-size:18px;
	margin-top:20px;
	color:#777;
}

body > header a {
	color:#333;
}

body > header a:hover {
	text-decoration:underline;
}

body > header ul {
	font-size:0;
	margin-top:30px;
}

body > header ul li {
	display:inline-block;
	font-size:30px;
	line-height:30px;
	margin-right:10px;
}

body > header ul li a {
	color:#999;
}

body > header ul li a .icon-txt {
	display:none;
}

body > header ul li a:hover {
	color:#666;
	text-decoration:none;
}

/**
 * Projects
 */
body > section h2 {
	font:300 26px/26px skolar, Helmet, Freesans, sans-serif;
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding:20px 30px 30px;
	color:#999;
}

body > section .inner {
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding:40px 30px 0;
}
 
body > section article:before, body > section article:after {
	content:"";
	display:table;
}

body > section article:after {
	clear:both;
}
 
body > section article {
	overflow:hidden;
	zoom:1;
}

body > section article:nth-child(2n) {
	background:rgba(33, 33, 33, 0.03);
}

body > section article h3 {
	font:600 20px/20px skolar, Helmet, Freesans, sans-serif;
	color:#212121;
	margin:5px 0;
}

body > section article time {
	display:block;
	color:#999;
	margin-bottom:10px;
}

body > section article p {
	font-size:18px;
	line-height:150%;
	max-width:50%;
	padding-right:50px;
}

body > section article img {
	max-width:50%;
	width:100%;
	border:1px solid #ddd;
	-moz-box-shadow:0px 0px 10px 2px rgba(217,217,217,0.5);
	-webkit-box-shadow:0px 0px 10px 2px rgba(217,217,217,0.5);
	box-shadow:0px 0px 10px 2px rgba(217,217,217,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#ffd9d9d9,Strength=12)";
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#ffd9d9d9,Strength=12);
	float:right;
	margin-bottom:-1px;
}

body > section article ul {
	margin:10px 0 40px;
}

body > section article li {
	padding-left:25px;
	margin-bottom:3px;
}

body > section article li:before {
	font-family:'icons';
	content:"\4c";
	font-size:16px;
	color:#999;
	margin-left:-25px;
	margin-top:2px;
	width:25px;
	float:left;
	display:inline-block;
}

body > section article a {
	color:#444;
}

body > section article a:hover {
	text-decoration:underline;
}

/**
 * Footer
 */
body > footer {
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding:50px 30px 0px;
}

body > footer h2 {
	font:300 40px/40px skolar, Helmet, Freesans, sans-serif;
	margin-bottom:30px;
	color:#212121;
}

body > footer .left, body > footer .right {
	width:50%;
}

body > footer .left {
	float:left;
	padding-right:25px;
}

body > footer .right {
	float:right;
	padding-left:60px;
	font-size:22px;
	line-height:150%;
}

body > footer .right p {
	margin-bottom:10px;
}

body > footer .right a {
	color:#555;
}

body > footer .right span {
	margin-left:-35px;
	width:35px;
	float:left;
	margin-top:5px;
}

/**
 * Form
 */
label, input, select, textarea {
	font:18px/22px "Open Sans", Helmet, Freesans, sans-serif;
}
 
input, textarea, select {
	display:inline-block;
	width:100%;
	height:40px;
	padding:5px;
	color:#555;
	border:1px solid #ccc;
	border-radius:3px;
	margin-bottom:10px;
}

select {
	padding:initial;
}

input[type=checkbox], input[type=radio] {
	cursor:pointer;
	width:auto;
	height:auto;
	padding:0;
	margin:3px 0;
	line-height:normal;
	border:none;
}

textarea {
	height:170px;
	width:100%;
}
 
input, textarea {
	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s, box-shadow linear 0.2s;
	-o-transition:border linear 0.2s, box-shadow linear 0.2s;
	transition:border linear 0.2s, box-shadow linear 0.2s;
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input:focus, textarea:focus {
	outline:0;
	border-color:rgba(154, 3, 3, 0.8);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(154, 3, 3, 0.6);
}

button, .button {
	cursor:pointer;
	display:inline-block;
	background-color:#e6e6e6;
	background-repeat: no-repeat;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	padding:5px 14px 6px;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	color:#333;
	font:bold 15px/normal "Open Sans", Helmet, Freesans, sans-serif;
	border:1px solid #ccc;
	border-bottom-color:#bbb;
	border-radius:4px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition:0.1s linear all;
	-moz-transition:0.1s linear all;
	-ms-transition:0.1s linear all;
	-o-transition:0.1s linear all;
	transition:0.1s linear all;
}

button:hover, .button:hover {
	background-position:0 -15px;
	color:#333;
	text-decoration:none;
}

label {
	display:none;
}

/**
 * Responsives
 */
@media only screen and ( max-width:660px ), only screen and ( max-device-width:660px ) {
	body > header {
		padding:40px 20px 40px;
	}
	
	body > section h2 {
		padding:20px 20px 30px;
	}

	body > section .inner {
		padding:30px 20px 0;
	}
	
	body > section article img {
		float:none;
		margin-bottom:20px;
		max-width:100%;
	}
	
	body > section article p {
		padding:0;
		max-width:100%;
	}
	
	body > footer {
		padding:50px 20px 0px;
	}
	
	body > footer .left, body > footer .right {
		width:100%;
		clear:both;
		float:none;
		padding-right:0;
		margin-bottom:40px;
	}
	
	body > footer .right {
		padding-left:35px;
	}
}