/*******************************************************************************

		Coded by GS on 20.01.2007, True Vision

*******************************************************************************/

body { background: url(../images/i/bg/bg.gif) #DFECE3 0 0 repeat-x; margin:0px}

#topik li {

	background: url(../images/i/mrk/mrk2.gif) 0 0.5em no-repeat;

	margin: 0 0 4px 0; padding: 0 3px 0 7px;

}

#layout { background: url(../images/i/bg/bg_left.gif) 0 0 no-repeat; }

#layout td.layout-layer1 {

	background: url(../images/i/bg/bg_right.gif) 100% 0 no-repeat;

	padding: 32px 29px 20px 29px;

}

#top-sticker {
	background: url(../images/i/bg/sticker-bg.gif) #edf2ce top left repeat-x;

	border-left: 1px solid #dce1c0;

	border-bottom: 1px solid #dce1c0;

	border-right: 1px solid #dce1c0;

	margin-bottom: 30px;

}

#top-sticker div {

	background: url(../images/i/bg/sticker-pic.gif) 9px 0 no-repeat;

	padding: 8px 10px 8px 65px;

	font-size: 0.9em;

	min-height: 29px;

}

#top-sticker a.close  {
	background: url(../images/i/btn/x.gif) 0 0 no-repeat;
	margin: 5px;
	width: 16px; height: 15px;
	display: block;
	float: right;
}

* html #top-sticker div { height: 29px; }

#wrapper { background: url(../images/i/bg/wrapper_bot.gif) #FFF 100% 100% no-repeat; }

#wrapper div.wrapper-layer1 { background: url(../images/i/bg/login_bg.gif) 0 0 repeat-x; }

#wrapper div.wrapper-layer2 { background: url(../images/i/bg/login_right.gif) 100% 0 no-repeat; padding-top: 25px; }

#wrapper div.wrapper-layer3 {

	background: url(../images/i/bg/wrapper_top.gif) 0 0 repeat-x;

	border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1;

}

#wrapper div.wrapper-layer4 {  }

* html #wrapper div.wrapper-layer4 { height: 600px; }/* ie6.0 bug */



#head { position: relative; top: -30px; left: -1px; }

#head td { vertical-align: top; }

#head td.head1 { background: url(../images/i/bg/head_bg.gif) 0 0 repeat-x; width: 20%; }

#head td.head2 { background: url(../images/i/bg/head_top.gif) 0 0 repeat-x; width: 80%; }

#head td.head3 {  padding: 20px 0 0 13px; width: 5%; }



#middle { margin-top: -30px; }

#middle td.middle-left { padding: 20px; width: 80%; vertical-align: top; }

#middle td.middle-right {



	padding: 20px 0; width: 20%; vertical-align: top;

}

#middle td.middle-right div.hr { margin: 27px 30px 26px 20px; }





#footer { background: url(../images/i/bg/footer_bg.gif) 0 0 repeat-x; }

#footer div.footer-layer1 { background: url(../images/i/bg/footer_right.gif) 100% 0 no-repeat; }

#footer div.footer-layer2 {

	background: url(../images/i/bg/footer_left.gif) 0 0 no-repeat;

	padding: 18px 10px 0 10px;

	color: #666666;

	font-size: 0.9em;

}

#footer a       { color: #FF7800; }

#footer a:hover { color: #666666; }





/*----------------------------------- banners --------------------------------*/

#banner-468x60 {

	background: url(../images/i/bg/head_right.gif) 100% 0 no-repeat;

	padding: 22px 20px 0 0;

	height: 86px;

	text-align: center;

}



#banner-205x90 { margin-bottom: 30px; padding: 0 30px 0 20px; }

#banner-205x90 div.item { margin-bottom: 9px; }





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

h2.sidebar { margin-bottom: 7px; text-transform: uppercase; color: #777; font-size: 1.1em; font-family: "arial narrow",arial,tahoma; }





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

#logo {

	background: url(../images/i/bg/head_left.gif) 0 0 no-repeat;

	padding: 22px 66px 0 31px;

	height: 86px;

}

#registration { padding: 13px 10px 0 0; color: #7F7F7F; font-size: 0.9em; width: 141px;}

#registration h3 { background: url(../images/i/mrk/mrk2.gif) 0 0.5em no-repeat; padding-left: 7px; }

#registration div.txt { padding-left: 7px; }

#registration-form {
	font-size: 0.92em;
}
#registration-form input, select {
	font-size: 1em;
}
#registration-form input {
	padding: 3px;
}
#registration-form option {
	padding: 2px 3px 0;
	line-height: 12px;
}



#search { background: url(../images/i/bg/search_top.gif) #F2F2F2 0 0 repeat-x; margin-bottom: 30px; min-height: 40px; }

* html #search { height: 40px; }

#search div.search-layer1 { background: url(../images/i/bg/search_left.gif) 0 0 no-repeat; }

#search div.search-layer2 {

	background: url(../images/i/bg/search_bot.gif) 0 100% no-repeat;

	padding: 27px 5px 11px 20px;

}

#search input { vertical-align: middle; }

#search input.txt { margin-right: 7px; width: 150px; }



#forum-latest { margin-bottom: 27px; padding: 0 30px 0 20px; color: #666666; }

#forum-latest dl { margin: 13px 0; font-size: 0.9em; }

#forum-latest dl dt {

	background: url(../images/i/mrk/mrk2.gif) 0 0.5em no-repeat;

	margin: 0; padding: 0 0 0 7px;

	color: #666666;

	font-weight: normal;

}



#tt {background: url(../images/i/ten.gif) 0 0em no-repeat; margin-bottom: 10px;margin-left: 65px;}

#forum-latest dl dd { margin: 0 0 10px 0; padding: 0 0 0 7px; }



#forum-latestew {  padding: 0 5px 0 20px; color: #666666; border-top: 2px solid #E1E1E1; border-bottom: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1;margin-right: 20px;

 }

#forum-latestew dl { margin: 13px 0; font-size: 0.9em; }

#forum-latestew dl dt {

	background: url(../images/i/mrk/mrk2.gif) 0 0.5em no-repeat;

	margin: 0; padding: 0 0 0 7px;

	color: #666666;

	font-weight: normal;

}

#forum-latestew dl dd { margin: 10px 0  0 0; padding: 0 0 0 0; }







#friends { margin-bottom: 20px; color: #666666; }

#friends td { padding: 0 30px 0 20px; }

#friends td td { padding: 0 10px 10px 0; }

#friends img { border: 1px solid #E1E1E1; }





#subscribe { margin-bottom: 20px; padding-left: 20px; }

#subscribe h2.sidebar { margin-bottom: 5px; }

#subscribe input.txt, #subscribe input.btn { vertical-align: middle; }
#subscribe input.btn { width: 70px; font-size:12px; }
#subscribe input.txt { width: 93px;font-size:12px; }

#subscribe table { color: #666666; font-size: 0.9em; }

#subscribe table th { padding: 2px 5px 2px 0; font-weight: normal; }

#subscribe table td { padding: 2px 0; }

#subscribe td.btn { padding-top: 6px; }



#fotoblog-latest { margin-bottom: 27px; padding: 0 30px 0 20px; }

#fotoblog-latest img { border: 1px solid #E1E1E1; }

#fotoblog-latest div.item { margin-bottom: 7px; }

#login {
	text-align: left;
	width: 141px; 
	height: 25px;
}

#login img {
	cursor: pointer;
	position: relative;
	z-index: 10;
}
#login-form  {
	margin-top: -3px;
	position: absolute;
	z-index: 9;
	color: #FFF;
	font-size: 0.9em;
	width: 133px;
	height: 130px;
}
#login-form div.content {
	background: url(../images/i/bg/userlogin_bg.gif) #666 0 0 no-repeat;
	padding: 15px 10px 5px 10px;
}
#login-form div.shadow {
	background: url(../images/i/bg/userlogin_bg_bot.png) 0 0 no-repeat;
	height: 9px;
}
#login-form label, #login-form input.text {
	margin-bottom: 2px;
	display: block;
}

#login-form a {
	margin-bottom: 8px !important;
	text-decoration:none;
	display:inline !important;
	border-bottom:1px dashed #FF7800;
	white-space:nowrap;
}                                         

#login-form a:hover {
	border-bottom:1px dashed #A3BD0B;
}

#login-form input.text {
	background:#fff;
	border: 1px solid #a7a6ab;
	font-size: 1.2em;
	width: 92px;
	padding:0px;
}
#ResPsw {
	margin-top:150px;
	position: absolute;
	z-index:10;
	color: #FFF;
	font-size: 0.9em;
	width: 133px;
}
#ResPsw div.content {
	background: #666;
	padding: 5px 10px 1px 10px;
}
#ResPsw div.shadow {
	background: url(../images/i/bg/userlogin_bg_bot.png) 0 0 no-repeat;
	height: 9px;
}
#ResPsw label, #login-form a, #login-form input.text {
	margin-bottom: 2px;
	display: block;
}
#ResPsw a {
	margin-bottom: 8px;
}
#ResPsw input.text {
	background:#fff;
	border: 1px solid #a7a6ab;
	font-size: 1.2em;
	width: 92px;
}

#login-form .loginbutton,#ResPsw .loginbutton {
	background:url(../images/i/bg/button-left.gif) no-repeat left;
	padding:0px 0px 0px 1px;
	margin:3px 0px 0px 0px;
}

.loginbutton input {
	position:relative;
	z-index:10;
	background:url(../images/i/bg/button-right.gif) transparent repeat-x right;
	border-style:none;
	font-size:8pt;
	color:#FF7800;
	padding:4px 6px;
	margin:0px;
}
.loginbutton2 input {
	position:relative;
	z-index:10;
	background:url(../images/i/bg/button-right2.gif) transparent repeat-x right;
	border-style:none;
	font-size:8pt;
	color:#FF7800;
	padding:4px 6px;
	margin:0px;
}

/*---------------------------------- menu ------------------------------------*/

#menu { margin: 0; padding: 0px 10px 0 0; }

#menu dt {

/*	background: url(../images/i/bg/menu.gif) 0 0.2em no-repeat;    */

	margin: 0; padding: 0 0 0 50px;

	text-transform: uppercase;

	color: #000;

	font-size: 2em; font-weight: normal; font-family: "arial narrow",arial,tahoma;

}

#menu dd { padding: 0 0 0 50px; }

#menu ul { margin: 0 0 15px 0; padding: 0; }

#menu ul li {

        background: url(../images/i/mrk/mrk2.gif) 0 0.5em no-repeat;

	margin: 0 0 4px 0; padding: 0 3px 0 7px;

}

#menu ul li.act {

        background: url(../images/i/mrk/mrk1.gif) 0 0.5em no-repeat;

	margin: 0 0 4px 0; padding: 0 3px 0 7px;

}



#menu-footer { margin-bottom: 7px; }

#menu-footer span.separator { margin: 0 2px; color: #FF7800; }

#topik ul li {

        background: url(../images/i/mrk/mrk2.gif) 0 0.5em no-repeat;

	margin: 0 0 8px 0; padding: 0 3px 0 7px;

}

#float-layer-wrapper {
	position: absolute;
	top: 200px;
	width: 100%;
}
#float-layer { margin: 0 auto; }
#float-layer div.layer-close {
	position: relative;
}
#float-layer div.layer-close img {
	cursor: pointer;
	position: absolute;
	top: 15px; right: 15px;
}
#float-layer .layer-middle {
	background: #FFF;
	border: 1px solid #e1e1e1;
}
#float-layer-content {
	padding: 20px 21px 20px 20px;
}
#float-layer-content h1 { margin-bottom: 20px; }
#float-layer-content em { color: #FF7800; font-weight: bold; }
#float-layer-content p {
	width: 370px;
	font-size: 0.9em;
}
#float-layer-content table { margin-top: 30px; }
#float-layer-content table th {
	padding: 0 10px 10px 12px;
	font-weight: normal;
}
#float-layer-content table td {
	padding-bottom: 10px;
	vertical-align: top;
}