/* 

Atraxis - CSS File

CHANGE COLOR STYLE

*/

body {color:#666;}
#bodychild { background:url(../images/top-pattern.png);}
#outerheader{ 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, #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;}

/* Link color */
a, a:visited{color:#4383a1}
a:hover, .colortext, a.colortext:hover, .colortext a:hover{color:#ea694e}


/* Heading & text */
h1, h2, h3, h4, h5, h6{color:#444;}
.title h1{color:#404040;}
.customColor{color:#505c70;}

/* Menu top color */
.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 li.sfHover a:hover{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;
}


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

/* Header */
.headertitle h1{color:#fff; text-shadow:1px 1px 1px #555;}

/* Slider */
#shadowslider{background:url(../images/bg-slider.png) no-repeat center; }
.flex-caption h1{color:#444}
.flex-caption .desc{color:#666}

.flex-control-paging li a{background: #7da8c1; }
.flex-control-paging li a:hover { background: #ea694e;  }
.flex-control-paging li a.flex-active { background: #ea694e; cursor: default; }


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

/* Content */
.highlight-content{border:solid 1px #e8e8e8; border-width:1px 0}
.highlight-content h1, .customtext{color:#505c70;}

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

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

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


/* Button */
.button, .button:visited, input[type="submit"], #highlight .button:hover{
	background: #ea694e;
	border:0;
	color:#fff;
}

.button:hover, input[type="submit"]:hover, #highlight .button{
	background: #7da8c1;
	border:0;
	color:#fff;
}


/* Dropcaps */	
.dropcap1{text-shadow:1px 1px 0 #ededed; color:#666}
.dropcap2{
	background: #ebebeb;
    border: 5px solid #f6f6f6;
    box-shadow: 0 0 0 3px #e7e7e7;
	color:#444;	
}		
.dropcap3{	
	background: #ebebeb; 
    border: solid 5px #f6f6f6;  
    outline: solid 2px #e7e7e7;  
	color:#666;
}

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

.frame-menu:hover .circle, .frame-menu.active .circle{
	background: #ea694e;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px #ea694e;
}

.frame-menu p{ color:#666;}
.frame-menu .more{ color:#4383a1;}
.frame-menu .more{ background:url(../images/arrow.png) no-repeat 0 3px; top:0;}
.frame-menu .more:hover, .frame-menu:hover .more, .frame-menu.active .more{ background:url(../images/arrow-hover.png) no-repeat 0 3px;}
.frame-menu:hover .more, .frame-menu.active .more{ color:#ea694e;}

.imgframe{ border:1px solid #efefef; background:#fff; padding:4px;}


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

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

/* Separator */
.separator.line{border-bottom:1px solid #efefef;}
.separator.line .icon{background:#f6f6f6 url(../images/icon.png) no-repeat center 5px;}
	
/* Tabs */
ul.tabs{
	background: #f8f8f8; /* for non-css3 browsers */
	border:1px solid #efefef;
	border-width:1px 1px 0px 1px;
}
ul.tabs li {
	border:1px solid #f00;
	border-width:0px 1px 0px 0px;
}
ul.tabs li {border-right: 1px solid #fff;}
ul.tabs li:before {border-right: 1px solid #efefef;}
ul.tabs li:first-child{border-left:solid 1px #efefef;}
ul.tabs li a {color:#505050;}
ul.tabs li.active{background:#fff; border-bottom:0px; border-left:0px;}
html ul.tabs li.active a{ color:#303030; }
#tab-body{border:solid 1px #efefef; background:#fff;}

/* jQuery Toggles */
h2.trigger{
	background: #f8f8f8; /* for non-css3 browsers */
	border:1px solid #efefef;	
}
h2.active{
	background: #fff; /* for non-css3 browsers */
	border:1px solid #efefef;
	border-width:1px 1px 0px 1px;	
}
h2.trigger span {color:#ea694e;}
h2.active span, h2.active span:hover{color:#444!important;}
h2.trigger span:hover {color:#444} 
.toggle_container .block{
	border:1px solid #efefef;
	border-width:0px 1px 1px 1px;
	background:#fff;
}


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

.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; }
.comment-body{background:#f8f8f8; border:1px solid #eaeaea;}

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

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

/* Portfolio */
.ts-display-pf-img{ background-image:url(../images/shadow-img.png); background-repeat:no-repeat;}
.ts-display-pf-text h2 a, .ts-display-pf-text h2 a:visited{color:#444;}
.ts-display-pf-text h2 a:hover{color:#e13e00;}

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


/* Sidebar */
#sidebar li li a{ color:#7da8c1;}
#sidebar li li a:hover{color:#ec561d;}
#sidebar .widget-title{color:#444;}
#sidebar .widget-container{border-top:solid 1px #e7e7e7;}

#sidebar .smalldate a, #sidebar .smalldate a:visited{color:#dc3c00;}
#sidebar .smalldate a:hover{text-decoration:underline;}
#sidebar .lp-widget li h3 a{color:#4e5b70;}
#sidebar .lp-widget li h3 a:hover{color:#dc3c00}
#sidebar .lp-widget .smalldate{color:#999;}


/* Footer */
#footer{ background:url(../images/footer-pattern.png); }

/* Footer Sidebar*/
#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}

/* Recent post widget */
#footersidebar ul.rp-widget li{ border-bottom:1px solid #484848}
#footersidebar ul.rp-widget li:last-child{ border-bottom:0px;}

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