/*
 *	main stylesheet
 *	christophfrei.com
 *	april 2013
 */



/*
 *		base, body, etc.
 */

body {

	background: #333;
	margin: 50px 40px 100px 40px;
	font-family: 'Lato', serif;
	color: #fff;
}



/*
 *		Layout
 */

#page {
	width: 660px;
	padding-left: 300px;
	/*margin: 0px auto;*/
}

#header {
	position: fixed;
	left: 30px;
	top: 70px;
}

#mainnav {
	border-right: 1px solid #fff;
	width: 240px;
	padding: 20px;
}

#content {
	float: right;
	padding-top: 52px;
	width: 640px;
}

.block {
	background: rgba(250, 250, 250, 0.8);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin: 0 0 3% 0;
}


/*
 *		Content
 */

.post, #content .page {
	padding: 20px;
}

.featuredimage {
	margin-left: 0px;
}

#content img {
	border: 1px solid #fff;
}

#content p.bild-keinrand img {
	border: none;
}



/*
 *		Navigation
 */

#togglenav {
	display: none;
}

ul.menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.menu ul {
	padding: 2px 0 10px 20px;
	list-style-type: none;
	margin: 0;
	font-size: 16px;
}

ul.menu a {
	font-family: 'Fredoka One', cursive;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	padding: 1px 4px 2px 3px;
	width: auto;
}

ul.menu ul a {
	font-family: 'Lato', serif;
	text-transform: none;
}


ul.menu a:hover,
#menu-hauptmenu .sub-menu .current-menu-item > a,
#menu-projektmenu .sub-menu .current-menu-item > a {
	color: #fff;
	background-color: #000;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#mainnav hr {
	border: 0;
	border-top: 1px solid #fff;
}

#mainnav #menu-hauptmenu {
	font-size: 18px;
}

#mainnav li {
	margin: 0 0 8px 0;
}

#mainnav li.trennstrich_oben {
	padding-top: 12px;
	border-top: 1px solid #fff;
}




/*
 *		Typographie
 */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Fredoka One', cursive;
	color: #fff;
	font-weight: normal;
}

#header h1 {
	padding-left: 20px;
}
#header h1 a {
	font-size: 26px;
	color: #fff;
	text-decoration: none;
}

#header h1 a:hover {
	color: #06f;
}

#content h1 {
	margin: 0 0 20px  0;
	font-size: 28px;
}

#content h2 {
	font-size: 16px;
}

blockquote {
	font-style: italic;
	color: #818181;
	font-size: 12px;
	padding: 0px 0 10px 10px;
	margin: 0;
}

#content a {
	color: #fff;
}

#content blockquote a {
	color: #818181;
}

.footer {
	font-size: 12px;
}

#content .tags {
	color: #aaa;
}
#content .tags a {
	color: #06f;
}

#content .date {
	color: #818181;
	padding-top: 5px;
}

#content p, #content li {
	line-height: 1.4em;
}


/*
 *		Facebook
 */

#content .recent-facebook-posts {
	
	
}

#content .rfbp-post {
	font-family: "helvetica", Arial;
	font-size: 10pt;
	background: #fff;
	color: #313131;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 16px;
	width: 400px;
}

#content  .rfbp-post img {
	border: 1px solid #313131;
}

#content .rfbp-text p:first-child {
	margin-top: 0px;
}

#content .rfbp-post:last-child {
	border-bottom: 0px;
}


/*
 *		widgets
 */
.widget_search {
	padding: 10px 0 0 0;
}

.widget_search label {
	display: none;
}

.widget_search #s {
	padding: 3px;
	border: 0;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background: #fff;	
}

.widget_search #searchsubmit {
	padding: 3px;
	border: 0;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background: #aaa;
}


/*
 *		clearfix
 */
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */