/***************************************************************************************************************************************************** BODY */
body{
   font:normal 13px/21px "Arial", "Helvetica Neue", sans-serif;
   color:#777777;
}


a{ color:#555555; }
a:hover{ color:#ffae00; }


.widget_custom_recent_entries ul li .post-date{
   color: #ffae00;
}

.widget_custom_recent_entries ul li a.post-picture:after,
.flex-content,
.flex-content:after{
   border-left-color: #ffae00;
}

#goTop a:hover,
.posts-nav a:hover,
.nivo-wrapper .nivo-directionNav a:hover,
.nivo-wrapper .nivo-controlNav a:hover,
.nivo-wrapper .nivo-controlNav a.active,
.flex-prev:hover, .flex-next:hover,
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
   background-color:#ffae00;
}

#goTop a,
.posts-nav a,
.nivo-wrapper .nivo-directionNav a,
.nivo-wrapper .nivo-controlNav a,
.flex-control-paging li a,
.flex-direction-nav a{
   background-color:#282d2e;
}

.posts-nav a:hover,
.flex-prev:hover, .flex-next:hover{
   color:#ffffff;
}

.posts-nav a{
   color:#666666;
}


.nivo-wrapper .nivo-controlNav.nivo-thumbs-enabled a.active img,
.nivo-wrapper .nivo-controlNav.nivo-thumbs-enabled a:hover img,
.flexcarousel .slides > li.flex-active-slide,
.flexcarousel .slides > li{
   border-bottom-color: #ffae00;
}

.widget_custom_recent_entries ul li a.post-picture,
.heading-line .heading-title,
.hr-lower-line:after,
.hr-upper-line:after{
   border-color:#ffae00;
}

.nav-single,
.comments-area .comment-wrapper,
.portfolio-tag,
.heading-line,
.recent-clients ul li,
.static-clients ul li,
#comments,
.twitter-list ul li,
.divider,hr{
   border-color:#cccccc;
}

/**************************************************************************************** TOGGLE & TWITTER & TESTIMONIAL & ACCORDION & CAROUSELNAV COLOR SETTINGS */
.twitter-ticker .cs-twitter-content,
.cs-testimonial-content,
.cs-accordion-title,
.cs-accordion_content,
.cs-toggle .cs-toggle-title,
.cs-toggle_content {
   color:#777777;
   background-color:#f9f9f9;
}
.cs-toggle-title .icon-plus,
.cs-accordion-title .icon-plus{
   color:#666666;
   background-color:#333333;
}
.cs-toggle-title.active .icon-plus,
.cs-toggle-title:hover .icon-plus,
.cs-accordion-title.active .icon-plus,
.cs-accordion-title:hover .icon-plus{
   color:#ffffff;
   background-color:#ffae00;
}

.twitter-ticker .cs-twitter-content:after,
.cs-testimonial-content:after{
border-color:#f9f9f9 transparent;
}


/***************************************************************************************************************************************************** ADVANCED COLOR SETTINGS */
.comments-area div.edit a,
.nav-previous a,
.nav-next a,
.portfolio-filter li a,
.wp-pagenavi a,
.wp-pagenavi > span{
   color:#ffffff;
   background-color:#ff9c00;
}

.comments-area div.edit a:hover,
.nav-previous a:hover,
.nav-next a:hover,
.portfolio-filter li a:hover,
.wp-pagenavi a:hover,
.wp-pagenavi a.current,
.wp-pagenavi span.current{
   color:#ffffff;
   background-color:#555555;
}

#respond input[type="submit"],
.comments-area div.reply a{
   color:#ffffff;
   background-color:#91bd09;
}
#respond input[type="submit"]:hover,
.comments-area div.reply a:hover{
   color:#ffffff;
   background-color:#555555;
}





/***************************************************************************************************************************************************** PORTFOLIO COLOR SETTINGS */
.portfolio-item-content:after,
.portfolio-item-content{
   border-top-color:#ffae00;
}
.portfolio-item-content{
   background-color: #f5f5f5;
}
.portfolio-item-title{
   color:#444444;
}
.portfolio-item-title a{
   color:#777777;
}
.portfolio-item-title a:hover{
   color:#ffae00;
}
.portfolio-item-category,
.portfolio-item-text{
   color:#777777;
}






/***************************************************************************************************************************************************** BLOG COLOR SETTINGS */
.blog-post{ margin-bottom:50px; }
.blog-post-meta{
   border-color:#dddddd;
}
.blog-post-meta span span {
   color:#dddddd;
}


.post-meta-date{
   background-color:#ffae00;
   color:#ffffff;
}

.post-meta-comment{
   background-color:#555555;
   color:#ffffff;
}
.post-meta-comment:hover{
   background-color:#ffae00;
   color:#ffffff;
}







#header h1.logo{ font-size:41px;}


#page-title h1.heading-title,
#page-content .widget_title h3{ color:#777777; border-color:#ffae00; }

.blog-post,
#page-title.heading-line,
#page-content .widget_title{ border-color:#dddddd; }

div.ppt,
.blog-post-featured-meta,
h1, h2, h3, h4, h5, h6{ font-family:Oswald, sans-serif; }

h1{   font-size:36px;   }
h2{   font-size:28px;   }
h3{   font-size:24px;   }
h4{   font-size:20px;   }
h5{   font-size:16px;   }
h6{   font-size:14px;   }

/***************************************************************************************************************************************************** TOP BEFORE */
#top-before{
   font:normal 11px/1em "Tahoma", "Helvetica Neue", sans serif;
   color:#aaaaaa;
   padding:10px 0;
   background-color:rgba(0,0,0,0.80);
}
#top-before a{ color:#999999; }
#top-before a:hover{ color:#ffffff; }
/***************************************************************************************************************************************************** TOP AFTER */
#top-after{ border-color:#ffae00; }
.top-button a,
.top-hide{
   font-family:Tahoma, "Helvetica Neue", sans-serif;
   font-size:11px;
   color:#ffffff;
   background-color:#ffae00;
}
.top-hide a,.top-button a{
   color:#ffffff;
}
.top-hide a:hover,.top-button a:hover{
   color:#ffffff;
}

.top-hide .widget_title{
   color:#ffffff;
   border-color:#ffffff;
}

.top-hide .widget_title h3{
   border-color:#ffcc66;
}

.top-hide .widget_recent_comments ul li,
.top-hide .top_widget a{
   border-color:#ffffff;
}

.top-hide .widget_recent_comments ul li:hover,
.top-hide .top_widget a:hover{
   border-color:#ffffff;
}

.top-hide .widget_recent_comments ul li:before,
.top-hide .widget_recent_comments ul li a{
   color:#ffffff;
}

.top-hide .widget_recent_comments ul li:hover:before,
.top-hide .widget_recent_comments ul li:hover a{
   color:#ffffff;
}

/***************************************************************************************************************************************************** MENU & SUBMENU */
#menu{
   background-color:#333333;
   box-shadow:0 5px 0 rgba(0,0,0,0.30);
}
.sf-menu{margin-left:26px;}
.sf-menu li ul:after{
   border-bottom:5px solid rgba(0,0,0,0.30);
}
.sf-menu a {
   font:400 14px/1em "Oswald", Arial, "Helvetica Neue", sans-serif;
   color:#ffffff;
   padding:17px 20px;
}
.sf-menu li.current_page_ancestor,
.sf-menu li.current_page_item,
.sf-menu li:hover,
.sf-menu a:hover{
   color:#ffffff;
   background-color:#ffae00;
}
.sf-menu li li{ background-color:#333333; }
.sf-menu li li a {
   font:normal 12px/1em "Arial", "Helvetica Neue", sans-serif;
   border-color:rgba(255,255,255,0.10);
   color:#ffffff;
   padding:10px 20px;
}

.sf-menu li li.current_page_ancestor,
.sf-menu li li.current_page_item,
.sf-menu li li:hover,
.sf-menu li li a:hover{
   color:#ffffff;
   background-color:#ffae00;
   border-color:transparent;
}
.sf-menu li.sfHover ul { top:48px; }

.sf-menu > li.li-children > a:after {
   border-top-color:#ffffff;
   display:inline-block;
}
.sf-menu ul.sub-menu > li.li-children > a:after,
.sf-menu ul.children > li.li-children > a:after {
   border-left-color:#ffffff;
   display:inline-block;
}
/***************************************************************************************************************************************************** MENU ICONS */
#menu .home-link{
   color:#ffffff;
   background-color:#ffae00;
}
#menu .home-link:hover{
   color:#ffffff;
   background-color:#111111;
}
#menu .home-search input[type="search"] {
   color:#ffae00;
   background-color:#ffae00;
}
#menu .home-search  input[type="search"].focused,
#menu .home-search  input[type="search"]:focus {
   color:#ffffff;
   background-color:#ffae00;
   box-shadow: 0 0 5px #ffae00, inset 0 0 5px rgba(0,0,0,.1);
}
#menu .home-search .icon-search {
   color:#ffffff;
}
#menu .home-search  input[type="search"]:focus + span{
   color:#ffffff;
}
/***************************************************************************************************************************************************** LAYOUT */
#page-wrapper{
   margin:40px auto 40px auto;
   box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
   width:1000px;
}
#top-wrapper .boxed-width{
   width:1000px;
}
body.layout-wide #top-wrapper{
   background-color:#ffffff;
}
#content-wrapper{
   background-color:#ffffff;
}
#page-content,
.container{
   width:940px;
}
#sticky-menu{ width:100% !important;}
.sticky-width{
   clear:both;
   width:1000px;
   padding-left:0;
   padding-right:0;
}
#page-content .sticky-width{
   margin-left:-30px;
}
#page-content{
   padding:30px 0 30px 0;
}
/***************************************************************************************************************************************************** FOOTER */
#footer{
   font:400 11px/21px "Tahoma", Arial, "Helvetica Neue", sans-serif;
   color:#999999;
   background-color:rgba(0,0,0,0.85);
   box-shadow:inset 0 -5px 0 0 rgba(0,0,0,0.20);
}
#footer a{ color:#555555; }
#footer a:hover{ color:#ffffff; }
#footer .widget_title h3{ color:#ffffff; border-color:#ffae00 }
#footer .widget_title{ border-color:#555555 }

#footer .widget_recent_comments ul li:before{
   color:#555555;
}

#footer .widget_recent_comments ul li:hover:before,
#footer .widget_recent_comments ul li:hover a{
   color:#ffffff;
}
#footer .twitter-list li,
#footer .widget_recent_comments ul li:before,
#footer .widget_recent_comments ul li,
#footer .widget_rss ul li a,
#footer .widget_pages ul li a,
#footer .widget_meta ul li a,
#footer .widget_nav_menu ul li a,
#footer .widget_archive ul li a,
#footer .widget_categories ul li a,
#footer .widget_recent_entries ul li a{
   border-color:#555555;
}

#footer .widget_recent_comments ul li:hover,
#footer .widget_rss ul li a:hover,
#footer .widget_pages ul li a:hover,
#footer .widget_meta ul li a:hover,
#footer .widget_nav_menu ul li.current_page_item > a,
#footer .widget_nav_menu ul li.current-page-ancestor > a,
#footer .widget_nav_menu ul li a:hover,
#footer .widget_archive ul li a:hover,
#footer .widget_categories ul li a:hover,
#footer .widget_recent_entries ul li a:hover{
   border-color:#ffffff;
}

#footer .widget_custom_recent_entries ul li .post-date{ color: #ffae00; }
#footer .widget_custom_recent_entries ul li a.post-picture{ border-color: #ffae00; }
#footer .widget_custom_recent_entries ul li a.post-picture:after{ border-left-color: #ffae00; }

/***************************************************************************************************************************************************** COPYRIGHT */
#copyright{
   font-size:11px;
   font-family:"Tahoma", "Helvetica Neue", sans-serif;
   color:#999999;
   background-color:rgba(0,0,0,0.90);
}
#copyright a{ color:#555555; }
#copyright a:hover{ color:#999999; }


.right-sidebar #page-text{ width:705px; float:left; }
.left-sidebar #page-text{ width:705px; float:right; }
.both-sidebar #page-text{ width:470px; margin:0 25px; }

#left-sidebar{ width:210px; float:left; }
#right-sidebar{ width:210px; float:right; }

.widget_product_categories ul li:hover,
.widget_recent_comments ul li:hover,
.widget_rss ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_nav_menu ul li.current_page_item > a,
.widget_nav_menu ul li.current-page-ancestor > a,
.widget_nav_menu ul li a:hover,
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover{
   border-color:#ffae00;
}

.widget_product_categories ul li,
.widget_product_categories ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_comments ul li,
.widget_rss ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_recent_entries ul li a{
   border-color:#dddddd;
}

.widget_recent_comments ul li:before{
   color:#555555;
}

.widget_product_categories ul li:hover:before,
.widget_product_categories ul li:hover a,
.widget_recent_comments ul li:hover:before,
.widget_recent_comments ul li:hover a{
   color:#ffae00;
}
