/*
Theme Name: Illness
Theme URI: http://illdigital.com
Description:  The site looks sick because this cascading style sheet is so ill.
Version: 1.0
Author: Eddie Mercer
Author URI: http://illdigital.com
Tags: dark, typography, images, gallery, art, photography, widgets, jquery
*/

/******************************* ill style *******************************/

body {
	background-image:url("css/back.jpg");
	background-repeat: repeat-y;
	background-position: center;
	background-color:#000;
	color:          #888;
	font-family:    "Lucida Grande",Verdana,sans-serif;
	font-size:      12px;
	}	
* {
	margin:         0;
	padding:        0;
	outline:        none;
	}		
a {
	text-decoration:none;
	color:         #ccc;
	}	
a:hover {
	text-decoration:none;
	color:			#fff;
	}
a img {
	border: 		none;
	}
#page {
	width: 			1008px;
	margin: 		10px auto;
	padding:		5px 0px 10px 0px;
	}
#container {
	position:		absolute;
	width: 			985px;
	background:		#000;
	border:			2px solid #111;
	padding:		0px 10px 0px 10px;
	margin-bottom:	25px;
	}	
.right {
	float:			right;
	}
h1, h2 {
	font-size:		1.8em;
	line-height:	1em;
	padding:		0px 8px 0px 10px; 
	background:		#444;
	border:			solid 1px #555;
	font-family:	"Arial Black","Lucida Grande",Verdana,sans-serif;
	color:			#000;
	margin-bottom:	5px;
	text-transform: uppercase;
	}	
h2 a {
	color:			#ccc;
	}	
h2 a:hover {
	color:			#fff;
	}
.st_sharethis_custom {
	background:		url("css/share.png") no-repeat scroll left top transparent;
	padding:		12px;
	position:		absolute;
	top:			61px;
	right:			14px;
	}
.st_sharethis_custom_s {
	background:		url("css/share.png") no-repeat scroll left top transparent;
	padding:		12px;
	position:		absolute;
	top:			67px;
	left:			710px;
	}
.box {clear:both;}

/******************************* header style *******************************/

#header {
	width: 			983px;
	height: 		42px;
	margin:			10px 0px 5px 0px;
	border:			1px solid #333;
	background:		#222;
	}
#header img {
	margin:			7px 0px 0px 7px;
	}
#top-menu {
	position:		absolute;
	top:			16px;
	right:			18px;
	}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:      10px;
	}
.sf-menu {
	line-height:	1.0;
	border-bottom:  1px solid #333;
	border-left:    1px solid #333;
	}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			17em;
	}
.sf-menu ul li {
	width:			100%;
	}
.sf-menu li:hover {
	visibility:		inherit; /* IE7 'sticky bug' */
	}
.sf-menu li {
	float:			left;
	position:		relative;
	}
.sf-menu a {
	display:		block;
	position:		relative;
	}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    background:     #000;
    color:			#FFF;
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
	}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
	}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
	}
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	}
.sf-menu a {
	border-top:		1px solid #333;
	border-right:   1px solid #333;
	padding: 		1em 1.2em;
	text-decoration:none;
	}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text color*/
	color:			#CCC;
	}
.sf-menu li {
	background:		#111;
	}
.sf-menu li li {
	background:		#111;
	border-left:   1px solid #333;
	}
.sf-menu li li li {
	background:		#111;
	border-left:   1px solid #333;
	}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#333;
	color:          #FFF;
	outline:		#333;
	}
								/** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	}
/******************************* content style *******************************/ 

#contents {
	width: 			725px;
	float: 			left;
	padding:		5px 5px 0 5px;
	background:		#111;
	border:			solid 1px #232323;
	margin:			0px 0px 10px 0px;
	}
.post {
	width:			701px;
	padding: 		10px 12px 10px 10px;
	background:		#010101;
	border:			solid 1px #222;
	margin:			0px 0px 5px 0px;
	}
.post p {
	padding-bottom:	10px;
	line-height:	1.3em;
	}
.post ul {
	list-style:		square;
	line-height:	1.3em;
	margin-left:	20px;
	}
.nyc {
	width:			100%;
	min-height:		466px;
	text-align:		center;
	}
.third {
	float:			left;
	width:			330px;
	padding:		15px 0px;
	}
#righty {
	float:			right;
	}
.descr {
	font-size:		11px;
	margin:			0px 25px 15px 25px;
	padding:		3px 0px;
	}
.four-o-four {
	padding:		44px;
	margin:			0px 0px 5px 0px;
	background:		#000;
	border:			1px solid #222;
	}
.bigthumbs {
	width:			975px;
	padding:		4px;
	background:		#111;
	border:			1px solid #333;
	margin-bottom:	10px;
	}
#latest-contents {
	width: 			730px;
	float: 			left;
	padding:		5px 0px 0px 5px;
	background:		#111;
	border:			solid 1px #232323;
	margin:			0px 0px 10px 0px;
	}
.latest {
	float:			left;
	width:			346px;
	padding: 		6px;
	background:		#222;
	border:			solid 1px #333;
	margin:			0px 5px 5px 0px;
	font-size:		10px;
	}
.latest h3 {
	font-size:		14px;
	font-weight:	bold;
	margin:			0px 0px 5px 97px;
	}
.latest img {
	float:			left;
	margin-right:	10px;
	padding:		5px;
	background:		#000;
	border:			1px solid #333;
	}
.prev_next {
	margin-bottom:	10px;
	padding:		3px 10px 3px 10px;
	background:		#222;
	border:			solid 1px #333;
	text-align:		right;
	}
.next-shot {
	float:			left;
	clear:			none;
	}
/******************************* gallery style *******************************/ 

#gallery-wrap {
	padding:		5px 0px 5px 5px;
	margin-bottom:	10px;
	border:			1px solid #333;
	background:		#222;
	}
pre {
	font-size:		1.2em;
	line-height:	1.2em;
	overflow:		auto;
	}
#ads {
	clear:			both;
	padding:		12px 0 12px 66px;
	}
.content {
	display:		none;
	float:			left;
	width:			572px;
	background:		#000;
	border:			1px solid #444;
	}
.content a, 
div.navigation a {
	text-decoration:none;
	color:			#ccc;
	}
a:focus,
a:hover,
a:active {
	}
.controls {
	margin-bottom:	8px;
	padding:		9px 5px 24px 0px;
	background:		#333;
	border-bottom:	solid 1px #444;
	}
.controls a {
	padding:		5px 10px;
	border:			1px solid #444;
	background:     #000;
	margin-left:	5px;
	}
.controls a:hover {
	color:			#fff;
	background:		#444;
	border:			solid 1px #555;
	}
.ss-controls {
	float:			left;
	}
.nav-controls {
	float:			right;
	}
.slideshow-container {
	height:			510px; 
	position:		relative;
	clear:			both;
	}
.loader {
	width:			570px;
	height:			510px; 
	position:		absolute;
	top:			0;
	left:			0;
	background-image:url('css/loading.gif');
	background-repeat:no-repeat;
	background-position:center;
	}
.slideshow { 
	}
.slideshow span.image-wrapper {
	display:		block;
	position:		absolute;
	top:			0;
	left:			0;
	}
.slideshow a.advance-link {
	display:		block;
	width:			570px;
	height:			500px;
	line-height:	500px;
	text-align:		center;
	}
.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration:none;
	}
.slideshow img {
	vertical-align:	middle;
	border:			1px solid #222;
	}
.download {
	float:			right;
	margin:			5px 10px 0px 0px;
	}
.caption-container {
	width:			570px;
	height:			96px;
	position:		relative;
	bottom:			0px;
	left:			0px;
	border-top:		1px solid #333;
	background:     #111;
	margin:			0px auto;
	clear:			both;
	}
span.image-caption {
	display:		block;
	width:			570px;
	position:		absolute;
	}
.caption {
	padding:		5px 5px 0px 5px;
	color:			#666;
	}
.caption a {
	color:			#ccc;
	}
.caption a:hover {
	color:			#fff;
	}
.image-title h3{
	font-weight:	normal;
	font-family:	"Arial Black","Lucida Grande",Verdana,sans-serif;
	font-size:		1.5em;
	border:			1px solid #333;
	background:		#222;
	text-transform:	uppercase;
	padding-left:	10px;
	}
.image-desc {
	line-height:	1.3em;
	padding:		8px;
	}
.navigation {
	text-align:		center;
	}
ul.thumbs {
	clear:			both;
	}
ul.thumbs li {
	float: 			left;
	list-style:		none;
	}
a.thumb {
	display:		block;
	}
ul.thumbs li.selected a.thumb {
	background:		#000;
	}
a.thumb:focus {
	outline:		none;
	}
ul.thumbs img {
	border:			none;
	display:		block;
	}
/******************************* pagination style *******************************/
.pagi-box {
	float:			left;
	width:			380px;
	text-align:		center;
	background:		#333;
	border:			solid 1px #444;
	padding:		4px 0px 4px 5px;
	margin:			0px 0px 5px 10px;
	}
.pagi {
	margin:			0px auto;
	}
.top,
.bottom {
	visibility:		hidden;
	line-height:	0em;
	border:			0px;
	}	
.pagi a,
div.pagi span.current,
div.pagi span.ellipsis {
	display:		block;
	float:			left;
	margin:			0px 0px 0px 3px;
	padding:		4px 6px 3px 6px;
	background:		#000;
	border:			1px solid #444;
	}
.pagi a:hover,
div.pagi span.current {
	background:		#333;
	border: 		1px solid #444;
	color:			#fff;
	}
.pagi span.ellipsis {
	border:			none;
	padding:		5px 0 3px 2px;
	}
#captionToggle a {
	float:			right;
	display:		block;
	margin-top:		5px;
	background:		#111;
	border:			1px solid #222;
	padding:		5px 30px 5px 5px;
	}

/******************************* comments style *******************************/
.comments_part {
	margin-top:		15px;
	padding:		5px;
	border:			solid 1px #222;
	background:		#111;
	}
.commentlist { 
	}
#loggedin {
	display:		block;
	margin:			0 0 5px 0px;
	padding:		5px 10px;
	background:		#222;
	border:			1px solid #333;
	}
.commentlist li {
	margin-top:		5px;
	padding:		10px 5px 3px 15px;
	list-style:		none;
	border:			solid 1px #222;
	overflow:		hidden;
	}
.commentlist li .avatar	{
	float:			right;
	margin:			-5px 0px 2px 10px;
	padding:		5px;
	border:			1px solid #222;
	background:		#111;
	}
.commentlist p {
	margin:			10px 5px 0 0;
	font-weight:	normal;
	line-height:	1.3em;
	text-transform:	none;
	}
.commentmetadata {
	margin:			0;
	display:		block;
	font-weight:	normal;
	}
.nocomments {
	text-align:		center;
	margin:			0;
	padding:		0;
	}
.alt {
	padding:		10px;
	background:		#222;
	border:			solid 1px #333;
	}
.commentlist li.authorcomment {
	list-style:		none;
	background:		#000;
	border:			1px solid #222;
	overflow:		hidden;
	}
#comments {
	margin:			10px 0 0 10px;
	font: 			18px Arial, Helvetica, sans-serif;
	font-weight:	bold;color:#CCC;
	text-align: 	left;
	}
.add_reply {
	height:			15px;
	}
.yus_reply {
	float:			left;
	}
.commentcount {
	font-size:		12px;
	font-weight:	bold;
	float:			right;
	padding:		0 5px 0 0;
	}
#commentpart {
	padding: 		0px;
	}
#commentform p {
	margin:			0px;
	padding:		0px;
	}
#commentform input {
	width:			250px;
	padding:		2px;
	margin-bottom:	5px;
	}
#commentform textarea {
	width:			666px;
	padding:		10px 11px 10px 10px;
	margin-bottom:	5px;
	}
#commentform #submit {
	height:25px;	width:75px;
	font-weight:	bold;
	margin-bottom:	0px;
	}
#respond {
	margin:			6px 0 0 10px;
	color:#CCC;
	}
/******************************* sidebar style *******************************/

#sidebar {
	float: 			left;
	margin:			0 0 10px 13px;
	padding:		5px 5px 3px 5px;
	width:			222px;
	background:		#111;
	border:			solid 1px #232323;
	}
#searchform	{
	height:			2em;
	line-height:	1em;
	margin-bottom:	5px;
	}
#searchform #s {
	width:			209px;
	font-size:		1em;
	height:			1em;
	padding:		5px;
	}
.slected {
	background:		#333;
	font-size:		1em;
	border:			1px solid #444;
	font-family:    "Lucida Grande",Verdana,sans-serif;
	color:			#ccc;
	}
.slected:hover {
	background:		#444;
	border:			1px solid #555;
	font-family:    "Lucida Grande",Verdana,sans-serif;
	color:			#fff;
	}
.slected:focus {
	background: 	#000;
	border:1px 		solid #444;
	font-family:    "Lucida Grande",Verdana,sans-serif;
	color:			#ccc;
	}
.gallery-name {
	float:			left;
	width:			150px;
	text-align:		left;
	}
.post-count {
	}
.navigation-block {
	width:			230px;
	}
ul.sliding-navigation {
	list-style:		none;
	}
ul.sliding-navigation li.sliding-element h3,
ul.sliding-navigation li.sliding-element a {
	display:		block;
	width:			190px;
	margin-bottom:	3px;
	border:			1px solid #333;
	text-align:		right;
	}
ul.sliding-navigation li.sliding-element h3 {
	text-transform:	uppercase;
	font-size:		12px;
	font-family:	"Arial Black", "Lucida Grande",Verdana;
	color:			#000;
	background:		#444;
	border:			solid 1px #555;
	width:			220px;
	padding:		0px;
	text-align:		center;
	}
ul.sliding-navigation li.sliding-element a {
	font-size:		.85em;
	padding:		2px 15px;
	color:			#ccc;
	background:		#222;
	text-decoration:none;
	}
ul.sliding-navigation li.sliding-element a:hover {
	color:			#fff;
	background:		#333;
	border:			1px solid #444;
	}
/******************************* Footer Style *******************************/
#footer {
	clear:			both;
	width:			auto;
	margin:			10px 0px;
	background:		#111;
	border:			1px solid #222;
	}
#footnotes {
	float:			left;
	width:			310px;
	margin:			5px 0px 0px 5px;
	padding:		5px 7px 8px 7px;
	background:		#000;
	border:			1px solid #222;
	font-size:		10px;
	text-align:		center;
	color:			#ccc;
	}
.foot-item {
	float:			left;
	margin:			5px 5px 0px 5px;
	padding:		0px 10px 5px 10px;
	background:		#222;
	border:			1px solid #333;
	}
#footer h5 {
	color:			#ccc;
	padding:		3px 0px 2px 0px;
	text-transform:	uppercase;
	}
#foot-search {
	float:			right;
	margin:			5px 0px 5px 5px;
	padding:		9px 10px 4px 10px;
	background:		#222;
	border:			1px solid #333;
	}
	
/******************************* Oh, you mad cause I'm stylin on you. *******************************/

#fade-top,
#fade-bot {
	position: 		fixed;
	left:			0px;
	width:			100%;
	height:			150px;
	z-index:		-1;
	}
#fade-top {
	background:		url("css/fade.png") repeat-x;
	top:			0px;
	}
#fade-bot {
	background:		url("css/fadeup.png") repeat-x;
	bottom:			0px;
	}