/* --------------------------
AUTHOR : Szunari.hu
URL : http://www.szunari.hu
Copyrights by Szunari Film Studio
----------------------------*/

/*-----------------------------------------------------------------------------------------------------------------*/
/*Body*/

*{
	padding: 5;
	margin: 0;
}*

body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma; background-color:#474747;}

/*Text*/
a {
	color: #00C;
	background: inherit;
	text-decoration: none;
}


a:hover {
	background: inherit;
	color: #002851;
}
.blue {
	color: #009;
	font-size: 18px;
	font-family: Arial, Tahoma;
}
.white { color: #fff; }
p {
	margin: 0 0 15px 0;
	font-size: 11px;
}
h1 { font:Arial, Helvetica, sans-serif margin: 15px 0 0 5px; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 {
	font: bold 1.6em Arial, Sans-Serif;
	margin: 0 0 12px;
	font-size: 14pt;
}
h3 {
	font: bold 1.6em Arial, Sans-Serif;
	margin: 0 0 0;
	font-size: 15px;
	text-align: left;
}
h4 {
	color: #FFF;
	background: inherit;
	font-weight: normal;
	font-size: .9em;
}
.black {
	color:#4D5173;
	font-weight: normal;
	font-size: .9em;
}


.skyblue {
	color:#86D2F7;
}

.blue {
	color:#03C;
	font-size: 16px;
	font-weight:bold;
}

/*Header*/
				
#title {width: 250px; height: 30px; text-decoration:none; float:left; margin: 0;}
#title_jobb {width: 250px; height: 30px; text-align: right; text-decoration:none; float:right; margin: 0 0 15px;}
#title_jobb a {color: #86D2F7; }
#banner {margin-left: 20px; margin-bottom:5px; }
#banner a img {border:0;}
#header_flv { background: url(images/header_bckg.gif) repeat-x ; height:100px;  }
#header { background: url(images/header_bckg.gif) repeat-x ; height:120px; width:880px; margin: 0 auto;  }
#head_image { height:224px; width:880px; background:url(images/head_bckg.png) no-repeat;}
#flash { width:150px; height:40px; float:right; margin: 15px 0; padding-top:20px }
#logo { width:220px; margin:0 auto; padding:50px 0 0 20px; color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase; float:left; clear: }
#logo_flv { width:260px; margin:0 2px; padding:50px 0 0 20px; color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo a:hover { }

/*Content*/
.h_box {width: 400px; height:auto; float:left;}
#content { margin:0 auto; padding:0; width:880px; background-color:#999}
#content h1 {
	margin:20px 0 0 0;
	text-transform:uppercase;
	font-size:14px;
	color:#000;
	font-weight:normal;
}
#content_b { width:100%; height:2px; clear:both;}
#content_bottom { width:880px; margin: 0 auto; height:24px; background-image:url(images/content_bottom.png); background-repeat:repeat-x; clear:both;}

#ref_linkbox {
	float:left;
	width: 240px;
	height:165px;
	padding: 0 10px 0 10px;
	margin: 15px 5px 15px;
	border:1px;
	border-color:#cccccc;
	border-style:solid;
	background-image:url(images/tutorial_bcg.png);
	background-repeat:repeat-x;
}

#ref_linkbox h3 {
	font: bold 1.6em Arial, Sans-Serif;
	margin-bottom: 10px;
	font-size: 15px;
	text-align: left;
}

/*Tutorial_box*/

#tut_box {
	width:865px;
	border:0px;
	border-color:#FFF;
	border-style:solid;
	background-color:#5b6066;
	float:left;
	margin-left:5px;
	padding-left:5px;
}

#artist { margin: 0 0 0 0; width: 150px; float:left;}
#button {width: 80px; float:right; text-align:center;}
.icon {width:25px; height:25px; float:right; border-style:none; margin: 5px 0 0 0;}

#left {
	float: left;
	width: 250px;
	height:165px;
	padding: 0 10px 0 10px;
	margin: 15px 5px 15px;
	border:1px;
	border-color:#cccccc;
	border-style:solid;
	background-image:url(images/tutorial_bcg.png);
	background-repeat:repeat-x;
}

#left h3 {
	font: bold 1.6em Arial, Sans-Serif;
	margin: 0 0 8px;
	font-size: 15px;
	text-align: left;
}

#left h4 {
	color: #FFF;
	background: inherit;
	font-weight: normal;
	font-size: .9em;
}


#cont_box2 {
	float:left;
	width:50%;
	height: auto;
}

#left_tut {
	clear: left;
	float: left;
	width: 350px;
	padding: 0 10px 0 10px;
	margin: 15px 0 15px;
	border:0px;
	border-color:#FFF;
	border-style:solid;
}

#left_g {
	float: left;
	width: 370px;
	padding: 0 10px 0 10px;
	margin: 0 0 15px;
	border:0px;
	border-color:#FFF;
	border-style:solid;
}

#table_g1 {
	background-image:url(images/guest_bcg.jpg); background-repeat:repeat-x;
	height:26px;
	width:auto;
	padding-top:2px;
	padding-left:5px;
}
#table_g2 {
	background-color:#f4f4f4;
	height:auto;
	width:auto;
	margin-bottom:10px;
	padding-left:5px;
}

#msg_box {
	float:left;
	clear:left;
	padding-left:10px;
	margin-bottom: 10px;
	}
#right_tut {
	clear: right;
	float: right;
	width: auto;
	height: auto;
	padding: 0 10px 0 10px;
	margin: 15px 0 15px;
	border:0px;
	border-color:#FFF;
	border-style:solid;
}

#cont_box {
	background-image:url(images/cont_box_bcg.jpg);
	background-repeat:repeat-y;
	clear: left;
	float: left;
	width: 550px;
	padding: 0 10px 0 10px;
	margin: 15px 5px 15px;
	font-size: 11px;
}
#ref_box {
	background-image:url(images/cont_box_bcg.jpg);
	background-repeat:repeat-y;
	clear: left;
	float: left;
	width: 550px;
	padding: 0 15px 0px 5px;
	margin: 0px 5px 0px;
	font-size: 11px;
}
#ref_box_top {
	width: 555px;
	margin: 5px 5px 0px;
	padding: 0 10px 0 5px;
	background-image:url(images/cont_box_top.jpg);
	height:37px;
}

#ref_box_bottom {
	margin-left:5px; 
	margin-bottom:15px;
	padding: 0 10px 0 10px;
	background-image:url(images/cont_box_bottom.jpg);
	height:37px;
	float:left;
	width:550px;
}



.news_box {
	clear: left;
	float: left;
	padding: 0 15px 5px 5px;
	font-size: 11px;
	background-color:#B5B6B9;
	border:1px solid #666;
	margin: 20px 0 0px 0;
	width:530px;
}
#news_box h4 {
	color: #FFF;
	background: inherit;
	font-weight: normal;
	font-size:9px;
	text-align:left;
}
#cont_box img { border: 1px solid #ccc; padding: 1px; margin: 0px 15px 5px 0;float: left;}
#ref_box img { border: 0px solid #ccc; padding: 1px; margin: 0 15px 5px 0;float: left;}
#news_box img { border: 0px solid #ccc; padding: 1px; margin: 0 15px 5px 0;float: left;}
#left img { border: 0px solid #ccc; padding: 1px; float: left; margin: 0 15px 5px 0;}
#left_tut img { border: 0px solid #ccc; padding: 1px; float: left; margin: 10px 5px 5px 0;}
#right_tut img { border: 1px solid #ccc; padding: 1px; float: left; margin: 10px 5px 5px 0;}


#main { width:100%; margin:0px 0 0px 0; float:left;  background-image:url(images/main_bcg.jpg); background-repeat:repeat;}
#top { width:100%; height:10px; background-image:url(images/top.jpg); background-repeat:repeat-x;  }

/*Footer*/

#validator {float:left;  padding:30px 0px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right; margin-left: 50px;}
#foot { width:100%; height:20px; background-image:url(images/foot.jpg); background-repeat:repeat-x; clear:both;}
#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
#under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}

#text {float:left; width:530px; padding-left:20px;}
#sidebar { background:url(images/sidebar_bckg.gif) repeat-x; margin:10px 0 0 660px; color:#6f6e6e; padding:20px; float:right;  }
#sidebar h2 {color:#fe5800; margin:0 0 20px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}

#footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:0px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right {
	position: relative;
	top: 15px;
	margin: 0 5px 0px 0;
	padding: 15px;
	float: right;
	width: 260px;
	font-size: 10px;
	background: #fff;
}
	#right img {
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0 0 0px;
	margin-right: 15px;
	float:left;
}
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	#right h3 { padding: 0 0 8px; }
	#right .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#left_stat { float:left;  padding:40px 0px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right; margin-left: 50px;}
#left_foot_box { float:left;  padding:30px 0px 0 0; text-align:right; margin-left: 5px;}
#left_mystat { float:left;  padding:35px 0px 0 0; text-align:right; margin-left: 50px; }
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}#container #header #logo a {
	color: #FFF;
}
#right h3 {
	font-size: 10pt;
}