/*  
Dark Theme Color Settings
*/


/* ---------------------------------------------------------------- 
 *  GLOBAL
 * ---------------------------------------------------------------- 
*/ 
body { font-family: Arial, Helvetica, sans-serif; color: #999999; background: #202020;
 }

/* ---------------------------------------------------------------- 
*  HR
* ---------------------------------------------------------------- 
*/ 
div.hr {
	color: #2e2e2e;
	background: #050505;
}

/* ---------------------------------------------------------------- 
*  BILLBOARD
* ---------------------------------------------------------------- 
*/ 
#billboard {
	background-color: #111111;
}

#billboard .showcase {
	background-color: #222222;
	border: 1px solid #383838;
}

#billboard .showcase img.featured {
	border: 1px solid #383838;
}

#billboard .showcase h2 {
	color: #FFFFFF;
}

#billboard .showcase h2 a {
	color: #FFFFFF;
}

#billboard .showcase .infobar {
	color: #525252;
	background: url(images/infobar_bck_dark.gif) no-repeat right top;
}

#billboard .showcase .infobar a,
#billboard .showcase .infobar span {
	color: #9b9b9b;
}

#billboard .showcase p {
	color: #999999;
}

#billboard .showcase .view_project {
	background: url(images/view_project_dark.gif) no-repeat top left;
	height: 20px;
	width: 92px;
	display: inline-block;
}

#billboard .navigation {
	height: 71px;
	background: url(images/recent_portfolio_work_dark.gif) no-repeat left top;
}

#billboard .navigation ul {
	margin-right: 15px;
	margin-top: 20px;
}

#billboard .navigation ul li {
	background: url(images/showcase_dot_dark.gif) no-repeat center center;
}

#billboard .navigation ul li.active {
	background: url(images/showcase_dot-active_dark.gif) no-repeat center center;
}

#billboard .navigation ul li.prev {
	display: none;
}

#billboard .navigation ul li.next {
	display: none;
}

/* ---------------------------------------------------------------- 
*  CONTENTS
* ---------------------------------------------------------------- 
*/ 

#contents .post div.img {
	float: left;
	border: 1px solid #000000;
}

#contents .post div.img_wrap {
	border: 1px solid #272727;
	background-color: #111111;
}

#contents .post div.img_wrap div {
	border: 1px solid #2f2f2f;
}

#contents .post h1 a {
	color: #FFFFFF;
}

#contents .post p {
	color: #999999;
}

#contents .post p a:hover {
	text-decoration: none;
}

#contents .post blockquote {
	background: #111111 url(images/blockquote_dark.gif) no-repeat left top;
	border-left: 5px solid #333333;
}

#contents .post .info {
	color: #555555;
}

#contents .post .info a,
#contents .post .info span {
	color: #999999;
}

/* ---------------------------------------------------------------- 
*  CONTENT > PAGE_NAVIGATION
* ---------------------------------------------------------------- 
*/
#contents .page_navigation li a {
	color: #999999;
	font: 13px "Trebuchet MS", Arial, sans-serif;
}

#contents .page_navigation li.active {
	background: #111111;
}

/* ---------------------------------------------------------------- 
*  CONTENTS>MAIN_SIDEBAR
* ---------------------------------------------------------------- 
*/ 
#contents #main_sidebar h2 {
	color: #FFFFFF;
}

#contents #main_sidebar div.widget {
	border: 1px solid #000000;
	background-color: #111111;
}

#contents #main_sidebar div.widget div {
	border: 1px solid #2f2f2f;
	background-color: #2a2a2a;
}

#contents #main_sidebar div.widget div p {
	color: #999999;
}

#contents #main_sidebar div.search input {
	color: #999999;
	background: #2a2a2a;
}

#contents #main_sidebar div.widget ul li a {
	color: #999999;
}

#contents #main_sidebar div.widget ul li {
	color: #444444;
	background: url(images/ul_bck_dark.gif) no-repeat left bottom;
}

#contents #main_sidebar div.widget ul li:last-child,
#contents #main_sidebar div.widget ul li.last {
	background: url(images/ul_dark.gif) no-repeat 2px 10px;
}

#contents #main_sidebar div.widget ul li span {
	color: #a3a3a3;
}

#contents #main_sidebar div.search div a.submit-btn {
	background: url(images/submit_dark.gif) no-repeat;
}


/* ---------------------------------------------------------------- 
*  CONTENTS>SINGLE (post)
* ---------------------------------------------------------------- 
*/ 
#contents .single div.img {
	border: 1px solid #000000;
}

#contents .single div.img_wrap {
	border: 1px solid #272727;
	background-color: #111111;
}

#contents .single div.img_wrap div {
	border: 1px solid #2f2f2f;
}

/* ---------------------------------------------------------------- 
*  CONTENTS>PORTFOLIO (post)
* ---------------------------------------------------------------- 
*/ 
#contents .portfolio div.img {
	border: 1px solid #000000;
}

#contents .portfolio div.img_wrap {
	border: 1px solid #272727;
	background-color: #111111;
}

#contents .portfolio div.img_wrap div {
	border: 1px solid #2f2f2f;
}

/* ---------------------------------------------------------------- 
*  CONTENTS > SOCIAL BOOKMARKS
* ---------------------------------------------------------------- 
*/ 

#contents .social-bookmarks {
	border: 1px solid #262626;
	background: #222222;
}

#contents .social-bookmarks span  {
	display: inline-block;
	cursor: pointer;
}

#contents .social-bookmarks span.bookmark {
	background: url(images/social_delicious_dark.gif);
	height: 57px;
	width: 148px;
}

#contents .social-bookmarks span.float {
	background: url(images/social_float_dark.gif);
	height: 57px;
	width: 110px;
}

#contents .social-bookmarks span.digg {
	background: url(images/social_digg_dark.gif);
	height: 57px;
	width: 119px;
}

#contents .social-bookmarks span.mixx {
	background: url(images/social_mixx_dark.gif);
	height: 57px;
	width: 126px;
}

#contents .social-bookmarks span.stumble {
	background: url(images/social_stumble_dark.gif);
	height: 57px;
	width: 96px;
}

/* ---------------------------------------------------------------- 
*  CONTENTS > COMMENTS
* ---------------------------------------------------------------- 
*/ 
#contents .comment div.author {
	color: #FFFFFF;
}

#contents .comment div.author a {
	color: #FFFFFF;
}

#contents .comment div.author span {
	color: #808080;
}

/* ---------------------------------------------------------------- 
*  CONTENTS>LEAVE_COMMENTS
* ---------------------------------------------------------------- 
*/ 
#contents #comments,
#contents #respond {
	padding-top: 32px;
	padding-bottom: 32px;
	font-size: 18px;
	color: #FFFFFF;
}

#contents #leave_comment div.textfield {
	margin-bottom: 20px;
	border: 1px solid #000000;
	width: 266px;
	height: 32px;
	padding: 1px;
	background-color: #242424;
}

#contents #leave_comment div.textfield input {
	border: 0 none;
	padding: 9px;
	width: 266px;
	height: 32px;
	color: #999999;
	background: url(images/input_bck_dark.gif) no-repeat left top;
}

#contents #leave_comment div.textbox {
	width: 432px;
	height: 92px;
}

#contents #leave_comment div.textfield textarea {
	border: 0 none;
	margin: 0;
	padding: 9px;
	width: 416px;
	height: 76px;
	color: #999999;
	background: url(images/textarea_bck_dark.gif) no-repeat left top;
}

#contents #leave_comment div.button a {
	padding: 4px 8px;
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
}

/* ---------------------------------------------------------------- 
*  FOOTER
* ---------------------------------------------------------------- 
*/ 
#footer {
	border-top: 1px solid #2e2e2e;
	background-color: #111111;
}
#footer .container {
	color: #656666;
	font-size: 11px;
}


#footer .container div.right a.twitter {
	height: 22px;
	width: 137px;
	margin-right: 46px;
	background: url(images/follow_on_twitter_dark.gif);
}

#footer .container div.right a.rss-feed {
	height: 22px;
	width: 114px;
	background: url(images/subscribe_to_updates_dark.gif);
}