/* 
 * Color Style: ORANGE
 * 
 * Primary: 	rgba(254, 146, 65, 1) 	- 	#822d10
 * Secondary: 	rgba(234, 116, 35, 1) 	- 	#712308
 * Hover:		rgba(214, 96, 15, 1) 	- 	#651b02
 * Active:		/
 *
 * Primary: 	rgba(254, 146, 65, 1) 	- 	#822d10
 * Secondary: 	rgba(234, 116, 35, 1) 	- 	#712308
 * Hover:		rgba(214, 96, 15, 1) 	- 	#651b02
 * Active:		/
 *
*/



/* ------------------------- NAVIGATION ------------------------- */
#page-navi {
	background: #822d10;
	background: rgba(254, 146, 65, 1);
}
#page-navi ul li {
	background: #822d10; 
	background: rgba(254, 146, 65, 1); 
}

#page-navi ul li a {
	color: #712308; 
	color: rgba(234, 116, 35, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.35);
}

#page-navi ul li:hover a {
	color: #651b02; 
	color: rgba(214, 96, 15, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.25);
}

#page-navi ul li.active {}
#page-navi ul li.active a {
	color: #FFF;
	color: rgba(255,255,255,0.75);
	text-shadow: 0 -1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(255,255,255,0.75);
}

/* ------------------------- PAGE MAIN >> MILESTONES ------------------------- */
.milestone {border-left: 2px solid rgba(254, 146, 65, 1);}

.milestone .date {
	color: rgba(214, 96, 15, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
	background: rgba(254, 146, 65, 1); 
}


/* ------------------------- PAGE MAIN >> POSTS ------------------------- */
.posts .post-header .date {background: rgba(254, 146, 65, 1); }
.posts .post-header .date span {color: rgba(214, 96, 15, 1); }

.posts .post-body .readmore-button {
	color: #CCC; 
	background: #822d10; 
	background: rgba(254, 146, 65, 1); 
}

.posts .post-body .readmore-button:hover {
	color: #FFF; 
	background: #712308; 
	background: rgba(234, 116, 35, 1); 
}



/* ------------------------- PAGE OVERLAY >> CLOSE BUTTON ------------------------- */
#page-overlay .close {color: #333; background: rgba(254, 146, 65, 1);}
#page-overlay .close:hover {color: #EEE; background: rgba(234, 116, 35, 1);}



/* ------------------------- PAGINATIONS ------------------------- */
.pagination a,
.nivo-controlNav a {
	color: #CCC; 
	background: rgba(254, 146, 65, 0.5);
}

.pagination .selected,
.nivo-controlNav .active {background: rgba(254, 146, 65, .75);}


.pagination a,
.flex-control-paging li a {
	color: #CCC; 
	background: #822d10;
	background: rgba(254, 146, 65, .5);
}

.flex-control-paging li a:hover {
	color: #FFF; 
	background: #822d10;
	background: rgba(254, 146, 65, .7);
}

.pagination .selected,
.flex-control-paging li a.flex-active {
	color: #FFF; 
	background: #822d10;
	background: rgba(254, 146, 65, .9);
}



/* ------------------------- PORTFOLIO >> HOVER EFFECT ------------------------- */
/* Effect Zoom */
.effect-zoom .item .info {background: rgba(254, 146, 65, 0.8);}

/* Effect Shutter */
.effect-shutter .item .item-inner {box-shadow: inset 0 0 0 0 rgba(254, 146, 65, 0.8), inset 0 0 0 16px rgba(0,0,0,0.6), 0 1px 2px rgba(0,0,0,0.1);} 
.effect-shutter .item:hover {box-shadow: inset 0 0 0 200px rgba(254, 146, 65, 0.8), inset 0 0 0 16px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.1);}



/* ------------------------- MAP CONTROLS ------------------------- */
#map-controls a {
	color: rgba(234, 116, 35, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
	background: rgba(254, 146, 65, 1); 
}

#map-controls a:hover {
	color: rgba(214, 96, 15, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
}



/* ------------------------- MORE INFO LINK ------------------------- */
.more-info-link {
	background: #822d10; 
}

.more-info-link i {
	color: rgba(234, 116, 35, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
}



/* ------------------------- BAR CHART ------------------------- */
.bar-chart .bar[data-value^="1"] {background: rgba(254, 146, 65, 0.1);}
.bar-chart .bar[data-value^="2"] {background: rgba(254, 146, 65, 0.2);}
.bar-chart .bar[data-value^="3"] {background: rgba(254, 146, 65, 0.3);}
.bar-chart .bar[data-value^="4"] {background: rgba(254, 146, 65, 0.4);}
.bar-chart .bar[data-value^="5"] {background: rgba(254, 146, 65, 0.5);}
.bar-chart .bar[data-value^="6"] {background: rgba(254, 146, 65, 0.6);}
.bar-chart .bar[data-value^="7"] {background: rgba(254, 146, 65, 0.7);}
.bar-chart .bar[data-value^="8"] {background: rgba(254, 146, 65, 0.8);}
.bar-chart .bar[data-value^="9"] {background: rgba(254, 146, 65, 0.9);}
.bar-chart .bar[data-value^="10"] {background: rgba(254, 146, 65, 1.0);}

.bar-chart .bar[data-value^="1"]:hover {background: rgba(254, 146, 65, 0.2);}
.bar-chart .bar[data-value^="2"]:hover {background: rgba(254, 146, 65, 0.3);}
.bar-chart .bar[data-value^="3"]:hover {background: rgba(254, 146, 65, 0.4);}
.bar-chart .bar[data-value^="4"]:hover {background: rgba(254, 146, 65, 0.5);}
.bar-chart .bar[data-value^="5"]:hover {background: rgba(254, 146, 65, 0.6);}
.bar-chart .bar[data-value^="6"]:hover {background: rgba(254, 146, 65, 0.7);}
.bar-chart .bar[data-value^="7"]:hover {background: rgba(254, 146, 65, 0.8);}
.bar-chart .bar[data-value^="8"]:hover {background: rgba(254, 146, 65, 0.9);}
.bar-chart .bar[data-value^="9"]:hover {background: rgba(254, 146, 65, 1.0);}
.bar-chart .bar[data-value^="10"]:hover {background: rgba(254, 146, 65, 1.0);}



/* ------------------------- INTRO LAYER ------------------------- */
.intro.layer div {background: #822d10;}



/* ------------------------- BUTTON STYLING ------------------------- */
.btn-special {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #822d10;
	background-image: -moz-linear-gradient(top, #822d10, #712308);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#822d10), to(#712308));
	background-image: -webkit-linear-gradient(top, #822d10, #712308);
	background-image: -o-linear-gradient(top, #822d10, #712308);
	background-image: linear-gradient(to bottom, #822d10, #712308);
	background-repeat: repeat-x;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff822d10', endColorstr='#ff712308', GradientType=0);
	border-color: #712308 #712308 #651b02;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #712308;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
	
.btn-special:hover,
.btn-special:active,
.btn-special.active,
.btn-special.disabled,
.btn-special[disabled] {
	color: #ffffff;
	background-color: #712308;
	*background-color: #651b02;
}

.btn-special:active,
.btn-special.active {
	background-color: #651b02 \9;
}



/* ------------------------- BLOCKQUOTE STYLING ------------------------- */
blockquote {
	border-bottom: 2px solid #822d10;
	color: #EEE;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

blockquote:after {
	color: #712308; 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
	background: #822d10;
}



/* ------------------------- TABLE STYLING ------------------------- */
table {color: #EEE;}
table i {color: #999;}



/* ------------------------- HIGHLIGHTING ------------------------- */
.highlight 				{color: #333; background: #822d10;}
.highlight-text 		{color: #822d10;}
.highlight-background 	{color: #333; background: #822d10;}