/* ----------------------------------------------------------------
    Styles for Dark Layout
-----------------------------------------------------------------*/


body,
#header { background-color: #383838; }

body { color: #DDD; }

a:hover { color: #CCC; }

h1,
h2,
h3,
h4,
h5,
h6,
.comment-content .comment-author {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

abbr[title],
acronym[title],
dfn[title] { border-color: #AAA; }

blockquote {
    color: #CCC;
    background-color: rgba(0,0,0,0.5);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	border-color: rgba(111,111,111,0.3);
}

pre { color: #AAA; }

var,
kbd,
samp,
code { background-color: rgba(0,0,0,0.4); }

table,
tr,
.line,
#header #header-wrap,
#header #logo,
#primary-menu ul li,
.page-title,
.portfolio-details h3,
.portfolio-meta,
.single .entry,
.single .entry_meta,
.commentlist,
.tab_widget ul.tabs,
.tab_widget ul.tabs li,
.tab_widget ul.tabs li:first-child,
.tab_widget ul.tabs li.active,
.tab_widget .tab_container,
.toggle .togglet,
.toggle .toggleta,
.toggle .togglec,
#copyrights,
.widget {
	border-color: #555;
}

table .even { background-color: rgba(0,0,0,0.4); }

.line a {
    color: #BBB;
    background-color: #333;
}

.line a:hover { color: #FFF; }

.preloader,
.ei-slider-loading { background: url("../images/portpreloader.gif") center center no-repeat #222; }

label {
    color: #BBB;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

input,
select,
textarea {
	background-color: rgba(0,0,0,0.5);
	border-color: rgba(111,111,111,0.3);
    color: #CCC;
}

input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus { border-color: rgba(111,111,111,0.7); }

label.error { color: #E75F5F; }

input.error,
textarea.error,
select.error { border-color: #E75F5F; }

form small { color: #999; }

button.button,
button.button:hover {
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0 1px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.3);
    background-color: #222 !important;
}

button.button span {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6) !important;
}

#primary-menu ul li a {
    color: #BBB;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.ei-slider-thumbs li a{
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(111,111,111,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(111,111,111,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(111,111,111,0.5);
}

#portfolio { border-bottom: none; }

.disable-item { background-color: #111; }

.portfolio-details {
    background: rgba(0,0,0,0.4);
    border: none;
}

.portfolio-meta span { color: #BBB; }

#portfolio-filter li a {
    background-color: rgba(0,0,0,0.5);
	border-color: rgba(111,111,111,0.3);
    color: #CCC;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.entry_c,
.commentlist li .comment-content,
.team-member .team-member-content {
    background-color: rgba(0,0,0,0.5);
    border-color: rgba(111,111,111,0.2);
}

.entry_title a {
    color: #BBB;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

img.alignleft,
img.alignnone,
img.aligncenter,
img.alignright,
div.alignleft,
div.alignnone,
div.aligncenter,
div.alignright { background-color: rgba(0,0,0,0.3); }

.comment-meta .comment-avatar .avatar { border-color: rgba(111,111,111,0.4); }

.comment-content .comment-author a { color: #AAA; }

.comment-content .comment-author span,
.comment-content .comment-author span a { color: #BBB; }

.comment-content .comment-author span a { border-bottom: 1px dotted #AAA; }

.comment-content .comment-author span a:hover {
    color: #BBB;
    border-bottom: 1px solid #AAA;
}

.byuser .comment-meta .avatar { border-color: #AAA; }

.team-member-pic .team-member-avatar { background-color: rgba(0,0,0,0.3); }

.team-member-content h4 span { color: #BBB; }

.tab_widget ul.tabs li {
	background-image: linear-gradient(bottom, rgb(105,105,105) 9%, rgb(111,111,111) 55%);
    background-image: -o-linear-gradient(bottom, rgb(105,105,105) 9%, rgb(111,111,111) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(105,105,105) 9%, rgb(111,111,111) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(105,105,105) 9%, rgb(111,111,111) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(105,105,105) 9%, rgb(111,111,111) 55%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.09, rgb(105,105,105)),
    	color-stop(0.55, rgb(111,111,111))
    );
}

.tab_widget ul.tabs li a {
	color: #BBB;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
    border-left: 1px solid #888;
}

.tab_widget ul.tabs li.active,
.tab_widget ul.tabs li.active a:hover {
	background-color: #222;
	border-bottom: 1px solid #222;
}

.tab_widget ul.tabs li.active a { color: #EEE; }

.tab_widget .tab_container { background: #222; }

.toggle .togglet,
.toggle .toggleta { background: rgba(111,111,111,0.4); }

.toggle .togglet span,
.toggle .toggleta span {
	color: #CCC;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

.toggle .togglec { background: #222; }

#section-scroll a {
    background-color: rgba(0,0,0,0.3);
    border-color: #444;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_pages li a:hover,
.widget_categories li a:hover { color: #BBB; }

.flickr-widget .flickr_badge_image img,
a.twitter-follow-me,
.sposts-list .entry_image,
#main-content .tagcloud a { background: rgba(0,0,0,0.3); }

a.twitter-follow-me,
#main-content .tagcloud a {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}