/*
poudyal.com homepage stylesheet
	
	Author Name	: Mahesh Poudyal
	Author Site	: http://poudyal.com/
	Style Name	: Imagine
	Style URI	: http://poudyal.com/style/
	Version		: 0.1
	Comments	: Simple style interplaying images, colours, and fonts.
*/

body {
	background: #060606;
	font-family: "Trebuchet MS", Georgia, "Lucida Sans Unicode", lucida, serif;
	color: #000000;
	font-size: 90%;
	margin: 50px 50px 0px 0px;
	padding: 0;
	text-align: center;
	}
	
a:link, a:visited, a:active {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	}		
	
#wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
	border: none;
	padding: 20px;
}	
	
.randomj {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	height: 111px;
	background: #333444;
	color: #6666aa;
	}
	
.rjimage {
	float: right;
	height: inherit;
	border-left: 10px solid #f1f1f1;
	}
	
.rjdesc {
	float: left;
	height: inherit;
	padding: 5px;
	text-align: center;
	width: 250px;
	}
	
.rjside {
	float: left;
	background: #c0c0c0;
	color: #c1c1c1;
	height: inherit;
	width: 170px;
	z-index: 10;
	}
	
.rjdesc h2 {
	letter-spacing: 1px;
	margin: 8px 0px;
	color: #ccc;
	background: inherit;
	font: 400 1.6em "century gothic", Georgia, "Times New Roman", Times, serif;
}
	
.rjdesc h3 {
	color: #eee;
	margin: 0px;
	background: inherit;
	font: 400 85% "century gothic", Georgia, "Times New Roman", Times, serif;
}		
	
.rjdesc h4 {
	color: #ccc;
	margin: 0px;
	background: inherit;
	font: 200 75% "century gothic", Georgia, "Times New Roman", Times, serif;
}
	
.rjdesc a:link, .rjdesc a:visited, .rjdesc a:active {
	text-decoration: none;
	color: #eee;
	background: inherit;
	}
	
.rjdesc a:hover {
	text-decoration: none;
	color: #6666cc;
	background: inherit;
	}		
		
.poudyalb {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 600px;
	height: 111px;
	background: #260000;
	color: #333444;
	border-top: 10px solid #f1f1f1;
	}
	
.pbimage {
	float: left;
	height: inherit;
	border-right: 10px solid #f1f1f1;
	}
	
.pbdesc {
	float: right;
	height: inherit;
	padding: 5px;
	text-align: center;
	width: 250px;
	}
	
.pbside {
	float: right;
	height: inherit;
	background: #c0c0c0;
	color: #c1c1c1;
	width: 170px;
	z-index: 10;
	}
	
.pbdesc h2 {
	letter-spacing: 1px;
	margin: 10px 0px;
	color: #ccc;
	background: inherit;
	font: 400 1.6em "century gothic", Georgia, "Times New Roman", Times, serif;
}

.pbdesc h3 {
	color: #eee;
	margin: 0px;
	background: inherit;
	font: 400 85% "century gothic", Georgia, "Times New Roman", Times, serif;
}
	
.pbdesc h4 {
	color: #ccc;
	margin: 0px;
	background: inherit;
	font: 200 75% "century gothic", Georgia, "Times New Roman", Times, serif;
}
	
.pbdesc a:link, .pbdesc a:visited, .pbdesc a:active {
	text-decoration: none;
	color: #eee;
	background: inherit;
	}
	
.pbdesc a:hover {
	text-decoration: none;
	color: #6666cc;
	background: inherit;
	}			
	
img {
	border: none;
	}
	
.info {
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: right;
	vertical-align: bottom;
	padding: 10px;
	width: 600px;
	font-family: "century gothic", Georgia, "Times New Roman", Times, serif;
}

.info a {
	font-size: 1.6em;
	color: #8888cc;
	background: inherit;
}
	
.info a:hover {
	text-decoration: none;
	color: #6666aa;
	background: inherit;
	}
		
.info a span {
	display: none;
	}
	
.info a:hover span {
	display: inherit;
	text-align: right;
	margin-right: 10px;
	font-size: 0.6em;
	font-weight: 400;
	}	

.info h3 {
	margin: 4px auto;
	text-align: right;
	font-size: 0.7em;
	color: #9999cc;
	background: inherit;
	}

p.firefox {
	font-size: 0.6em;
	color: #7777aa;
	background: inherit;
	}
p.hmonster {
        font-size: 0.6em;
        color: #ab0000;
        background: inherit;
        }