* { margin: 0; padding: 0; }
html{ background: black url(../img/fondo_p.jpg); }
body{ font: 14px/1.4 Georgia, serif;}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

article, aside, figure, footer, header, nav, section {
 	display: block;
}

#page-wrap {
	width: 1280px;
	height: 1060px;
	margin: auto;
	background-image: url(../img/fondo-main.png);
/* 	background-image: url(../img/gb-fondo.jpg); */
	background-repeat: no-repeat;
	position: relative;

}

#home-link { 
	position: absolute; 
	top: 0;
	left: 20px; 
	width: 470px; 
	height: 150px; 
	z-index: 40; 
	text-indent: -9999px; }

h3{
	font-family: "Jockey One";
	font-size: 18px;
	text-align:justify;
	color: #524b42;
	font-weight: normal; }

h2{
	font-family: 'Jockey One';
	color: #524b42;
	font-size: 20px;
	text-shadow:  0 1px 2px #d4eded;
	letter-spacing: 1px; }

.button {
	float: right;
	width: 120px;
	text-align: right;
	text-decoration: none;
	padding-right: 40px;
	font-family: 'Jockey One';
	font-size: 20px;
	color: #687e7f;
	font-style: italic;}

/*------------- header -------------*/
header {
	float: right;
	padding: 30px 20px 0 0;
}

header blockquote {
	float: right;
	font-size: 18px;
	font-family: 'Ranchers', cursive;
	/* color: #D2D9DD; */
	color: #e8d9c2;
	text-shadow: 0px 0px 5px #696969;
	text-align:justify;
	width: 650px;
	padding-right: 40px;
	/*min-width: 600px;
	letter-spacing: 2px;
	text-shadow: 2px -1px 5px #696969;*/
}

header p {
	text-align: right;
	padding: 10px 40px 0 0;}

article h3{
	padding: 20px 36px 0 0;}

/*------------- main-content -------------*/
#main-content {
	float: right;
	width: 730px;
	padding-right: 10px;}



/*------------- aside -------------*/
aside {
	width: 570px;
	position: absolute;
	top: 204px;
	left: -47px;}

 nav ul{
	list-style: none;} 

nav > ul >li {
	height: 44px;
	width: 355px;
	background-repeat: no-repeat;
	position:relative;
	background-image: url(../img/f_menu_maler.png);}


nav > ul > li:nth-child(2){
	background-image: url(../img/f_menu_bilder.png);
}

nav > ul > li:nth-child(3){
	background-image: url(../img/f_menu_contact.png);
 }

nav > ul > li:nth-child(4){
	background-image: url(../img/f_menu_blog.png);
}

nav > ul > li > a{
	display: block;
	padding: 0px 20px;
	color: #e9dbc9;
	font-family: 'Jockey One';
	font-style: italic;
	font-size: 24px;
	text-decoration: none;
	margin-bottom: 5px;
	text-align: right; 
	opacity: 0.8;}

nav > ul > li > a:hover{
	opacity: 0;
}

nav > ul > li:nth-child(3) > a:hover{
	opacity: 1;
}

nav > ul > li:nth-child(4) > a:hover{
	opacity: 1;
}

nav li ul{
	position:absolute;
	list-style:none;
	text-align:left;
	width:200px;
	left:100%;
	top: 0px;



	/* This is important for the show/hide CSS animation */
	max-width:0px;
	overflow:hidden;

	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
	/* -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset, 0 0 18px rgba(0,0,0, .7); */

}

nav li ul li{
	/* background-image: url(../img/f_submenu.png); */
	height: 25px;
	border-radius: 23px; 
	background-color: #637484;
	-webkit-box-shadow: inset 0 0 6px rgb(145,145,118);
	margin: 5px 0 10px 0;}

nav li ul li a{
	font-family: 'Jockey One';
	font-style: italic;
	font-size: 16px;
	text-align: center;
	color:#e9dbc9 !important;
	padding: 5px 10px;
	text-decoration:none !important;
	display:block;}

nav li:nth-child(2) ul li{
	background-color:#728c8c;}

nav li ul li:hover{
	background-color:#718596;}

nav li:nth-child(2) ul li:hover{
	background-color:#86a4a4;}

nav li:hover ul{
	max-width:130px; /* Increase when adding more dropdown items */
}


.aside-section{
	margin: 111px 0 0 100px; }

.aside-section h2{
	padding-left: 25px;
	width: 100px;}

.aside-section h3{
	font-size: 15px;}

.aside-section .date {
	float: right;
	background: #728b8c;
	color: #ffecc5;
	text-align: right;
	width: 160px;
	margin-right: 36px;
	letter-spacing: 3px;
	font-size: 12px;
	text-transform: uppercase;}

.aside-section #blog {
	margin-top: 60px;}

#blog .date {
	background: #909673; }

footer { 
	width: 1240px; 
	margin: 8px auto 20px;
/*	color: #999; 
	text-transform: uppercase; */
	letter-spacing: 1px; }

footer ul{
	list-style: none;}

footer ul li{
	display: inline;
	padding-right: 25px;
}

footer ul li a {
	padding: 33px 100px 0 0;
	position: relative;
}

footer ul li a span {
	position: absolute;
	margin-top: -5px;

	width: 100%;
	height: 100%;
	background-image: url(../img/facebook-off.png);
	background-repeat: no-repeat;
}


footer ul li a:hover span {
	background-image: url(../img/facebook-on.png);}


footer ul li:nth-child(2) a{
	margin-right: 290px;}

footer ul li:nth-child(2) a span {
	padding-right: 5px;
	background-image: url(../img/odnoklassniki-off.png);}


footer ul li:nth-child(2) a:hover span {
	background-image: url(../img/odnoklassniki-on.png);}










/*#logo {
	float: left;
	margin-left: 40px;
	background: url(../img/logo_name.gif) no-repeat;
	height: 100%;
	min-width: 700px;
}


#twombly blockquote{
	float: right;
	width: 600px;
	margin-right: 40px;
	font-family: sans-serif;
	text-align:justify;
	text-justify:inter-word;}*/