/*  
Theme Name: TheeDesign
Theme URI: http://www.theedesign.com/
Description: TheeDesign Studio - WordPress Theme
Version: 2.1
Author: TheeDesign Studio
Author URI: http://www.theedesign.com/
*/

html, body {
	background: #0E1E2E url(images/bg.jpg) repeat center top;
	color: #222;
	font: 13px Tahoma, Geneva, Verdana, sans-serif;
}

a {
	color: #036;
	text-decoration: none;
	outline: 0;
}
a:hover { text-decoration: underline; }
a img { border: none; }

/* =LAYOUT
------------------------------------------------------------------------------------------------ */
	.wrap {
		width: 960px;
		margin: 0 auto;
		padding: 0 10px;
	}
	#page {
		background: #69F url(images/wood_b.jpg) repeat-x center top;
		border-top: 1px solid #204050;
		border-bottom: 2px solid #000;
	}
	#page-top {
		height: 60px;
		background: url(images/page_top.jpg) no-repeat center top;
	}
	#page-mid {
		padding: 20px 10px;
		background: url(images/page_mid.png) repeat-y center top;
	}
	#content {
		float: left;
		width: 590px;
		margin: 0 30px;
	}
	#sidebar {
		float: left;
		width: 250px;
		margin: 0 30px;
	}
	#page-btm {
		padding: 24px 10px 10px;
		background: url(images/page_btm.png) no-repeat center top;
		color: #036;
		font: 11px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-align: center;
	}
	
	#homepage,
	#landingpage {
		background: #69F url(images/wood_a.jpg) repeat-x center top;
		border-top: 1px solid #204050;
		border-bottom: 2px solid #000;
	}

/* =HEADER
------------------------------------------------------------------------------------------------ */
	#header-wrap { height: 70px; }
	/* logo */
		#logo { float: left; }
		#logo h3 a {
			display: block;
			width: 300px; height: 40px;
			margin: 20px 0 0;
			background: url(images/logo.jpg) no-repeat left top;
			text-indent: -9999px;
		}
		#logo h4 {
			display: none;
		}
	/* main menu */
		#main-menu {
			float: right;
			margin: 10px 0;
		}
		#main-menu li { float: left; }
		#main-menu li a {
			display: block;
			height: 50px;
			background: url(images/main_menu.jpg) no-repeat;
			text-indent: -9999px;
		}
		#main-menu #main-menu-1098 a { width: 54px; background-position:    0px 0px; }
		#main-menu #main-menu-502  a { width: 91px; background-position:  -54px 0px; }
		#main-menu #main-menu-507  a { width: 86px; background-position: -145px 0px; }
		#main-menu #main-menu-508  a { width: 89px; background-position: -231px 0px; }
		#main-menu #main-menu-1100 a { width: 61px; background-position: -320px 0px; }
		#main-menu #main-menu-511  a { width: 74px; background-position: -381px 0px; }
		#main-menu #main-menu-1098 a:hover { width: 54px; background-position:    0px -50px; }
		#main-menu #main-menu-502  a:hover { width: 91px; background-position:  -54px -50px; }
		#main-menu #main-menu-507  a:hover { width: 86px; background-position: -145px -50px; }
		#main-menu #main-menu-508  a:hover { width: 89px; background-position: -231px -50px; }
		#main-menu #main-menu-1100 a:hover { width: 61px; background-position: -320px -50px; }
		#main-menu #main-menu-511  a:hover { width: 74px; background-position: -381px -50px; }

/* =HEADLINE
------------------------------------------------------------------------------------------------ */
	#headline {
		height: 340px;
		background: url(images/headline.jpg) no-repeat center top;
	}
	#headline-slideshow {
		height: 340px;
		background: url(images/headline_slideshow.jpg) no-repeat center top;
	}
	/* headline text */
		#headline-text {
			float: left;
			width: 450px;
			margin: 45px 0 0;
		}
		#headline-text h1 {
			margin-bottom: 20px;
			color: #FFF;
			font: 22px/125% Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
			text-shadow: 0 1px 1px #000;
		}
		#headline-text h5 {
			margin-bottom: 25px;
			color: #9CF;
			font: 16px/135% Arial, "Helvetica Neue", Helvetica, sans-serif;
		}
	/* headline slideshow */
		#headline-slides {
			float: right;
			position: relative;
		}
		#cycle {
			margin: 45px 30px 0 0;
		}
		#cycle div {
			padding: 10px 10px 11px;
			background: url(images/slide.jpg) no-repeat left top;
		}
		#cycle-prev {
			position: absolute;
			left: -40px; top: 150px;
		}
		#cycle-prev a {
			display: block;
			width: 35px; height: 40px;
			text-indent: -9999px;
		}
		#cycle-next {
			position: absolute;
			left: 425px; top: 150px;
		}
		#cycle-next a {
			display: block;
			width: 35px; height: 40px;
			text-indent: -9999px;
		}
	/* headline image */
		#headline-image {
			float: right;
		}
		#headline-image img {
			margin: 20px 20px 0 0;
		}

/* =CONTENT
------------------------------------------------------------------------------------------------ */
	#page-title {
		margin: 0 0 30px;
		font: normal 27px/115% Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	.post h2 {
		margin: 25px 0 15px;
		font: normal 21px/115% Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	}
	.post h2 a {
		border-bottom: 1px dotted #ABD;
	}
	.post h3 {
		margin: 25px 0 15px;
		font: bold 16px/115% Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	.post p {
		margin: 15px 0;
		line-height: 140%;
	}
	.post p a {
		background: #F0F3F5;
	}
	.post ul {
		margin: 15px 0 15px 15px;
		list-style-type: disc;
	}
	.post ol {
		margin: 15px 0 15px 15px;
		list-style-type: decimal;
	}
	.post li {
		margin: 5px;
		line-height: 125%;
	}
	/* excerpt */
		.post h2.post-title {
			margin: 40px 0 10px;
		}
		.post-excerpt p {
			margin: 10px 0;
		}
	/* post meta */
		.post-meta {
			clear: both;
			margin: 0 0 15px;
			padding-top: 1px;
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			border-top: 1px dotted #bbb;
		}
		.post-meta-date {
			padding: 2px 5px;
			background: #cadbed;
			color: #fff;
			font-size: 10px;
			font-weight: bold;
		}
		.post-meta-cats {
			padding: 2px 5px;
			font-size: 10px;
			font-weight: bold;
		}
		.post-meta-cats a {
			color: #369;
		}
	/* breadcrumb */
		.breadcrumb {
			padding: 35px 20px 0;
			color: #9CF;
			font: bold 10px Arial, "Helvetica Neue", Helvetica, sans-serif;
		}
		.breadcrumb a {
			color: #FFF;
		}
	/* image frame */
		.image-frame {
			padding: 15px 0;
			background: #FFF;
			border: 1px solid #EAEEF1;
			border-width: 10px 1px;
			text-align: center;
		}
		.image-frame img {
			box-shadow: 0 1px 2px #666;
			-webkit-box-shadow: 0 1px 2px #666;
			-moz-box-shadow: 0 1px 2px #666;
			border: 1px solid #FFF;
		}
		.image-frame object {
			display: block;
			margin: 0 auto;
			box-shadow: 0 1px 2px #666;
			-webkit-box-shadow: 0 1px 2px #666;
			-moz-box-shadow: 0 1px 2px #666;
			border: 1px solid #FFF;
		}
	/* sitemap */
		.sitemap {
			margin: 15px;
			list-style-image: url(images/folder_full.png);
		}
		.sitemap a {
			border-bottom: 1px dotted #457;
		}
		.sitemap li ul {
			margin: 0 0 0 15px;
			list-style-image: url(images/pages.png);
		}
		.sitemap li ul li ul {
			list-style-image: url(images/full_page.png);
		}
		.sitemap li ul li ul li ul {
			list-style-image: none;
			list-style-type: disc;
		}

/* =SIDEBAR
------------------------------------------------------------------------------------------------ */
	#sb-cta { margin-bottom: 10px; } /* Sidebar Call to Actio */
	.submenu { border-top: 1px dashed #9BA1A5; }
	.submenu li a {
		display: block;
		padding: 7px 0;
		border-bottom: 1px dashed #9BA1A5;
		color: #036;
		font: bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	.submenu li.current_page_item > a {
		text-decoration: underline;
	}
	.submenu li ul li a {
		padding-left: 20px;
		color: #000;
		background: url(images/submenu_arrow_right.png) no-repeat left center;
		font: bold 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	.submenu li ul li.current_page_item a,
	.submenu li ul li.current_page_parent a {
		background: url(images/submenu_arrow_down.png) no-repeat left center;
	}
	.submenu li ul li ul li { display: none; }
	.submenu li ul li ul li a {
		padding-left: 31px;
		background: none;
		color: #036;
		font: bold 11px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	.submenu li ul li.current_page_item ul li,
	.submenu li ul li.current_page_parent ul li {
		display: block;
	}
	.submenu li ul li.current_page_item ul li a,
	.submenu li ul li.current_page_parent ul li a {
		background: none;
	}
	.submenu > li.current_page_item > ul > li.page_item > ul,
	.submenu > li.current_page_ancestor > ul > li.page_item > ul {
		display: none;
		}
	.submenu > li.current_page_ancestor > ul > li.current_page_item > ul,
	.submenu > li.current_page_ancestor > ul > li.current_page_parent > ul {
		display: block;
		}
	/* latest articles on homepage */
		.latest-title {
			color: #036;
			font: 18px Arial, "Helvetica Neue", Helvetica, sans-serif;
			text-shadow: 0 1px 1px #FFF
		}
		.latest-article {
			margin: 15px 0 25px;
		}
		.latest-article-title {
			min-height: 16px;
			margin: 0 0 5px;
			padding: 0 0 0 25px;
			background: url(images/page.png) no-repeat left center;
			font: normal 14px/125% Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		}
		.latest-article-excerpt {
			font-size: 11px;
			line-height: 130%;
		}

/* =FOOTER
------------------------------------------------------------------------------------------------ */
	#footer {
		padding: 30px 0 0;
	}
	#footer-wrap {
		position: relative;
		padding-bottom: 90px;
		background: url(images/footer.jpg) no-repeat center bottom;
	}
	#footer h6 {
		font: 14px Arial,"Helvetica Neue",Helvetica,sans-serif;
	}
	#footer h6 a {
		color: #fff;
	}
	.footer-col {
		float: left;
		margin-right: 80px;
	}
	.footer-col ul {
		margin: 10px 0 25px 15px;
		list-style-type: disc;
	}
	.footer-col ul li {
		margin: 5px 0;
		color: #457;
		font-size: 12px;
	}
	.footer-col ul li a { color: #457; }
	.footer-col ul li a:hover { color: #69F; }
	
	/* social media */
		#footer-social {
			position: absolute;
			right: 10px; top: 0px;
		}
		#footer-social h6 { margin: 0 0 7px; }
		#footer-social ul {
			width: 224px;
		}
		#footer-social ul li {
			float: left;
			margin: 5px 8px 0 0;
		}

/* =TESTIMONIALS
------------------------------------------------------------------------------------------------ */
	.testimonial {
		margin: 30px 0;
	}
	.testimonial-text {
		padding: 15px 20px;
		background: #eaeef1;
		font: italic 13px/150% Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		border: 1px solid #fff;
	}
	.testimonial-arrow {
		position: relative;
		left: 25px; top: -1px;
		width: 0px; height: 0px;
		border-left: 10px solid #f7f7f7;
		border-right: 10px solid #f7f7f7;
		border-top: 12px solid #eaeef1;
	}
	.testimonial-meta {
		margin-top: 2px;
		padding-left: 10px;
		color: #444;
		font-size: 11px;
	}
	.featured-testimonial {
		margin: 30px 0;
	}
	.featured-testimonial-text {
		padding: 15px 20px;
		background: #eaeef1;
		font: italic 13px/150% Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		border: 1px solid #fff;
	}
	.featured-testimonial-title {
		margin: 0 0 10px !important;
		color: #0E1E2E;
		font: bold 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-shadow: 0 1px 1px #FFF;
	}
	.featured-testimonial-arrow {
		position: relative;
		left: 25px; top: -1px;
		width: 0px; height: 0px;
		border-left: 10px solid #f7f7f7;
		border-right: 10px solid #f7f7f7;
		border-top: 12px solid #eaeef1;
	}

/* =SERVICES
------------------------------------------------------------------------------------------------ */
	.services-title {
		margin: 0 !important;
		padding: 5px 10px;
		background: #e2e2e2;
		color: #aaa;
		font-size: 16px;
		letter-spacing: 1pt;
		text-shadow: 0px 1px 1px #fff;
	}
	.service {
		padding: 10px;
		border-top: 2px solid #FFF;
		border-bottom: 1px solid #E7E7E7;
	}
	.service h2 {
		margin: 0 0 0.5em 70px;
		font: 16px Tahoma, Geneva, Verdana, sans-serif;
	}
	.service h3 {
		margin: 0 0 0.75em 70px;
		font: 13px/135% Tahoma, Geneva, Verdana, sans-serif;
	}
	.service p {
		margin: 0 0 0.5em 70px;
		color: #036;
		font-size: 10px;
	}
	.service p a {
		font-size: 11px;
	}
	#service-web		{ background: transparent url(images/service_icons/web.png) no-repeat left top; min-height: 48px; }
	#service-software	{ background: transparent url(images/service_icons/software.png) no-repeat left top; min-height: 48px; }
	#service-video		{ background: transparent url(images/service_icons/video.png) no-repeat left top; min-height: 48px; }
	#service-seo		{ background: transparent url(images/service_icons/seo.png) no-repeat left top; min-height: 48px; }
	#service-print		{ background: transparent url(images/service_icons/print.png) no-repeat left top; min-height: 48px; }

/* =PORTFOLIO
------------------------------------------------------------------------------------------------ */
	.portfolio {
		margin: 15px 0;
	}
	.portfolio ul {
		margin: 0;
		list-style-type: none;
	}
	.portfolio ul li {
		margin: 0;
		line-height: 100%;
	}
	/* Portfolio Grid */
		.portfolio-grid {
			padding: 4px;
			background: #e7e7e7;
		}
		.portfolio-grid ul li {
			float: left;
			margin: 4px;
		}
		.portfolio-grid ul li a {
			display: block;
			padding: 8px;
			background: #fff;
			border: 1px solid #c7c7c7;
		}
		.portfolio-grid ul li a:hover {
			border: 1px solid #e7e7e7;
		}
	/* Portfolio Single */

/* =PRICELIST TABLE
------------------------------------------------------------------------------------------------ */
	.pricelist-table {
		border-color: #0E1E2E;
		border-style: solid;
		border-width: 0 1px 10px;
	}
	.pricelist-table th,
	.pricelist-table td {
		padding: 5px 10px;
	}
	.pricelist-table th {
		background: #0E1E2E;
		color: #FFF;
	}

.clear { clear: both; }