/*
eazyAuction CSS for Buddhastyle Template
@Author Franz Egri, Ferkonet
*/
html, body{
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #1d0d00;
	margin: 0px;
	color: #FFF;
}

#header {	
	height: 400px;
	background-image:url(background.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color:#000;
	width: 100%;
	border-bottom: 1px solid #FFF;
}

#logo {
	height: 162px;
	
}

#navi {
	color:#000;
	width:  100%;
	top: 0px;
	font-size: 25px;
	padding-top: 16px;	
	padding-bottom: 10px;
	text-align: center;
	position: absolute;
	left: 0px;
	z-index: 2;
}

#content {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0px 10% 0px 10%;
	background: #1d0d00;
}

.contentbox {
	background: #1d0d00;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;	
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}	

#footer {
	background-color:#000;
	height: 30px;
	width:  100%;
	font-size: 16px;
	padding-top: 20px;	
	padding-bottom: 10px;
	color:#000;
	text-align: center;
}

a.menu {
	text-decoration:none;	
	font-family: 'Sue Ellen Francisco', cursive;
	padding: 5px 10px 5px 10px;
}

a.menu:link       { color:#000;line-height:20px;}
a.menu:visited    { color:#000;line-height:20px;}
a.menu:active     { color:#000;line-height:20px;}
a.menu:hover      { color:#883d00;line-height:20px; border-bottom: 5px solid #883d00; padding: 5px 10px 0px 10px;}

h1 {
	position: relative;
	font-size: 20px;
	color:#883d00;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
}


h1 span {
	padding: 0px 15px;
	position: relative;
	font-family: 'Sue Ellen Francisco', cursive;
	z-index: 1;
	background: #1d0d00;
	letter-spacing: 1px;
}

h1:before {
	background: #883d00;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 90%;
	z-index: 0;
	left: 5%;
}

.picture {
	min-height: 500px;
}

div, p, ul, li, ol,
span, a, table, td, form, li {
   margin: 0;
   padding: 0;
   border: none;
   font-family: 'Roboto Condensed', sans-serif;
}

p {
	text-align: justify;
	padding: 10px 5% 15px 5%;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100; 
}

a.footer {
	text-decoration:none;
	margin-left: 5px;
	margin-right: 5px;
}

a.footer:link     { color:#883d00;font-size:14px;}
a.footer:visited  { color:#883d00;font-size:14px;}
a.footer:active   { color:#883d00;font-size:14px;}
a.footer:hover    { color:#D87615;font-size:14px;}

img {
	border: 0;
	margin: 5px 10px 5px 10px;
}

#djembel {
	background-image:url(djembel.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-color:#FFF;
	left: -5.5%;
	height: 100%;
	max-height: 1300px;
	width: 16.6%;
	position:absolute;
	border-right: 1px solid #FFF;
}

#djember {
	background-image:url(djember.jpg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-color:#FFF;
	margin-left: 77.9%;
	height: 100%;	
	max-height: 1300px;
	width: 16.5%;
	position:absolute;
	border-left: 1px solid #FFF;
}