/*
 Theme Name: Bernd v2
 Theme URI: http://wordpress.org/extend/themes/twentyeleven
 Author: the WordPress team
 Author URI: http://wordpress.org/
 Description: The 2011 theme for WordPress is sophisticated, lightweight, and
 * adaptable. Make it yours with a custom menu, header image, and background --
 * then go further with available theme options for light or dark color scheme,
 * custom link colors, and three layout choices. Twenty Eleven comes equipped
 * with a Showcase page template that transforms your front page into a showcase
 * to show off your best content, widget support galore (sidebar, three footer
 * areas, and a Showcase page widget area), and a custom "Ephemera" widget to
 * display your Aside, Link, Quote, or Status posts. Included are styles for
 * print and for the admin editor, support for featured images (as custom header
 * images on posts and pages and as large images on featured "sticky" posts), and
 * special styles for six different post formats.
 Version: 1.3
 License: GNU General Public License
 License URI: license.txt
 Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar,
 * right-sidebar, fixed-width, flexible-width, custom-background, custom-colors,
 * custom-header, custom-menu, editor-style, featured-image-header,
 * featured-images, full-width-template, microformats, post-formats,
 * rtl-language-support, sticky-post, theme-options, translation-ready
 */


/* Globals */

* { margin: 0; padding: 0; }
html, body { height: 100%; }

body { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; line-height: 26px;
	background: url(images/bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; color: #2a2a2a; }

a { color: inherit; text-decoration: none; }
article a { color: #999; }
article a:hover { color: #666; }
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; line-height: 1; font-weight: normal; }

h1 { font-size: 38px; margin: 40px 0 30px; }
h2 { font-size: 28px; margin: 33px 0 28px; }
h3 { font-size: 20px; margin: 25px 0 20px; }

h1 a, h2 a, h3 a, h4 a { color: #2a2a2a; }

p { margin: 16px 0; }

.page-title h1 { color: #ddd; font-size: 50px; margin-top: 0; }

.entry-content img { max-width: 100%; height: auto; margin: 16px 0; }

strong { font-weight: 400; }

.iframe-wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.iframe-wrap > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


/* Layout */

#page { min-height: 100%; position: relative; }
.inner { padding: 20px; }

#logo { line-height: 1.1; }
#logo span { display: none; }
#logo a { color: #2a2a2a; font-size: 16px; text-transform: uppercase; }

/*
#nav {}
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li a { display: block; padding: 2px 10px; text-transform: uppercase; }
#nav li .sub-menu a { padding-left: 30px; font-size: 14px; color: #666; }
*/

#nav-button { width: 32px; height: 22px; float: right; padding: 25px 20px 0 0; }
#nav-button a { display: block; width: 100%; height: 100%; background: url(images/menu.png) no-repeat; }

#nav { position: absolute; top: 0; width: 100%; background: rgba(0,0,0,0.8); max-height: 0; height: auto;
	transition: all 0.4s ease-out; overflow: hidden; z-index: 999; }
#nav > .inner { padding: 20px; }
#nav ul { margin: 0; padding: 0; list-style: none; text-align: center; }
#nav li a { display: inline-block; padding: 16px 0; text-transform: uppercase; font-size: 22px; color: #ccc; }
#nav li a:hover { color: #fff; }

#nav li.menu-item-has-children > a {}
#nav li .sub-menu { margin-top: -16px; }
#nav li .sub-menu a { font-size: 14px; color: #ccc; padding: 2px 0; }
#nav li .sub-menu a:hover { color: #fff; }

#nav a.close { width: 24px; height: 24px; background: url(images/menu-close.png) no-repeat;
	position: absolute; right: 20px; top: 20px; opacity: 0.8; }
#nav a.close:hover { opacity: 1; }

body.has-nav #nav { max-height: 580px; }


#footer {  font-size: 14px; text-transform: uppercase; color: #999; }
#footer .inner { margin: 0; padding: 20px; }

body.category article { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd; }



/* Misc content */
body.home #content h1 { font-size: 16px; }



/* MQ */
@media(min-width: 768px)
{
	#logo, #footer, #main { width: 720px; margin: 0 auto; }

	#logo span { display: inline; }
	#logo br { display: none; }

	#nav li .sub-menu { margin: -8px 0 20px; }
	#nav li .sub-menu li { display: inline; }
	#nav li .sub-menu li a { display: inline-block; padding: 2px 8px; }

	body.has-nav #nav { max-height: 500px; }
}


@media(min-width: 1000px)
{
	#logo, #footer { width: auto; margin: 0; }

	#logo { float: left; }

	#main { clear: both; width: 840px; margin: 0 auto; padding-bottom: 50px; }

	#footer { position: absolute; left: 0; bottom: 0; }

	.page-title h1 { margin: 0 0 50px; padding: 70px 0 0 0; font-size: 60px; }

	body.home #main { position: absolute; left: 50%; margin-left: -420px; top: 50%; margin-top: -150px; }

}