/*
==  CUSTOM STYLESHEET  ========================================================

HOW TO USE THIS FILE:
	Simply copy an existing style from the style.css file to this one and 
	modify however you like. It will override the default style.

WHY USE THIS FILE:
	Adding your custom CSS here will make it much easier to upgrade to a 
	newer version of this theme without losing any of your customizations.

===============================================================================
ADD YOUR CUSTOM CSS BELOW THIS LINE 

Custom Colors DK Blue #3E4A7A, Blue #757EA0, LT Blue #ACB1C6, Pale Blue #E3E5EC. White #FFFFFF, Black #000000  

/*REMEMBER: Change "Filter" to Project Type in Portfolio Page Template PHP file*/

body {
	background: url(images/bg_dkbl.png) repeat scroll 0 0 #cad3ff;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#slides .post-content {
    	display:none;
}
h1 {
	font: 12px/20px "Bodoni", Times New Roman, Georgia, serif;
	font-size: 28px;
	line-height: 32px;
	margin: 0 0 20px 0;
}

h2 {
	font: 12px/20px "Bodoni", Times New Roman, Georgia, serif;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 20px 0;
}

li {
    list-style-position: outside;
}

#primary-menu ul li.menu-item-ancestor li a,
#primary-menu ul ul li a {
	font-size: 12px;
	margin: 0 15px;
	padding: 7px 0;
	display: block;
	border-bottom: 1px solid #ACB1C6;
	background: none;
	color: #ccc;
}
#primary-menu ul li.current-menu-item li a,
#primary-menu ul a {
	padding: 0 10px;
	color: #666;
	font-size: 16px;
}
#primary-menu ul li:after {
	content: '|';
	color: #ACB1C6;
}
/* 2nd level skin */
#primary-menu ul ul {
	padding: 10px 0;
	background: #757EA0;
	border-right: 1px solid #3E4A7A;
	display: block;
}


#page-title {
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	margin: 0;
}
#page-caption {
    background: none repeat scroll 0 0 #3e4a7a;
    border-bottom: 5px solid #ACB1C6;
    color: #E3E5EC;
    padding: 20px 0;
}
#header-bottom {
    padding: 20px;
}
#header {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 5px solid #ACB1C6;
    border-top: 10px solid #3e4a7a;
}
#content {
    border-bottom: 10px solid #3e4a7a;
}
#services {
    background: none repeat scroll 0 0 #757EA0;
    padding: 30px 0 0;
}
#services .widget-title {
	color: #fff;
	border-bottom: 5px solid #3E4A7A;
}
#services .widget { color: #FFFFFF; }

#featured-projects .post-title,
#featured-projects .post-title a {
	color: #000;
        font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
	font-weight: bold;
	margin: 0;
}
#featured-projects .post-content {
	color: #FFF;
	font-size: 12px;
}
#featured-projects .post-title a:hover { color: #fff;}
#featured-projects {
    background: none repeat scroll 0 0 #ACB1C6;
    padding: 30px 0 0;
}
#filter .title span, #news .title span {
    background: none repeat scroll 0 0 #ACB1C6;
    color: #FFFFFF;
}
#featured-projects .title span {
    background: none repeat scroll 0 0 #757EA0;
    color: #FFFFFF;
}
#news { 
    background: none repeat scroll 0 0 #E3E5EC;
    padding: 30px 0; 
}


.title span {
    background: none repeat scroll 0 0 #3e4a7a;
    float: left;
    height: 49px;
    line-height: 50px;
    padding: 0 20px;
}
.title {
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 50px;
    margin: 0 0 20px;
    padding: 0 16px 0 0;
}

.post-meta {
	font-size: 11px;
	color: #ACB1C6;
	margin: 0 0 20px 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.fixed .post-meta {
	float: left;
	background: #3e4a7a;
	padding: 15px;
	width: 100px;
	margin: 0 20px 20px 0;
}
.fixed .meta-published,
.fixed .meta-comment,
.fixed .meta-category {
	border-bottom: 1px solid #FFFFFF;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	display: block;
}
.post-content p { 
	clear: none; 
}

.post-overlay .post-title {
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0 10px;
}
.post-overlay .post-content {
	color: #000000;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	padding: 0 10px;
}
.post-title,
.post-title a {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: #333;
	margin: 0;
}
.post-content a {
	border-bottom: 1px solid #ACB1C6;
	font-weight: normal;
        color: #3E4A7A !important;
}
.post-content a:hover { color: #ACB1C6 !important; }


/* spacing fix for firefox */
@-moz-document url-prefix() {
	#filter .title {
		padding-right: 16px;
		margin-right: 8px;
	}
	#filter li a {
		padding: 0 15px 0 7px;
	}
}
#filter a {
	padding: 0 10px;
	color: #666;
	font-size: 16px;
}
#filter li a {
	padding: 0 10px 0 10px;
	}
#filter li::after {
	content: '|';
	color: #ACB1C6;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer .inner-padding { padding: 0 20px; }

.layout-fullwidth #footer {
	background: #444444;
	margin: 0;
	padding: 0 0 20px 0;
	color: #FFF;
}

#footer .inner-padding { margin: 20px 0; }

.layout-fullwidth #footer a { color: #FFF; }

.layout-fullwidth #footer a:hover { color: #ACB1C6; }

.layout-fullwidth .copyright span { color: #FFF; }

#footer {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
}

.copyright { float: left; }

.copyright a { color: #FFF; }

.copyright a:hover { color: #ACB1C6; }

.copyright span { color: #FFF; }

.layout-fullwidth #footer-menu li:after {
	content: '|';
	color: #ACB1C6;
}

.layout-fullwidth #footer-menu a { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

#footer-menu {
	float: right;
	font-size: 12px;
}

#footer-menu li { display: inline; }

#footer-menu li:after {
	content: '|';
	color: #FFF;
}

#footer-menu li:last-child:after { content: ''; }

#footer-menu li:last-child a { padding-right: 0; }

#footer-menu a {
	padding: 0 10px;
	color: #ACB1C6;
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

#footer-menu a:hover { color: #ACB1C6; }

.widget-title {
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 5px solid #ACB1C6;
	padding: 0 0 5px 0;
	color: #333;

}

.dt_blog span {
	color: #757EA0;
	float: left;
	width: 30%;
}
.comment-author:after {
	content: '|';
	padding: 0 0 0 10px;
}
#teleport-slides .slides_container .slide {
	margin: 0 auto;
	width: 940px;
	text-align: center;
	background: #FFFFFF;
}

.post-content a:hover { color: #757EA0; }