/* 

Sweetly - CSS File

CHANGE COLOR STYLE

*/

body {color:#4E2600;}
#bodychild { background-color:#ffffff;}
#outermain{}

/*============================================== GENERAL SECTION ==============================================*/
a, .morelink, .colortext, a.colortext{color:#FF9316;}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#4E2600}
#logo h1 a, #logo h1 a:visited{color:#444;}


/* Heading & text */
h1, h2, h3, h4, h5, h6{color:#4E2600;}
.pagetitle{color:#4E2600;}
/*============================================== HEADER AND MENU SECTION ==============================================*/
#outerheader{  background:#FAFAF7 url(images/)}
.sf-menu a, .sf-menu a:visited{color:#4E2600;}/* 1st 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:#FF9316;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background:url(images/arrow-dropdown.png) no-repeat 0 0px;
	color:#FF9316;
}
.sf-menu li ul ul{ background-image:none!important;}
.sf-menu li li li:first-child{ border:0px;}
.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {
	border-top:0px;
}

.sf-menu li li{background:#FAFAF7; border-top:1px solid #a4938b;}
.sf-menu li li:first-child{ border-top:3px solid #eab254;}
.sf-menu > li li:before{}
.sf-menu ul li a{ color:#4E2600;}
.sf-menu ul li a:hover, #topnav li li a.current{color:#eab254;}

.sf-menu ul li a:hover, .sf-menu li li.current-menu-item > a, .sf-menu li li.current_page_item > a, .sf-menu li.current-menu-ancestor li > a, .sf-menu li.current-menu-parent li > a, .sf-menu li.current_page_ancestor li > a, .sf-menu li.current_page_parent li > a{color:#D75711 }



.tinynav{background:#fff; border:1px solid #eee;}

/*============================================== AFTER HEADER SECTION ==============================================*/
#outerafterheader{ background-repeat:repeat-x; background-position:center top; background-color:#f9f9f9}
#afterheader .pagetitle{ background:url(images/icon.png) no-repeat center bottom; }
#afterheader #trapezoid {
	border-bottom: 60px solid #f9f9f9;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	height: 0;
	display:inline-block;
}
.header-line{background-color:#f9f9f9;}

/*============================================== SLIDER SECTION ==============================================*/
#slider .camera_caption .slider-title, #slider .camera_caption .slider-title a, #slider .camera_caption .slider-subtitle{color:#4E2600;}
#slider .slider-desc{color:#4E2600;}
#slider {background:#f9f9f9; }
#slider .camera_wrap .camera_pag .camera_pag_ul{
	border-bottom: 60px solid #f9f9f9;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	height: 0;
	display:inline-block;
}
#slider .camera_caption > div{ background:transparent; }
#slider .camera_prevThumbs, #slider .camera_nextThumbs, #slider .camera_prev, #slider .camera_next, #slider .camera_commands, #slider .camera_thumbs_cont {
    background: none ;
}

#slider .camera_wrap .camera_pag .camera_pag_ul li {
	background: #f9f9f9;
	border:1px solid #f9f9f9;
}
#slider .camera_wrap .camera_pag .camera_pag_ul li > span {
	background: #4E2600;
}

#slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
#slider .camera_wrap .camera_pag .camera_pag_ul li:hover {
	background: #fff;
	border:1px solid #d8ccc5;
}
#slider .camera_wrap .camera_pag .camera_pag_ul li:hover > span,
#slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #c34d5f;
}


/*============================================== CONTENT SECTION ==============================================*/
/* Images */
.frame, .entry-video .mediacontainer{border:15px solid #f0f0f0;}

/* Blockquote  */
blockquote { border-left:5px solid #d8ccc5; background:#f9f6f4}

/* Form */
input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	border:solid 2px #f9f6f4;
	background:#f9f6f4;
	color:#888;
}
label{ color:#333;}
span.required{ color:#f00;}

/* Contact Form  */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea,
.wpcf7 #rsvpform .no-attending input[type="text"], .wpcf7 #rsvpform .your-subject input[type="text"]{
	border:solid 2px #d8ccc5;
	background:#fff;
	color:#888;
}


/* Horizontal Line */
hr {
	color:#eaeaea;
	background-color:#eaeaea;
}

.separator{ 
	border-bottom: 1px solid #e3e3e3;

}

/* List */
ul.client{border:solid 1px #eaeaea;}
ul.checklist li{ background:url(images/checklist.png) no-repeat 0 5px;}
ul.list li{border-bottom:solid 1px #f0f0f0;}

/* Button */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.comment-body .time .comment-reply-link {
	background: #d16676; 
	color:#fff;
	
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.comment-body .time .comment-reply-link:hover {
	background: #4E2600; 
	color:#fff;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	
}

/* Blockquote */
blockquote{}


/* 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;}

/* Bottomline*/
.bottomline{border-color:#e7e7e7;}

/* Testimonials */
.klasik-testimonial-widget .testi-quote{ border:2px solid #f0f0f0; background:#fff; color:#4E2600  }
.testi-arrow{background: url(images/arrow-testi.png) no-repeat}
.klasik-testimonial-widget .testi-thumb img{ border: 15px solid #f0f0f0;}
.testi-tag{ color:#eab254}

#sidebar .testi-arrow, #footersidebar .testi-arrow{background: url(images/arrow-testi2.png) no-repeat}

/* Tabs */
#sidebar .widget_klasik_tabs .tab-content ul li{border-bottom:1px solid #f0f0f0}
#footersidebar .widget_klasik_tabs .tab-content ul li{ border-bottom:1px solid #a4938b}

/*Team */
.klasik-team-widget .team-title, .klasik-team-widget .team-title a{color:#4E2600;}
.klasik-team-widget .team-title a:hover{color:#eab254}
.klasik-team-widget .item-container{ background:#f0f0f0; color:#4E2600 }
.klasik-team-widget .team-tag{ color:#eab254}

/* Action */
.klasik-action-widget h1{background: url(images/icon.png) no-repeat center bottom;}
.klasik-action-widget .action-button .button.left{ background:#d8ccc5}
.klasik-action-widget .action-button .button.left:hover{ background:#cbbfb9}
.klasik-action-widget .action-button .button.right{ background:#4E2600}
.klasik-action-widget .action-button .button.right:hover{ background:#84726a}

/* Featured */
.klasik-features .feature-title, .klasik-features .feature-title a, .klasik-features .feature-title a:visited{color:#4E2600;}
.klasik-features .feature-title a:hover{color:#eab254}
.klasik-features .img-container{border: 14px solid #f0f0f0;}
.klasik-features .feature-img{border:1px solid #f0f0f0;}
.klasik-features .feature-img:hover{border:1px solid #4E2600}

/* Recent Posts */
.klasik-recentpost-widget .recent-thumb{border:5px solid #f0f0f0;}
.klasik-recentpost-widget .recent-title a, 
.klasik-recentpost-widget .recent-title a:visited,
#sidebar .klasik-recentpost-widget .recent-title a, 
#sidebar .klasik-recentpost-widget .recent-title a:visited{color:#907c7;}
.klasik-recentpost-widget .recent-title a:hover{color:#eab254;}
.klasik-recentpost-widget .smalldate{color:#4E2600;}
#footersidebar .klasik-recentpost-widget .smalldate{ color:#e6e0dd}
.klasik-recentpost-widget .recent-item{ border-bottom:1px solid #f0f0f0}
#footersidebar  .klasik-recentpost-widget .recent-item{ border-bottom:1px solid #a4938b}


/* Advanced Posts */
.klasik-advancedpost-widget .recent-title a, .klasik-advancedpost-widget .recent-title a:visited,
#sidebar .klasik-advancedpost-widget .recent-title a, #sidebar .klasik-advancedpost-widget .recent-title a:visited{color:#4E2600;}
.klasik-advancedpost-widget .recent-title a:hover,
#sidebar .klasik-advancedpost-widget .recent-title a:hover{color:#eab254;}
.klasik-advancedpost-widget .smalldate{color:#4E2600;}
#footersidebar .klasik-advancedpost-widget .smalldate{ color:#e6e0dd}
.klasik-advancedpost-widget .recent-thumb{border:15px solid #f0f0f0;}
.klasik-advancedpost-widget .tpl2 .recent-thumb{border:5px solid #f0f0f0;}
.klasik-advancedpost-widget .recent-item{ border-bottom:1px solid #f0f0f0}

/* Bottom */
#outerbottom{ background: url(images/pattern-bottom.png)}

/* PORTFOLIO */
.filterlist{ }
#filter li a, #filter li a:visited{ color:#4E2600;}
#filter li.current a, #filter li a.active, #filter li a:hover{color:#fff; background:#d16676}

.klasik-pf-img .thumbcontainer{border:14px solid #f0f0f0!important;}
.klasik-pf-img{border:1px solid #f0f0f0}
.klasik-pf-img:hover{ border:1px solid #d8ccc5!important;}

.klasik-pf-text .pftitle{border-color:#e7e7e7;}
.klasik-pf-text .pftitle a, .klasik-pf-text .pftitle a:visited{color:#4E2600;}
.klasik-pf-text .pftitle a:hover{color:#eab254;}
.klasik-pf-img .rollover{
	width:100%; 
	height:100%;
	background-image:none;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}


.contenttop-container .widget-title, .contentbottom-container .widget-title,
.maintop-container .widget-title, .mainbottom-container .widget-title,
#bottom-sidebar .widget-title{
 	background: url(images/icon.png) no-repeat center bottom;
}

/*============================================== BLOG SECTION ==============================================*/
.posttitle a, .posttitle a:visited{color:#4E2600;}
.posttitle a:hover{color:#eab254;}

.date-wrap{ color:#4E2600}
.date-wrap .line{ background:#e5e1e1}


.postimg{border:1px solid #f0f0f0}
.postimg:hover{ border:1px solid #d8ccc5;}
.thumbcontainer, #postgallery{border:14px solid #f0f0f0;}

.single #postgallery, .single .postimg.audio, .single .postimg.audio .thumbcontainer{ border:0px;}

#singlepost .post{
	border-bottom: 0px solid #d8ccc5;
}

.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:#4E2600;}
.comment-body .time a:hover{color:#eab254;}

.entry-utility{ 
	color:#4E2600;
}
.entry-utility .user, .entry-utility .tag, .entry-utility .comment{}
.entry-utility, .entry-utility a{color:#4E2600}
.entry-utility a:hover{ text-decoration:none; color:#eab254}

.fn{color:#4E2600;}
.tdate, .reply a, .reply a:visited{color:#eab254; }


.avatar{}

#entry-author-info{border-top: 1px solid #d8ccc5; border-bottom: 1px solid #d8ccc5;}

/* tag-items */

.tagcloud a,
.tag-items span a{ background:#f0f0f0; color:#4E2600}
.tagcloud a:hover,
.tag-items span a:hover{color:#fff!important; background:#c34d5f}

.page-links a span { background:#f0f0f0; color:#4E2600}
.page-links span:hover{color:#fff; background:#c34d5f}
.page-links span{color:#fff; background:#c34d5f}

/* WP Pagenavi */
.wp-pagenavi{}
.wp-pagenavi .pages{color:#4E2600; }
.wp-pagenavi a, .wp-pagenavi a:visited{color:#4E2600; background:#d8ccc5;}
.wp-pagenavi .current, .wp-pagenavi a:hover{ background:#d16676; color:#fff;}



/*============================================== SIDEBAR SECTION ==============================================*/
#sidebar .widget-title {color:#4E2600; background: url(images/icon2.png) no-repeat 0 3px}

#sidebar li li{	border-bottom: 1px solid #f0f0f0;}
#sidebar li, #sidebar li a, #sidebar li li a{color:#4E2600;}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#eab254;}

#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{border-top: 1px solid #f0f0f0; border-bottom:0px}

/* Sidebar Tabs */
.widget_klasik_tabs .tab-content ul li .smalldate{ color:#777}



.widget_calendar #wp-calendar tbody td:first-child, .widget_calendar #wp-calendar tfoot td:first-child{border-left:0px;}


/* Search */
#searchform .searcharea{
	border:1px solid #e3e3e3;
	-moz-box-shadow: 0 0 2px 0 #ebebeb;
	-webkit-box-shadow: 0 0 2px 0 #ebebeb;
	box-shadow: 0 0 2px 0 #ebebeb;
}
input.searchbutton {
    background: url(images/search-icon.png) no-repeat 8px 13px !important;
}




/*============================================== FOOTER SIDEBAR SECTION ==============================================*/
#outerfootersidebar{  color:#4E2600; background:#FAFAF7 url(images/) }
#footersidebar li li{ border-bottom:1px solid #a4938b; }
#footersidebar .widget-title{color:#4E2600; background: url(images/icon2.png) no-repeat 0 3px}
#footersidebar li a, #footersidebar li a:visited{color:#4E2600}
#footersidebar li a:hover{color:#D75711}

#footersidebar h1, #footersidebar h2, #footersidebar h3, #footersidebar h4, #footersidebar h5, #footersidebar h6{color:#4E2600;}

#footersidebar .widget_calendar #wp-calendar tbody td:first-child, #footersidebar .widget_calendar #wp-calendar tfoot td:first-child{border-left:0px;}
#footersidebar .widget_calendar td{ border-color:#a4938b;}
#footersidebar .widget_calendar thead th{ border-color:#a4938b !important; background-color:transparent; border-top:1px solid;}
#footersidebar .widget_calendar thead th:first-child{border-left:0px solid;}
#footersidebar .widget_calendar td#today{color:#e77724;}
#footersidebar .widget_calendar td a, #footersidebar .widget_calendar td a:visited{color:#D75711;}

/*============================================== FOOTER SECTION ==============================================*/
#outerfooter{background:#FAFAF7 url(images/)}
#footer{color:#4E2600; border-top:1px solid #a4938b;}
#footer a, #footer a:visited{color:#D75711;}
#footer a:hover{color:#D75711;}