/* 

Sketsa - CSS File

CHANGE COLOR STYLE

*/

body {color:#888;background:#fff;}
#bodychild {}
#outermain{background-color:#ffffff;}

/*============================================== GENERAL SECTION ==============================================*/
a, .morelink, .colortext, a.colortext{color:#cd6744;}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#222}
#logo h1 a, #logo h1 a:visited{color:#444;}


/* Heading & text */
h1, h2, h3, h4, h5, h6{color:#222;}
.pagetitle{ color:#444;}
/*============================================== HEADER AND MENU SECTION ==============================================*/
#top{border-top:8px solid #f5f5f5;}
.sf-menu a, .sf-menu a:visited{color:#444;}/* 1st level */
.sf-menu a:hover, .sf-menu li.current a{color:#cd6744;}/* 1st level */
.sf-menu li.sfHover a:hover{color:#cd6744;}/* 2nd level */

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background:#ffffff;
	color:#444;
	border-color:#e4e4e4;
}
.sf-menu li li, .sf-menu li li:first-child{
	 border-color:#e4e4e4;
}
.sf-menu > li li:before{
	
}
.sf-menu ul li a{ color:#444;}
.sf-menu ul li a:hover, #topnav li li a.current{color:#444;}

.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:#cd6744;}

.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:#cd6744;}

#topnav li li a, .sf-menu li li a, .sf-menu li li a:visited {color:#444;}
#topnav li li a:hover{color:#cd6744;}

.tinynav{background:#fff; border:1px solid #eee;}

/*============================================== SLIDER SECTION ==============================================*/
#slidercontainer{border:solid 1px #eee; border-width:1px 0px 0px 0px}
#slider{ border-bottom:1px solid #eee;}
.flex-caption{background:url(images/slider-opacity.png) }
.flex-caption .slidertitle, .flex-caption .slidertitle a{ color:#fff;}
.flex-caption p{ color:#bbb;}

.flex-control-paging li a{background:#e5e5e5;}
.flex-control-paging li a:hover{background:#ededed; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3);}
.flex-control-paging li a.flex-active{background:#ededed; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3);}

/*============================================== AFTER HEADER SECTION ==============================================*/
#afterheader{border:solid 1px #eee; border-width:1px 0px 1px 0px}

/*============================================== CONTENT SECTION ==============================================*/
/* Images */

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

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

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

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

/* Button */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background:#d47b5d;
	color:#fff;
	border:0px;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background:#f68a65;
	color:#fff;
	border:0px;
}

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

/* Blockquote */
blockquote{color:#222;}
blockquote {background:url("images/quote.png") no-repeat 0 0;}
blockquote p{color: #888888;}

/* 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{
	background: #fbfbfb; /* for non-css3 browsers */
	color:#444;
	border-bottom: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}
thead th{border-right: 1px solid #f3f3f3!important;}
table {border: 1px solid #f3f3f3;border-bottom:0; border-right:0px;}
tr td {border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;}
tr.odd td {background: #F2F7FC;}


/*============================================== BLOG SECTION ==============================================*/
.posttitle a, .posttitle a:visited{color:#222;}
.posttitle a:hover{color:#cd6744}

#singlepost .post{
	border-bottom: 1px solid #e7e7e7;
	-moz-box-shadow: 0px 1px 0px #fff; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 0px 1px 0px #fff; /* Safari and Chrome */
	box-shadow: 0px 1px 0px #fff;
}

.entry-content{border-bottom: 1px dotted #eee;}

.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-utility{color:#989898;}
.entry-utility a:hover{color:#222}

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

.avatar{background: #ffffff;}

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

.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;}

/*============================================== PORTFOLIO SECTION ==============================================*/
#filter li a, #filter li a:visited{ color:#888;}
#filter li.current a, #filter li a:hover{color:#cd6744}


.klasik-pf-text h2 a, .klasik-pf-text h2 a:visited{color:#cd6744;}
.klasik-pf-text h2 a:hover{color:#444;}

/*============================================== CONTENT TOP SECTION ==============================================*/

/*============================================== CONTENT BOTTOM SECTION ==============================================*/
.widget-contentbottom{border-top:1px solid #eee;}

/*============================================== SIDEBAR SECTION ==============================================*/
#sidebar .widget-title {color:#222;}
#sidebar li{border-bottom:dotted 1px #e0e0e0;}

#sidebar li a, #sidebar li li a{color:#cd6744;}
#sidebar li{color:#888888;}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#222;}


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

/* Tagcloud */



.widget_calendar #wp-calendar tbody td:first-child, .widget_calendar #wp-calendar tfoot td:first-child{border-left:1px solid #eaeaea;}
#footersidebar .widget_calendar #wp-calendar tbody td:first-child, #footersidebar .widget_calendar #wp-calendar tfoot td:first-child{border-left:1px solid #474747;}
#footersidebar .widget_calendar td{ border-color:#474747;}
#footersidebar .widget_calendar thead th{ border-color:#474747 !important; background-color:#2d2d2d; border-top:1px solid;}
#footersidebar .widget_calendar thead th:first-child{border-left:1px solid;}
#footersidebar .widget_calendar td#today{color:#e77724;}
#footersidebar .widget_calendar td a, #footersidebar .widget_calendar td a:visited{color:#fff;}

/* Search */
#searchform .searcharea{background:#f3f3f3; border:1px solid #f3f3f3;}
.searchbutton {
    background: url(images/search-icon.png) no-repeat 8px 5px !important;
}
#footersidebar #searchform .searcharea{border:1px solid #474747; background-color:#393939;}
#footersidebar #searchform .searchbutton{background:#393939 url(images/search-icon.png) no-repeat 8px 5px; }

#footersidebar .klasik-recent-post-widget li img{background-color:#494949;}
#footersidebar .klasik-recent-post-widget li .smalldate{color:#a4a4a4;}
#footersidebar .klasik-recent-post-widget li a,
#footersidebar .klasik-recent-post-widget li a:visited{color:#ffffff;}

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

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

/*============================================== FOOTER SIDEBAR SECTION ==============================================*/
#footersidebar{border-top:1px solid #eee; color:#999;}

.gallery-pic img{ border:1px solid #474747; color:#363636;}

/*============================================== FOOTER SECTION ==============================================*/
#footercontainer{border-top:1px solid #eee;}
#footer{color:#999;}
#footer a, #footer a:visited{color:#cd6744}
#footer a:hover{color:#222}