/*

Theme Name: ABC-Like

Theme URI: newages.eu

Description: Тема подобна на тази на сайта на ABC

Version: 1.6

Author: Yavor Ivanov

Author URI: http://yaivanov.co.cc/

*/



body{

	background-color: #01245c;
	background-image:url('images/bg.jpg');
    background-repeat:no-repeat;
    background-position:center top;
	font-family:  Verdana, 'Trebuchet MS', Tahoma;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}





ul{

	padding: 0px;

	margin: 0px;

	list-style: none;

}



a{

	text-decoration: none;

}



div#all-Site-Wrapper{

	width: 1002px;

	margin: 0 auto;

	padding: 0px 16px 0px 16px;

	background: url('images/all-site-wrapper.jpg') top left repeat-y;

}



div#header{

	height: 150px;

	background: url('images/header.jpg') top left no-repeat;

}



div#date{

	color: #cbd9ea;

	float: right;

	font-size: 10px;

	width: 200px;

	margin: 25px 132px 0px 0px;

}



ul#categories1{

	float: right;

	margin: 5px 10px 0px 0px;

}



ul#categories1 li ul{

	float: left;

}



ul#categories1 li ul.border li{

	display: inline;

	border-left: 1px solid #fff;

	padding: 0px 10px 0px 10px;

}



ul#categories1 li ul li{

	display: inline;

	padding: 0px 10px 0px 10px;

}



ul#categories1 li ul li a{

	color: #fff;

	font-weight: bold;

}



ul#categories1 li ul li a:hover{

	text-decoration: underline;

}



div#header form{

	float: right;

	margin: 19px 20px 0px 0px;

}



div#header form input{

	float: left;

	width: 145px;

	border: 1px solid #a7a6aa;

}



div#header form img{

	float: left;

	margin: 0px 0px 0px 10px;

}



/*************************************************Blue Multi Drop Down Menu********************************************************/

#categorymenu{

	background: url('images/ul-menu-bckgrd.jpg') repeat-x top left;

	height: 22px;

	width: 1002px;

}



	#categorymenu li{

		float: left;

		list-style: none;

		background: url('images/ul-menu-bckgrd.jpg') repeat-x top left;

  		padding: 3px 0px 4px 0px;

	}



	#categorymenu li a{

		display: block;

		padding: 0px 10px 0px 10px;

		text-decoration: none;

		border-left: 1px  solid white;

		color: #ffffff;

		font-weight: bold;

		white-space: nowrap

	}



	#categorymenu li a:hover{

		color: #9bbee8;

	}



		#categorymenu li ul{

			margin: 5px 0px 0px 0px;

			padding: 0;

			position: absolute;

			z-index: 999;

			visibility: hidden;

		}



			#categorymenu li ul li{

				float: none;

				display: inline;

				border: 0px;

			}

			

			#categorymenu li ul li a{

				border: 0px;

				border-top: 1px solid #ffffff;

				background: url('images/ul-menu-bckgrd.jpg') repeat-x top left;

  				padding: 3px 10px 4px 10px;

			}

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





p#welcomeText{
	background: url('images/topnews3.jpg') top left no-repeat;
	margin: 10px 0px 10px 5px;
	padding: 10px 5px 0px 70px;
	font-size: 10px;
	color: #fff;
	width: 916px;
	height: 83px;
    text-align: center;
}



div#MainRight{

	float: left;

	width: 330px;

}



div#MainLeft{

	float: left;

	width: 670px;

}







div#tabber{

	position: relative;

	float: left;

	margin: 5px 0px 0px 5px;

	border: 1px solid #a3b9d9;

	background-color: #fff;

	width: 658px;

	height: 438px;

	overflow: hidden;

}

/***************************************Sliding Tabs Style***********************************************/



/*

	SLIDER

*/

.slider-wrap								{ width: 419px; position: absolute; top: 87px; left: 40px; }

.stripViewer .panelContainer

.panel ul									{ text-align: left; margin: 0 15px 0 30px; }

.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }

.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }

.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }



.active-thumb 								{ border: 1px solid #a3b9d9; background-color: #fff; border-left: 0px; }





div#main-photo-slider{

	float: left;

	width: 340px;

	height: 436px;

}



div.wrapper{

	width: 340px;

	height: 436px;

}



div.wrapper img{

	width: 320px;

	height: 240px;

	margin: 7px 0px 0px 8px;

}



div.wrapper h2{

	width: 240px;

	float: left;

	padding: 0px;

	margin: 4px 20px 0px 8px;

	font-size: 14px;

	font-weight: bolder;

}



div.wrapper h2 a{

	color: #265699;

}



div.wrapper h2 a:hover{

	text-decoration: underline;

}



div.wrapper div.title-n-href a.nav-link{

	float: left;

}



div.wrapper div.title-n-href a.nav-link img{

	width: 28px;

	height: 22px;

	border: 0px;

	margin: 0px;

	padding: 0px;

}



div.photo-meta-data{

	clear: both;

	width: 320px;

	height: 120px;

	padding: 5px 0px 0px 0px;

	margin: 0px 0px 0px 8px;

}



div.comments-number{

	border-top: 1px dotted #000;

	margin: 0px 0px 0px 8px;

	padding: 3px 0px 0px 0px;

	color: #265699;

	width: 314px;

}



div.comments-number a{

	color: #265699;

	background: url('images/comment-baloon.png') top left no-repeat;

	padding: 0px 0px 0px 15px;

}



div.comments-number a:hover{

	text-decoration: underline;

}



div#tabber-header{

	float: left;

	width: 317px;

	border-left: 1px solid #a3b9d9;

    background: url('images/tabber-head-bckgrd.jpg') repeat-x top left;

    text-align: center;

    text-transform: uppercase;

   	height: 32px;

	font-size: 18px;

	font-weight: bold;

	color: #2057aa;

	padding: 5px 0px 0px 0px;

	margin: 0px;

}



div#movers-row{

	float: left;

	width: 318px;

	height: 401px;

	background: #f3f3f3 url('images/movers-row-border.jpg') top left repeat-y;

}



div#movers-row a.cross-link{

	float: left;

	width: 300px;

	padding: 8px 0px 8px 10px;

	color: #003366;

	font-size: 11px;

}



div#movers-row a:hover{

	text-decoration: underline;

}



div#tabber .stripNavL a{

	position: absolute;

	background: url('images/tabber-nav-left.jpg');

	z-index: 999;

	font-size: 0px;

	width: 28px;

	height: 22px;

	top: 255px;

	left: 270px;

}



div#tabber .stripNavR a{

	position: absolute;

	background: url('images/tabber-nav-right.jpg');

	z-index: 999;

	font-size: 0px;

	width: 28px;

	height: 22px;

	top: 255px;

	left: 298px;

}



div#tabber .stripNav{ display: none;}



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







/**********************************Horizontal Slider*********************************************************************/

div#slider{

	position: relative;

	overflow: hidden;

	float: left;

	width: 659px;

	height: 205px;

	margin: 20px 0px 20px 5px;

	background: url('images/vertikal-slider-bckgrd.jpg') top left repeat-x;

	border: 1px solid #a3b9d9;

}



div#slider ul.navigation{

	width: 590px;

	height: 35px;

}



div#slider ul.navigation li{

	float: right;

	margin: 13px 3px 0px 3px;

}



div#slider ul.navigation li#header{

	float: left;

	color: #003366;

	font-size: 18px;

	font-weight: bolder;

	margin: 5px 0px 0px 20px;

}



div#slider ul.navigation li a{

	display: block;

	width: 8px;

	height: 8px;

	font-size: 0px;

	border: 1px solid #c3c5c5;

	background-color: #969798;

}



div#slider ul.navigation li a.selected, div#slider ul.navigation li a:hover{

	background-color: #3f66bc;

}



div#slider div.scroll{

	width: 656px;

	height: 170px;

	overflow: hidden;

    overflow-x: hidden;

    position: relative;

    clear: left;

}



div#slider div.scroll div.scrollContainer div.panel{

	width: 656px;

	height: 170px;

}



div#slider div.scroll div.scrollContainer div.panel ul li{

	display: block;

	width: 100px;

	float: left;

	padding: 0px;

	margin: 22px 13px 0px 13px;

}



div#slider div.scroll div.scrollContainer div.panel ul li img{

	float: left;

	width: 100px;

	height: 75px;

	padding: 0px;

	margin: 0px;

}



div#slider div.scroll div.scrollContainer div.panel ul li a{

	float: left;

	display: block;

	width: 100px;

	color: #336699;

	font-size: 11px;

	margin: 0px;

	padding: 0px;

}



div#slider div.scroll div.scrollContainer div.panel ul li a:hover{

	text-decoration: underline;

}



div#slider .scrollButtons {

	cursor: pointer;

}





div#slider .scrollButtons img{

	display: none;

}



div#slider .scrollButtons.left {

    position: absolute;

    z-index: 999;

    top: 7px;

    right: 3px;

}



div#slider .scrollButtons.right {

    position: absolute;

    z-index: 999;

    top: 7px;

    right: 31px;

}

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











/*

	The simple box

*/



div.simple-box{

	background-color: #fff;

	float: left;

	width: 322px;

	border: 1px solid #a3b9d9;

	margin: 5px 0px 15px 5px;

}



div.simple-box h2{

    background: url('images/tabber-head-bckgrd.jpg') repeat-x top left;

    text-transform: uppercase;

   	height: 32px;

	font-size: 18px;

	font-weight: bold;

	color: #2057aa;

	padding: 5px 0px 0px 15px;

	margin: 0px;

}





div.simple-box img#head{

	margin: 0px;

	padding: 0px;

	border: 0;

}



div.simple-box ul#links{

	bottom: 0px;

	width: 308px;

	height: 26px;

	margin: 0px 0px 0px 7px;

	padding: 7px 0px 0px 0px;

	border-top: 1px dotted #000;

}



div.simple-box ul#links li{

	float: right;

}



div.simple-box ul#links li a{

	color: #000;

}



div.simple-box ul#links li a:hover{

	text-decoration: underline;

}





div.simple-box ul#events{

	margin: 5px;

	font-size: 11px;

    height: 540px;

	overflow: auto;

}



div.simple-box ul#events li{

	text-align: justify;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 5px 0px;

	border-bottom: 1px dotted #000000;

}



div.simple-box ul#events li a img{

	float: left;

	margin: 0px 5px 0px 0px;

	padding: 1px;

	height: auto;

	width: 40px;

	border: 1px solid #a3b9d9;

}



div.simple-box ul#events li a:hover img{

    border: 1px solid red;

}



/*

	The smallest box

*/

div.box-title-n-pic{

	float: left;

	width: 212px;

	height: 126px;

	margin: 20px 4px 0px 4px;

	border: 1px solid #a3b9d9;

	background-color: #fff;

}



div.box-title-n-pic h2{

	margin: 0px;

	padding: 4px 0px 0px 4px;

	color: #003366;

	font-size: 13px;

	height: 20px;

	border-bottom: 1px solid #a3b9d9;

	background: url('images/small-head-bckgrd.jpg') repeat-x top left;

}



div.box-title-n-pic img{

	width: 100px;

	height: 75px;

	float: left;

	margin: 8px;

}



div.box-title-n-pic a{

	margin: 8px 2px 0px 0px;

	display: block;

	color: #336699;

	font-size: 10px;

	font-weight: bold;

}



div.box-title-n-pic a:hover{

	text-decoration: underline;

}



/*

	Big Complex Box

*/

div.box-big-complex{

	float: left;

	width: 659px;

	margin: 20px 0px 0px 5px;

	padding: 0px;

	border-top: 1px solid #a3b9d9;

	border-left: 1px solid #a3b9d9;

}



div.box-big-complex h2{

    background: url('images/tabber-head-bckgrd.jpg') repeat-x top left;

   	height: 30px;

	font-size: 18px;

	font-weight: bold;

	color: #2057aa;

	padding: 5px 0px 0px 15px;

	margin: 0px;

	border-bottom: 1px solid #a3b9d9;

	border-right: 1px solid #a3b9d9;

}



div.box-big-complex div.innerBox{

	float: left;

	width: 219px;

	height: 264px;

	background-color: #fff;

	border-bottom: 1px solid #a3b9d9;

	border-right: 1px solid #a3b9d9;

}



div.box-big-complex div.lastInnerBox{

	float: left;

	width: 218px;

	height: 264px;

	background-color: #fff;

	border-bottom: 1px solid #a3b9d9;

	border-right: 1px solid #a3b9d9;

}



div.box-big-complex h3{

	margin: 18px 0px 15px 5px;

	padding: 0px;

}



div.box-big-complex h3 a{

	font-size: 14px;

	color: #000;

}



div.box-big-complex h3 a:hover{

	text-decoration: underline;

}



div.box-big-complex ul{

	padding: 0px 0px 0px 20px;

}



div.box-big-complex ul li{

	margin: 5px 0px 5px 0px;

	float: left;

}



div.box-big-complex ul li img{

	float: left;

	width: 50px;

	height: 38px;

	margin-right: 6px;

	border: 1px solid #939393;

}



div.box-big-complex ul li a{

	float: left;

	display: block;

	width: 120px;

	color: #265699;

	font-size: 10px;

}



div.box-big-complex ul li a:hover{

	text-decoration: underline;

}



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



div.box-big-complex .tabberlive .tabbertabhide {

	display:none;

}



div.box-big-complex .tabberlive .tabbertab {

	float: left;

	width: 338px;

	height: 500px;

	padding: 10px;

	border-right: 1px solid #a3b9d9;

}



div.box-big-complex .tabberlive .tabbertab h2 {

	display:none;

	margin: 0px;

	padding: 0px;

}



div.box-big-complex .tabberlive .tabbertab h3{

	margin: 0px 0px 7px 0px;

	padding: 0px;

	font-size: 12px;

	font-weight: bold;

	color: #00498a;

}



div.box-big-complex ul.tabbernav{

	background: url('images/movers-row-border.jpg') repeat-x bottom left;

	margin: 0px;

	padding: 20px 0px 0px 40px;

	width: 318px;

	height: 20px;

	border-right: 1px solid #a3b9d9;

}



div.box-big-complex ul.tabbernav li{

	float: none;

	display: inline;

}



div.box-big-complex ul.tabbernav li a{

	width: 20px;

	height: 19px;

	display: block;

	float: left;

	margin-left: 3px;

	text-align: center;

	text-decoration: none;

	border: 1px solid #bebebe;

	border-bottom: 0px;

}



div.box-big-complex ul.tabbernav li a:hover{

	background-color: #00498a;

	color: #fff;

}



div.box-big-complex ul.tabbernav li.tabberactive a{

	background-color: #fff;

	font-weight: bold;

}



div.box-big-complex ul.tabbernav li.tabberactive a:hover{



}



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





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



/*

	Single Post Styles

*/



div#storyContainer{

	width: 590px;

	float: left;

	text-align: justify;

	margin: 25px 0px 0px 20px;

	padding: 0px 0px 20px 0px;

}



div#storyContainer object{

	float: left;

}



div#storyContainer p{

	margin: 5px 0px 5px 0px;

	padding: 0px;

}



div#storyContainer a{

	color: #265699;

}



div#storyContainer a:hover{

	text-decoration: underline;

}



div#storyContainer img{

	border: 0px;

	margin: 6px;

}



div#storyContainer .alignleft{

	float: left;

}



div#storyContainer .alignright{

	float: right;

}



div#storyContainer .aligncenter{
	margin: 10px auto;
}





div#storyContainer div#from-category{
	font-size: 10px;
	color: #434041;
}



div#storyContainer div#from-category a{
    color: #434041;
   	text-decoration: none;

}



div#storyContainer div#from-category a:hover{
    text-decoration: underline;
    color: #000000;
}



div#storyContainer h2{
	text-align: left;
	background: #bccce5 url('images/single-title.jpg') top left repeat-x;
	width: 580px;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 8px;
	font-size: 14px;
	color: #2057aa;
	border: 1px solid #a3b9d9;
}



div#storyContainer div#author{
	float: left;
	margin: 0px;
	color: #6d6a6a;
	font-size: 11px;
	font-weight: bold;
}



div#storyContainer div#postDate{
	float: left;
	color: #6d6a6a;
	font-size: 11px;
	margin: 12px 0px 0px 11px;

}

div#storyContainer div#single-content{
	width: 588px;
	background-color: #f3f3f3;
	border: 1px solid #a3b9d9;
	border-top: 0px;
	padding: 0px;
}

div#storyContainer div#single-text{
	width: 572px;
	background-color: #ffffff;
	border: 1px solid #bebebe;
	margin: 12px 0px 10px 2px;
	padding: 5px;
}

div#storyContainer div#single-links{
	width: 570px;
	padding: 5px 0px 20px 20px;
}



div#storyContainer div#linktoComments{
	float: right;
	display: block;
	background: url('images/baloon2.jpg') top left no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 12px 25px 0px 0px;
	font-size: 12px;
	font-weight: bold;

}



/*

	Comments Styles

*/

div#comments{

	float: left;

	width: 590px;

	padding: 0px;

	margin: 20px 0px 30px 20px;

}



div#comments h4{

	margin: 0px;

	padding: 0px;

	font-size: 14px;

	color: #003366;

	font-weight: bold;

}



div#comments a{

	color: #265699;

}



div#comments a:hover{

	text-decoration: underline;

}



div#comments div#comments-head{

	width: 590px;

	height: 10px;

	font-size: 0px;

	background: #f2f2f2 url('images/comments-header.png') top left no-repeat;

}



div#comments div#comments-body{

	width: 536px;

	padding: 10px 20px 20px 20px;

	border-left: 7px solid #e4e4e4;

	border-right: 7px solid #e4e4e4;

	background-color: #f2f2f2;

	color: #000;

	font-size: 11px;

}



div#comments div#comments-body form{

	padding: 0px;

	margin: 0px;

}



div#comments div#comments-body div.gravatar img{

	float: left;

	margin: 0px 0px 5px 0px;

}



div#comments div#comments-body div.odd{

	border-top: 1px dotted #000;

	padding: 10px 0px 10px 0px;

	margin: 10px 0px 10px 0px;

}



div#comments div#comments-body div.odd cite{

	float: left;

	display: block;

	margin: 10px 10px 25px 10px;

}



div#comments div#comments-foot{

	width: 590px;

   	width: 100%;

	height: 10px;

	font-size: 0px;

	background: #f2f2f2 url('images/comments-footer.png') top left no-repeat;

}





/*

	The footer

*/

div#footer{

	width: 100%;

	height: 50px;

	background-color: #01245c;

}





.clear{

	clear: both;

	font-size: 0px;

}







/*********************************BANNER STYLES********************************************/

div#banner-main1{

	float: left;

	width: 658px;

	border: 1px solid #a3b9d9;

	margin: 20px 0px 0px 5px;

}



    div#banner-main1 img{

		width: 100%;

		height: auto;

		border: 0px;

    }





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

















/*********************************DELETE********************************************/















div#middle_container{

	float: left;

	width: 552px;

	padding: 0px 0px 0px 10px;

}



div.anounce{

	float: left;

	background-color: #fff;

	border: 1px solid #9a9a9a;

	margin: 0px 0px 10px 0px;

}

div.anounce h2{

	color: #fff;

	font-size: 12px;

    background-color: #25426c;

    border-bottom: 1px solid #9a9a9a;

	width: 512px;

    margin: 0px;

    padding: 5px 20px 5px 20px;

}



div.anounce h2 a{

	color: #fff;

	text-decoration: none;

}



div.anounce div.meta-top{

    padding: 5px 20px 5px 20px;

}



div.anounce p{

	margin: 10px;

	text-align: justify;

}



div.anounce img{

	float: left;

	margin: 7px;

	height: auto;

	width: 150px;

}



span.more{

	float: right;

	margin: 0px 10px 5px 0px;

}

div.page_navi{
	height: 22px;
	text-align: center;
}

div.page_navi1{
	width: 552px;
	height: 22px;
	padding: 0px 0px 0px 10px;
	text-align: center;
}