@charset "utf-8";
/* CSS Document */

/*
Theme Name: MKHÖK
Theme URI: http://pecsimuveszek.hu
Version: 1.0
Author: poisonborz
*/

body 
{
	width:100%;
	background:url(img/bck_canvas.gif);
	font-family:Arial;
}
html { width:100% }







/* --------------- wordpress-specific */

strong     { font-weight:bold }
em         { font-style:italic }
blockquote {   }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.postText p { margin-bottom:15px }






/*------- basic blocks*/

#mainContainer 
 	{
		width:100%;
		background:url(img/bck_cloud.gif)
	}
#main
    {
    	width:100%;
		padding-top:150px;
		min-height:580px;
		_height:580px;
		background:url(img/bck_postrow.gif) repeat-y center
    }
	
#frame
    {
    	width:100%;
		margin-top:-150px;
		position:absolute;
		background:url(img/bck_paint.jpg) no-repeat center
    }

#bottom 
	{
		width:100%;
		height:214px;
		position:relative;
		z-index:60;
		margin-top:-150px;
		background:url(img/bottomstrip.png) no-repeat center;
	}

/*------- frame elements*/

#frameContainer
	{
		width:650px;
		height:650px;
		left:50%;
		margin-left:-325px;
		_margin-left:-324px;
		position:relative;
	}
	
#menu 
	{
		width:445px;
		height:82px;
		padding-left:20px;
		position:absolute;
		top:72px;
		left:195px;
		background:url(img/bck_menu.gif) 15px 0 no-repeat;
		font-size:24px;
	}

#menu a 
{
	display:block; 
	float:left;
	z-index:100;
	position:relative;
	text-decoration:none; 
	color:#fff; 
	background-image:url(img/bck_menu_over.gif); 
	background-repeat:no-repeat;
	text-decoration:none;
}

.b1 {width:86px;  height:30px; padding:10px 0 0 50px;}
a:hover.b1 { background-position: 16px -37px; }
.b2 {width:102px;  height:30px; padding:10px 0 0 35px;}
a:hover.b2 { background-position: -2px -112px; }
.b3 {width:86px; height:30px;  padding:10px 0 0 50px; }
a:hover.b3 { background-position: 14px -190px; }

.b4 {width:86px; height:40px;  padding-left:50px; }
a:hover.b4 { background-position: 16px -76px; }
.b5 {width:101px; height:40px;  padding-left:35px; }
a:hover.b5 { background-position: -1px -150px; }
.b6 {width:84px; height:40px;  padding-left:52px; }
a:hover.b6 { background-position: 16px -232px; }

#mklogo
	{ 
		width:215px; 
		height:233px;
		padding-top:36px;
		background-color:#97b133;
        background:url(img/logo_mkhok.gif) 13px 10px no-repeat
	}
#mklogo a 
	{ 
		width:205px; 
		height:165px;
		margin-top:36px;
		*margin-top:73px;
		display:block; 
		background-repeat:no-repeat; 
		background-image:none;
		background-position:0 10px;
	}
#mklogo a:hover{ background-image:url(img/b_home.gif)}

a#banner 
	{ 
		width:400px; 
		height:60px; 
		display:block; 
		position:absolute;
		overflow:hidden;
		top:10px;
		left:230px;
	}
#tagcloud {width:200px; position:relative; z-index:240;  margin:-22px 0 -30px 15px}
#tagcloud a { color:#48A0B3; text-decoration:none}
#tagcloud a:hover {color:#fff; background:#e0a910}

#form1 { width:240px; height:77px; padding-top:63px; margin-left:10px; position:relative; z-index:200;  background:url(img/bck_form1.jpg)}
#form2 { width:170px; height:100px; padding-top:26px; margin: 0 0 25px 10px; position:relative; z-index:200; background:url(img/bck_form2.jpg)}

.inp {width:177px; height:21px; position:relative; padding-left:5px; margin:4px 0 0 12px; background:url(img/form_bck.gif) no-repeat}
.inp input {width:150px; height:15px; position:absolute; top:3px; left:23px; font-size:12px; font-family:arial; color:#97b133; border:0}
.bsub {width:30px; height:26px; position:absolute; top:78px; left:178px; }
.nav {margin:6px 0 0 32px; clear:both;}
.nav a {font-size:12px; margin-right:6px; color:#97b133; display:block; font-weight:bold; text-decoration:none; float:left; }
.nav a:hover {color:#e0a910}
.nav input {float:left; margin:1px 4px 0 2px;  *margin:-2px 0px -4px 0px;}

#loggedin   {width:170px; margin:0 0 0 15px; _margin-left:20px; text-align:center;}
#loggedin p {font-weight:bold; color:#97b133;}

.icon {width:15px; height:15px; float:left; margin-right:1px; background-image:url(img/icons.gif)}

a#rss {width:70px; height:30px; display:block; margin-left:70px; background-image:url(img/icon_rss.gif) }
a:hover#rss {background-position:0 -30px}

#arch {height:20px; width:150px; font-size:11px; position:absolute; top:0; left:22px; font-family:arial; color:#97b133;}

.logo {margin-left:25px; position:relative; z-index:100} 
/*------- post elements*/
#post
    {
    	width:410px;
		position:relative;
		padding:20px 0 40px 0;
		left:50%;
		z-index:400;
    }
.item 
	{
		width:390px;
		padding:45px 25px 0 0 ;
		overflow:hidden;
		position:relative; 
		margin: 0 0 35px -90px;
		font-size:12px
	}
.item a {color:#48a0b3; font-weight:bold; text-decoration:none;}
.item a:hover {color:#e0a910;  }

.title {width:310px; height:18px; position:absolute; top:10px; right:80px; text-align:right; font-size:14px; font-weight:bold; color:#97b133;}
.date  {width:80px; height:29px; position:absolute;top:0; right:0;  text-align:center; padding-top:11px; background:url(img/date.gif)}
.expand a 
	{
		width:130px; 
		height:34px; 
		display:block;
		margin:5px 0 0 235px;
		padding:16px 0 0 50px;
		color:#48a0b3;
		text-align:center;
		background-image:url(img/expand.gif); 
		background-position: center 0; 
		background-repeat:no-repeat;
	}
.expand a:hover { color:#76882d; background-position:center -46px}

#infobar 
	{
		width:384px; 
		height:31px; 
		font-size:12px; 
		margin-left:-80px;
		padding-top:9px;
		text-align:center;  
		position:relative; 
		background:url(img/infobar.gif)
	}

#pager {width:410px; height:32px; margin:25px 0 20px -85px; _margin-left:-84px}
#pager a 
	{
		width:220px; 
		height:28px; 
		display:block; 
		text-align:center; 
		padding-top:4px; 
		text-decoration:none;
		position:relative;
		color:#fff; 
		font-size:20px;
		background-image:url(img/pager.gif)
	}
#p1 a {float:left; margin-left:-30px; background-position:0 -33px}
#p2 a {float:right; background-position:0 0 }
#p1 a:hover {background-position:0 -100px}
#p2 a:hover {background-position:0 -67px}

/*------- misc*/
#bottom a {height:30px; display:block; position:absolute; left:50%; top:155px; }
#lpb {width:26px; margin-left:-300px }
#lwp {width:26px; margin-left:-270px }
#lhm {width:82px; margin-left:-240px }

.infobar-gal
	{
		width:325px; 
		height:50px; 
		font-size:12px; 
		margin-left:27px;
		text-align:center;  
		position:relative; 
		background:url(img/infobar_galeria.gif)
	}


#forum 
	{
		width:425px; 
		height:160px; 
		position:absolute; 
		z-index:10;
		top:150px; 
		left:210px;  
		background:url(img/bck_forum.jpg) 70px 0 no-repeat 
	}
#forumCont
    {
    	width:600px;
		position:relative;
		padding:20px 0 40px 0;
		left:50%;
		z-index:400;
    }