/*
Theme Name: Corporate Folio Theme
Theme URI: 
Description: 
Version: 
Author: Tony Nachev
Author URI: 
*/

@import "css/reset.css";
@import "css/text.css";

html, body{
	background: #EFEFEF url(images/bg2.jpg) top center repeat-x;
	text-align: center;
}
a{
	color: #E3438A;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
h1 a,h2 a,h3 a{
	color: #E3438A;
	/*text-transform: uppercase;*/
	font-size:22pt;
	letter-spacing:-0.8pt;
	line-height:25pt;
	text-decoration: none !important;
}
h1 a:hover,h2 a:hover,h3 a:hover{
	color: #F8A4C9;
}
#wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: left;
}
#logo{
	float: left;
	width: 407px;
	height: 99px;
	background: url(images/logo.png) top left no-repeat;
	margin: 130px 0 20px 10px;
}
#header{
	position: relative;
}
#slogan{
	position: absolute;
	top: 55px;
	left: 84px;
	display: block;
	float: left;
}
#logo a{
	text-indent: -9999px;
	display: block;
	width: 407px;
	height: 99px;
}


#rss a{
	float: right;
	display:block;
	width: 80px;
	height: 80px;
	margin: 0;
	background: url(images/rss.png);
	background-position:0 0px;
	background-repeat:no-repeat;
	
}
#rss a:hover{
	float: right;
	display:block;
	width: 80px;
	height: 80px;
	margin: 0;
	background: url(images/rss.png);
	background-position:0 -81px;
	background-repeat:no-repeat;
}
#main_navigation{
	float: left;
	list-style: none;
	width:850px;
	/*width:100%;*/
	margin: 18px 0 0 20px;

}
#main_navigation li{
	float: left;
	margin: 0 10px 0 0;
}
#main_navigation li.current_page_item{
	/*background: url(images/nav_l.gif) top left no-repeat !important;*/
	background-color:#3C3C3C;

}
#main_navigation li.hovered{
	/*background: url(images/nav_lh.gif) top left no-repeat;*/
	background-color:#3C3C3C;

}	
#main_navigation li a{
	display: block;
	padding: 5px 10px 7px 10px;
	text-decoration: none;
	color: #000000;
	letter-spacing:-0.8pt;
	/*text-transform: uppercase;*/
	font-size:16pt;
	font-weight:bold;
}
#main_navigation li.current_page_item a{
	/*background: url(images/nav_r.gif) top right no-repeat !important;*/
	background-color:#3C3C3C;
	color: #fff;
}
#main_navigation li.hovered a{
	/*background: url(images/nav_rh.gif) top right no-repeat;*/
	background-color:#E3438A;
	color: #fff;

}

.content{
	/*background: url(images/XXXcontent_repeat.gif) top left repeat-y;*/
	margin: 25px 0 10px 0;
}
.content_footer{
	/*background: url(images/XXXcontent_foot.gif) top left no-repeat;*/
	height: 15px;
}
#content_background1{
	/*background: url(images/XXXwidget_row1_bg.gif) top left repeat-x;*/
}
#content_background2{
	background: url(images/widget_row2_bg.gif) top left repeat-x;
	
}
#featured{
	/*background: url(images/xxxfeatured_bg.gif) top left no-repeat;*/
	background-color:#333;
	width: 930px;
	height: 243px;
	margin: 0 auto;
	padding: 25px 20px 20px 20px;
	color:#FFFFFF;
	font-size:11pt;
}

	#slides{
		width: 930px !important;
	}
	li.slide{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 930px !important;
		height: 243px;
		display: none;
	}
	#s1{
		display: block;
	}
	#featured img{

	}
	.extra{
		/*text-transform: uppercase;*/
		color: #FFF;
		font-size: 11pt;
		font-weight:bold;
		background-color:#E3438A;
		padding:2px 5px 2px 5px;
	}
	#featured h1{
		margin: 0;
	}
	.next_link{
		background: url(images/next_link.gif) top left no-repeat;
		float: right;
		position: absolute;
		top: 205px;
		right: 0px;
	}
	.next_link a{
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		padding: 10px;
		text-transform: uppercase;
		font-size: 13px;
		display: block;
		background: url(images/next_link_r.gif) top right no-repeat;
	}

.col{
	list-style:none;
	float: left;
	width: 300px;
	margin: 30px 30px 0 0;
	min-height: 340px;
}
.widget{
	margin: 8px 0 0 0;
}
.widget ul{
	margin: 0;
	padding: 0;
}
.widget a{
	font-weight:normal;
}
.widget h2{
	/*text-align: center;*/
	font-size: 14pt;
	color:#FFFFFF;
	border-bottom: 0px solid #E3438A;
	margin: 0 0 15px  0;
	padding: 10px 0 10px 0;
	/*background: url(images/xxicon1.gif) top center no-repeat;*/
}
.c1{
	background: url(images/widget_row1_bg.gif);
	background-position:0 0px;
	background-repeat:no-repeat;
	/*background-color:#000000;*/
	color:#FFFFFF;
	font-size:11pt;
}
.c1 .widget, .c3 .widget{
	padding: 5px 20px 10px 30px;
}
.c2 .widget{
	padding: 5px 20px 10px 30px;
}
.c2 {
	background: url(images/widget_row1_bg.gif);
	background-position:0 0px;
	background-repeat:no-repeat;	/*background-color:#E3438A;*/
	color:#FFFFFF;
	font-size:11pt;
}
.c3{
	margin: 30px 0 0 0;
	background: url(images/widget_row1_bg.gif);
	background-position:0 0px;
	background-repeat:no-repeat;	/*background-color:#E3438A;*/
	color:#FFFFFF;
	font-size:11pt;	
}

/*Rollover Effect of panel changing color*/
.c1-on{
	background: url(images/widget_row1_bg.gif);
	background-position:0 -340px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11pt;	
}
 .c2-on{
	background: url(images/widget_row1_bg.gif);
	background-position:0 -340px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11pt;	
}
.c3-on{
	margin: 30px 0 0 0;
	background: url(images/widget_row1_bg.gif);
	background-position:0 -340px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11pt;	
}
.c1-on .widget, .c3-on .widget{
	padding: 5px 20px 10px 30px;
}
.c2-on .widget{
	padding: 5px 20px 10px 30px;
}



/*2nd row*/
.Xcol{
	list-style:none;
	float: left;
	width: 300px;
	margin: 30px 30px 0 0;
	min-height: 320px;
}
.Xc1{
	background: url(images/xwidget_row1_bg.gif) top right no-repeat;
	color:#000000;
	
}
.Xc1 .Xwidget, .Xc3 .Xwidget{
	padding: 5px 10px 10px 20px;
}
.Xc2 .Xwidget{
	padding: 5px 10px 10px 20px;
}
.Xc2 {
	background: url(images/xwidget_row1_bg.gif) top right no-repeat;
	color:#000000;
	
}
.Xc3{
	margin: 30px 0 0 0;
	background: url(images/xwidget_row1_bg.gif) top left no-repeat;
	color:#000000;
	
}
.Xwidget{
	margin: 8px 0 0 0;
}

.Xwidget a{
color:#E3438A;
}

.Xwidget ul{
	margin: 0;
	padding: 0;
}
.Xwidget h2{
	/*text-align: center;*/
	font-size: 15pt;
	color:#000000;
	border-bottom: 0px solid #E3438A;
	margin: 0 0 15px  0;
	padding: 10px 0 10px 0;
	background: url(images/xxicon1.gif) top center no-repeat;
}
.Xwidget ul li{
	background: url(images/bullet.gif) top left no-repeat;
	background-position: 0 5px;
	font-weight: bold;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}
/*2nd row*/


.widget ul li{
	background: url(images/bullet.gif) top left no-repeat;
	background-position: 0 5px;
	font-weight: bold;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}
.read_more{
	float: right;
	background: url(images/read_more.gif) top left no-repeat;
	padding: 0 0 5px 0;
}
.read_more a{
	padding: 8px 10px 5px 12px;
	display: block;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none !important;
	font-size: 12px;
	background: url(images/read_more_r.gif) top right no-repeat;
}
.widget h4{
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.widget h4 a{
	color: #4594C7;
}
.meta-data{
	text-transform: uppercase;
	font-size: 12px;
	color: #696A6C;
}
.widget blockquote{
	font-style: italic;
}
.widget cite{
	float: right;
	font-weight: bold;
	font-style: normal;
}
.flickr_badge_image{
	float: left;
	margin: 2px;
	border: 3px solid #DEDFE0;
}
#footer{
	/*background: url(images/XXfooter.gif) top left no-repeat;*/
	margin: 0 0 10px 0;
	height: 15px;
	padding: 0px 5px 0 5px;
	font-size:10pt;
}
#footer p{
	float: left;
}
#footer ul{
	float: right;
}
#footer li{
	list-style: none;
	float: left;
}
#footer li a{
	color: #000;
	text-decoration: none;
}
#footer li a:hover{
	color: #E3438A;
	text-decoration:underline;
}


/* Inner page styles*/

#page_heading{
	margin: 0 auto;
	width: 920px;
	background-color:#3C3C3C;
	/*background: url(images/heading.jpg) top left no-repeat;*/
	height: 57px;
	padding: 25px 20px 0px 20px;
}
#page_heading h1{
	width: 630px;
	float: left;
	color:#FFFFFF;
}
#search{
	width: 290px;
	float: left;
}
.page{
	float: left;
	width: 600px;
	padding: 20px 30px 30px 20px;
}
.search_btn{
	background: url(images/search.gif) top left no-repeat;
	width: 86px;
	height: 39px;
	text-indent: -9999px;
	float: left;
	border: 0px solid;
}
#searchinput{
	background: url(images/search_field.gif) top left no-repeat;
	width: 193px;
	height: 32px;
	float: left;
	margin: 3px 5px 0 0;
	
}
#searchinput input{
background-color:transparent;
	width: 180px;
	margin: 2px 0 2px 2px;
	height: 20px;
	padding: 5px 0 0 5px;
	border: 0px solid;
	color:#FFFFFF
}
.page a,.page-wide a{
	color: #E3438A;
	text-decoration: none;
}
.page a:hover,.page-wide a:hover{
	text-decoration: underline;
}
.meta{
	float: left;
	width: 140px;
}
.meta h3{
	font-size: 13px;
	background: #E3438A;
	color: #fff;
	padding: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #E3438A;
}
.meta span{
	text-transform: uppercase;
	font-size: 11px;
}
.post{
	border-bottom: 1px solid #DFDFDF;
	margin: 0 0 20px 0;
}
.entry{
	float: right;
	width: 440px;
	padding: 0 0 10px 0;
}
.entry h2{
	font-size: 20px;
}
#bademail{
	border: 3px solid #E3438A;
	background: #E3438A;
	padding: 5px;
	margin-bottom: 10px;
	color:#FFFFFF;
}
#success{
	border: 3px solid #333333;
	background: #333333;
	padding: 5px;
	margin-bottom: 10px;
	color:#FFFFFF;
}
#badserver{
	border: 3px solid #E3438A;
	background: #E3438A;
	padding: 5px;
	margin-bottom: 10px;
	color:#FFFFFF;
}
#myForm input,#myForm textarea{
	border: 1px solid #ccc;
	padding: 5px;
}
#submitinput{
	background: #E3438A;
	color: #fff;
	font-weight: bold;
	border: 1px solid #275F83;
}
/* POST STYLES */

.alignleft{
	float: left;
	margin: 0 20px 0 0;
}
.alignright{
	float: right;
	margin: 0 0 0 20px;
}

/* COMMENTS */

.commentlist{
	list-style: none;
}
.commentlist li{
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
	/*background: url(images/blank.gif) top left no-repeat;*/
	background: #EFEFEF;
	height: 100px;
	padding: 10px;
}
.comment-author{
	float: right;
	width: 90px;
	margin: 0;
}
.says{
	display: none;
}
.fix{
	clear: both;
}
.comment-meta{
	text-transform: uppercase;
	font-size: 11px;
}
form#comments{
	background: url(images/blank.gif) top left no-repeat;

	/*background: #EFEFEF;*/
}
.fieldset li{
	list-style: none;
	border-bottom: 1px solid #fff;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #ddd;
	margin: 0;
}
#comments input,#comments textarea{
	border: 1px solid #ccc;
	padding: 5px;
}
.submit{
	text-align: center;
	padding-bottom: 10px;
}
#submit{
	background: #E3438A;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #E3438A;
}

/* Widget Styles */

#calendar_wrap table{
	width: 100%;
}
#calendar_wrap table caption{
	background: #EDEDED;
	padding: 5px;
}
li.testimonial img{
	float: left;
	margin: 6px 20px 0px 0;
}
.widget a{
	background-color:#C60372;
	color: #ffffff;
	font-size:11pt;
	padding: 1px 3px 1px 3px;
}
.widget a:hover{
	background-color:#D10A7B;
	padding: 1px 3px 1px 3px;
	text-decoration:none;
}

.Xwidget a{
	color: #E3438A;
}
.testimonial h2{
	/*background-image: url(XXXimages/icon2.gif);*/
	color:#000000
}
.gallery h2{
	/*background-image: url(XXXimages/icon3.gif);*/
	color:#000000
}
.widget_pages h2{
	/*background-image: url(XXXimages/icon6.gif);*/
}
.widget_recent_entries h2{
	/*background-image: url(XXXimages/icon4.gif);*/
}
.widget_categories h2{
	/*background-image: url(XXXimages/icon7.gif);*/
}
.widget_links h2{
	/*background-image: url(XXXimages/icon8.gif);*/
}
.widget_tag_cloud h2{
	/*background-image: url(XXXimages/icon10.gif);*/
	color:#000000
}
.widget_tag_cloud a{
	color: #E3438A;
}
.widget_recent_comments h2{
	/*background-image: url(XXXimages/icon2.gif);*/
}
.widget_recent_comments{
	font-weight: normal;
}
.widget_contact{
	margin-top:18px;
}


/*page with no sidebar*/
.page-wide{
	width: 940px;
	margin: 0 auto;
	padding: 25px 10px 0 10px;
}
.post-wide{
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #DFDFDF;
}
.post-wide .meta{
	width: 575px;
}
.post-wide .entry{
	width: 365px;
}

#map{
	float: right;
	display:block;
	width: 310px;
	margin: 15px 0 0 0;
	/*background: url(images/rss.png) top left no-repeat;*/
}
#map .mapcontainer{
	padding:3px 3px 3px 3px;
	background-color:#333333;
}

.pink{
	color:#E3438A;
}

/* For pages with image on the left and text on the right */
.leftrightcontent {
   /*position: relative;*/
   width:100%;
   min-height: 460px;
   max-height:730px;
   }

.left-element {
 /*  position: absolute;*/
   float:left;
   left: 0;
   width: 60%;
   }

.right-element {
   /*position: absolute;*/
   float:left;
   right: 0;
   width: 40%;
   text-align: left; /* depends on element width */
   }