/* GENERAL ------------------------------------------------------------*/

body{
	color: #a5a9b1;
}

body,
.home-block-heading span,
.page-heading span{
	background: #f4f4f4;
}

body a{ color: #444; }

body a:hover,
#top-widget-holder a:hover,
#nav>li>a:hover,
.project-heading .launch:hover{
	color: #ff910f;}

h1,h2,h3,h4,h5,h6{ color: #444444; }

/* Selection colours (easy to forget) */

::selection 	 	{background: #ea4c88; color: #fff; }
::-moz-selection 	{background: #ea4c88; color: #fff; }
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: #ea4c88;}

/* HEADER ------------------------------------------------------------*/

header{ background: #333 /*url(../img/header.png) bottom left repeat-x; */}


/* WIDGETS------------------------------------------------*/

#top-widget-holder{
    background: #333;
    color: #aaaaaa;
}

#top-widget-holder h4{
	color: #ebebe8;
}

#top-widget-holder a{
	color: #fff;
}

/* NAVIGATION ------------------------------------------------------------*/

nav a{ color: #E2E0D7; }

#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
	color: #E2E0D7;
}

/* sub navigation -----------------------------------------------------*/

#nav>li ul{ background: #2f2f2f; }

#nav>li ul li a{ color: #fff; }

#nav>li ul li a:hover,
#nav>li ul li:nth-child(even) a:hover{
	background: #666;
	color: #ccc;
}
#nav>li ul li ul{ background:#999;}
#nav>li ul li ul li{ background:#999; width:100%;}
#nav>li ul li ul li a{ background:#999;  line-height:16px;}


#nav>li ul li:nth-child(even) a{
	background: #333333;
	
}

/* BREADCRUMBS ------------------------------------------------------------*/

.breadcrumbs{ color: #444; }

.breadcrumbs a{ color: #888; }


/* CONTACT CONTENT ------------------------------------------------------------*/

#contact-sidebar{ background: #e2e0d7; }


/* SIDEBAR ------------------------------------------------------------*/

#sidebar{ background: #ea4c88; }

#sidebar .block{ border-bottom: 1px solid #bcbcba; }

/* HOME ------------------------------------------------------------*/

.home-block figcaption{
	background: #ea4c88;
	color: #f1f1f1;
}

/* PORTFOLIO ------------------------------------------------------------*/

.portfolio-thumbs figcaption{
	background: #ea4c88;
	color: #f1f1f1;
}

/* PROJECT ------------------------------------------------------------*/

.project-heading .launch{ color: #888; }

.project-info strong{ color: #444; }

.project-pager a{ color: #444; }

.project-pager a:hover{ 	color: #ea4c88; }

/* RELATED PROJECTS ---------------------------------------------------*/

.related-heading{ color: #444; }

.related-projects .thumb{ background: #ea4c88 url(../img/plus.png) center center no-repeat; }


/* BLOG ------------------------------------------------------------*/

#posts-list .feature-image,
#post-content .feature-image{ background: #ea4c88 url(../img/plus.png) center center no-repeat; }

article .meta{
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	overflow: hidden;
}

#posts-list .entry-date{ color: #f1f1f1; }

/* PAGE NAVIGATION ------------------------------------------------------------*/

.page-navigation a{
	background: #444 url(../img/noise.png) repeat;
	color: #f1f1f1;
}

.page-navigation a:hover{
	background: #ea4c88;
	color: #fff;
}

/* PAGER ------------------------------------------------------------*/

.pager li a{ color: #444; }

.pager li:hover a{
	color: #fff;
	background: #ea4c88;
}

.pager li.active a{ 
	background: #444;
	color: #fff;
}

/* SLIDER ------------------------------------------------------------*/

#slider-holder #headline{ background: #fa5072; }



/* FOOTER ------------------------------------------------------------*/

footer { background:#333 url(../img/footer.png) repeat-x top center; padding-top:30px; color:#868a90;}
footer .wrapper{
	/*background: url(../img/footer.png) repeat-x top center;*/
}

h4 {color:#FFF;}
.footer-col a {color:#868a90;}
@media only screen and (max-width : 680px) {
.left {float:left; max-width:100%; margin-left:25px;}
.left img {max-width:100%; height:auto;}
.middle {display:none;}
.right {float:right; max-width:100%; margin-left:25px;}
.right img {max-width:100%; height:auto;}
.client  {max-width: 100%;height: auto;width: auto\9; /* ie8 */}
}

@media only screen and (max-width : 480px) {
	#logo img {width: 260px;height:auto; padding-top: 20px;}
	#logo img {max-width: 100%;height:auto;}
	.left {float:left; max-width:100%; margin-left:0px;}
	.middle {display:none;}
	.right {float:left; max-width:100%; margin-left:0px; margin-bottom:10px;}
}