/* 

SmartDesign - CSS File

CHANGE COLOR STYLE

*/

body {color:#444;}


/* Container */


/* Link color */
a, a:visited, .widget-container.latest li .date{color:#e7202f}
a:hover{color:#e7202f}

/* Text color */
.customcolor{color:#757575;}
#aftertheheader .pagedesc{color:#888;}

/* Heading */
h1, h2, h3, h4, h5, h6{color:#333;}
.pagetitle{text-shadow: 1px 1px 0px #000;}
#beforetheheader{ color:#7f7f7f;}


/* Menu top color */
.sf-menu a, .sf-menu a:visited{color:#fff;}/* 1st level */
.sf-menu li:hover, .sf-menu li.current {color:#fff; background:url(../images/transparent.png);}/* 1st level */
.sf-menu li.sfHover li:hover{color:#fff; background:#000;}/* 2nd level */

.sf-menu li.sfHover ul {
	background:url(../images/transparent.png);
	color:#fff;
	-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 #3a3a3a;}


/* Slider */
#slider{border:10px solid #fff;}
.nivo-caption h1{color:#fff; text-shadow: 1px 1px 0px #000; }
.nivo-caption {color:#fff;}

/* Before Content */
#beforecontent h1{ color:#fff; }
#beforecontent img{ background:#fff;  border:1px solid #f7f1f0; }


/* Form */
input[type="text"],
textarea, input[type="password"], select{
	border:solid 1px #e7e7e7;
	border-width:1px 0px 0px 1px;
	color:#555;
	background:#fafafa;
}

/* Horizontal Line */
hr {
	color:#e8e8e8;
	background-color:#e8e8e8;
}

/* Images */
.frame{ border:1px solid #fbfbfb; background:#fff;
	-webkit-box-shadow: 0 8px 8px -10px #7a7979;
	   -moz-box-shadow: 0 8px 8px -10px #7a7979;
	        box-shadow: 0 8px 8px -10px #7a7979;
}


/* Portfolio */
.ts-display-pf-text h2 a, .ts-display-pf-text h2 a:visited{color:#e7202f;}
.ts-display-pf-text h2 a:hover{color:#e7202f}
#ts-display-pf-col-1 .ts-display-pf-img a.image,
#ts-display-pf-col-2 .ts-display-pf-img a.image,
#ts-display-pf-col-3 .ts-display-pf-img a.image,
#ts-display-pf-col-4 .ts-display-pf-img a.image{
	border:solid 1px #fbfbfb;	
}

/* Sidebar */
#sidebar li li a{ color:#444;}
#sidebar li li a:hover, #sidebar li li a.current{ color:#e7202f;}
#sidebar li li em{ color:#777;}
#sidebar li li{	border-bottom:1px solid #eaeaea;}

/* BLOG */
.postimg img{ background:#fff; padding:6px; border:1px solid #fbfbfb;}
.posttitle, .posttitle a, .posttitle a:visited{color:#333;}
.entry-utility{color:#888888;}
.commenttext{border:solid 1px #f2f2f2;  background:#fbfbfb;}
.tdate, .reply{ color:#888;}

/* Button */
.button, .button:visited, input[type="submit"]{	color:#fff; text-shadow: 1px 1px 0px #000;}
.button:hover, input[type="submit"]:hover{color:#fff; text-shadow: 1px 1px 0px #000;}

/* Dropcaps */	
.dropcap1{text-shadow:1px 1px 0 #ededed; color:#333}
.dropcap2, .circle{background:#ffd700; color:#333;}		
.dropcap3{	background:#ffd700; color:#333;}

/* Highlight */
.highlight1{background:#ccc; color:#fff;}	
.highlight2{background:#ebebeb;  border:solid 1px #f7f7f7}

/* Code */
code {
	border-left:4px solid #eaeaea;
}

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

/* jQuery Toggles */
h2.trigger span {color:#333333;}
h2.active span{ color:#e7202f}
h2.trigger span:hover {color:#e7202f} 

/* Tables */
th{border-bottom: 1px solid #f1f1f1;}
table {border: 1px solid #f1f1f1;border-bottom:0;}
tr td {border-bottom: 1px solid #f1f1f1;}
tr.odd td {background: #F2F7FC;}

/* Page Navi*/
.pagenavi a, .pagenavi a:visited,
.pagenavi a:hover,
.pagenavi .current,
.pagenavi .pages{
	border:solid 1px #222;
	text-shadow: 1px 1px 0px #000;
	color:#fff;
}

/* Footer */
#footersidebar ul li{color:#ccc;}
#footersidebar ul li a, #footersidebar ul li a:visited{color:#ccc;}
#footersidebar ul li a:hover{color:#e7202f; text-decoration:none}
#footersidebar .widget-title{color:#fff;}

#footer{color:#ccc;}
#footer a, #footer a:visited{color:#777;}