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

body{
	font-family: raleway, sans-serif;
	font-size: 14px;
	background-image: url(../img/leather.jpg) repeat;
	/*background: #efece8;
	color: #888;*/
}

header,
footer{
 	background-color: #383f47;  
}

body a{ 
	color: #383F47;
	font-family: raleway,sans-serif;
	}

 a:hover{ color: #00ffff; }

footer a:hover{ color: #00ffff; }


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

/* Selection colours (easy to forget) */

::selection 	 	{background: #00ffff }
::-moz-selection 	{background: #00ffff}
img::selection 		{background: #00ffff}
img::-moz-selection	{background: #00ffff}
body {-webkit-tap-highlight-color: background: #00ffff}

/* HEADINGS ------------------------------------------------------------*/

/* .masthead{ border-bottom: 1px solid #ccc; } */
	
/* NAVIGATION ------------------------------------------------------------*/

/* #nav>li>a{ color: #f1f1f1; }

#nav>li>a:hover{ color: #75d5fc ; } 75d5fc fee271

#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{ border-bottom: solid #75d5fc 2px; }

#nav>li ul{ background: #f1f1f1; }

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

#nav>li ul li a:hover{
	background: #3b424b;
	color: #fbe471;
} */

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

.cat-nav li{ border-right: 1px solid #444; }


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

#headline h4{ color: #f1f1f1; }

#headline .headline-text{ color: #f1f1f1; }

#headline .read-more{ color: #00ffff; }


#headline .read-more:hover{ color: #ffff; }

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

/* .related-projects{ border-top: 1px solid #ccc; } */

.related-heading{ color: #444; }

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

.related-projects .heading{ color: #444; }

/* MAIN ------------------------------------------------------------*/

#main .wrapper{  background-color: #ffffff; }

.multiplebgs #main .wrapper{
	/* background-image: url(../img/border-bg-bottom.png), url(../img/border-bg-top.png); */
	background-repeat: repeat-x, repeat-x;
	background-position: bottom left, top left;
}

.no-multiplebgs #main .wrapper{
	background: #f1f1f1 url(../img/border-bg-top.png) repeat-x top left;
}

.no-boxshadow #main .wrapper{
	border: 1px solid #e0e0e0;
}

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


.home-block{ 
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
	}

.home-block figure .thumb{ background: #fff url(../img/plus.png) no-repeat center center; }

.home-block figure figcaption strong{ color: #444; }

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

#posts-list,
#post-content{
	position: relative;
	float: left;
}

#posts-list .entry-date,
#posts-content .entry-date,
.home-posts .entry-date{
	background: #3b424b;
	color: #efe271;
}

#posts-list .post-heading .meta a{ color: #888;  }

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

.portfolio-list figure{ background: #fff; }

.portfolio-list figure .thumb{ background: #fff url(../img/plus.png) no-repeat center center; }

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

.pager li a{
	color: #484848;
	border: 1px solid #ccc;
}

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

.pager li:hover a{ background: #fae471; }

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

.post-counter{
	color: #888;
}


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

footer{ color: #aaa; }

footer a{ color: #f2d9bc; }

footer h4{ color: #f1f1f1; }


/*********************************************************************************/
/* Promo                                                                         */
/*********************************************************************************/

	#promo
	{
		padding: 1.75em 2.5em 1.75em 2.5em;
		display: inline-block;
	}
	
		#promo .button
		{
			font-size: 1.25em;
		}
		
		#promo h2
		{
			display: inline-block;
			margin-right: 1em;
			font-size: 1.75em;
		}
		
/*********************************************************************************/
/* Promo                                                                         */
/*********************************************************************************/

	#promo
	{
		background: rgba(255,255,255,0.05);
		border: solid 1px rgba(255,255,255,0.25);
		border-radius: 0.5em;
	}

		#promo h2
		{
			color: #fff;
		}
		
		#promo .button
		{
			background: #fff;
			border-color: rgba(255,255,255,0);
			color: #27636B;
		}
		
			#promo .button:hover
			{
				border-color: rgba(255,255,255,0.75);
				background-color: rgba(255,255,255,0.15);
				color: #fff;
			}