/*header*/
*{	margin: 0;	padding: 0;}
body{	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background: url(images/bg.gif);}
span{	display: none;}
a{	color: #681394;	text-decoration: underline;}
a:hover{	text-decoration: none;}
#all{	background: url(images/contentbg.gif) ;	margin: 0 auto;	width: 927px;	position:relative;}
#content{	position:relative; 	width: 927px;	left:1px;	overflow: hidden; padding: 1px 0px 0px 0px}
#content #top{	background: url(images/menu_bg.gif) repeat-x;	height: 38px;	float: left;	width: 910px;}
#top #menu{	float: left;	width: 720px;	height: 38px;	padding-left: 14px;}
#menu a{	background: url(images/mainmenu_arrow.gif) no-repeat right;	font-size: 10px;	color: #4d792c;	text-decoration: none;	padding: 14px 14px 2px 5px;	line-height: 30px;}
#menu a.none{	background: none;}
#menu a:hover{	text-decoration: underline;}
#menu .live{ color: #FF0033;}


/*topmenu*/
#top_nav{ float: right; line-height: 25px; width: 130px; text-align: left;}
#top_nav a{color: black; font-size: 12px; text-decoration: none; }
#top_nav a:hover{	text-decoration: underline;}
#header{	width: 907px;	float: left;}
#logo{ width: 907px; }


.not {	background: #ffffff; text-align: center; border: 1px solid #bcbcbc; width: 457px;	margin-bottom: 20px;	padding: 10px 10px 10px 15px;}
.add {background: #ffffff; text-align: center; border: 0px solid #bcbcbc; width: 457px;	margin-bottom: 20px; padding: 10px 10px 10px 15px;}
.page {	background: #ffffff; border: 1px solid #bcbcbc; width: 458px;	margin-bottom: 20px;	padding: 10px 10px 10px 15px;}

#all{	background: url(images/contentbg.gif);	margin: 0 auto;	width: 927px;	position:relative;}
#content{	position:relative; 	width: 910px;	left:10px;	overflow: hidden;}


#outer1 {width: 100%; margin-right: -233px; float: left;}
#outer2 {margin-left: 0px;}
#outer3 {width: 100%; margin-left: -233px; float: right;}

#headercol {  height: 360px;}
.posts{margin-left: 187px; padding-top: 5px; }
#leftcol {width: 160px; float: left; padding-left: 1px; padding-top: 5px;}
#rightcol {width: 228px; float: right; padding-right: 5px; padding-top: 5px;}
#footercol {  width: 100%; }
#navigation_menu{ width: 440px; padding: 5px 20px 5px 5px; text-align: center;}

#manage ul{	position:absolute;	left: 416px; top: 55px;	width: 297px;}
#manage li{	float: left;	text-align: right;	line-height: 18px;	padding-bottom: 1px;	font-size: 10px;	margin-right: 20px;}
#manage li a{	color: #fff;}
.bookmark,.rss_feeds,.del_ico{	padding-right: 20px;}
.bookmark{	background: url(images/bookmark_img.gif) no-repeat  right;}
.rss_feeds{	background: url(images/rss_img.gif) no-repeat right;}
.del_ico{	background: url(images/delicto_img.gif) no-repeat right;}
#manage_text{	position:absolute;	left: 310px;	top: 149px;	width: 315px;	height: 145px;	line-height: 18px;	text-align: justify;}
#manage_text p{	color: #fff;}
#manage_text b{	color: #000;}


/* posts */
.posts .bg{	width: 484px; 	background: url(images/category.gif);		float: left;	margin-bottom: 20px;}
.posts .bottom{	width: 484px; 	background: url(images/categorz.gif) bottom no-repeat;	float: left;	padding-bottom: 50px;}
.posts .title {	position:relative;	background: url(images/blogs.gif) no-repeat; 	width: 484px; 	height: 31px;} 
.posts .title h2 {	font-size: 14px;	margin-left: 6px;	padding-top: 9px;	width: 350px;	text-align: left;} 
.posts .title strong {position:absolute;	text-align: right;	color: #000;	left: 290px;	top: 11px;	width: 164px;} 
.posts .title h2 a { text-decoration: none; color: #385c73;	} 
.posts .title h2 a:hover { text-decoration: underline;} 
.posts .s2{	background: url(images/blogbg.gif) no-repeat top;	width: 444px; padding: 0 20px 0 20px;  float: left; text-align: justify;}
.posts .s2 p.d{	text-align: center; margin-left: 5px; }
.posts .s2 img{	border: 1px solid #a8a8a8;	padding: 3px; margin: 7px 0 10px 0;}

p.kate,p.alex{	width: 300px;	height: 59px;	padding: 2px 6px  10px 40px;	text-align: justify;	margin: 10px 0 5px 0; }
p.kate{	background: url(images/kate_bg.gif) no-repeat; }
p.alex{	background: url(images/alex_bg.gif); }
.posts .story{	background: url(images/story_bg.gif) repeat-y;	width: 398px; float: left; padding: 2px 6px  10px 40px; font-size: 13px;}
.posts .story p{ margin-bottom: 10px;}
.posts .stop{	background: url(images/story_head.gif) no-repeat bottom;	width: 444px; height: 5px; float: left; margin-top: 10px;}
.posts .sbot{	background: url(images/story_bottom.gif) no-repeat bottom;	width: 444px; height: 5px; float: left; margin-bottom: 10px;}

.posts .link {width: 390px;  float: left; margin-top: 20px; } 
.posts .link a{color: #41657c; 	font-weight: bold;	text-decoration: none;	padding-right: 14px;	background: url(images/arrow_post.gif) no-repeat right;}
.posts .link a:hover{text-decoration: underline;}
.posts .link .read{	float: right; width: 40%; text-align: right; padding-right:10px;}
.posts .link .chat{	float: left; width: 50%; padding-left: 10px;}

.category_path{	background: #f0f0f0;	border: 1px solid #bcbcbc;	color: #385c73;	width: 457px;	margin-bottom: 20px;	padding: 10px 10px 10px 15px;}


/*comment*/
a.comment{	color: #cd0071; font-weight: normal; font-size: 9px; line-height: 16px;	background: none;}
.comment{	color: #fff;			text-align: left;			background: url(images/blog_lin.gif) repeat-x bottom;			padding: 10px 0 20px 0;	width: 100%;}
p.com_title{	color: #385c73;	font-weight: bold;	font-size: 13px;	margin: 0;	padding: 0;}
.commentlist{	padding: 0 10px 0 10px;	color: #000;	text-align: left;}
.commentlist li{margin: 8px 10px 8px 0;padding: 7px;list-style: none;background: #F4F4F4;margin-bottom: 2px;border: 1px dashed #DEDED8;}
.commentlist cite{padding: 2px 3px 0 3px;color: #638092;font-weight: bold;padding-left: 5px;}
.commentlist i{	color: #638092;	font-size: 10px;	padding-left: 5px;	font-style: normal;}
.commentlist .com_body{	padding-left: 20px;}

/* LEFTCOL */
#blog_button{	background: url(images/button_bottom.gif) bottom no-repeat;	width: 228px;	padding-bottom:6px;	margin-bottom: 20px;  float: left;}
#blog_button2{	background: url(images/button_top.gif) top no-repeat;	width: 228px;	padding-top:6px; float: left;}
#blog_button ul {	display: block;	background: url(images/button_bg.gif) repeat-y;		width: 225px; padding-left: 3px; float: left;}
#blog_button li {	display: inline;	width: 222px;	}
li.ln02 a,li.ln03 a,li.ln07 a,li.ln08 a{	clear: none;	display: block;	float: left;	width: 222px;	height: 91px;	margin-bottom: 10px;}
li.ln02 a {	background: url(images/but02.gif);	}
li.ln03 a {	background: url(images/but03.gif);	}
li.ln07 a {	background: url(images/but07.gif);	}
li.ln08 a {	background: url(images/yla.gif);	}

.leftblog{	width: 180px;	background: url(images/leftblog_bottom.gif) no-repeat bottom;	padding-bottom:27px;	margin-bottom: 20px; float: left;}
.leftblog_intro{	width: 160px;	background: url(images/blog_bg.gif) repeat-y;	padding: 0 10px 0 10px;	}
.leftblog_intro span {display: block;}
.leftblog h3{	background: url(images/leftblog_head.gif) ;	width: 160px;	height: 58px;	margin: 0;	padding: 6px 0 0 20px;	color: #fff;	font-size: 14px;}

.leftblog_intro .programs{	width: 165px;}
.leftblog_intro .programs p{	color: #fff; font-size:10px; text-align:left;}

.image_blog{	font-weight: bold;		color: #fff;		text-align: center;		background: url(images/blog_lin.gif) repeat-x bottom;		width: 100%;	padding: 20px 0 20px 0;}
.image_blog img{border: 4px solid #303030;}
.image_blog a{	text-decoration: none;	color: #fff;	font-weight: normal; width: 100%; }
.image_blog a:hover{color: #555555;}

.arc_blog { font-weight: bold;	color: #fff;background: url(images/blog_lin.gif) repeat-x bottom; width: 100%;	padding: 20px 0 20px 0;}
.arc_blog img{border: 4px solid #303030;}
.arc_blog ul {padding-left: 13px;}
.arc_blog li {padding-left: 13px;}
.arc_blog a{	text-decoration: none;	color: #fff;	font-weight: normal; width: 100%; }
.arc_blog a:hover{color: #555555;}




.logotip{	width: 220px; float: left;}

.blog{	width: 228px;	background: url(images/blog_bottom.gif) no-repeat bottom;	padding-bottom:36px;	margin-bottom: 20px; float: left;}
.blog_intro{	width: 208px;	background: url(images/blog_bg.gif) repeat-y;	padding: 0 10px 0 10px;	}
.blog_intro span {display: block;}
.blog h3{	background: url(images/blog_head.gif);	width: 204px;	height: 57px;	margin: 0;	padding: 6px 0 0 24px;	color: #fff;	font-size: 14px;}

.blog_intro .programs{	width: 208px;}
.blog_intro .programs p{	color: #fff;}

.image_blog{	font-weight: bold;		color: #fff;		text-align: center;		background: url(images/blog_lin.gif) repeat-x bottom;		width: 100%;	padding: 20px 0 20px 0;}
.image_blog img{border: 4px solid #303030;}
.image_blog a{	text-decoration: none;	color: #fff;	font-weight: normal; width: 100%; }
.image_blog a:hover{color: #555555;}

/* RightCol*/
a.main{	color: #FFFFFF; 	font-weight: bold;	text-decoration: none;	padding-left: 25px;	background: url(images/arrow_off.gif) left no-repeat;	margin-left: 10px;	line-height: 18px;}
a.main:hover{	background: url(images/arrow_on.gif) left no-repeat;}

.ar{	margin-left: 20px;}
.ar a{	text-decoration: none;	background: url(images/arrow_arhiv_off.gif) no-repeat left; line-height: 18px; color: #cd0071; 	padding-left: 20px; font-weight: bold;}
.ar a:hover{	text-decoration: underline;	background: url(images/arrow_arhiv_on.gif) no-repeat left;}

a.adHeadline {font-size: 11px;	font-weight: bold; color: #fff;	text-decoration: none;}
a.adHeadline:hover {text-decoration: underline;}


/* Map*/
.map {width: 228px;	background: url(images/blog_bottom.gif) no-repeat bottom;	padding-bottom:36px;	margin-bottom: 20px; float: left; padding-left:0;}
.map_intro{	width: 228px;	background: url(images/blog_bg.gif) repeat-y; padding-left: 0px; padding-bottom: 20px;	}
.map_intro span {display: block;}
.map h3{	background: url(images/blog_head.gif);	width: 204px;	height: 57px;	margin: 0;	padding: 6px 0 0 24px;	color: #fff;	font-size: 14px;}
.map p { color:#FFFFFF; text-align:center;}
.map_intro a{color:#cd0071; font-weight: bold;}
.map_intro .map{	width: 220px;}

.ar{	margin-left: 0px;}
.ar a{	text-decoration: none;	background: url(images/m_arrow_off.gif) no-repeat left; line-height: 18px; color: #cd0071; 	padding-left: 20px; font-weight: bold;}
.ar a:hover{	text-decoration: underline;	background: url(images/m_arrow_on.gif) no-repeat left;}

a.adHeadline {font-size: 11px;	font-weight: bold; color: #fff;	text-decoration: none;}
a.adHeadline:hover {text-decoration: underline;}

/*SEARCHFORM*/

/* right top search*/
#righttopsearchheading {color:#fff;font-weight:bold;margin:0px 0 0 10px}

#form_position  { position:relative; top:0px; right:0px; width:200px; height:36px; background: transparent url(images/search.gif) no-repeat;}
#form_position .input_text {display:block; position:absolute; top:5px; left:43px; width:98px; height:16px; padding:2px; border:1px solid black; background:white; font-size:11px; }
#form_position .search_button { display:block; position:relative; top:4px; left:148px; padding:0; margin:0;}


#video{	font-size: 10px;	width: 228px;}
#video a{ font-size: 13px; font-weight: bold; color: yellow; float:left; text-decoration: underline;}
#video p { padding-left: 0;  font-size: 10px; color: #FFFFFF;}



/*FOOTER*/
#footer{	position:relative;	width: 927px;	background: url(images/footer_bg.gif) repeat-x;	height: 90px;	float: left;}
#footer_p{	position:relative;	width: 900px;	left: 3px; right: 5px;	top: 2px;}
#footer_menu ul {list-style:none; 		font-size:11px; 		color: #bbb; text-align: center;}
#footer_menu li { display: inline;}
#footer_menu a {	color: #4d792c;	text-decoration:none;	font-size: 11px; 	padding: 0 9px 0 9px;	}	
#footer_menu a:hover {text-decoration:underline; }