/*
+---------------------------------------------------------------+
|	e107 Theme
|     --------------
|     Netháló-9
|     --------------
|	The JoniPeti WebDesign
|	http://www.jonipeti.hu/
|	jonipeti@gmail.com
+---------------------------------------------------------------+
*/

.logo {
	background-image: url('images/logo.jpg');
	height: 145px;
	width: 990px;
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: top
}
.logo-bottom {
	background-image: url('images/logo-bottom.jpg');
	height: 22px;
	width: 990px;
	background-repeat: no-repeat
}

.menu-background {
	text-align: left;
}
.leftmenu {
	width: 350px;
	background-image: url('images/menu-background-left.jpg');
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 140px;
	height: 383px;
	vertical-align: top;
}

#menutop {
	width: 199px;
	background-image: url('images/nav_top.gif');
	background-repeat: no-repeat;
	margin-bottom: -40px;
	height: 56px;
	vertical-align: top;
}

#menubottom {
	width: 199px;
	background-image: url('images/nav_bottom.gif');
	background-repeat: no-repeat;
	margin-top: -25px;
	height: 56px;
	vertical-align: top;
}

.footer {
    padding-right: 50px;
	text-align: right;
    background-position: right top;
	background-image: url('images/footer.jpg');
	background-repeat: no-repeat;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #00CCFF;
}
.menu-fill-left {
	background-color: #2E3094;
	height: 100px;
	margin: 0px;
	padding: 0px;
	vertical-align: top
}

.news-body {
	width: 570px;
	margin: 0px;
	padding: 50px;
	background-color: #2E3094;
	height: 313px;
	vertical-align: top
}
.news-fill {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 570px;
	background-color: #2E3094;
}


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

/* Forum */

.nforumcaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;
	font-weight: bold;
}
.fborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.forumheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	border: 1px solid #000000;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-color: #2E3094;
}
.forumheader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;
	border: 1px solid #000000;
	padding: 1px;
	vertical-align: middle;
	text-align: left;
}
.finfobar {
	border: 1px solid #000000;
}

.forumheader3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 1px solid #000000;
	background-color: #2E3094;
	padding: 2px;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
}

.forumheader3 div {
	padding: 3px;
}
.fcaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	border: 0px solid #000000;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-color: #2E3094;
}
.forumlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	font-style: normal;
	font-weight: bold;
}

/* Fonts */


.mediumtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;
}
.smallblacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00CCFF;
}
.defaulttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #00CCFF;
	text-decoration: none;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.menucaption a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	text-decoration: none;
}
.menucaption a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	text-decoration: none;
}
.fcaption a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CCFF;
	text-decoration: none;
}
.fcaption a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
/* */

.tbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	width: auto;
	color: #000000;
	background-color: #9CA1BF;
	padding: 1px;
	border: 1px solid #000000;
}
.helpbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
	width: auto;
	color: #00CCFF;
	background-color: #2E3094;
	padding: 1px;
	border: 0px solid #000000;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00CCFF;
	background-color: #2E3094;
}
.chatheader {
	background-image: url('images/rightarrow.gif');
	background-repeat: no-repeat;
	padding-left: 10px;
	background-color: #2E3094
}
div .chatmessage {
	padding-bottom: 8px;
	background-color: #2E3094;
	padding-right: 2px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* HTML tags */
body {
	background: #2E3094 url('images/hatter.png');
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

.indent {
	background-color: #2E3094;
	padding: 4px;
}

td.indent {
	background-color: #2E3094;
	border: 1px dotted #ff9900;
}

.smalltext {
    text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99CCFF;
	border-top: 1px dotted #99CCFF;
}

h2 {
	color: #33CCFF;
    text-align: left;
	font-size: 20px;
	border-bottom: 1px solid #ffffff;
}

p {
	background: #2E3094 url('images/news.png');
    text-align: left;
	font-size: 15px;
	color: #6699FF;
}

h3 {
    text-align: center;
	color: #ffffff;
	font-size: 1.3em;
	border-bottom: 1px dotted #0099FF;
}

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

#tartalom {
	background: #2E3094 url('images/news.png');
    text-align: left;
	font-size: 15px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	color: #00CCFF;
}
div .b {
	border-style:none; background-image: url('images/bar.png');
	background-repeat: repeat-x;
	height: 14px;
	padding: 0px;
	
}

/* ## MAIN MENU ################################################################ */
#nav_list { width: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#nav_list li { width: 100%; font: bold 13px verdana, tahoma, arial, helvetica, sans-serif; text-align: center; color: #afafaf; overflow: hidden; text-transform: uppercase; }
#nav_list a { color:#000000; }
#nav_list a:hover { color:#000000; }
.li_nav_body a { width: 100%; height: 75px; padding-left: 0px; line-height:60px; background: url('images/menu_bg.png') no-repeat; display: block }
.li_nav_body a:hover { color: #663300; background-position:  0 -75px; }
.li_active a:active  { color:#663300; background: url('images/menu_bg.png') no-repeat 0 -150px;  }