/* 

Innova - CSS File

CHANGE COLOR STYLE

*/

/*------------------------------------------------------------------

[Table of contents]

1. Global Elements
2. Header 
	2.1. Navigation
	2.2. Slider
3. Afterheader
4. Content 
	4.1. Widgets
	4.2. Blog 
5. Sidebar
6. Footer Sidebar
7. Footer
8. Plugin

-------------------------------------------------------------------*/


/* 1. GLOBAL ELEMENTS
--------------------------------------------------------------------------------------*/
body {
	color:#666666;
	background-color:#e7e7e7;
	background-repeat:repeat;
	/* You can choose the background image from here. just take one of background-image from below. */
	background-image:url(images/pattern.png);
}
#bodychild{
	background:#fff;
	border-top:6px solid #ef7c27;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}




/* Link */
a, .morelink, .colortext, a.colortext{color:#ef7c27;}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#444}
#logo h1 a, #logo h1 a:visited{color:#444;}


/* Heading & text */
h1, h2, h3, h4, h5, h6{color:#444;}
.pagetitle{color:#444;}


/* 2. HEADER SECTION 
--------------------------------------------------------------------------------------*/

#outerheader{background-color:#ffffff;}

/*======= 2.1. Navigation =======*/
#navigation{background:#f9f9f9; border-bottom:solid #ebebeb; border-top:solid #ececec; border-width:1px 0px 6px 0px;}
.sf-menu a, .sf-menu a:visited{color:#787878;}/* 1st level */
.sf-menu a:hover, .sf-menu li.current a{color:#3d3d3d;}
.sf-menu li.sfHover a:hover{color:#3d3d3d;}/* 2nd level */
.sf-menu a:hover, .sf-menu li.current-menu-item > a, .sf-menu li.current_page_item > a, .sf-menu li.current-menu-ancestor > a, .sf-menu li.current-menu-parent > a, .sf-menu li.current_page_ancestor > a, .sf-menu li.current_page_parent > a{color:#3d3d3d;}/* 1st level */

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background:#ffffff;
	color:#444;
	-moz-box-shadow: 0 1px 1px 0 #000;
	-webkit-box-shadow: 0 1px 1px 0 #000;
	box-shadow: 0 1px 1px 0 #000;
}
.sf-menu > li{border-left:solid 1px #dbdbdb; }

.sf-menu > li:before {border-left: 1px solid #fff;}
.sf-menu li li, .sf-menu li li:first-child{
	 
}
.sf-menu li li, .sf-menu li li:hover, .sf-menu li li.sfHover{text-transform:capitalize}
.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:hover, sf-menu li.current li a{color:#787878;}
.sf-menu li li:hover{
	background:#f3f3f3 ;
}
.sf-menu ul{background:#f9f9f9;}
.sf-with-ul{}
.sf-menu li li { border-top:solid 1px #ececec}
.sf-menu li li:first-child{ border-top:0}
.sf-menu li li:last-child{ border-bottom:0}
.sf-menu li li li:first-child{ border-top:solid 1px #000;}

.sub-menu li.current-menu-item > a, .sub-menu li.current_page_item > a, 
.sub-menu li.current-menu-ancestor > a, .sub-menu li.current-menu-parent > a, .sub-menu li.current_page_ancestor > a, 
.sub-menu li.current_page_parent > a{background:#f3f3f3; color:#444!important}

/* Mobile Menu*/
.tinynav{background:#fff; border:1px solid #ececec;}



/*======= 2.2. Slider  =======*/

#slider .camera_caption{color:#ffffff; background-color:rgba(0,0,0,0.65);}
#slider .camera_caption a{color:#ffffff;}

#slider .camera_next > span{background:url(images/flex-next.png) no-repeat center center;}
#slider .camera_next > span:hover{ background:url(images/flex-next-hover.png) no-repeat center center;}
#slider .camera_prev > span{background: url(images/flex-prev.png) no-repeat center center;}
#slider .camera_prev > span:hover{background: url(images/flex-prev-hover.png) no-repeat center center;}


#slider .camera_wrap .camera_pag .camera_pag_ul li {background:#ebebeb;}
#slider .camera_wrap .camera_pag .camera_pag_ul li:hover > span {background: #c0c0c0;}
#slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background:#c0c0c0}

.flex-control-paging li a{background:#ebebeb;}
.flex-control-paging li a:hover{background:#c0c0c0}
.flex-control-paging li a.flex-active{background:#c0c0c0}


/* 3. AFTER HEADER SECTION 
--------------------------------------------------------------------------------------*/

#outerafterheader{border-bottom:1px solid #eeeeee;}


/* 4. CONTENT SECTION 
--------------------------------------------------------------------------------------*/

#outermain{background-color:#ffffff; }

/* Images */
.frame, .postimg .thumbcontainer, .entry-gallery .flexslider, .entry-video .mediacontainer,
.klasik-advancedpost-widget .recent-thumb img, .klasik-testimonial-widget .testi-img img,
.klasik-team-widget .team-image img{ background:#fff; border:3px solid #e6e6e6}

/* Form */
input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	border:solid 1px #eee;
	color:#888;
}
label{ color:#333;}
span.required{ color:#f00;}

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

.separator{border-bottom: 1px solid #eee;}

/* List */
ul.list li{border-color:#f0f0f0;}
ul.checklist li{ background:url(images/checklist.png) no-repeat 0 5px;}

/* Button */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background:#424242;
	background: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#424242));
	background: -moz-linear-gradient(top,  #878787,  #424242);
	background: -o-linear-gradient(top,  #878787,  #424242);
	color:#fff;
	border:1px solid #424242;
	border-width:1px 1px 0px 1px;
	
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background:#878787;
	background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#878787));
	background: -moz-linear-gradient(top,  #424242,  #878787);
	background: -o-linear-gradient(top,  #424242,  #878787);
	color:#fff;
	border:1px solid #424242;
	border-width:1px 1px 0px 1px;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	
}

/* Blockquote */
blockquote{color:#222;}


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


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

/* 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;}

/*======= 4.1. Widgets =======*/

/*** POSITION ON THEME ***/

.widget-maintop .all-widget-container { border-bottom:1px solid #eee}


/*.widget-contenttop, .widget-contentbottom, .widget-maintop, .widget-mainbottom{border-bottom:1px solid #eee;}*/
.posttitle a, .posttitle a:visited{color:#666;}
.posttitle a:hover{color:#ef7c27}

/* Recent Posts */
#footersidebar .klasik-recentpost-widget .recent-title,
#footersidebar .klasik-recentpost-widget .recent-title a, 
#footersidebar .klasik-recentpost-widget .recent-title a:visited{color:#e4e4e4;}
#footersidebar .klasik-recentpost-widget .recent-title a:hover{ color:#ef7c27;}


/* Latest News */
.klasik-latestnews-widget .recent-thumb img{ background:#fff; border:3px solid #e6e6e6}
.klasik-latestnews-widget .recent-item{border-bottom: 1px solid #eee;}

.klasik-latestnews-widget .recent-title,
.klasik-latestnews-widget .recent-title a, 
.klasik-latestnews-widget .recent-title a:visited{color:#666;}
.klasik-latestnews-widget .recent-title a:hover{color:#ef7c27;}
.klasik-latestnews-widget .smalldate{color:#989898;}

#footersidebar .klasik-latestnews-widget .recent-title,
#footersidebar .klasik-latestnews-widget .recent-title a, 
#footersidebar .klasik-latestnews-widget .recent-title a:visited{color:#e4e4e4;}
#footersidebar .klasik-latestnews-widget .recent-title a:hover{color:#ef7c27;}
#footersidebar .klasik-latestnews-widget .smalldate{color:#989898;}
#footersidebar .klasik-latestnews-widget .recent-item{border-bottom: 1px solid #474747;}


/* Events News */
.klasik-events-widget .event-date-wrap{ border:1px solid #ebebeb; color:#777;}

#footersidebar .klasik-events-widget .event-title,
#footersidebar .klasik-events-widget .event-title a, 
#footersidebar .klasik-events-widget .event-title a:visited{color:#e4e4e4;}
#footersidebar .klasik-events-widget .event-title a:hover{color:#ef7c27;}
#footersidebar .klasik-events-widget .smalldate{color:#989898;}
#footersidebar .klasik-events-widget .event-date-wrap{ border:1px solid #ebebeb; color:#ddd;}


/* Action */
.klasik-action-widget h1 { color:#444}
.klasik-action-widget h2 {color:#666}
.klasik-action-widget .action-button .button.left, .klasik-action-widget .action-button .button.right{
	color:#fff!important; 
}

.klasik-action-widget .action-button .button.left:hover, .klasik-action-widget .action-button .button.right:hover{
	color:#fff!important; 
}

#footersidebar .klasik-action-widget h1 { color:#e4e4e4}
#footersidebar .klasik-action-widget h2 {color:#e4e4e4}


/* Advanced Posts */
#footersidebar .klasik-advancedpost-widget .recent-title,
#footersidebar .klasik-advancedpost-widget .recent-title a, 
#footersidebar .klasik-advancedpost-widget .recent-title a:visited{color:#e4e4e4;}
#footersidebar .klasik-advancedpost-widget .recent-title  a:hover{color:#ef7c27;}

/* Featured */
#footersidebar .klasik-features .feature-title, 
#footersidebar .klasik-features .feature-title a, 
#footersidebar .klasik-features .feature-title a:visited{color:#e4e4e4;}
#footersidebar .klasik-features .feature-title a:hover{color:#ef7c27;}

/* Team */
#footersidebar .klasik-team-widget .team-title, 
#footersidebar .klasik-team-widget .team-title a, 
#footersidebar .klasik-team-widget .team-title a:visited{color:#e4e4e4;}
#footersidebar .klasik-team-widget .team-title a:hover{color:#ef7c27;}


/* Testimonials */
#footersidebar .klasik-testimonial-widget .testi-title{color:#e4e4e4;}
#footersidebar .klasik-testimonial-widget .testi-tag{color:#ef7c27;}



/* PORTFOLIO SECTION */
#filter{border:1px solid #f3f3f3;}
#filter li{border-right:1px solid #f3f3f3;}
#filter li a, #filter li a:visited{ color:#666;}
#filter li.current, #filter li:hover{background:#fbfbfb;}

.klasik-portfolio .klasik-pf-img, .pf-shortcode .klasik-pf-img{ background:#fff; border:3px solid #e6e6e6}
.klasik-pf-img .rollover{background:#000 url(images/hover-zoom.png) no-repeat center;}
.klasik-pf-text .pftitle a, .klasik-pf-text .pftitle a:visited{color:#e77724;}
.klasik-pf-text .pftitle a:hover{color:#444;}

.klasik-pf-img .pfdetail .rollover{background-image:url(images/hover-doc.png);}
.klasik-pf-img .pflink .rollover{background-image:url(images/hover-link.png);}

#footersidebar .klasik-pf-text .pftitle,
#footersidebar .klasik-pf-text .pftitle a, 
#footersidebar .klasik-pf-text .pftitle a:visited{color:#e4e4e4;}
#footersidebar .klasik-pf-text .pftitle a:hover{color:#ef7c27;}


/*======= 4.2. Blog =======*/

.posttitle a, .posttitle a:visited{color:#666;}
.posttitle a:hover{color:#ef7c27}

.post, #searchresult .page, #searchresult .hentry {
    border-bottom: 1px solid #eee;
}

.single .post{ border:0px;}

.entry-comment{ background:#303030;}
.entry-comment a, entry-comment a:visited{color:#fff}
.comment-body .time, .comment-body .time a, .comment-body .time a:visited{color:#aaaaaa;}
.comment-body .time a:hover{color:#222222;}

#entry-author-info{border:1px solid #e7e7e7;}

.con-comment{ border:1px solid #e7e7e7}

.fn{color:#222;}
.tdate, .reply a, .reply a:visited{color:#aaa; }

.entry-quote .quotearrow{background:url(images/quotearrow.png) no-repeat 0px 0px !important;}
.entry-attachment p.attachment a{background:#fff; border:3px solid #e6e6e6;}

.avatar{
	border:solid 1px #ebebeb;
    background: #ffffff;	
}

#entry-author-info{border-color:#eee;}

#nav-below {
    border-top: 1px solid #eee;
}


/* 5. SIDEBAR SECTION 
--------------------------------------------------------------------------------------*/
#sidebar .widget-title {color:#666666;}
#sidebar li li{border-bottom:dotted 1px #cdcdcd;}

#sidebar li a, #sidebar li li a{color:#e77724;}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#666;}

#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{border-top: dotted 1px #cdcdcd; border-bottom:0px}

#sidebar .morelink{color:#2e2e2e;}
#sidebar .morelink:hover{color:#6a6a6a}


/* Search */
#searchform .searcharea{border-color:#e7e7e7;}
#footersidebar #searchform .searcharea{border-color:#474747; background-color:#393939;}
#footersidebar #searchform .searchbutton{background-color:#393939; }
#searchform .searchbutton{background:#fff url(images/search-icon.png) no-repeat 0px 0px; }




/* 6. FOOTER SIDEBAR SECTION 
--------------------------------------------------------------------------------------*/
#outerfootersidebar{ background:#363636 url(images/pattern2.png); border-top:8px solid #565656; border-bottom:8px solid #2d2d2d; color:#999;}
#footersidebar{}
#footersidebar .widget-title{color:#e4e4e4;}
#footersidebar li{ border-bottom:1px solid #474747;}
#footersidebar li a, #footersidebar li a:visited{color:#999}
#footersidebar li a:hover, #footersidebar li a.colortext{color:#e77724;}

#footersidebar .frame{  border:1px solid #474747}

#footersidebar ul.sub-menu li, #footersidebar ul.children li, #footersidebar ul ul ul li{border-top: 1px solid #474747; border-bottom:0px}

#footersidebar blockquote:before, #footersidebar blockquote{color: #e4e4e4;}


/* Tag */
.tags a{border:solid 1px #f0f0f0; color:#888;}
.tags a:hover{background:#f8f8f8; color:#888}


.gallery-pic img{ border:1px solid #474747; color:#363636;}
#shadowbottom{background:url(images/shadow-content-bottom.png) repeat-x;}


/* 7. FOOTER SECTION 
--------------------------------------------------------------------------------------*/
#outerfooter{border-top:solid 1px #363636; background:#2d2d2d;}
#footer{color:#999;}
#footer a, #footer a:visited{color:#e77724;}
#footer a:hover{color:#eee;}




/* 8. PLUGINS SECTION 
--------------------------------------------------------------------------------------*/

/* Widget Page Nav*/
.page-numbers a,
.page-numbers span {
	color:#888888!important; background:transparent; border:0!important;
}

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
	 background:#e7e7e7!important; border:0!important; color:#666666!important;
}

/* Page Navigation */
.wp-pagenavi{}
.wp-pagenavi a, .wp-pagenavi a:visited{color:#888888;}
.wp-pagenavi .current{border:1px solid #e7e7e7;}
.wp-pagenavi .current, .wp-pagenavi a:hover{ background:#e7e7e7; border:1px solid #fff; color:#666666;}


/* Flickr Image */
#flickr img{ border:0px !important; background-color:#494949;}
#footersidebar #flickr img{ border:1px solid #474747 !important; color:#363636;}

/* Contact Form 7 */
.wpcf7 p{color:#333333;}