/*
Theme Name:     Sebastian Jerke
Theme URI:      http://www.sebastianjerke.de/
Description:    Sebastian Jerke Portfolio Theme
Author:         Andreas Reinhardt
Author URI:     http://www.andreasreinhardt.de
Template:       twentytwelve                             
Version:        0.1.0
*/

@import url('../twentytwelve/style.css');
@import url('ttf/brushscript/stylesheet.css');
@import url('ttf/handscript/stylesheet.css');

/* Page structure */
body {
  background: #dcd6c8 url('img/body_bg.png') top center fixed;
  background-size: 100% 100%;
  
  color: #2c281f;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'sebastian_jerke_brushscriptRg';
  color: #000;
}

a {
	outline: none;
	color: #000;
}
a:hover {
	color: #000;
	text-decoration: underline;
}




.site {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  background: url('img/page_bg.png') top center repeat-y;
  background-size: 100% !important;
  background-position: center top !important;
  
  font-size: 1.2em;
  
  
  
  box-shadow: none !important;
  overflow: visible !important;
}

.site-header {
  margin: -20px -55px 0 -145px !important;
  height: 270px;
  background: url('img/header_bg.png') !important;
  background-size: 100% !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  
}

.site-title a {
  width: 100%;
  height: 130px;
  
  display: block;
  
  font-size: 0;
  color: rgba(0,0,0,0);
  background: none;
}

.site-description {
  display: none;
} 


@media screen and (min-width: 0) {
  #page {width: 960px;}
	
	.main-navigation {
    margin: -10px 0px 0 350px;
    padding: 0;
    
    font-family: 'sebastian_jerke_brushscriptRg';
    color: #2c281f;
    
    background: url('img/navigation_bg.png') left no-repeat;
  }
  
    	.main-navigation ul.nav-menu,
    	.main-navigation div.nav-menu > ul {
    		border-bottom: none;
    		border-top: none;
    		display: inline-block !important;
    		text-align: left;
    		width: 100%;
    		padding-left: 0 !important;
    		background-color: transparent !important;
    	}
    	.main-navigation ul {
    		margin: 0 20px;
    		padding: 0;
    		text-indent: 0;
    	}
    	
    	.main-navigation li a,
    	.main-navigation li {
    		display: inline-block;
    		text-decoration: none;
    		font-size: 120%;
    	}
    	.main-navigation li a {
    		border-bottom: 0;
    		color: #111;
    		line-height: 3.692307692;
    		text-transform: uppercase;
    		white-space: nowrap;
    	}
    	.main-navigation li a:hover {
    		color: #fff;
    	}
    	.main-navigation li {
    		margin: 0 40px 0 0;
    		margin: 0 2.857142857rem 0 0;
    		position: relative;
    	}
    	.main-navigation li ul {
    		display: none;
    		margin: -30px 0 0 -10x !important;
    		padding: 10px;
    		position: absolute;
    		top: 100%;
    		z-index: 1;
				background: none;
				background-image: url('img/gallery_bg.png');
				background-size: 100% 100%;
    	}
    	.main-navigation li ul ul {
    		top: 0;
    		left: 100%;
    	}
    	.main-navigation ul li:hover > ul {
    		border-left: 0;
    		display: block;
    	}
    	.main-navigation li ul li a {
    		background: none;
    		border-bottom: none;
    		display: block;
    		font-size: 16px !important;
    		line-height: 1;
    		padding: 2px 5px !important;
    		width: 180px;
    		white-space: normal;
    	}
    	.main-navigation li ul li a:hover {
    		background: none;
    		color: #fff;
    	}
    	.main-navigation .current-menu-item > a,
    	.main-navigation .current-menu-ancestor > a,
    	.main-navigation .current_page_item > a,
    	.main-navigation .current_page_ancestor > a {
    		color: #000;
    		font-weight: bold;
    	}

      .main-navigation ul.nav-menu,
    	.main-navigation div.nav-menu > ul {
        padding-left: 100px;
        background-color: #222;
    	}



			.site-content {
			
			}
			
			.site-content {
			 color: #ccc;
			}
			
			.site-content article {
				border: none !important;
				padding-left: 40px;
				padding-right: 40px;
			}
			
			
			.entry-header .entry-title {
				color: #fff;
				font-size: 3em;
			}
			
			.entry-title a {
				color: #fff;
			}
			
			.comments-link {
				display: none;
			}
			
			.entry-meta {
				font-style: italic;
			}
			
			.entry-content h1,
			.comment-content h1,
			.entry-content h2,
			.comment-content h2,
			.entry-content h3,
			.comment-content h3,
			.entry-content h4,
			.comment-content h4,
			.entry-content h5,
			.comment-content h5,
			.entry-content h6,
			.comment-content h6 {
				color: #fff;
				font-size: 135%;
				}
				
			 .entry-content a:link,
			.comment-content a:link {
				color: #fff;
				text-decoration: none;
			}
			
			.entry-content a:hover,
			.comment-content a:hover {
				text-decoration: underline;
			}
			
			.entry-content a:visited,
			.comment-content a:visited {
				color: #fff;
				}
			
				.template-front-page .widget-area .widget li a:hover {
				color: #fff;
				}
				.widget-area .widget a:hover {
				color: #fff;
				}
				.comments-link a:hover,
				.entry-meta a:hover {
					color: #fff;
				}
				
				.format-status .entry-header header a:hover {
					color: #fff;
				}
				
				.comments-area article header a:hover {
					color: #fff;
				}
				
				a.comment-edit-link:hover {
				color: #fff;
				}
			
			
			.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
				/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
				border-radius: none;
				box-shadow: none;
			}
			
			.gallery-icon img {
				border: none !important;
				background: url('img/gallery_bg.png');
				background-size: 100% 100%;
			
			
			}
			
			img {
				border: none !important;
				/*background: url('img/gallery_bg.png');*/
				background-size: 100% 100%;
				padding: 5px;
				}
			
			#comments {display: none;}
			
			
			
			
			
			
			.widget-title {
				color: #fff;
				font-size: 1.5em;
			}
			
			
			/* Footer */
			footer[role="contentinfo"] {
				border-top: none;
				clear: both;
				font-size: 12px;
				line-height: 2;
				max-width: 736px;
				margin-top: 24px;
				margin-left: 0;
				margin-right: auto;
				padding: 24px 20px;
				
				background: url('img/footer_bg.png') no-repeat;
				background-size: 100%;
				background-position: left center;
			}
			footer[role="contentinfo"] a {
				color: #111;
				text-decoration: none;
			}
			footer[role="contentinfo"] a:hover {
				color: #fff;
			}
			
			#colophon {
				font-family: 'sebastian_jerke_brushscriptRg';
				font-size: 1.2em;
				color: #111;
				border: none;
			}
			
			#end_of_page {
				max-width: 1040px;
				height: 50px;
				margin: 0 auto 100px;
				background: url('img/end_of_page.png') no-repeat;
			}
}