/* 

Revolution - CSS File

CHANGE COLOR STYLE

*/

body {color:#777;}
#bodychild{	border-top: 7px solid #f9c102; background-color:#fff;}

/* link color */
a, a:visited, .colortext{color:#f15a38}
.color, .color:visited{color:#f27c61}

/* heading */
h1, h2, h3, h4, h5, h6{color:#444;}
#aftertheheader h1{color:#474747;}



/* menu top color */
.sf-menu a, .sf-menu a:visited{color:#777;}/* 1st level */
.sf-menu a:hover, .sf-menu li a.current{color:#f27c61;}/* 1st level */
.sf-menu li.sfHover a:hover{color:#f27c61;}/* 2nd level */

.sf-menu li ul {
	border-top:5px solid #f27c61;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background:#fff;
	color:#999;
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
-moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
	box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
}

.sf-menu li li { border-bottom:1px solid #e7e7e7;}

.sf-menu ul li a{ color:#999;}
.sf-menu ul li a:hover, #topnav li li a.current{color:#f27c61;}

#topnav li li a, .sf-menu li li a, .sf-menu li li a:visited {color:#999; font-size:12px}
#topnav li li a:hover{color:#f27c61;}

/* Portfolio */
.ts-display-pf-img{border-top:2px solid #f27c61;}
.ts-display-pf-text h2 a{ color:#444;}
#ts-display-pf-col-2 li, #ts-display-pf-col-3 li, #ts-display-pf-col-4 li{border-bottom:1px solid #e4e4e4;}


/* Recent Portfolio */
#recent-portfolio #ts-display-pf-col-4 li:hover{ border-bottom:1px solid #f27c61}

/* Sidebar */
#sidebar li li a{ color:#777; }
#sidebar li li a:hover, #sidebar li li a.active{color:#f15a38;}


/* Button */
.button, .button:visited, input[type="submit"]{	color:#fff; background:#f15a38;}
.button:hover, input[type="submit"]:hover{color:#fff;}

/* Dropcaps */	
.dropcap1{	text-shadow:1px 1px 0 #ededed;	color:#f15a38}
.dropcap2{background:#f15a38; color:#fff;}		
.dropcap3{	background:#f15a38; color:#fff;}

		
/* Tabs */
ul.tabs li {
	background:#f8f8f8;
	border:1px solid #e0e0e0;
	border-width:1px 1px 1px 0px;
}
ul.tabs li:first-child{border-left:solid 1px #e0e0e0;}
ul.tabs li a {color:#444;}
ul.tabs li.active{background:#fdfdfd; border-bottom:solid 1px #fff}
html ul.tabs li.active a{ color:#f15a38; }
#tab-body{border:solid 1px #e0e0e0; background:#fdfdfd;}

/* jQuery Toggles */
h2.trigger span { color:#444;}
h2.active span{ color:#f15a38}
h2.trigger a:hover {color: #444;}