/*  
Skin Name: Black
Version: 1.0
Description: Skin for iTheme2
*/

body {
	color: #aaa;
}
a {
	color: #97dffc;
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
}
input[type=text], input[type=password], textarea {
	background-color: #444;
	border-color: #555;
}

/************************************************************************************
PANEL BACKGROUND STYLES
*************************************************************************************/
#header-slider, #content, .widget {
	background-color: #222;
	border: solid 1px #323232;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#nav-bar {
	border: solid 1px #000;
	background-color: #222;
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.3) 100%);
}
#main-nav li {
	border-color: #000;
}
#main-nav .home a {
	background-position: -41px center;
}

/************************************************************************************
CONTENT
*************************************************************************************/
/* post title */
.post-title, .post-title a {
	color: #fff;
}

/* commentlist */
.commentlist {
	border-color: #222;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.commentwrap {
	background-color: #2f2f2f;
}
.commentlist .commententry {
	border-color: #222;
	box-shadow: 0 1px 0 rgba(255,255,255,.1);
}


/************************************************************************************
SIDEBAR
*************************************************************************************/
.widgettitle {
	color: #fff;
	border-top: solid 1px #989898;
	border-bottom: solid 1px #000;
	background-color: #333;
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%);
	text-shadow: 0 -1px 0 rgba(0,0,0,.7);
}
.widget li {
	border-color: #333;
}



/************************************************************************************
IMAGE STYLES
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img,
.widget .feature-posts-list .post-img,
.widget .flickr_badge_image img,
.commentlist .avatar,
.recent-comments-list .avatar,
#body .gallery img,
.attachment img,
.post-image img,
.feature-img,
.post-img
{
	background-color: #333;
	border: solid 1px #444;
}