/*
+---------------------------------------------------------------+
|	e107 Theme
|     --------------
|     e107styles
|     --------------
|	The JoniPeti WebDesign
|	http://www.jonipeti.hu/
|	jonipeti@gmail.com
+---------------------------------------------------------------+
*/


* {
	margin: 0;
	padding: 0; 
}

body {
	margin: 0;
	padding: 0; 
	font-size: 60%;
	font-family: Verdana,'Lucida Grande', Arial, Sans-Serif;
	color: #666;
	text-align: center;
	background: #000 url('images/background.jpg') repeat-x left top;

}

a {
	color: #cccccc; 
	text-decoration: none;     
}

a:hover {
	color: #999999;
	text-decoration: none;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 1.6em;
	color: #333;
}

h3 {
	font-size: 1.3em;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', Verdana,'Lucida Grande', Arial, Sans-Serif;
	font-weight: bold;
}

td {
    background: none;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color:#666;
	padding: 0px;
	text-align:left;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.linkspage_button{
	border:0px;
}

.hidden{
	display:none;
}

#page {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background:url('images/page.jpg') repeat-y left top;
}

#page-full {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background:url('images/page-full.jpg') repeat-y left top; 
}

#header {
	padding: 0;
	margin: 0;
	width: 960px;
	height: 153px;
	background:#000 url('images/header.jpg') no-repeat left bottom; 
}

#middle {
	padding: 0;
	margin: 0;
	width: 960px;
	height: 235px;
	background:#000 url('images/middle.jpg') no-repeat left bottom; 
}

#middle-full {
	padding: 0;
	margin: 0;
	width: 960px;
	height: 235px;
	background:#000 url('images/middle-full.jpg') no-repeat left bottom; 
}

#scroll {
      color:#fff;
      unicode-bidi:bidi-override; 
      direction:rtl; 
      display:block; 
      width:410px; 
      height:176px; 
      overflow:auto; 
      padding:10px; 
      border:1px solid transparent; 
	margin: 0 0 0 255px;
}

#scroll p {
      font-size:11px; 
      line-height:16px;
      color:#fff;
}

#logo {
	position:relative;
	top:0px;
	left:0px;
	width: 400px;
	padding: 0;
	margin: 0 auto;
}


#header h1{
	position:relative;
	width: 400px;
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 4em;
	text-align: center;
}

#header h1 a {
	color:#fff;
}

#header h1 a:hover{
	color:#fff;
}

#header h2 {
	position:relative;
	margin-top:5px;
	width: 400px;
	padding: 0;
	margin: 0;
	font-size: 2em;
	text-align: center;
	color: #fff;
}

#navigation {
	width: 940px;
	height: 60px;
      background: url('images/menu.jpg') repeat-x left bottom;; list-style-type:none; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;
}

#navigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation li {
	background: none;
 	display: inline;
}

#content {
	margin-top:10px;
	font-size: 1.2em
}

#sidebar-left {
    color: #999;
    float:left;
	margin:-270px 0px 10px 30px;
	padding: 0 ;
	width: 220px;
	font: 1em Verdana,'Lucida Grande', Arial, Sans-Serif;
}

.rcontent {
	padding: 0;
	margin: 0 0 0 282px;
}


.narrowcolumn {
    float:left;
	padding: 0 5px 0 6px;
	margin: 0 ;
	width: 410px;
}

.widecolumn {
	padding: 0;
	margin: 0 10px 0 285px;
	width: 650px;
	line-height: 1.6em;
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}

#sidebar-right {
	margin:0px 0px 0px 463px;
	padding: 10px 0 10px 0;
	width: 185px;
	font: 1em Verdana,'Lucida Grande', Arial, Sans-Serif;
}

#footer {
	padding: 0;
	margin: 0;
	width: 960px;
	height: 170px; 
	clear: both;
	background:#000 url('images/footer.jpg') no-repeat left top;
}

#footer p {
    color: #fff;
	margin: 0;
	padding: 140px 0px 0px 250px;
	text-align: left;
}

#footer-full {
	padding: 0;
	margin: 0;
	width: 960px;
	height: 170px; 
	clear: both;
	background:#000 url('images/footer-full.jpg') no-repeat left top;
}

#footer-full p {
    color:#fff;
	margin: 0;
	padding: 140px 0px 0px 250px;
	text-align: left;
}

#space {
	background:url('images/space.jpg') no-repeat 50% 0;
      margin-top:15px;
	height: 2px 
}

#content #space, #scroll #space {
      display: none;
}

#ferrari {
	width: 67px;
	height: 100px; 
      float:right;
      background:url('images/ferrari.gif') no-repeat top;; margin-left:0; margin-right:70px; margin-top:50px; margin-bottom:0
}

#newsimg {
      float:left;
      padding:3px 10px 0 0;
      border:none;
}

#icons {
      float:left;
}

#comm {
      border:1px solid;
      border-color: #000 #000 #000 #000;
      padding:3px;
}

#comms {
      color: #666;
      background:#000;
      border:1px solid;
      border-color: #333 #333 #333 #333;
      padding:3px;
}

#source {
      float:left;
      margin-top:30px;
      margin-left:90px;
	width: 110px;
	height: 15px; 
}

.button{
	border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; border-bottom:1px solid #333; font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	color:#666;
	background: #333 url('images/button.jpg') repeat-x left bottom;
    margin:2px;
    cursor: hand; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px
}

.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.spacer {
	padding: 2px 0 2px 0;
}


.indent{
	padding:4px;
      border:1px solid;
      border-color: #666 #666 #666 #666;
      background:#222;
}

.smalltext {
	font: 1em Verdana,'Lucida Grande', Arial, Sans-Serif;
}

.mediumtext {
	font: 12px Verdana,'Lucida Grande', Arial, Sans-Serif;
}

.tbox{
	background-color: #000;
      border:1px solid;
      border-color: #333 #333 #333 #333;
	color: #666;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
      margin-bottom:2px;
}

.helpbox {
	border: 0px;
	background-color: transparent;
	color:#fff;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.fborder {
      background-color: #000;
      border:1px solid;
      border-color: #333 #333 #333 #333;
	
}

.forumheader{
	border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; border-bottom:1px solid #333; background:#800000 url('images/forum.jpg') repeat-x left bottom; font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	padding: 4px;
    text-align:center;
	font-weight:bold
}

.forumheader2{
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	background:#333 url('images/forum_3.jpg') repeat-x left bottom;
	font-size: 10px;
	color:#fff;
	padding: 4px;
    border:1px solid;
    border-color: #333 #333 #333 #333;
}

.forumheader3{
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
    background:#333 url('images/forum_3.jpg') repeat-x left bottom;
	color:#fff;
	padding: 4px;
    border:1px solid;
    border-color: #333 #333 #333 #333;
}

.forumheader4{
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
    background: #000;
	color:#fff;
	padding: 4px;
    border:1px solid;
    border-color: #333 #333 #333 #333;
}

.forumborder{
	border:  #333 1px solid;
	background-color: transparent;
}

.fcaption {
	height:35px;
	border: #000 1px solid;
	padding: 2px 0 2px 8px;
    background:#800000 url('images/forum_2.jpg') repeat-x left bottom;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
    text-align:center;
}

.fcaption a{
	padding-right:4px;
	color:#ffff00;

}

.nicetitle {
	font-weight: bold;
	color: #fff;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 35em;
	z-index: 20;
	max-width: 60%;
}
.nicetitle-content{
	overflow: hidden;
	background: white;
	border: 1px solid #000;
	padding: 7px;
	opacity: 0.9;
}
.nicetitle p{
	margin: 0;
	line-height: 120%;
}
.nicetitle p.destination {
	font-weight: normal;
	font-size: 10px;
	color: #5E7743;
}
div.nicetitle p span.accesskey {
	color: #FF7200;
}

#newsjp {
padding-top: 3px;
padding-bottom: -10px;
color: #fff; 
text-align: center;
height: 50px;
font-size:15px;
background: url('images/news.png') no-repeat;
}

#myDate { 
float:left;
padding-top: 5px;
width: 50px;
height: 50px;
background: url('images/calendar.png') no-repeat;
text-align: center;
line-height: 18px;
color: #000; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Arial, Helvetica, sans-serif
}
.date_box_month { font-size: 18px; }
.date_box_day { color: #fff; }

.icons {
margin-top: -15px;
margin-right: 10px;
text-align: center;
line-height: 24px;
}

.entry { font: 14px Arial, Helvetica, sans-serif; color: #000; text-align: left; padding-top: 30px; }

h2 {
	font-size: 1.6em;
	color: #000;
}

.menucolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	vertical-align: top;
	width: 100%;
	text-align: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#navigation h1 a{
    width: 60px;
    height: 60px;
    background: url('images/upload.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h1 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/upload.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h2 a{
    width: 60px;
    height: 60px;
    background: url('images/upload.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h2 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/upload.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h3 a{
    width: 60px;
    height: 60px;
    background: url('images/user.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h3 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/user.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h4 a{
    width: 60px;
    height: 60px;
    background: url('images/profil.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h4 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/profil.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h5 a{
    width: 60px;
    height: 60px;
    background: url('images/usersettings.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h5 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/usersettings.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h6 a{
    width: 60px;
    height: 60px;
    background: url('images/guestbook.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h6 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/guestbook.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h7 a{
    width: 60px;
    height: 60px;
    background: url('images/login.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h7 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/login.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h8 a{
    width: 60px;
    height: 60px;
    background: url('images/signup.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h8 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/signup.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

#navigation h9 a{
    width: 60px;
    height: 60px;
    background: url('images/logout.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

#navigation h9 a:hover {
    width: 60px;
    height: 60px;
    background: url('images/logout.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

a.index {
    width: 60px;
    height: 60px;
    background: url('images/index.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

a.index:hover {
    width: 60px;
    height: 60px;
    background: url('images/index.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

a.contact {
    width: 60px;
    height: 60px;
    background: url('images/contact.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

a.contact:hover {
    width: 60px;
    height: 60px;
    background: url('images/contact.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

a.search {
    width: 60px;
    height: 60px;
    background: url('images/search.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

a.search:hover {
    width: 60px;
    height: 60px;
    background: url('images/search.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

a.forum {
    width: 60px;
    height: 60px;
    background: url('images/forum.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

a.forum:hover {
    width: 60px;
    height: 60px;
    background: url('images/forum.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

a.dallery {
    width: 60px;
    height: 60px;
    background: url('images/galery.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

a.dallery:hover {
    width: 60px;
    height: 60px;
    background: url('images/galery.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}

a.download {
    width: 60px;
    height: 60px;
    background: url('images/letoltes.png') no-repeat;
    background-position: 0px 0px 0px 0px;
    display: block;
    border: none;    
}

a.download:hover {
    width: 60px;
    height: 60px;
    background: url('images/letoltes.png') no-repeat;
    background-position: 0px -60px;
    border: medium none;  
}