/* 

Atraxis - CSS File

CHANGE COLOR STYLE

*/

body {color:#666;}
#bodychild { background:url(images/top-pattern.png);}
#bgheader{ background:url(images/bg-opacity-menu.png);}
#outerslider{ position:relative; background:url(images/shadow-hor-b.png) repeat-x bottom;}

#line-top{ background:url(images/nav-line-top.png) repeat-x top}
#line-bottom{ background:url(images/nav-line-bottom.png) repeat-x bottom}
#outerbeforecontent, #outerfeatures, #outermain, #outeraftercontent { background:#f6f6f6}
.shadowmenu{background:url(images/shadow-hor-t.png) repeat-x; height:21px;}
.shadowbottom{background:url(images/shadow-hor-b.png) repeat-x bottom; height:30px;}

/*============================================== GENERAL SECTION ==============================================*/
a, .morelink, .colortext, a.colortext{color:#4383a1}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#ea694e}
#logo h1 a, #logo h1 a:visited{color:#666;}


/* Heading & text */
h1, h2, h3, h4, h5, h6{color:#444;}
#headline h1{color:#fff; text-shadow:1px 1px 1px #555;}

.title{background:url(images/bg-title.png) no-repeat center}
.title h1{color:#404040;}
.customColor{color:#505c70;}

.widget-homefeatured .widget-title, 
.maintop-container .widget-title, 
.mainbottom-container .widget-title, 
.contenttop-container .widget-title, 
.contentbottom-container .widget-title{
	background:url(images/bg-title.png) no-repeat center;
	color:#404040;
}


/*============================================== HEADER AND MENU SECTION ==============================================*/

.sf-menu a, .sf-menu a:visited{color:#fff;}/* 1st level */
.sf-menu a:hover, .sf-menu li.current a{color:#444;}/* 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:#444;}


/* 2nd level */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background:#7da8c1;
}

.sf-menu li li, .sf-menu li li:first-child{
	 border-bottom:1px solid #a4c2d4;
}
.sf-menu > li li:before{
	border-bottom: dashed 1px #fff;
}

.sf-menu ul li a{color:#fff;}

.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:#444; background:#a4c2d4;}


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



/*============================================== SLIDER SECTION ==============================================*/
#shadowslider{background:url(images/bg-slider.png) no-repeat center 3px ; }
#slider{
    background: #fff;
    border: 9px solid #fff;
}

#slider .slider-title, #slider .slider-title a{ color:#666;}
#slider .slider-text{ color:#666;}

#slider .camera_wrap .camera_pag .camera_pag_ul li {
	background: #7da8c1;
}
#slider .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #ea694e;
}
#slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #ea694e;
}


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

/* highlight Content */
#outerhighlight{border:solid 1px #e8e8e8; border-width:1px 0; background:#fafafa}
#highlight h1{color:#2a313c;}

/* Image */
.imgframe {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFEFEF;
}


/* Contact */
.shadowmap{background-image:url(images/shadow-map.png); background-repeat:no-repeat; background-position:0 8px;}
.address li{ border-bottom: 1px solid #e7e7e7}


/* Circle */
.circle-small{
	background: #ebebeb;
    border: 5px solid #f6f6f6;
    box-shadow: 0 0 0 3px #e7e7e7;
	color:#444;
}

.circle{
	background: #7da8c1;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px #7da8c1;
}


/* Form */
input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	border:solid 1px #e6e6e6;
	color:#666;
	background:#f8f8f8;
}
label{ color:#444;}
span.required{ color:#f00;}

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

.separator.line{border-bottom:1px solid #efefef;}
.separator.line .icon{background:#f6f6f6 url(images/icon.png) no-repeat center 5px;}


/* List */
.listcheck li{ background:url(images/check.png) no-repeat 0 5px;}


/* Button */
.widget-homehighlight .button:hover,
.more-link,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #ea694e;
	border:0;
	color:#fff!important;
	
}
.widget-homehighlight .button,
.more-link:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #7da8c1;
	border:0;
	color:#fff!important;
}

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

/* Blockquote */
blockquote{ border-left:4px solid #ddd;}


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


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


/*============================================== BLOG SECTION ==============================================*/
.main-date{
	background: #ebebeb;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px #ebebeb;
	color:#444;
}

.postimg{background:url(images/shadow-img-post.png) no-repeat center bottom;}
.posttitle{ border-bottom:1px solid #e7e7e7;}
.posttitle a, .posttitle a:visited, .entry-utility a{color:#7da8c1;}
.posttitle a:hover, .entry-utility a:hover{color:#ea694e}
.entry-utility{ color:#666;}

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

.fn, .fn a, .fn a:visited{ color:#444;}
.fn a:hover, .reply a:hover{ color:#ec561d}
.tdate, .reply, .reply a, .reply a:visited{color:#999; text-transform:uppercase; }
.con-comment{background:#f8f8f8; border:1px solid #eaeaea;}

.single .post{border-bottom:1px solid #eaeaea;}


/* post format */
.entry-quote .entry-content, .entry-quote blockquote{ background:#ea694e; color:#fff;}



/*============================================== PORTFOLIO SECTION ==============================================*/

#filter li{border-left:1px solid #8f8f8f;}
#filter li a, #filter li a:visited{ color:#666;}
#filter li.current a, #filter li a:hover{color:#ea694e;}


.klasik-pf-img{ background-image:url(images/shadow-img.png); background-repeat:no-repeat;}
.klasik-pf-text .pftitle a, .klasik-pf-text .pftitle a:visited{color:#444;}
.klasik-pf-text .pftitle a:hover{color:#ea694e;}


/*============================================== SIDEBAR SECTION ==============================================*/
#sidebar .widget-title {color:#444;}
#sidebar .widget-container{border-top:solid 1px #e7e7e7;}
#sidebar li { color:#666}
#sidebar li a, #sidebar li li a{color:#7da8c1;}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#ec561d;}


/* Tagcloud */
.tagcloud a, .tag-items span a{ background:#eee; color:#444!important}
.tagcloud a:hover, .tag-items span a:hover{ background:#ea694e; color:#fff!important}


.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;}
input.searchbutton {
    background: url(images/search-icon.png) no-repeat 8px 13px !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; }


/*============================================== PLUGIN & WIDGET SECTION ==============================================*/

.line-separator{background: url(images/separator-white.png) no-repeat center top}




/* Featured  */
#outerhomefeatured{ background:#f2f2f2}
.klasik-features .feature-title{ color:#fff}
.klasik-features .item-container:hover .circle{
	background: #ea694e;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px #ea694e;
}

.klasik-features .more{ color:#4383a1;}
.klasik-features .more{ background:url(images/arrow.png) no-repeat 0 3px; top:0;}
.klasik-features .item-container .more:hover, .klasik-features .item-container:hover .more{ background:url(images/arrow-hover.png) no-repeat 0 3px;}
.klasik-features .item-container:hover .more{ color:#ea694e;}


/* Recent Post */
#sidebar .klasik-recentpost-widget .recent-item{ border-bottom:1px solid #e8e8e8}
#footer .klasik-recentpost-widget .recent-item{ border-bottom:1px solid #484848}


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

/* WP Pagenavi */
.wp-pagenavi{}
.wp-pagenavi .pages{}
.wp-pagenavi a, .wp-pagenavi a:visited{color:#fff; border:solid 1px #ea694e; background:#ea694e}
.wp-pagenavi .current, .wp-pagenavi a:hover{color:#fff; border:solid 1px #7da8c1; background:#7da8c1}


/*============================================== FOOTER SECTION ==============================================*/

/*==== FOOTER SIDEBAR SECTION ====*/
#footer{ background:url(images/footer-pattern.png);}
#outerfootersidebar{ border-top:1px solid #212121; color:#bebebe; background:url(images/dotted-footer.png) repeat-x 0 3px;}
.footer-dotted-line{background:url(images/dotted-footer.png) repeat-x; display:block; width:100%; height:1px;}
#footersidebar{}
#footersidebar .widget-title{color:#fff;}
#footersidebar li a, #footersidebar li a:visited{color:#bebebe}
#footersidebar li a:hover{color:#ea694e}

#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:#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:0px solid;}
#footersidebar .widget_calendar td#today{color:#e77724;}
#footersidebar .widget_calendar td a, #footersidebar .widget_calendar td a:visited{color:#fff;}




/*==== copyright ====*/
#outercopyright{ background:url(images/bg-opacity-copyright.png); border-top:solid 1px #212121}
.copyrighttext{color:#bdbdbd;}
.copyrighttext a, .copyrighttext a:visited{color:#fff0ce;}
.copyrighttext a:hover{color:#bdbdbd;}
#toTop{ background:url(images/btn-top.png); width:40px; height:47px;}