/*  
Theme Name: Riddle Me This
*/

body{
margin:0px;
background: #010023 url("images/background_tile.png") 0px 375px repeat-y;
font:12px "Tahoma";
}

a{
color:#eae79a;
}

a img{
border:0px;
}
h1 em {
display:none;
left:20000px;
background:none;
padding:0;
border-bottom:0;
}

h2 em {
display:none;
left:20000px;
background:none;
padding:0;
border-bottom:0;
}

#index{
position:absolute;
z-index:1;
top:0px;
left:0px;
background: url("images/index.png");
width:700px;
height:374px;
}

#navigate_spells{
position:absolute;
z-index:2;
top:0px;
left:642px;
background:url("images/navigate_spells.png");
width:200px;
height:645px;
}

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

#menubar{
position:absolute;
z-index:3;
top:82px;
left:554px;
width:115px;
}

#side{
position:absolute;
z-index:3;
top:330px;
left:15px;
width:190px;
text-align:center;
color:#9ab87b;
font-size:11px;
}

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

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

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

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

			/* Calendar:START */
			#wp-calendar {
			width:160px;
			}
			
			#wp-calendar caption {
			font-size:11px;
			padding:0px 0px 3px 0px;
			color:#9d7c6a;
			}
			
			#wp-calendar th {
			font-size:9px;
			background:#abb47d;
			color:#444036;
			text-align:center;
			border:solid #5d594d;
			border-width:0px 1px 1px 0px;
			}
			
			#wp-calendar td {
			font-size:9px;
			text-align:center;
			color:#ad8e73;
			border:solid #4e2d43;
			border-width:0px 1px 1px 0px;
			}
			
			#wp-calendar td a{
			color:#e3d097;
			}

			/* Calendar:END */

	#side a img{
	border:1px solid #593454;
	background:#20444d;
	margin-bottom:1px;
	}

#content{
position:absolute;
z-index:3;
top:420px;
left:210px;
}

#countdown{
position:absolute;
z-index:4;
top:375px;
left:250px;
color:#808083;
font-size:11px;
text-align:center;
}

.post, .comment{
width:450px;
margin:0px 0px 20px 0px;
background:#2d3e4a;
border:1px solid #312c41;
}

.post_header{
width:450px;
background:#291b32;
}

.firstpost .post_header{
width:450px;
background:#291b32;
}

.firstpost .post_header div{
margin-left:125px;
margin-right:15px;
}

.post_header div{
margin-right:15px;
margin-left:15px;
color:#c09c84;
font-size:12px;
letter-spacing:1px;
text-align:right;
}

.post_header a{
color:#c09c84;
font-size:12px;
letter-spacing:1px;
text-align:right;
text-decoration:none;
}


.post_details, .comment_header{
width:450px;
background:#6a4e7a url("images/updates_details.png");
text-align:right;
}

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

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

.post_category{
float:right;
margin-left:15px;
margin-bottom;15px;
width:75px;
height:75px;
border:1px solid #536357;
background:#291b32;
}

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

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

.post_footer{
width:450px;
border-top:1px solid #1e2950;
background:#15102e;
color:#7686a6;
font-size:11px;
}

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

.post_footer a{
color:#9d588a;
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:642px; height:50px; position:absolute; z-index:5;top:0px;left:0px;background-image:url('images/navigate.png')}

/* 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 */
.places {width:160px;}
.places li {display:block;width:138px;margin-left:14px;}
.objects {width:156px;}
.objects li {display:block;width:138px;margin-left:10px;}
.humans {width:156px;}
.humans li {display:block;width:138px;margin-left:10px;}
.creatures {width:170px;}
.creatures li {display:block;width:162px;margin-left:6px;}
.menu li{float:left;position:relative;}
.menu li ul{margin-top:-1px;}
.menu li li{height:16px;color:#cfcdb5;background:#652b50;border:1px solid #66818a;border-width:0px 1px 1px 1px;}
.menu li li a {padding:0px 0px 0px 5px;text-decoration:none; font-size:11px;}
.menu li li a:hover {color:#ffffff}
.places li a {color:#cca392;}
.objects li a {color:#dbe2bb;}
.humans li a {color:#a6c897;}
.creatures li a {color:#8ebfd4;}

/* 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:42px;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{margin-left:128px; top:0px; 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;
	}