html, body {
	background:	#313131;
	font:		normal 11px Verdana;
	line-height:	1.3em;
}

input, textarea {
        margin:         2px;
        background:     #272;
        border:         0px;
        color:          #fff;
        font:           normal 10px Verdana;
}

a.ext {
	padding-right:	13px;
	background:	url('../images/ext.png') center right no-repeat;
}

pre {
   margin: auto;
   width: 450px;
   background-color: #696;
   border: 1px solid #ccc;
   margin-bottom: 10px;
   color: #000;
}

#wrapper {
	width:		750px;
	margin:		auto;
}

#theme {
	text-align: 	right;
	color:		#fff;
	margin-right:	-5px;
	padding:	0;
	margin-bottom:	8px;
}

#theme span.light {
	padding:	3px;
	padding-top:	2px;
	background:	#333;
	margin-right:	0px;
}

#theme span.light a {
        cursor:         hand;
        cursor:         pointer;
	color:		#fff;
	text-decoration:none;
}

#theme span.dark {
	background:	#000;
	margin-left:	-4px;
	padding:	3px;
	padding-top:	2px;
}

#theme span.dark a {
        cursor:         hand;
        cursor:         pointer;
	color:		#fff;
	text-decoration:none;
}

#title {
	margin:		-5px;
	background:	#000;
	padding:	5px;
	*padding:	8px;
}

#title h1 {
	margin:		0px;
	padding:	0px;
	color:		#1EC900;
	font:		bold 18px Verdana;
}

#title span.dot {
	color:		#D97700;
}

#title span.com {
	color:		#fff;
}

#title .date {
	float:		right;
	margin-top:	-20px;
	*margin-top:	-18px;
	padding:	0px;
	text-align:	right;
	color:		#1EC900;
	font:		bold 11px Tahoma, Arial;
}

#title .date .month {
	color:		#fff;
}

#title .date .day {
	color:		#D97700;
}

#header {
	margin:		-5px;
	padding:	0px;
	height:		140px;
	background:	url('../images/clovers2.jpg');
}

#header .text {

	top:		30px;
	width:		760px; 
	height:		30px; 
	background:	#000;
}
#header .text {
	filter: 	alpha(opacity=40);
 	filter: 	progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 	-moz-opacity: 	0.40; 
	opacity:	0.4;
}

#header .nav {
	position:	absolute;
	margin-top:	-30px;
	padding:	0px;
	width:		750px;
	height:		35px;
	background:	transparent;
}

#header .nav ul {
	margin:		0px;
	padding:	0px;
	list-style:	none;
}

#header .nav li {
	float:		left;
	margin-right:	0px;
	padding:	0px;
}

#header .nav li.active {
	background:	#000;
}

#header .nav li a {
	margin:		0px;
	padding:	0px;
	display:	block;
	height:		30px;
	width:		60px;
	text-decoration:none;
	text-align:	center;
	color:		#fff;
	font:		bold 13px Verdana;
	line-height:	2.2em;
}

#header .nav li a:hover {
	background:	#000;
        filter:         alpha(opacity=70);
        filter:         progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity:   0.70;
	opacity:	.7;
}

div.message {
	margin:		-5px;
	padding:	7px;
	padding-bottom:	10px;
	background:	#000;
	color:		#999;
	text-align:	right;
	font:		bold 12px Tahoma, Arial;
}

.quote {float:left}
.rss {float:right}
img {border: 0}

#main {
	margin-left:	-5px;
	padding:	0px;
	width:		748px;
	background:	#212121;
	padding:	5px;
	color:		#eee;
        border:         1px solid #000;
}

.egg { color: #212121 !important }

#body {
	width:		540px;
}

#body a {
	color:		#D97700;
	text-decoration:none;
	cursor:		hand;
	cursor:		pointer;
}

#body a:hover {
	color:		#090;
	border-bottom:	1px dotted;
}

#body h2.title {
	font:		bold 18px Verdana;
	border-bottom:	1px dotted #090;
}

#body p {
	padding:	10px;
	padding-top:	0px;
}

span.warning {
	color:		#E60000;
}

#body p.about_picture {
	background:	url('../temp/darkness.jpg') no-repeat -150px 0;
	padding-left:	180px;
}

#body p.about_picture:hover {
	background:	url('../temp/feelsgoodtobeaninja.jpg') no-repeat;
}

#twitter .title a {
   display:block;
   float:right;
}
#twitter span.date {
   color: #666;
   font-size:9px;
}
#twitter p {
  padding:0;
  margin:0 0 10px 0;
}

/**************/
/* blog stuff */
/**************/

#blog {
	margin-bottom:	10px;
}

#blog .blogEntry h4 {
        background:     #000;
	font:		bold 12px Verdana;
        color:          #090;
        padding:        3px;
}

#blog .blogEntry .date {
	float:		right;
        display:        block;
	text-align:	right;
	color:		#666;
	font:		bold 10px Verdana;
}

#blog .blogEntry p {
      padding:0;
      margin:0 0 10px 0;
}

#blog .blogEntry .footer {
	text-align:	right;
	font:		normal 10px Verdana;
}

#comments {
	margin:		auto;
	width:		400px;
	color:		#999;
	font:		normal 11px Verdana;
}

#comments h4 {
	margin:		0px;
	padding:	0px;
	border-bottom:	1px solid #333;
	color:		#999;
}

#comments p {
	margin:		0px;
	padding:	0px;
}

#comments p.name {
	padding-top:	5px;
	color:		#090;
	font-weight:	bold;
}

#comments p.date {
	color:		#444;
}

#comments p.comment {
	padding-bottom:	10px;
	border-bottom:	1px dashed #000;
}

#comments .form {
	padding:	10px;
}

#comments span.length {
	font:		normal 10px Verdana;
}

#main h2.footer {
	clear:		right;
	margin:		-5px;
	padding:	5px;
	padding-bottom:	10px;
	background:	#3A862C;
	color:		#000;
	font:		bold 12px Verdana;
}

#main h3.footer2 {
	margin:		-5px;
	padding:	5px;
	background:	#000;
	color:		#3A862C;
	text-align:	right;
	font:		bold 10px Tahoma;
}

#yetAnotherFooter {
	margin:		auto;
	margin-top:	5px;
	padding:	0px;
	width:		650px;
	color:		#222;
	text-align:	center;
}

#yetAnotherFooter ul {
	list-style:	none;
	margin-top:	-5px;
	padding:	0px;
}

#yetAnotherFooter li {
	display:	inline;
}

#yetAnotherFooter li a {
	display:	inline;
	padding-right:	5px;
	padding-left:	5px;
	color:		#222;
	font:		normal 11px Verdana;
}

#ajax {
	margin:		auto;
	margin-top:	15px;
	text-align:	center;
}

#ajax span {
	padding:	10px;
	background:	url('http://www.moiph.com/images/ajax-loader.gif') no-repeat;
}