/*####################
# Tutorialok.hu stíluslap
####################*/

/********************
Alapbeállítások
********************/
*{
	margin: 0;
	padding: 0;
}

*:active, *:focus{
	outline: 0;
}

body{
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #222;
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	color: #333;
}


hr{
	clear: both;
	visibility: hidden;
	border: 0;
}

hr.strip{
	border-top: 1px dotted #999;
	visibility: visible;
	margin: 20px 10px;
}

input, textarea, select{
	font-family: verdana;
	font-size: 12px;
}

#left a{
	color: #69b928;
	text-decoration: none;
}

#left a:hover{
	color: #b4de34;
}

#ins a{
	color: #d63700;
	text-decoration: none;
}

#ins a:hover{
	color: #e96901;
}

#insfoot a{
	color: #888;
	text-decoration: none;
}

#insfoot a:hover{
	text-decoration: underline;
}

#ins h1 a, #ins h1 a:hover, #ins h2 a, #ins h2 a:hover, #ins h3 a, #ins h3 a:hover{
	color: #333;
}

#ins h1{
	padding: 5px 0;
	font-size: 18px;
}

#countdown{
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}

.small{
	font-size: 11px;
}

/********************
Forráskódok (geshi)
********************/

pre{
	max-height: 200px;
	overflow: auto;
	background-color: #ebeae3;
	border: 1px dotted #633f00;
	padding: 10px;
	margin: 5px;
	background-repeat: no-repeat;
	background-position: top right;
}

pre.php{ background-image: url(images/code_php.png); }
pre.css{ background-image: url(images/code_css.png); }
pre.html{ background-image: url(images/code_html.png); }

/********************
Fő szerkezet
********************/
#count{
	width: 1000px;
	margin: 0 auto;
	background-image: url(images/insbg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 500px;
}

	#top{
		width: 1000px;
		height: 50px;
	}
	
		#logo{
			width: 300px;
			height: 42px;
			float: left;
			padding-top: 8px;
		}
		
			#logo a{
				color: #fff;
				text-decoration: none;
				font-family: arial;
				font-weight: bold;
				font-size: 28px;
				letter-spacing: 2pt;
			}
		
		#menu{
			width: 460px;
			height: 50px;
			list-style: none;
			float: left;
			padding-left: 220px;
		}
		
			#menu li{
				float: left;
				padding: 17px 5px 0 5px;
				color: #505050;
			}
		
				#menu a{
					color: #fff;
					text-decoration: none;
				}
				
				#menu a:hover, #menu a:active{
					color: #ccc;
				}
	
	#header{
		height: 80px;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		background-image: url(images/header.jpg);
		border-bottom: 1px solid #333;
	}
	
	#header #citation{
		width: 530px;
		float: left;
		margin-left: 135px;
		padding: 10px;
	}
	
	#header a{
		display: block;
		width: 48px;
		height: 48px;
		margin-left: 10px;
		margin-top: 10px;
		float: left;
	}
	
	#incount{
		background-image: url(images/inscount.jpg);
	}
	
		#left{
			width: 229px;
			padding: 10px;
			float: left;
			border-right: 1px solid #000;
			color: #ccc;
		}
		
		#ins{
			width: 730px;
			padding: 10px;
			min-height: 300px;
			background-repeat: no-repeat;
			background-color: #f6f4ea;
			background-position: top right;
			float: left;
		}
		
		#insfoot{
			clear: both;
			background: #111;
			text-align: center;
			padding: 20px 0;
			color: #666;
		}



/********************
Bejelentkező doboz
********************/
#login{
	text-align: right;
}

	#login h4{
		text-align: left;
		padding: 5px 0;
	}

	#login dd label input{
		width: 150px;
		border: 1px solid #333;
		padding: 2px;
		background-image: url(images/leftinput.jpg);
	}
	
	#login input{
		margin: 5px 0;
	}
	
/********************
Kategórák doboza
********************/
.categorys{
	margin-bottom: 20px;
}

.categorys dt{
	background-color: #222;
	padding: 4px 6px;
}

.categorys a{
	display: block;
	padding: 4px 6px;
	border-bottom: 1px dotted #222;
	vertical-align: middle;
}

.categorys a:hover{
	background-color: #333435;
}

.categorys a span{
	font-size: 10px;
}
	
/********************
Gombok
********************/
.ok{
	width: 100px;
	height: 24px;
	background-image: url(images/ok.jpg);
	border: 0;
}

.ok:hover{
	background-position: 0 -24px;
}

.ok:active{
	background-position: 0 -48px;
}

.newmess{
	width: 100px;
	height: 24px;
	background-image: url(images/newmess.jpg);
	border: 0;
	display: block;
	margin-top: 10px;
}

.newmess:hover{
	background-position: 0 -24px;
}

.newmess:active{
	background-position: 0 -48px;
}

.newtopic{
	width: 100px;
	height: 24px;
	background-image: url(images/newtopic.jpg);
	border: 0;
	display: block;
	margin-top: 10px;
}

.newtopic:hover{
	background-position: 0 -24px;
}

.newtopic:active{
	background-position: 0 -48px;
}


/********************
Hibaüzenetek, információk
********************/
/*404*/
#notfound{
	padding-left: 140px;
	background-image: url(images/404.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 25px;
	color: #900;
	margin: 80px 50px;
}

#notfound span{
	display: block;
	font-size: 80px;
	font-weight: bold;
}

.info{
	padding: 10px;
	border: 1px solid #957700;
	background-color: #fdf0bb;
	margin: 20px 0;
	color: #957700;
}

#error{
	padding: 10px;
	border: 1px solid #600;
	background-color: #fcc;
	margin: 20px 0;
	color: #600;
	list-style: none;
}

#bigfoot img{
	border: 0;
}

/********************
Regisztráció
********************/
#registration fieldset{
	padding: 10px;
	border: 1px dotted #633f00;
	margin: 10px;
	background-color: #eee9d3;
}

#registration legend{
	padding: 4px;
	font-weight:bold;
	color: #633f00;
}

#registration label{
	display: block;
	float: left;
	padding: 10px 5px;
}

#registration fieldset label input{
	width: 200px;
	border: 1px solid #ab9d7a;
	padding: 3px 4px;
	background-image: url(images/insinput.jpg);
}

#rules p{
	height: 100px;
	overflow: auto;
	background-color: #f6f4ea;
	border: 1px dotted #633f00;
	padding: 10px;
}

#rules input{
	float: left;
	margin-top: 10px;
}

#registration .ok{
	margin: 20px 0 20px 300px;
}
/********************
Kapcsolat
********************/
#kontakt p{
	padding: 10px 0;
}

#kontakt h3{
	padding-top: 20px;
}

#kontakt dt{
	text-align: right;
	padding: 5px 0;
}

#kontakt #messbox{
	width: 410px;
	margin-left: 100px;
	margin-top: 20px;
}

#messbox dt input, #messbox textarea{
	border: 1px solid #ab9d7a;
	padding: 3px 4px;
	background-image: url(images/insinput.jpg);
}

#messbox dt input{
	width: 330px;
}

#messbox textarea{
	width: 400px;
	height: 100px;
}

#messbox .ok{
	margin: 5px 0 0 310px;
}

/********************
Kommentek
********************/
#comments{
	padding: 20px;
}

#comments div.comment{
	background-color: #e7e4d3;
	padding: 10px;
	margin-top: 20px;
}

#comments dl{
	float: left;
	width: 120px;
	width: 100px;
	padding: 0 10px;
	text-align: right;
}

#comments div div{
	float: left;
	border: 1px solid #ab9d7a;
	background-color: #f6f4ea;
	padding: 10px;
	width: 520px;
}

#comments dl img{
	border: 1px solid #ab9d7a;
}

#comment textarea{
	border: 1px solid #ab9d7a;
	padding: 3px 4px;
	background-image: url(images/insinput.jpg);
	width: 400px;
	height: 100px;
}

#comment dd{
	padding: 5px;
}

#comments h3{
	padding-left: 20px;
}

/********************
Felhasználói Adatlap
********************/
#datapage div{
	float: left;
}

#datapage dl{
	float: left;
	padding: 0 10px;
}

#datapage dd{
	padding-bottom: 4px;
}

#datapage span{
	font-weight: bold;
}

#datapage img{
	border: 1px solid #ab9d7a;
}

#registration img{
	border: 1px solid #ab9d7a;
	margin: 5px;
}

/********************
Fórum
********************/
#forums{
	border-top: 1px dotted #633f00;
}

#forums .bold{
	padding: 2px 5px;
	background-color: #eee9d3;
	font-weight: bold;
	font-size: 13px;
}

#forums dt{
	padding: 5px;
	background-color: #dfd8b8;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px dotted #633f00;
}

#forums dd{
	padding: 10px 5px;
	border-bottom: 1px dotted #633f00;
}

#forums div{
	float: left;
}

.comment img{
	border: 0;
}

#forums .title{
	width: 400px;
}

#forums .last{
	width: 250px;
}

#forums .all{
	width: 50px;
	text-align: center;
}

#editext{
	float: left;
	margin-left: 20px;
}

#editext dd{
	padding: 2px 0;
}

#emoticon{
	width: 90px;
	margin-bottom: 20px;
}

#emoticon img{
	border: 0;
}

#message{
	border: 1px solid #ab9d7a;
	padding: 5px 4px;
	background-image: url(images/insinput.jpg);
	width: 450px;
	height: 250px;
}

#messesbox{
	float: left;
}

.comment ul, .comment ol{
	margin-left: 20px;
}

.messedit{
	text-align: right;
	padding: 4px 20px 0 0;
}

.resolved{
	display: block;
	width: 200px;
	height: 20px;
	background-image: url(images/resolved.png);
	clear: both;
	float: right;
}

.resolved-mess{
	border: 2px solid #61a945;
}

.light{
	font-size: 11px;
	color: #666;
}

.comment code{
	background-color: #f0ede0;
	padding: 5px;
	margin: 5px;
	border: 1px solid #e3dfcd;
	display: block;
}

#messesbox label{
	display: block;
	padding-bottom: 10px;
}

#messesbox input, #longinp, #searchbox label input{
	border: 1px solid #ab9d7a;
	padding: 5px 2px 2px 5px;
	background-image: url(images/insinput.jpg);
	width: 350px;
}

#longinp{
	margin-top: 10px;
}

.quote{
	background-color: #f0ede0;
	padding: 5px;
	margin: 5px;
	border: 1px solid #dbd6bf;
	display: block;
}

.quote span{
	display: block;
	font-weight: bold;
}
/********************
Grafikon
********************/
.graf-name{
	display: block;
	width: 120px;
	padding: 3px 5px 3px 0;
	float: left;
	margin: 3px 0;
	
}

.graf-graf{
	margin: 3px 0;
	width: 100px;
	background: #006633;
	margin-top: 3px;
	float: left;
	font-size: 9px;
	padding: 4px;
}

/********************
Szövegek, írások
********************/
.text{
	line-height: 135%;
	font-family: arial;
	text-align: justify;
	font-size: 13px;
	margin-bottom: 20px;
}

#home-text{
	width: 500px;
	float: left;
	
}

.cikkimg{
	float: left;
}

	.text h2{
		padding: 5px 0;
		line-height: 120%;
	}

	.text img{
		margin: 3px;
	}

	.img-left{
		float: left;
	}

.text-info{
	color: #999;
	font-size: 10px;
}

	.text-info div{
		float: left;
		background-color: #ece6ca;
	}

	.text-date{
		background-image: url(images/calendar.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		width: 110px;
	}

	.text-user{
		background-image: url(images/pen.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		width: 100px;
	}

	.text-mess{
		background-image: url(images/mess.png);
		background-repeat: no-repeat;
		padding-left: 18px;
		width: 95px;
	}
	
	.text-twitt{
		background-image: url(images/twitt.png);
		background-repeat: no-repeat;
		padding-left: 18px;
		width: 95px;
	}
	
.allow-box{
	width: 330px;
	margin: 20px 30px 0 0;
	float: left;
	height: 220px;
}

#privacy{
	padding: 20px 0;
}

#privacy li{
	margin-left: 20px;
}

#privacy p{
	padding: 8px 0;
}

#privacy h3{
	padding-bottom: 4px;
}

/********************
Jobb sáv a kezdőlapon
********************/
#home-right{
	width: 200px;
	float: left;
	margin-left: 20px;
	background: #ece6ca;
}

#home-right dt{
	color: #ece6ca;
	font-weight: bold;
}

#home-right a:hover{
	color: #ece6ca;
	background-color:#c30;
}

/********************
Provát üzenet
********************/
#alertmessage{
	z-index: 1;
	position: absolute;
	top: 150px;
	left: 45%;
	margin: 0 auto;
	width: 300px;
	height: 200px;
	background-image: url(images/alertmessage.gif);
	
}

#alertmessage #close{
	display: block;
	width: 15px;
	height: 15px;
	margin: 20px 0 0 270px;
}

#alertmessage p{
	padding: 20px;
}

#alertmessage h2{
	margin-top: 10px;
	padding-left: 10px;
}

#alertmessage a{
	color: #c30;
	font-weight: bold;
}

/********************
Lapozó
********************/
.scroll{
	padding: 5px 0;
}

.scroll a{
	display: block;
	border: 1px solid #98875b;
	padding: 3px;
	float: left;
	margin: 0 3px;
	background-color: #fff2cb;
}

.scroll a:hover, .scroll a.active{
	background-color: #ddcc99;
}


/*mikulás*/
#santa{
	width: 200px;
	height: 179px;
	z-index: 10;
	position: fixed;
	left: 0;
	bottom: 0;
	background-image: url(http://tutorialok.hu/santa.png);
}


/********************
Függvénytár
********************/
#function-list dd{
	width: 350px;
	float: left;
}

#fdescription{
	clear: both;
	padding-top: 10px;
}

.function-ok{
	font-weight: bold;
}

#fdescription li{
	margin-left: 20px;
}

#searchbox{
	padding: 20px;
}

#searchbox label input{
	margin-right: 10px;
}