/* =-=-=-=-=-=-=-=-=-[Theme Name: Human Condition]-=-=-=-=-=-=-=-=-= */
/* =-=-=-=-=-=-=-=-=-[Designed for Alexking Wordpress Competition - 30/01/04 - Ian Main - www.e-lusion.com]-=-=-=-=-=-=-=-=-= */

/* =-=-=-=-=-=-=-=-=-[Licensing]-=-=-=-=-=-=-=-=-=

1. GPL - Ian Main
2. GPL - Roy Schestowitz (http://schestowitz.com) */ 


/* =-=-=-=-=-=-=-=-=-[Hacks Used]-=-=-=-=-=-=-=-=-= 

1. BMH - #content */

body, html {
	margin: 0 auto;
	/* background: #E4F2FF; Replaced Feb. 2005 */
	background: url(/IMG/blog_css/basic_bg.gif);
	width: 767px;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	text-align: center;
	}
	
a:link {
	color: #2F527E;
	text-decoration: none;
	page-break-after: always;
	border: 1px solid #ccc;
	}

a:visited {
	color: #5B5B5B;
	text-decoration: none;
	border: 1px solid #ccc;
	}

a:hover {
	color: #000;
	background: #f3f3f3;
	border: 1px solid #ccc;
	}

a:active {
	color: #000;
	background: #e1e1e1;
	border: 1px solid #ccc;
	}
	
#rap { 
  	margin-left: auto;
  	margin-right: auto;
  	width: 749px;
	background: url(/IMG/blog_css/fg.gif) repeat-y;
	} 

#topfade {
	position: fixed;
	z-index:5;
	top: 0;
	width: 100%;
	height: 30px;
	background: repeat-x url(/IMG/blog_css/fade.png);
	margin: 0;
	padding: 0;
}

#toppart { 
  	margin-left: auto;
  	margin-right: auto;
  	width: 749px;
	background: url(/IMG/blog_css/bg.gif) repeat-y;
	} 
	
#footbottom {
	background: url(/IMG/blog_css/footbar.gif) no-repeat;
	height: 80px;
	width: 747px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	background: url(/IMG/blog_css/header.png) no-repeat;
	height: 154px;
	width: 747px;
	margin: 0 auto;
	text-align: center;
	}
	
#header a {
	text-decoration: none;
	font-style: italic;
	font-size: 1.0em;
	position: relative;
	top: 121px;
	left: 10px;
	font-family: verdana, arial, helvetica, geneva, sans-serif;
	font-variant: small-caps;
	border: none;
	background: none;
	}
	
#header a:visited {
	border: none;
	background: none;
	}
	
#header a:hover, active {
	border: none;
	background: none;
	}

#content {
	text-align: left;
	background: url(/IMG/blog_css/fg.gif) repeat-y;
	width: 749px;
	padding: 10px;
	float: left;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 729px;
	}
	
.post {
	width: 540px;
	}
	
h2 {
	width: 508px;
	font-size: .7em;
	background: url(/IMG/blog_css/date.gif) no-repeat;
	height: 23px;
	margin: 0;
	padding-top: 4px;
	padding-left: 5px;
	color: #0E2E4A;
	}
	
h3 {
	font-size: .9em;
	font-variant: small-caps;
	text-align: center;
	margin: 5px 0 0 0;
	}

H3:before {
	content: url(/IMG/pd_level_2.png) "      ";
	}

H3:after {
	content: "      " url(/IMG/pd_level_2.png);
	}

h3 a:link {
	color: #000;
	}
	
h3 a:visited {
	color: #000;
	text-decoration: none;
	}

h3 a:hover, a:active {
	color: #000;
	}

#Div_png_left {
	position: fixed;
	font-size: 40px;
	text-align: center;
	bottom:0px;
	left:30px;
	background:url(/IMG/blog_css/up.png) no-repeat top left;
	width:50px;
	height:50px;
}

* html #Div_png_left  {display:none;} /* For IE 5+ PC */

#Div_png_right {
	position: fixed;
	font-size: 40px;
	text-align: center;
	bottom:0px;
	right:30px;
	background:url(/IMG/blog_css/up.png) no-repeat top left;
	width:50px;
	height:50px;
}

* html #Div_png_right  {display:none;}

#Div_png_top {
	position: fixed;
	font-size: 40px;
	text-align: center;
	top:10px;
	right: 50%;          /* Half the containing block */
	margin-right: -25px; /* Half the width of the element */
	background:url(/IMG/blog_css/up.png) no-repeat top left;
	width:50px;
	height:50px;
}

* html #Div_png_top  {display:none;}

#commentlist {	
	margin: 0;
	padding: 0;
	}
	
#commentlist li {
	background: #F3F3F3;
	border: 1px solid #ddd;
	font-size: 1em;
	width: 500px;
	margin-bottom: 20px;
	padding: 5px 5px 3px 5px;
	}
	
ol#commentlist {
	font-size: 1em;
	list-style: none;
	}
	
#commentlist code {
	font-family: Courier New, Courier, mono;
	border: 1px dashed #F3A0A0;
	background: #F9E4E4;
	padding: 0 5px 0 5px;
	text-align: left;
	}
	
#commentlist cite {
	margin: 0;
	padding: 5px;
	font-size: .9em;
	font-style: normal;
	background: #fff;
	border:1px #dedede solid;
	}

#commentlist a:after{
	content: "      " url(/IMG/blog_css/link.png);
	}	
	
#commentlist li p {
	width: 470px;
	text-align: justify;
	}

#commentlist blockquote {
	margin: 0;
	padding: 5px;
	font-size: 1.0em;
	font-style: normal;
	border: 1px dashed #7EACD1;
	background: url(/IMG/blog_css/quote.png) no-repeat top right #F2F9FF;
	}

#content p {
	font-size: .7em;
	width: 400px;
	}

.storycontent ul {	
	list-style-type: none;
	margin-left: 10px;
	margin-right: 20px;
	padding: 0;	
	font-size: .7em;
	}

.storycontent ul li {
	list-style-image: url(/IMG/blog_css/bullet.gif);
	margin-left: 20px;
	}

.storycontent ol {
	margin-left: 10px;
	margin-right: 20px;
	padding: 0;	
	font-size: .7em;
	}

.storycontent ol li {
	margin-left: 20px;
	}

.storycontent table {
	font-size: .7em;
	}
	
.meta {
	font-size: .7em;
	background: #eee;
	margin: 5px 0 0 0;
	padding: 3px;
	width: 502px;
	color: #3A3A3A;
	border:1px #dedede solid;
	}
	
.post-categories {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
.post-categories li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
.storycontent {
	font-size: 1em;
	border-left: 1px solid #ddd;
	padding-left: 5px;
	text-align: justify;
	width: 500px;
	margin: 10px 0 0 0;
	}
	

.storycontent a:after{
	content: "      " url(/IMG/blog_css/link.png);
	}	

.storycontent a:hover {
	background: #EFF8FF;
	}	

.storycontent a:visited:after {
	content: "      " url(/IMG/blog_css/link-visited.png);
	}	
	
.feedback {
	font-size: .7em;
	background: #eee;
	margin: 10px 0 40px 0;
	padding: 3px;
	width: 502px;
	color: #3A3A3A;
	border:1px #dedede solid;
	}

#slider {
	font-size: 0.9em;
	width: 200px;
	margin-left: -207px;
	float: right;
	text-align: left;
	}

#menu {
	font-size: 1.1em;
	width: 200px;
	margin-top: 30px;
	margin-left: -207px;
	float: right;
	text-align: left;
	}
	
#menu ul {
	color: #030;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 0 20px;
	padding-left: 10px;
	width: 160px;
	}
	
#menu ul li {
	color: #242424;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	font-weight: bold;
	font-size: .7em;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #D7D7D7;
	background: url(/IMG/titlesbg.jpg);
	}
	
#menu ul ul {
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
#menu ul ul li {
	background: none;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 19px;
	padding: 0;
	border: 0;
        list-style-image: url(/IMG/pd_level_1.png);
	border-top: 1px dashed #a2a2a2;
	padding-bottom: 0px;
	padding-top: 4px;
	margin-right: 20px;
	}
	
#menu input {
	background: url(/IMG/blog_css/input_bg.gif);
	border: 1px solid #333;
	font: 1em Tahoma, Arial, Serif;
	padding-left: 2px;
	font-weight: bold;
	color: #000;
}

#wp-calendar {
	background: #fff;
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	width: 140px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	text-decoration: none;
	}

#wp-calendar a:hover {
	background: url(/IMG/blog_css/posts.gif);
	color: #000;
	}

#wp-calendar caption {
	color: #242424;
	font-size: .8em;
	text-align: left;
	padding-bottom: 2px;
	padding-left: 2px;
	}

#wp-calendar td {
	color: #999;
	font: normal 11px Verdana, Geneva, sans-serif;
	padding: 1px 1px;
	text-align: right;
	}

#wp-calendar td.pad:hover {
	background: #fff;
	}

#wp-calendar #today {
	background: url(/IMG/blog_css/today.gif);
	color: #666;
	}

#wp-calendar th {
	color: #7EABD1;
	font-style: normal;
	text-transform: capitalize;
	}

.credit {
	clear: both;
	background: url(/IMG/blog_css/footer.gif);
	width: 747px;
	height: 78px;
	margin: 0 auto;
	font-size: .6em;
	line-height: 2.4em;
	text-align: center;
	}
	
cite {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-style: normal;
	}
	


/* =-=-=-=-=-=-=-=-=-[Formatting]-=-=-=-=-=-=-=-=-= */

blockquote {
	background: url(/IMG/blog_css/quote.png) no-repeat top right #F2F9FF;
	border: 1px dashed #7EACD1;
	padding: 5px;
	text-align: justify;
	font-size: 1.0em;
	}

blockquote:after {
	font-weight:bold;
	font-size:0.5em;
	content: " "attr(cite)" ";
	/*content: "<a href=''attr(cite)''>source</a>";*/
	
}

code {
	font-size: 1.2em;
	color: #4C4C4C;
	}
	
abbr {
	border-bottom: 3px double #7DAAD0;
	cursor: help;
	}

acronym {
	border-bottom: 3px double #7DAAD0;
	}
	
input {
	border: 3px double #7DAAD0;
	background: #EFF8FF;
	margin: 5px;
	padding-left: 3px;
	color: #3F729E;
	font-family: Arial, Helvetica, sans-serif;
	}

input:hover {
	background: #EEEEEE;
	}
	
textarea {
	border: 3px double #7DAAD0;
	background: #EFF8FF;
	margin: 5px;
	padding-left: 3px;
	color: #3F729E;
	width: 70%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}

textarea:hover {
	background: #EEEEEE;
	}
	
select {
	font-size: 0.8em;
	border: 3px double #7DAAD0;
	background: #EFF8FF;
	margin: 5px;
	padding-left: 3px;
	color: #3F729E;
	font-family: Arial, Helvetica, sans-serif;
	}