/*  
Theme Name: Half-Blood Prince
*/

body,pre{
margin:0px;
background: #1e1d20 url("images/side_tile.png") repeat-y;
font:12px "Tahoma";
}

#background{
position:absolute;
z-index:2;
top:195px;
left:200px;
width:609px;
height:448px;
background: url("images/body_background.png");
}

a{
color:#9dcc2c;
}

a img{
border:0px;
}

h1 {
text-align:center;
font-size:10px;
background:#1e1d20;
letter-spacing: 3px;
text-transform: uppercase;
width:95%;
padding:1px;
}

h2 {
text-align:left;
font-size:10px;
background:#1e1d20;
letter-spacing: 1px;
text-transform: lowercase;
width:95%;
padding:0px;
border-bottom:1px solid #687f2f;
} 

#index{
position:absolute;
z-index:3;
top:0px;
left:0px;
background: url("images/header.png");
width:1024px;
height:272px;
}

#navigate_spells{
position:absolute;
z-index:6;
top:103px;
left:783px;
background:url("images/navigate_spells.png");
width:177px;
height:645px;
}

	#navigate_spells div{
	margin:30px 0px 0px 4px;
	width:160px;
	height:600px;
	background:#000000;
	}

#menubar{
position:absolute;
z-index:5;
top:168px;
left:0px;
width:783px;
height:92px;
}

#side{
position:absolute;
z-index:3;
top:195px;
left:0px;
width:200px;
text-align:center;
background: url("images/side_header.png") no-repeat;}

.title{
display:block;
margin-top:10px;
text-align:center;
font-size:12px;			
color:#b5ce4b;
}

#category_cloud span{
display:normal;
}

	#side_other{
	margin-top:160px;
	text-align:center;
	color:#ba85d6;
	font-size:11px;
padding-right:5px;
	padding-left:10px;
	}

	#side_other a{
	color:#b1b991;
	text-decoration:none;
	border-bottom:1px dotted;
	}

	#side_other ul, #side_other ul ul{
	padding:0;margin:0;list-style:none;	
}

	#side_other a:hover{
	color:#ffffff;
	}

			/* Calendar:START */
			#wp-calendar {
			width:160px;
			}
			
			#wp-calendar caption {
			font-size:11px;
			padding:0px 0px 3px 0px;
			color:#b5ce4b;
			}
			
			#wp-calendar th {
			font-size:9px;
			background:#99af3d;
			color:#40453e;
			text-align:center;
			border:solid #686141;
			border-width:0px 1px 1px 0px;
			}
			
			#wp-calendar td {
			font-size:9px;
			text-align:center;
			color:#8b9d3e;
			border:solid #465034;
			border-width:0px 1px 1px 0px;
			}
			
			#wp-calendar td a{
			color:#b5ce4b;
			}

			/* Calendar:END */

	#side_other a img{
	border:1px solid #686141;
	background:#4c4c4c;
	margin-bottom:1px;
	}
#content{
position:absolute;
z-index:4;
top:330px;
left:220px;
}

#countdown{
position:absolute;
z-index:4;
top:280px;
left:410px;
color:#b1b991;
font-size:11px;
text-align:center;
}

#twitter{
position:absolute;
z-index:5;
top:245px;
left:250px;
color:#b1b991;
font-size:11px;
text-align:center;
}

.post, .comment{
width:545px;
margin:0px 0px 20px 0px;
background:#445235;
border:1px solid #545045;
}

.post_header{
width:545px;
background:#687f2f url("images/updates_header.png");
}

.firstpost .post_header{
width:545px;
background:#687f2f url("images/updates.png") no-repeat;
}

.firstpost .post_header div{
margin-left:145px;
margin-right:30px;
padding-bottom:4px;
width:375px;
}

.post_header div{
margin-right:30px;
color:#2f3726;
font-size:14px;
font-variant:small-caps;
letter-spacing:2px;
text-align:right;
}



.post_details, .comment_header{
width:545px;
height:14px;
background:#6a4e7a url("images/updates_details.png");
}

.details{
padding:2px 0px 0px 30px;
color:#ffffff;
text-transform:uppercase;
font-size:9px;
}

.post_header a{
color:#2f3726;
font-size:14px;
font-variant:small-caps;
letter-spacing:2px;
text-align:right;
text-decoration: none;
}


.post_content, .comment_content{
padding:20px 10px 20px 10px;
font-size:11px;
color:#aeb884;
letter-spacing:1px;
}

.post_category{
float:right;
margin-left:15px;
margin-bottom;15px;
width:75px;
height:75px;
border:1px solid #89684c;
background:#8b9852;
}

.post_content h3{
font-size:11px;
color:#aeb884;
text-align:right;
}

.post_content a{
color:#9dcc2c;
text-decoration:none;
border-bottom:1px dotted;
}

.post_footer{
width:545px;
border-top:1px solid #3d3644;
background:#625843;
color:#9dcc2c;
}

.post_footer div{
margin:1px 0px 1px 10px;
}

.post_footer a{
color:#b1b991;
text-decoration:none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.menu {width:783px; height:30px; position:absolute; z-index:7;top:103px;left:0px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style:none;}
.menu ul ul {}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navigate {width:207px;}
.places {width:138px;}
.places li {display:block;width:138px;}
.objects {width:138px;}
.objects li {display:block;width:138px;}
.humans {width:138px;}
.humans li {display:block;width:138px;}
.creatures {width:162px;}
.creatures li {display:block;width:162px;}
.menu li{float:left;position:relative;}
.menu li ul{margin-top:-1px;list-style: disc outside;}
.menu li li{height:16px;color:#9dcc2c;background:#393040;border:1px solid #515e46;border-width:0px 1px 0px 1px;border-bottom:1px solid #5e4973;}
.menu li li a {padding:0px 0px 0px 15px;text-decoration:none; font-size:11px;background:url("images/star.png") 0px 1px no-repeat;}
.menu li li a:hover {color:#ffffff}
.places li a {color:#cf926e;}
.objects li a {color:#63abbc;}
.humans li a {color:#74a47d;}
.creatures li a {color:#b778cd;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {width:138px;text-decoration:none;}
.creatures ul a.drop, .menu ul ul a.drop:visited {width:162px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:138px;}
.creatures ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:162px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/* position the third level flyout menu */
.menu ul ul ul{left:138px; top:2px; width:138px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-138px;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#respond{
margin:25px 0px 0px 0px;
}

.comment_submit {
	margin-top: 10px;
	margin-left: 70px;
	padding: 2px 5px 2px 5px;
}

	#name_label, #mail_label, #website_label, #question_label {
	float: left;
	width: 70px;
	padding: 5px 0px;
	}

	#author, #email, #url, #comment {
	width: 300px;
	padding: 5px;
	}