@charset "UTF-8";

/**
 * Startseite für malte70@pluto
 * 
 *    <http://pluto/~malte70/home/>
 * 
 * Farbpalette:
 *    Vintage Modern <http://www.colourlovers.com/palette/110225/Vintage_Modern>
 *    Hintergrund:
 *      Verner Panton // #F2C45A // rgb(242,196,90)
 *    Highlight:
 *      Eames // #8C2318 // rgb(140,35,24)
 *    Text:
 *      Knoll // #5E8C6A // rgb(94,140,106)
 * 
 */

body {
	background: rgb(242,196,90);
	color: rgb(94,140,106);
	font: 18px 'Source Sans Pro', sans-serif;
}

/* =============== Page Header =============== */
header {
	margin-top: 3.5em;
	text-align: center;
}
header h1 {
	font-size: 3em;
	font-weight: 100;
	color: rgb(140,35,24);
}

/* =============== Main Area :: Search Widget =============== */
main {
	margin-top: 3.25em;
	text-align: center;
}
main #search {
	width: 25em;
	margin: 0.5em auto;
	padding: 0;
}
main #search input[type=text],
main #search input[type=search] {
	display: inline-block;
	border: 1px solid rgb(94,140,106);
	/*border-right: 0;*/
	background: rgb(242,196,90);
	margin: 0;
	margin-right: -5px;
	padding: 6px 5px;
	width: 70%;
	/*font: 16px "Source Sans Pro",sans-serif;*/
	font: 0.8em "Inconsolata-g";
/*
}
main #search input[type=text]::placeholder,
main #search input[type=text]::-moz-placeholder,
main #search input[type=search]::placeholder,
main #search input[type=search]::-moz-placeholder {*/
	/*color: rgb(136,166,94);*/
	font-style: italic;
	text-align: center;
}

main #search input[type=text]:active,
main #search input[type=text]:focus,
main #search input[type=search]:active,
main #search input[type=search]:focus {
	border-color: rgb(140,35,24);
	font-style: normal;
}
main #search button[type=submit] {
	display: inline-block;
	border: 1px solid rgb(94,140,106);
	background: rgb(94,140,106);
	color: rgb(242,196,90);
	margin: .5em 0;
	padding: 5px;
	width: 27%;
	font: 16px "Source Sans Pro",sans-serif;
	display: none;
}
main #search button[type=submit]:hover,
main #search button[type=submit]:active {
	cursor: pointer;
	background: none;
	color: rgb(94,140,106);
}

/* =============== Main Area :: Link Section =============== */
main #links {
	display: none;
}
main #links ul {
	list-style: none;
	padding: 0;
}
main #links ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
main #links a:link, main #links a:visited {
	width: 7em;
	display: inline-block;
	padding: 1.2em;
	font-size: 1.2em;
	text-decoration: none;
	color: #2ecc71;
	border: .17em solid #2ecc71;
	margin: .6em;
	margin-bottom: 0;
}
main #links a:hover, main #links a:active {
	color: #ecf0f1;
	background: #2ecc71;
}

/* =============== Footer =============== */
footer {
	position: absolute;
	bottom: .3em;
	right: .3em;
	left: 0;
	width: 100%;
	text-align: right;
	font: .7em Consolas, 'Inconsolata-g', monospace;
}
footer a:link, footer a:visited {
	color: #111111;
}
footer a:hover, footer a:active {
	color: #2ecc71;
}