/*
+---------------------------------------------------------------+
|	e107 Theme
|     --------------
|     JoniPeti Theme v10.0
|     --------------
|	Jónás Portál Stúdió
|	http://webdesign.jonipeti.hu/
|	jonipeti@gmail.com
|
+---------------------------------------------------------------+
*/

body { margin: 0px; padding: 0; font-size: 60.3%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #cccccc; text-align: center; background: #000000; }

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

h1         { font-size: 3.2em; }
h2         { font-size: 1.5em; color: #333; }
h3         { font-size: 1.3em; }
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }

td { background: none; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10px; font-style: normal; color:#fff; 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; }

#toplinks    { width: 700px; padding: 3px 0 0 0; margin: 10px 0 0 40px; float: left; }
#toplinks li { display: inline; margin: 0 5px; background: url('images/bullet2.gif') no-repeat left; list-style-type:none; padding-left:23px; padding-right:0; padding-top:2px; padding-bottom:3px }

#page { margin-left: auto; margin-right: auto; width: 1000px; border:medium none; text-align: left; background: #fff url('images/page.jpg') repeat-y bottom left; }

#topheader { margin-left: auto; margin-right: auto; width: 1000px; height: 85px; background: #000 url('images/topheader.jpg') no-repeat bottom left; }

#header { position:relative; padding: 0; margin: 0 auto; width: 1000px; height: 230px; background: #fff url('images/header.jpg') no-repeat bottom left; }

#loginmenu { float:left; width: 193px; height: auto; padding:0; margin:30px 0 0 45px; }

#content   { margin-top:0px; font-size: 1.2em; }
#content h2{ background:url('images/caption.png') no-repeat top left; margin-bottom:10px; color:#000000; padding-left:5px; padding-right:0; padding-top:5px; padding-bottom:4px; }

.left { float:left; margin:0; padding:0; }

#sidebar { margin-top: -15px; float:left; margin-bottom:0px; margin-left:30px; margin-right:0px; padding:11px; width: 200px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

#boxin    { background: url('images/caption.png') no-repeat top left; }
#boxin h3 { color:#996633; padding-left:15px; padding-right:5px; padding-top: 10px; }

#text { color:#cccccc; padding-left:10px; padding-right:5px; }

.narrowcolumn        { padding:9px 0 0 0; margin-left: 258px; width: 703px; }
.narrowcolumn .entry { line-height: 2.3em; }

#newsimage { float:left; padding:3px 10px 0px 0px; }

#footer   { padding: 0; margin: 0 auto; width: 1000px; height:100px; clear: both; background: #fff url('images/footer.jpg') no-repeat top left; }
#footer p { margin: 0; padding-top: 30px; text-align: right; width: 950px; }

#source { float:right; margin: 50px 40px 0 0; text-align:center; color: #000; }

#left  { background:#996633; padding:5px; border:1px solid; border-color:#000; }
#right { padding:5px; background:#663300; border:1px solid; border-color: #000; }

#mess { color: #cccccc; background:#663300; padding:3px; margin-top:3px; }

#info { padding:0 0 4px 3px; background:#333; margin-top:-5px; margin-bottom:5px; }

#comm { padding:3px; background:#663300; }

#track { float:left; }

#up { text-align:center; }

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

.tbox.chatbox { width: 80%; margin-left: auto; margin-right: auto; border-color: #000000; background:#996633; color:#cccccc; }

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

.indent {padding:4px; border: 1px solid #663300; }

.smalltext_1 { padding:3px; margin-top:3px; border:1px solid; border-color: #996633; background:#39230C; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.smalltext   { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

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

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

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

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



.forumheader{

	background: #000 url('images/cap.jpg') bottom;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;

	font-size: 11px;

	color:#fff;

	padding: 4px;

	border: 1px solid #000

}



.forumheader a{

	color: #fff;

}



.forumheader a:hover {

	color: #996633;

}



.forumheader2{

	background: #996633 url('images/cap3.png') bottom repeat-x left;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;

	font-size: 10px;

	color:#000;

	padding: 4px;

	border: 1px solid #000;

}



.forumheader3{

	background: #996633 url('images/cap2.png') top repeat-x left;

	font: 9px verdana, tahoma, arial, helvetica, sans-serif;

	color:#cccccc;

	padding: 4px;

	border: 1px solid #000;

}



.forumheader4{

	background-color: #663300;

	font: 9px verdana, tahoma, arial, helvetica, sans-serif;

	color:#000;

	padding: 4px;

	border: 1px solid #000;

}



.forumborder{

	border:  #000 1px solid;

}



.fcaption {

	height:35px;

	border: 1px solid #000;

	color:#ffff00;

	font-weight:bold;

    text-align:center;

    font-style:normal; font-variant:normal; font-size:10px; font-family:verdana, tahoma, arial, helvetica, sans-serif; padding-left:8px; padding-right:0; padding-top:2px; padding-bottom:2px

}



.fcaption a{

	padding-right:4px;

	color:#fff;

}





.nicetitle {

	font-weight: bold;

	color: #3C3C3C;

	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 #333;

	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;

}



#ie {

padding-top: 5px;

height: 50px;

background:url('images/ie.png');

}



#ie ie1 {

padding-top: 5px;

}



#newstitle {

    padding-left: 10px;

	background:url('images/news.png');

    height: 70px;

}



#cim {

    padding-left: 10px;

    padding-bottom: 15px;

	color: #cccccc;

	font: 20px verdana, tahoma, arial, helvetica, sans-serif;

}



#NEWSDATE {

    padding-left: 20px;

	color: #A28364;

	font: 12px verdana, tahoma, arial, helvetica, sans-serif;

}



.menucolor{

    background: url('images/newsbg.png') repeat-y top left;

    border-left: 1px solid #996633;

    padding-left: 10px;

    color: #CC9900;

    font: 14px verdana, tahoma, arial, helvetica, sans-serif;

}



#navigation { 

      width: 1000px;

      margin-left: 20px;

      padding-top: 8px;

}

a.felhasznalok{

    width: 70px;

    height: 70px;

    background: url('images/felhasznalok.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.felhasznalok:hover {

    width: 70px;

    height: 70px;

    background: url('images/felhasznalok.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}



a.guestbook {

    width: 70px;

    height: 70px;

    background: url('images/guestbook.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.guestbook:hover {

    width: 70px;

    height: 70px;

    background: url('images/guestbook.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}



a.index {

    width: 70px;

    height: 70px;

    background: url('images/index.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.index:hover {

    width: 70px;

    height: 70px;

    background: url('images/index.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}



a.contact {

    width: 70px;

    height: 70px;

    background: url('images/contact.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.contact:hover {

    width: 70px;

    height: 70px;

    background: url('images/contact.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}



a.search {

    width: 70px;

    height: 70px;

    background: url('images/search.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.search:hover {

    width: 70px;

    height: 70px;

    background: url('images/search.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}



a.forum {

    width: 70px;

    height: 70px;

    background: url('images/forum.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.forum:hover {

    width: 70px;

    height: 70px;

    background: url('images/forum.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}



a.dallery {

    width: 70px;

    height: 70px;

    background: url('images/galery.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.dallery:hover {

    width: 70px;

    height: 70px;

    background: url('images/galery.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}



a.download {

    width: 70px;

    height: 70px;

    background: url('images/letoltes.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.download:hover {

    width: 70px;

    height: 70px;

    background: url('images/letoltes.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

}

   

a.webdesign {

    width: 70px;

    height: 70px;

    background: url('images/webdesign.png') no-repeat;

    background-position: 0px 0px 0px 0px;

    display: block;

    border: none;    

}



a.webdesign:hover {

    width: 70px;

    height: 70px;

    background: url('images/webdesign.png') no-repeat;

    background-position: 0px -70px;

    border: medium none;  

 

.code{ font: 12px 'Trebuchet MS', Tahoma, Arial, sans-serif; color:#D2D2BA; padding: 8px; }

.code_highlight{ width:95%; margin: 5px 0;

  padding: 10px;

  text-align: left;

  display: block;

  overflow: auto;  

  font: 12px 'Lucida Console', 'courier new', monospace;

  /* white-space: pre; */

  background: #FAFAFA;

  border: 1px solid #f2f2f2;  

  border-left: 3px solid #72A545; }