/*
Theme Name: Clickits
Theme URI: http://wordpress.org/
Description: Clickits site version 2
Author: Clickits
*/


*{padding:0; margin:0}
img{border:0}
a{text-decoration:none; color:#333}
body{font-size:16px; font-family:Arial, Helvetica, sans-serif; background:url(images/bg-all.gif) repeat-x top left;}
body.hi-from-clickits{background:url(images/bg.gif) repeat-x top left;}
h1{}

.alignleft{float:left}
.alignright{float:right}
.clear{clear:both; overflow:hidden}
.wrapper{width:960px; margin:0 auto; padding-bottom:30px; }


.header{height:80px;display: block; overflow:hidden}
.main-menu li.logo a{background:url(images/logo.png) no-repeat; float:left; width:120px; height:34px; margin-right:25px; margin-top:0;}
.main-menu{margin-top:30px; font-weight:bold; display: block; overflow:hidden}
	.main-menu li{list-style-type:none; float:left; margin-right:30px}
	.main-menu li a{margin-top:8px; float:left}
	.header a:hover, .current_page_item a{color:orange; text-decoration:underline;}

.content, .blog{margin-left:35px; position:relative}	
	.page-title{color:#fff; font-size:20px; font-style:italic; font-weight:500; width:960px; background:url(images/bg-header.jpg) no-repeat left 0px; padding-top:35px; height:120px; }
	.f16{font-size:30px}

	.page-content{line-height:26px; font-weight:normal; width:700px; margin-top:35px}
	.page-content p, .post p{margin-bottom:15px}
	.post{line-height:26px; font-weight:normal; font-size:14px;}
	.post h1{font-size:30px; color:#333; font-weight:normal;}
	.page-promo-box{margin-top:40px; width:420px; height:235px; font-size:16px;}
	.advertiser-presentation,.publisher-prezentation{font-size:14px; width:700px; line-height:22px;}
	.page-promo-box-wide, .advantage-wide{width:690px;}
	.page-promo-box h2{font-size:28px; font-weight:500}
	.page-promo-box p{line-height:26px; font-weight:normal; margin-top:10px;}
	.advertiser-btn{background:url(images/btn-advertiser.png) no-repeat; float:left; width:251px; height:46px; margin-top:15px}
        .campanie-btn{background:url(images/btn-campanie.png) no-repeat; float:left; width:219px; height:46px; margin-top:15px}
	.publisher-btn{background:url(images/btn-publisher.png) no-repeat; float:left; width:169px; height:46px; margin-top:0px}
	.publisher-btn.retea{margin-top:0; float:right}
	.diagrama{position:absolute; right:0; float:right; margin-top:40px}
	.achievments, .advantage{float:left; width:325px; color:#555; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-style:italic; margin-top:43px; margin-left:80px}
	.achievments{float:right; padding-right:20px;}
	.advantage{width:400px; margin-left:0; margin-top:25px; margin-bottom:25px; margin-right:30px}
		.achievments h3, .advantage h3{font-size:25px; padding-bottom:10px;}
		.achievments ul, .advantage ul{padding-left:20px}
		.achievments li, .advantage li{list-style-type:none; list-style-image:url(images/bifa.gif); margin-bottom:3px}
        .post.margin{margin-top:35px}
	table.retea{border-top:1px solid #dadccb; width:100%; margin-top:15px; font-size:14px; color:#333; margin-bottom:15px; border-collapse: collapse; border-space:0;}
		table.retea td, table.retea th{border-bottom:1px solid #dadccb; padding:10px 3px;}
		.compartiment-title{font-size:25px; text-align:left; font-weight:500; color:#5d504f}
		table.retea th.compartiment-title-middle{padding-top:35px}
		.site-title a{font-size:18px; color:#5d504f;}
		.site-title a:hover{color:#000;}
		.visitors-header, .views-header{font-size:12px; color:#999; font-weight:normal; width:150px}
		.visitors, .views{text-align:center}

	.posts-list, .post-page{float:left; width:535px; margin-top:35px; margin-right:50px; font-size:14px}
		.posts-list h2{margin-bottom:10px; font-size:27px; font-weight:normal;}
		.post-page h2{font-size:27px; font-weight:normal; padding-bottom:10px;}
		.post-page h3{padding:10px 0 5px 0;}
		.post-page ol,.post-page ul{padding:0 0 0 20px;}
		.post-page li{padding:0 0 10px 0;}
		.posts-list a, .post-page a{color:#0074b6}
		.posts-list a:hover, .post-page a:hover{text-decoration:underline}
		.posts-list .post, .post-page .post{padding-bottom:0px; border-bottom:1px dotted #ccc; margin-bottom:50px; clear:both;}
	.postmetadata{font-size:12px; color:#999;}
	.postmetadata a{color:#999; text-decoration:underline;}
	.postmetadata a:hover{color:#666; text-decoration:none;}
	.postmetadata .calendar{padding-left:20px; background:url(images/ic-calendar.gif) no-repeat left 4px;float:left}
	.comment-preview{float:right; background:url(images/ic-comments.gif) no-repeat left 6px; padding-left:22px;}
        .case-study{margin:20px 0 40px 0; float:left;}
        .case-study li{list-style-type:none; float:left; width:250px; margin-right:77px; margin-bottom:30px}
        .case-study li a{padding:5px; border:1px solid #ccc; float:left;}
	.case-study li h3{float:left;}
        .case-study li h3 a{color:#5d504f; font-size:16px; border:none; padding:0; margin-top:5px; overflow: hidden; font-weight:normal}
        .case-study li h3 a:hover{color:#5d504f; text-decoration:underline}

.portfolio li{float:left; list-style-type:none; margin-right:50px; margin-bottom:50px}

	.sidebar{width:300px; float:left; margin-top:35px}
		.block{background:#F3F4EC; -moz-border-radius:10px; -webkit-border-radius:10px; float:left; padding:15px; margin-bottom:20px; width:270px}
			.block h2{font-weight:normal; color:#333; margin-bottom:10px}
			.block .cat-item{list-style-type:none; margin-bottom:10px;}
			.block .cat-item a{color:#690; text-decoration:underline; font-size:18px;}
			.block .cat-item a:hover{color:#0074b6; text-decoration:underline}
			
			.search-block #searchsubmit{background:url(images/ic-search.gif) no-repeat; width:35px; height:35px; border:none; cursor:pointer; float:left;}
			.search-block #s{width:190px; border:2px solid #DED8CD; font-size:14px; padding:4px 5px 3px; float:left; margin:4px 5px 0 0;}

	.navigation{margin-bottom:30px; float:left; width:100%}
		.navigation .alignleft, .navigation .alignright{width:220px}
		.navigation .alignright{text-align:right}
	
	.post-list{margin-top:50px; clear:both}	
	.comments-list li{list-style-type:none; line-height:20px; margin-bottom:35px; color:#333}
	.comments-list strong{font-size:18px; font-weight:normal;}
	.comments-list p{line-height:26px;}
	.date-time{color:#ccc}
	#add-comment{margin-top:50px; background-color:#f5f5f5; border-top:2px solid #ccc; text-indent:20px; padding-bottom:60px;}
	#add-comment h3{padding:10px 0; text-indent:15px; color:#555; font-size:24px; font-weight:normal;}
	#add-comment label{float:left; width:70px}
	#add-comment input, #add-comment textarea{background-image:none; background-color:#fff; border: 1px solid #ccc; margin-left:20px}
	#add-comment input{height:20px; margin-left:10px}
	#add-comment .form-item{margin-bottom:10px}	
	#add-comment .form-item input{float:left}
	#add-comment textarea{width:490px; margin:0}
	#add-comment input#submit {height:48px;clear:both;border:0;padding:0;float:left;background: url(images/btn-publish.png) no-repeat;margin-left:20px;cursor:pointer;width:114px}

.stats td{padding:5px 10px; border-bottom:1px solid #ccc;}

.contact-form{}
.contact-form .form-item{clear:both;}
.contact-form h2{font-size:28px; font-weight:500; padding:0 0 20px 0;}
.contact-form label{clear:both; font-size:18px; padding-bottom:5px; color:#333;}
.contact-form span.obligator{font-size:11px; color:#999;}
.contact-form .form-item{margin-bottom:20px; float:left; clear:both;}
.contact-form .form-item input{float:left; margin-right:5px; width:300px; height:20px; padding:4px 0 0 5px; font-size:15px; border:1px inset #ccc;}
.contact-form .form-item textarea{width:500px; margin:0; padding:4px 0 0 5px; font-size:15px; font-family:Arial, Verdana; border:1px inset #ccc;}
.contact-form .submit input{cursor:pointer; margin:0; border:none; background:url(images/btn-send.png) no-repeat;  width:114px; height:48px;}

.studii-de-caz{}
.studii-de-caz h2{font-size:27px; font-weight:normal; padding-bottom:10px;}
.studii-de-caz-left{float:left; width:625px;}
.studii-de-caz-left ul{margin:0 0 15px 0; list-style:none; float:left; clear:both;}
.studii-de-caz-left li{float:left; width:200px;}
.studii-de-caz-left a{color:#0074b6; text-decoration:underline;}
.studii-de-caz-left a:hover{color:#333; text-decoration:none;}
.studii-de-caz-right{float:right;}
.studii-de-caz-left .scop{background:#f3f4ec; padding:10px 15px; margin:5px 0 20px 0; color:#383332; font-size:13px; line-height:20px;}

.despre-clickits h2{font-size:27px; font-weight:normal; padding-bottom:10px;}
.despre-clickits-left{float:left; width:450px;}

.despre-clickits-right{float:right; width:370px;}
.despre-clickits-right table{margin:0 0 20px 0;}
.despre-clickits-right h3{font-size:23px; font-weight:normal; color:#666; padding:0 0 10px 0;}
.despre-clickits-right td{font-size:13px; line-height:24px;}
.despre-clickits-right td a{text-decoration:underline; color:#000;}
.despre-clickits-right td a:hover{text-decoration:none;}
.despre-clickits-right tr.name td{font-size:18px;}
.despre-clickits-right tr.functia td{color:#666;}

.nav-back-top{float:left; clear:both; margin:0 0 20px 0; font-size:12px; padding:0 0 5px 0; width:100%; border-bottom:1px dashed #e5e5e5;}
.nav-back-bottom{float:left; clear:both; margin:20px 0; font-size:12px; padding:5px 0 0 0; width:100%; border-top:1px dashed #e5e5e5;}
.nav-back-top a,.nav-back-bottom a{color:#0074b6; text-decoration:underline;}
.nav-back-top a:hover,.nav-back-bottom a:hover{color:#333; text-decoration:none;}

.footer{border-top:1px solid #ccc; padding:15px 10px 0; font-size:14px; margin:10px 0 0 25px}
        .menu{margin-bottom:10px; overflow:hidden}
        .menu li{list-style-type:none; float:left; margin-right:10px; padding-right:10px; border-right:1px solid #ccc;}
	 .menu li.last{border:0;}
        .menu li a{color:#0074b6}
	.address{color:#999; line-height:20px; float:left; margin-right:210px}
	.address a{color:#999; text-decoration:underline;}
	.address a:hover{color:#333; text-decoration:none;}		
	.contacts{color:#aeb18d;  float:left; font-size:16px; font-weight:bold; margin:0 0 0 30px}
		.phone-number{background:url(images/ic-phone.png) no-repeat left center; padding-left:37px;}
		.email{background:url(images/ic-email.png) no-repeat left center; padding-left:27px;}
		.phone-number span, .email span{float:left; margin-top:3px;}