/*  
Theme Name: KDE
Description: KD&E Website Theme
Author: Elias Interactive
Author URI: http://www.eliasinteractive.com
*/

/* Include Reset File */
@import url("reset.css");

	body {
		/*background-color: #ebebe6;*/
		background-color: #6a6a6a;
		/*font-family: 'Lucida Grande',Verdana,Arial,sans-serif; */
		font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
		font-size:14px;
		line-height:22px;
		color:#555;
		margin: 0 auto;
		border: 0px solid #000;
		padding: 0;
	}
	
	input[type=text] {
		font-size: 20px;
		width: 600px;
		border: 3px solid #ccc;
		padding: 5px;
	}
	
	textarea {
		font-size: 15px;
		width: 600px;
		border: 3px solid #ccc;
		padding: 5px;
	}
	
	input[type=submit] {
		background-color: #0093d9;
		color: #fff;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		padding: 3px 20px 3px 20px;
		border: 0px solid #fff;
		margin-top: 10px;
		font-size: 15px;
	}
	
	.button {
		background-color: #0093d9;
		color: #fff;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		padding: 3px 20px 3px 20px;
		border: 0px solid #fff;
	}
	
	.button a:link, .button a:visited, button a:active {
		color: #ccc;
		font-weight: bold;
	}
	
	.button a:hover {
		color: #fff;
		font-weight: bold;
	}
	
	a:link,a:visited,a:active {
		color:#999;
		text-decoration:none;
	}
	a:hover {
		color:#4d4e4e;
	}
	.clear {clear: both;}
	textarea,input {color:#7b7d6f}
	strong { font-weight:bold;}
	
	p img {padding: 0;max-width: 100%;}
	img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
	img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
	img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
	.alignright {float: right;}
	.alignleft {float: left}
	acronym, abbr, span.caps {cursor: help;}
	acronym, abbr {border-bottom: 1px dashed #999;}
	.center {text-align: center;}
	.hidden {display: none;}
	.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
	.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
	.wp-caption img {margin: 0;padding: 0;border: 0 none;}
	.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
	
	.work-title {
		/*background-color: #575757;*/
		color: #464646;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		padding: 10px 0 0 10px;
	}
	
	.current-project {
		background-color: #dceefa;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		margin: 10px 0 10px 0;
	}
	
	.hidden-project {
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		margin: 10px 0 10px 0;
	}
	
	.logo-img a:hover img {
		
	}
	
	#full {
		width: 100%;
		background-color: #c7ddeb;
	}
	
	#wrapper {
		width:960px;
		min-height: 591px;
		margin: 0 auto;
		border: 1px solid #c7ddeb;
		/*border: 1px solid #ccc;*/
		/*background: url(images/buildings.jpg) no-repeat;*/
		padding: 0;
	}
		
	#header {
		margin-bottom:20px;
		padding:0 10px;
		width:940px;
		display:block;
	}
		#header #logo {
			float:left;
			padding: 10px 0 0 38px;
		}
		
		#header #pagenav {
			float:left;
			padding: 0 0 0 10px;
		}					
			/* Superfish - Menu Styles */
			
			.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
			.sf-menu { margin-top:20px;}
			.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
			.sf-menu ul li {width:100%;}
			.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
			.sf-menu li {float:left;position:relative;}
			.sf-menu a {display:block;position:relative;}
			.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.2em; /* match top ul list item height */z-index:99;}
			ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
			ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12.8em; /* match ul width */top:0;}
			ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
			ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
			.sf-menu {float:left;margin-bottom:1em;}
			.sf-menu a {padding: 10px;text-decoration:none;}
			.sf-menu a, .sf-menu a:visited,.sf-menu a, .sf-menu a:link  { color: #999; }
			.sf-menu li {font-size:15px; text-transform: lowercase;}
			.sf-menu li a:hover {color: #4d4e4e;}
			.sf-menu li ul {background:#d2d2cf;border:1px solid #bbbbb8;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
			.sf-menu li ul li {font-size:16px;}
			.sf-menu li ul li a:link,.sf-menu li ul li a:visited { color:#6db2e2;}
			.sf-menu li ul li a:hover {border:0;background:#fff;}
			.sf-menu li ul li ul { background-color:#e2e2e2; border:1px solid #d1d1cc;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
			.sf-menu li ul li ul li a:link,.sf-menu li ul li ul li a:visited { color:#000;}
			.sf-sub-indicator { padding:0; margin:0;}
		
		#header #contact {
			float: right;
			padding: 27px 60px 0 0;
			text-align: right;
		}
		
				
	#main {
		clear:both;
		overflow:hidden;
		border: 0px solid #000;
	}
		#main .container {
			/*
			background-color:#ffffff;
			
			*/
			border:0px solid #d2d2cf;
			margin-bottom: 25px;
			overflow:hidden;
		}
		
			#rotator {
				height: 397px;
				overflow: hidden;
				background: url(images/mainad_bg.png) no-repeat;
			}
			
			
			
			#rotator #rotator-img {
				text-align: center;
				padding-top: 7px;
				border: 0px solid #000;
				padding-left: 54px;
			}
			
			#slogan {
				padding-left: 48px;
				padding-top: 10px;
			}

			#main .container .slogan {
				margin-bottom: 5px;
				text-align: center;
				font-size: 25px;
				text-transform: uppercase;
				line-height: 40px;
				letter-spacing: -2px;
				font-family: 'Helvetica',Verdana,Arial,sans-serif; 
			}
			
			#main .container .sub-slogan {
				margin-bottom:20px;
				padding: 10px 50px 0 50px;
				font-size: 15px;
				text-align: justify;
				line-height: 20px;
			}
			
			#main .container .sub-adverts {
				width: 100%;
				text-align: center;
				border: 0px solid #000;
			}
			
			#main .container .sub-adverts .sub-ad {
				width: 260px;
				height: 234px;
				border: 0px solid #000;
				float: left;
				margin: 0 0 0 45px;
				padding-top: 9px;
				background: url(images/mainsub_bg.png) no-repeat;
			}
		
			
			#main .container .portfolio {
				margin: 0 auto;
				border: 0px solid #000;
				text-align: center;
				padding-left: 40px;
				
			}
			
				#main .container .portfolio .projects-surround {
					float: left;
					text-align: center;
					border: 0px solid #000;
					margin: 0 15px 0 15px;
				}
				
				#main .container .portfolio .projects-surround .title {
					font-size: 16px;
					margin-top: -10px;
					padding-bottom: 30px;
					font-weight: bold;
				}
				
				.sub-ad .title {
					font-size: 16px;
					margin-top: 10px;
					padding-bottom: 30px;
					font-weight: bold;
				}
				
				#main .container .portfolio .projects-surround .project {
					width: 260px;
					height: 234px;
					border: 0px solid #000;
					background: url(images/mainsub_bg.png) no-repeat;
				}
				
				#main .container .portfolio .projects-surround .project .project-img {
					padding-top: 9px;
					margin-left: 6px;
				}
			
				#main .container .project {
					width: 560px;
					text-align: justify;
		
				}
				
					#main .container .project strong,
					#main .container .project b {
						color: #2583c1;
					}
				
					#main .container .content .project .title {
						color:#555;
						font-size:35px;
						
					}
					
					
					
			
			#main .container #hotlist-container {
				border: 0px solid #000;
				text-align: center;
				margin: 0 auto;
				padding-left: 25px;
			}	
			
		
			
			#main .container .hot-list {
				float: left;
				border: 0px solid #000;
				width: 43%;
				text-align: left;
				margin: 8px;
				padding: 10px 10px 10px 18px;
				
			}
			
			#main .container .hot-list .title {
				/*background: #dceefa url(images/page_white.png) no-repeat;
				background-position: 10px center;*/
				background-color: #0093d9;
				padding: 3px 0 3px 10px;
				font-weight: bold;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				width: 98%;
				margin-bottom: 10px;
				color: #fff;
			}
			
			
			.lightbox_container .post-title {
				font-weight: bold;
				font-size: 19px;
				color: #555;
			}
			
			.lightbox_container a {
				line-height: 40px;
				font-size: 18px;
			}
			
			#main .container .hot-list li {
				margin-left: 10px;
				padding-left: 10px;
				
			}
			
			.large {
				font-weight: bold;
				font-size: 19px;
				color: #555;
			}
			
						
			#main .container .content {
				line-height:24px;
				color:#7e7e7e;
				width:580px;
				padding-left: 54px;
				float:left;
				border: 0px solid #000;
			}
			
			#main .container .page-content {
				line-height:24px;
				color:#7e7e7e;
				width:840px;
				padding-left: 54px;
				margin-top: 20px;
				float:left;
				text-align: justify;
				border: 0px solid #000;
			}
			
				.picture-frame {
					width: 374px;
					height: 253px;
					border: 0px solid #000;
					float: right;

					background: url(images/pagepic_bg.png) no-repeat;
				}
				
				.picture-frame .picture {
					padding: 12px 0 0 12px;
				}
			
			
				#main .container .page-content .title {
					font-size:25px;
					color:#2583c1;
					margin-bottom:15px;
				}
			
			

				
			
			#main .container .fullwidth {
				width:900px;
			}
				#main .container .fullwidth .thumblarge {
					margin-bottom:20px;
				}
			
			#main .container .sidebar {
					width:290px;
					margin-left:10px;
					border: 0px solid #000;
					float:left;
					color:#555;
					font-size:25px;
					padding-top: 10px;
					
				}
				
				.clients {
					/*background-color: #dceefa;*/
					padding: 3px 0 3px 10px;
					font-weight: bold;
					/*
					-moz-border-radius: 9px;
					-webkit-border-radius: 9px;
					*/
					width: 98%;
					margin-bottom: 10px;
					margin-top: 20px;
				
				}
				
				#main .container .sidebar .logos {
					float: left;
					
				}
				
			
				
				#main .container .sidebar .widget {
					margin-bottom:20px;
				}
					#main .container .sidebar .widget h3 {
						padding:0 10px 10px;
						padding-top:0;
						margin-bottom:15px;
						font-size:24px;
						color:#747474;
						border-bottom:1px solid #e3e3e3;
					}
						#main .container .sidebar .widget h3 img {
							display:none;
						}
					#main .container .sidebar .widget ul {
					
					}
						#main .container .sidebar .widget ul li {
							padding-bottom:5px;
							padding-left:20px;
							background: url(images/icon_bullet.png) 0 5px no-repeat;
						}
						
				#main .container .sidebar .widget_rssfeed {
					font-size:16px;
				}
					#main .container .sidebar .widget_rssfeed ul li.rss { 
						background:url(images/rssfeed.png) 0 0 no-repeat; 
						padding:6px 0 10px 38px;
					}
					#main .container .sidebar .widget_rssfeed ul li.email { 
						background:url(images/mail.png) 0 0 no-repeat; 
						padding:6px 0 10px 38px;
					}
					#main .container .sidebar .widget_rssfeed ul li.twitter {
						background:url(images/twitter.png) 0 0 no-repeat; 
						padding:6px 0 10px 38px;
					}

				#main .container .sidebar .widget_search {
				
				}
					#main .container .sidebar .widget_search form {
					
					}
						#main .container .sidebar .widget_search form div {
							background:#e7e7e2;
							border:1px solid #cbcbc9;
							padding:5px;
						}
							#main .container .sidebar .widget_search form div input {
								border:0;
								background:#e7e7e2;
								color:#666666;
								padding:5px;
							}
								#main .container .sidebar .widget_search form div input#keyword {
									width:200px;
								}
								#main .container .sidebar .widget_search form div input#searchsubmit {
									cursor:pointer;
									color:#616161;
									border-left:1px solid #cbcbc9;
								}
					
	#footer {
		font-size:12px;
		line-height: 19px;
		padding:20px;
		border: 0px solid #000;
		/*background: url(images/footer.jpg) repeat-x;*/
		background-color: #6a6a6a;
		color: #fff;
	
	}
		#footer .footernav, #footer .copyright {
			text-align: center;
			width: 100%;
			border: 0px solid #000;
		}
		
		#footer .copyright {
			text-align:center;
			padding-top: 10px;
		}
	
.blue {
	color: #2583c1;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.clear {
	clear: both;
}

/* Calender styles */
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;text-align:center;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
	
/* WP-PageNavi Styles */		
.wp-pagenavi {
	clear:both;
	font-size:12px;
	padding:20px 10px 0;
	text-align:right;
	text-transform:uppercase;
	border-top:1px solid #e3e3e3;
}
	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #87b5ca;
		background-color: #FFFFFF;	
	}
	.wp-pagenavi a:visited {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #87b5ca;
	}
	.wp-pagenavi a:hover {	
		color: #000000;
	}
	.wp-pagenavi a:active {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		color: #87b5ca;
	}
	.wp-pagenavi span.pages {
		color: #737373;
		float:left;
	}
	.wp-pagenavi span.current {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		font-weight: bold;
		color: #303030;
	}
	.wp-pagenavi span.extend {
		padding: 2px 4px 2px 4px; 
		margin: 2px;	
		color: #000000;
	}

/* BLOG */	
	
.blogpost {
	
}	

.sep {
	border-top: 1px dotted #999;
	margin-top: 15px;
}
	
.blogpost h1 {
	font-size: 25px;
	line-height: 30px;
}

.blogpost h1 a {
	color: #555;
}

.blogpost h1 a:hover {
	color: #0093D9;
}

.blogpost .meta {
	font-size: 12px;
	margin-bottom: 15px;
}

.entry p, .project p {
	margin-bottom: 5px;
}

#main .container .sidebar2 {
	width:270px;
	margin-left:30px;
	border: 0px solid #000;
	float:left;
	padding-top: 10px;
	
}

.sidebar2 h3 {
	font-size: 17px;
}

.sidebar2 .widget {
	margin-bottom: 30px;
}

.sidebar2 .widget ul li {
	padding-left: 10px;
	border-top: 1px dotted #999;
}

.st_facebook, .st_twitter, .st_email, .st_sharethis {
	padding-top: 25px;
}

.chicklets {
	margin-top: 30px;
}

.entry .chicklets {
	margin-top: 15px;
}