/*---------------------------------------------------------------------------*/
/*  Light & Dark Common Styles  */
/*---------------------------------------------------------------------------*/

body { color: #505d63; }

a { color: #4b5c66; }
a:hover { text-decoration: none; color: #1f3138; }
a:link { -webkit-tap-highlight-color: #1f3138; }
::selection { background: #4b5c66; color: #fff; }

#primary-menu ul ul {
    background: #003462;
    border: 1px solid #1f3138;
    box-shadow: 0 0 2px #1f3138;
}

#primary-menu ul ul li { border-bottom: 1px solid #263840; }

#primary-menu ul li.current-menu-item li a,
#primary-menu ul li li.current-menu-item a,
#primary-menu ul ul li a {
    color: #e1e4e6 !important;
    box-shadow: inset 0 0 1px rgba(99,110,117, 1);
    background: none !important;
}

#primary-menu ul ul li a:hover {
	background: #636e75 !important;
	color: #fff;
}

#primary-menu .button a {
	background-image: linear-gradient(bottom, rgb(232,234,238) 33%, rgb(244,245,247) 82%);
	background-image: -o-linear-gradient(bottom, rgb(232,234,238) 33%, rgb(244,245,247) 82%);
	background-image: -moz-linear-gradient(bottom, rgb(232,234,238) 33%, rgb(244,245,247) 82%);
	background-image: -webkit-linear-gradient(bottom, rgb(232,234,238) 33%, rgb(244,245,247) 82%);
	background-image: -ms-linear-gradient(bottom, rgb(232,234,238) 33%, rgb(244,245,247) 82%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.33, rgb(232,234,238)),
		color-stop(0.825, rgb(244,245,247))
	);
	border: 1px solid #ced2d7;
}

.comment-reply a,
.comment-time a { color: #a3abb0; }

.commentlist .comment-meta a:hover { color: #49575f; }

.commentlist .comment-body { border-bottom: 5px solid #e9ebef; }

.portfolio-nav span.arrow { background-image: url(images/pagination-arrows.png); }

.box:hover { background-color: #57616a; }

.box:hover .box-link { border-bottom: 1px solid #3d4a4e; }

.testimonial-arrows a { background-image: url(images/small-arrows.png); }

.content-slider .pagination li.icon-projects a span.icon { background-image: url(images/icon-projects.png); }
.content-slider .pagination li.icon-blog a span.icon { background-image: url(images/icon-blog.png); }
.content-slider .pagination li.icon-twitter a span.icon { background-image: url(images/icon-twitter.png); }

.meta-categories a { border-bottom: 1px solid #e8eaeb; }

.right-arrow { background-image: url(images/right-arrow.png); }

.callout-excerpt { background: url(images/sep-vert.png) repeat-y right top; }

a.button-arrow span { background-image: url(images/button-arrow.png); }

#menu-button.button-arrow span { background-image: url(images/button-arrow-down.png); }

#header .meta-author,
.post-wrap-blog .meta-author { background: url(images/icon-author.png) no-repeat center left; }

#header .meta-categories,
.post-wrap-blog .meta-categories { background: url(images/icon-pen.png) no-repeat center left; }

#header .meta-comment,
.post-wrap-blog .meta-comment { background: url(images/icon-comment.png) no-repeat center left; }

.enews { background: #f4f5f7 url(images/enews-icon.png) center center no-repeat; }

textarea,
input[type="text"] { box-shadow: 0 0 2px rgba(144,154,160, 1), inset 0 -3px 0 rgba(244,245,247, 1); }

a.button-arrow,
.submit {
	background: #364346 url(images/button-bg.png);
	box-shadow: 0 0 2px rgba(75,92,102,1);
	border: 1px solid #1f3138;
	border-width: 0 1px;
}

.widget,
.box,
.post-navigation .pagination a,
.post-navigation .pagination span,
.comment-wrap,
#respond,
#sidebar .testimonial-slider .slide,
#related .widget-title,
.page-template-template-home-php .widget-title { background: #f4f5f7; }

a.button-arrow,
.submit,
.testimonial-slider .quote-right,
.testimonial-slider .quote-left { color: #f4f5f7 !important; }

#comments h3,
.widget-title {
	border-bottom: 5px solid #e9ebef;
	color: #4b5c66;
}

#filter li.current a,
#filter li.current a:hover,
#filter a,
.content-slider .pagination a {
	background: #f4f5f7;
	color: #8f999f;
}

#filter li a:hover,
#filter li.current a:hover,
#filter li.current a,
.content-slider .pagination li a:hover,
.content-slider .pagination li.current a {
	background: url(images/body-bg.jpg) repeat;
	color: #4b5c66;
}

#filter li a span.arrow,
.content-slider .pagination li a span.arrow { background: url(images/icon-arrow.png); }

#masonry .post-header,
#related .post-header,
.content-slider .post-header,
.callout-box { background: url(images/body-bg.jpg) repeat; }

.post-navigation .pagination .current,
.post-navigation .pagination a:hover { background: #57616a; }

.post-navigation .pagination .current { color: #d3d7de; }

textarea,
input[type="text"],
.widget,
.box,
.portfolio-tabs .pagination li a,
.post-header,
.meta-categories a,
.meta-comment a,
.meta-author a,
.enews-excerpt { color: #909aa0; }

.meta-categories a:hover,
.meta-comment a:hover,
.meta-author a:hover,
.DT_Twitter a:hover { color: #1f3138; }

.portfolio-tabs .pagination li.current a,
.portfolio-tabs .pagination li a:hover,
.box-title,
.DT_Twitter span a,
#sidebar .DT_Callout { color: #4b5c66; }

#masonry .meta-published span,
#related .meta-published span,
.content-slider .meta-published span,
.page-template-template-home-php .widget,
.testimonial-slider .meta a:hover { color: #505d63; }

.testimonial-slider .meta,
.testimonial-slider .meta a,
.DT_Twitter li a { color: #aeb4bb; }


/*---------------------------------------------------------------------------*/
/*  Light Skin  */
/*---------------------------------------------------------------------------*/

body.light-skin { background: #d8dbe0 url(images/body-bg.jpg) repeat; }

.light-skin #header-title-wrap { border-bottom: 5px solid #d3d7de; }

.light-skin .home-slider .slider-nav .next,
.light-skin .home-slider .slider-nav .prev { background-image: url(images/slider-arrows.png); }

.light-skin .home-slider .pagination li a { background: #b8bcc4; }

.light-skin .home-slider .pagination li a:hover,
.light-skin .home-slider .pagination li.current a { background: #404f58; }

.light-skin #header-title-wrap div.meta-published { background: #d3d7de; }

.light-skin div.meta-published { background: url(images/body-bg.jpg) repeat; }

.light-skin .roundabout-moveable-item img {
	background: #d8dbe0 url(images/ajax-loader.gif) no-repeat center center;
	color: #d8dbe0;
}

.light-skin #footer-widgets .widget-inside { background: url(images/sep-vert.png) repeat-y top left; }

.light-skin #footer { background: url(images/sep-horz.png) repeat-x top; }

.light-skin #header .meta-categories a,
.light-skin #header .meta-comment a,
.light-skin #header .meta-author a {
	color: #75828a;
	border-bottom-color: #d3d7de;
}

.light-skin .home-slider .post-title,
.light-skin #primary-menu .button a,
.light-skin #footer,
.light-skin #footer a,
.light-skin #footer-widgets .widget,
.light-skin #footer-widgets a { color: #4b5c66; }

.light-skin #primary-menu ul a.active,
.light-skin #primary-menu ul a:hover,
.light-skin #header .meta-categories a:hover,
.light-skin #header .meta-comment a:hover,
.light-skin #header .meta-author a:hover,
.light-skin #footer a:hover,
.light-skin #footer-widgets a:hover { color: #1f3138; }

.light-skin #primary-menu ul a.active,
.light-skin #primary-menu ul li.current-cat a,
.light-skin #primary-menu ul li.current_page_item a,
.light-skin #primary-menu ul li.current-menu-item a { background: url(images/sep-horz.png) repeat-x bottom; }

.light-skin .home-slider .post-content,
.light-skin .home-slider .pagination li a:hover,
.light-skin .home-slider .pagination li.current a,
.light-skin div.meta-published span.day,
.light-skin .content-slider .meta-published span.day,
.light-skin #header,
.light-skin #primary-menu ul a { color: #757f85; }

.light-skin .page-title,
.light-skin div.meta-published span,
.light-skin .content-slider .meta-published span,
.light-skin #footer-widgets .widget-title { color: #505d63; }


/*---------------------------------------------------------------------------*/
/*  Dark Skin  */
/*---------------------------------------------------------------------------*/

body.dark-skin { background: #003462 url(images/body-bg-dark.jpg) repeat; }

.dark-skin #header-title-wrap { border-bottom: 5px solid #4f595f; }

.dark-skin #header .button a {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	border: 1px solid #4f595f;
}

.dark-skin #header .button a:hover { color: #364346; }

.dark-skin .home-slider .slider-nav .next,
.dark-skin .home-slider .slider-nav .prev { background-image: url(images/slider-arrows-dark.png); }

.dark-skin .home-slider .pagination li a { background: #364346; }

.dark-skin .home-slider .pagination li a:hover,
.dark-skin .home-slider .pagination li.current a { background: #1f3138; }

.dark-skin #header-title-wrap div.meta-published { background: #4f595f; }

.dark-skin #filter li.current li a {
	background: #f4f5f7;
	color: #8f999f;
}

.dark-skin #filter li a:hover,
.dark-skin #filter li.current a,
.dark-skin #filter li.current a:hover,
.dark-skin .meta-published,
.dark-skin .content-slider .post-header { background: url(images/body-bg-dark.jpg) repeat; }

.dark-skin .roundabout-moveable-item img {
	background: #505d63 url(images/ajax-loader-dark.gif) no-repeat center center;
	color: #505d63;
}

.dark-skin #header .meta-author { background: url(images/icon-author-dark.png) no-repeat center left; }
.dark-skin #header .meta-categories { background: url(images/icon-pen-dark.png) no-repeat center left; }
.dark-skin #header .meta-comment { background: url(images/icon-comment-dark.png) no-repeat center left; }

.dark-skin #header .meta-categories a,
.dark-skin #header .meta-comment a,
.dark-skin #header .meta-author a { border-bottom-color: #4f595f; }

.dark-skin .portfolio-nav .prev span.arrow { background-position: top left !important; }
.dark-skin .portfolio-nav .next span.arrow { background-position: bottom left !important; }

.dark-skin #footer-widgets .widget-inside { background: url(images/sep-vert-dark.png) repeat-y top left; }

.dark-skin #footer { background: url(images/sep-horz-dark.png) repeat-x top; }

.dark-skin .home-slider .post-title,
.dark-skin .home-slider .post-content,
.dark-skin #header,
.dark-skin #primary-menu ul a,
.dark-skin #header .meta-categories a,
.dark-skin #header .meta-comment a,
.dark-skin #header .meta-author a,
.dark-skin .meta-published span.day,
.dark-skin .portfolio-nav a,
.dark-skin #footer,
.dark-skin #footer a,
.dark-skin #footer-widgets .widget,
.dark-skin #footer-widgets a {
	color: #acb4bb;
	text-shadow: 0 1px 1px #364346;
}

.dark-skin .home-slider .post-title a:hover {
	text-shadow: 0 1px 2px #1f3138;
	color: #d8dbe0;
}

.dark-skin #site-title,
.dark-skin #site-title a,
.dark-skin .page-title,
.dark-skin .home-slider .post-title,
.dark-skin .home-slider .post-title a,
.dark-skin #primary-menu ul a.active,
.dark-skin #primary-menu ul a:hover,
.dark-skin #header .meta-categories a:hover,
.dark-skin #header .meta-comment a:hover,
.dark-skin #header .meta-author a:hover,
.dark-skin .meta-published span,
.dark-skin .portfolio-nav a:hover,
.dark-skin .portfolio-tabs .pagination li a:hover,
.dark-skin #filter li a:hover,
.dark-skin #filter li.current a,
.dark-skin #filter li.current a:hover,
.dark-skin #footer-widgets .widget-title,
.dark-skin #footer a:hover,
.dark-skin #footer-widgets a:hover { color: #fff; }

.dark-skin #primary-menu .button a,
.dark-skin .portfolio-tabs .pagination li.current a:hover { color: #4b5c66; }

.dark-skin #primary-menu ul a.active,
.dark-skin #primary-menu ul li.current-cat a,
.dark-skin #primary-menu ul li.current_page_item a,
.dark-skin #primary-menu ul li.current-menu-item a { background: url(images/sep-horz-dark.png) repeat-x bottom; }