/*
Theme Name: ${mho->codus()}
Theme URI: http://codus.mho.org.in
Description: it's not important what you look at but what you see
Version: 1.0.1
Author: mho->codus
Author URI: http://codus.mho.org.in
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-size: 1em;
	}


p 	{
	color:	#f3f1e1;
	}

a	{
	text-decoration:	none;
	color:				#e1d2c2;
	margin:				0 0 0 10px;
	}

a:hover {
	border-bottom:	1px solid #c00000;
	}

ul {
	margin:					5px 20px;
	padding:					5px 5px;
	list-style-type:		square;
	list-style-position:	outside;
	}

ul li {
	list-style-type:		square;
	}	

h2 {
	margin:			10px 0 10px 0;
	font-size: 		24px;
	line-height: 	10px;
	text-align:		right;
	padding-right:	10px;
	border-bottom:	10px solid #c00000;
	}

h4.storytitle {
	margin:			10px 0 10px 0;
	font-size: 		32px;
	line-height: 	16px;
	text-align:		right;
	border-bottom:	5px solid #c00000;
	}

h4.storytitle:hover {
	border-bottom:	5px solid #fff;
	}

h4.storytitle a:hover {
	border:	none;
	color:	#c00000;
	}

h4.storytitle a {
	width:	100%;
	display:	block;
	}

h4 a {
	margin:			0 0;
	padding:			0 0;
	color:			#fff;
	font-size: 		18px;
	line-height: 	12px;
	}

h5 {
	font-size: 		16px;
	line-height: 	14px;
	margin:			10px 0;
	text-decoration:underline;
	font-style:		italic;
	}

h4 {
	font-size: 		18px;
	line-height: 	22px;
	text-align:		right;
	padding-right:	10px;
	}

html {
	min-height:		100%;
	position:	relative;
	margin-bottom:	-10px;
	}

body {
	font-size: 62.5%;
	font: 14px/20px Verdana, Helvetica, Arial, sans-serif;
	background: url(images/dottedbgdark.gif) top left;
	color: rgb(14, 32, 59); 
	color: rgba(14, 32, 59, .75);
	text-align: 	center;
	position:	relative;
	padding-top:		100px;
	padding-bottom:	50px;
	margin:		0 0;
	padding-left:	50px;
	padding-right:	50px;
	margin-bottom:	-10px;
	}

div#cat-switch {
	z-index: 	5;
	position: 	absolute;
	top: 			0;
	left: 		10px;
	right: 		0;
	bottom: 		0;
	overflow: 	hidden;
	font-weight:bold;
	text-align:	center;
	line-height:30px;
	padding-left:	10px; 
	text-transform:uppercase;
	letter-spacing:1px;
	}

div#cat-switch ul {
	width:	5000px;
	height:	100%;
	padding: 	0 0;
	margin:		0 0;
	}

div#cat-switch ul li {
	float: left;
	width: 150px;
	list-style: none;
	padding: 20px 0;
	color: #999; 
	height:	100%;
	}

div#cat-switch ul li a {
	display:	block;
	color:	#666;
	top: 		0;
	z-index: 5;
	bottom: 	5px;
	height:	100%;
	}

div#cat-switch ul li:hover {
	background-color: rgb(51, 51, 51); 
	background-color: rgba(51, 51, 51, .15);
	}	
		

div#cat-switch ul li.current-cat,
div#cat-switch ul li.current_page_item {
	background-color: rgb(47, 47, 47); 
	background-color: rgba(47, 47, 47, .25);
	color: #999; 
	}	
	

div#cat-switch ul li.current-cat a,
div#cat-switch ul li.current_page_item a {
		color: #f3f1e1;
		border-bottom:		5px solid #c00000;
	}

div#footer {
	z-index: 	10;
	display: 	block;
	position: 	absolute;
	height:		46px;
	width:		100%;
	right: 		0;
	background:	url(images/footer_bg.gif) top left;
	bottom: 		0;
	overflow: 	hidden;
	font-weight:bold;
	text-align:	center;
	padding-left:	10px;
	text-transform:uppercase;
	letter-spacing:1px;
	}
	

#adsblock {
	z-index:	60;
	position:	absolute;
	top:		100px;
	left:		800px;
	margin:		0 0 50px 0;
	width:		125px;
	min-height: 	300px;
	}

.ads {
	padding:	10px 10px;
	margin:		0 0 10px 0;
	color:	#fff;
	background-color: rgb(19, 19, 19); 
	background-color: rgba(19, 19, 19, 1.00);
	border:	1px solid rgb(99, 99, 99);
	font-size:	10px;
	line-height:	18px;
	width:	125px;
	min-height: 200px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	}

.ads ul {
	list-style-type:	none;
	list-style-position:	outside;
	padding:		0 0;
	margin:			0 0 5px 0;
	}

.ads ul li {
	list-style-type:	none;
	list-style-position:	outside;
	width:			100%;
	text-align:		left;
	margin:			0 0 5px 0;
	padding:		0 0;
	text-align: 		left;
	line-height:		14px;
	}

	
.ads ul.ads-banner li {
	width:			auto;
	display:		block;
	list-style-type:	none;
	list-style-position:	inherit;
	text-align:		left;
	margin:			0 6px 5px 0;
	padding:		0 0;
	line-height:		auto;
	text-align: 		left;
	float:			left;
	}

.ads ul.ads-banner li a, .ads ul.ads-banner li a:hover,
.ads ul.ads-banner li input.adding {
	border:			1px solid #2f2f2f;
	padding:		0 0;
	}



.ads ul li a {
	display:		block;
	margin:			0 0;
	padding:		0 0;
	padding-bottom:		2px;
	border-bottom:		1px solid #666666;
	overflow:		hidden;

	}

.ads ul li a:hover {
	border-bottom:		1px solid #c00000;
	}	

#page {
	z-index:	55;
	position:	relative;
	padding:	10px 10px;
	margin:	0 0 50px 0;
	color:	#fff;
	background-color: rgb(19, 19, 19); 
	background-color: rgba(19, 19, 19, 1.00);
	border:	1px solid rgb(99, 99, 99);
	width:	700px;
	min-height: 700px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	}

#advert {
	z-index:	55;
	position:	relative;
	padding:	10px 10px;
	margin:	0 0 50px 0;
	color:	#fff;
	background-color: rgb(19, 19, 19); 
	background-color: rgba(19, 19, 19, 1.00);
	border:	1px solid rgb(99, 99, 99);
	width:	700px;
	min-height: 50px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	}

#advert ul {
	margin:	0 0;
	padding:	0 0;
	}

#advert ul li {
	float:	left;
	margin:	0 5px 0 0;
	padding:0 0;
	list-style-type:	none;
	}

#advert ul li a {
	padding-left: 12px;
	padding-top:  1px;
	background-image: url(images/link-extern.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin:		5px 0 5px 10px;
	}

#advert p {
	margin-top:	5px;
	font-style:	italic;
	color:		#666;
	text-align:	right;
	}

.storycontent {
	text-align:	left;
	}

#page .post,
#page .page {
	border-bottom:	1px solid #222;
	margin:		0 0 25px 0;
	}

#page .post p.date,
#page .page p.date {
	text-align:		right;
	padding:			0 0;
	margin:			0 0;
	padding-right:	10px;
	font-style:	italic;
	font-size:		10px;	
	color:			#333;
	}

#page .post p.singledate,
#page .page p.singledate {
	text-align:		right;
	padding:			0 0;
	margin:			5px 0 0 0;
	padding-right:	10px;
	font-style:		italic;
	font-size:		10px;	
	color:			#333;
	border-top:		1px solid #131313;
	}

.storycontent blockquote {
	margin:	5px 0 5px 20px;
	padding:	1px 1px 1px 1px;
	width:	90%;
	display:block;
	}

.storycontent blockquote p {
	border: 1px dashed #eee;
	padding:	2px 5px;
	font-style:italic;
}

.storycontent p a {
	margin:	0 0;
	}

span.intern a, li.intern a,a.intern
{
	padding-left: 12px;
	padding-top:  1px;
	background-image: url(images/link-intern.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin:		5px 0 5px 10px;
}

span.extern a, li.extern a, a.extern
{
	padding-left: 12px;
	padding-top:  1px;
	background-image: url(images/link-extern.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin:		5px 0 5px 10px;
}

code {
	color: #e1d2c2; 
	padding: 3px 5px;
	font: bold 13px/18px "Courier New", Courier, mono;
}

pre {
	display: block;
	margin-bottom: 18px;
	background-color: rgb(255, 255, 255); 
	background-color: rgba(255, 255, 255, .75);
	padding: 10px;
	overflow: auto;
}

pre code {
	background: none;
}


.clear {
	clear: both;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}