/* css stylesheet for wordplayground.com */

body { 
	margin:0; 
	padding:0; 
	background:#fff url('images/stripe.gif') repeat-x 0 15px; 
	color:#666;
	font-family:tahoma,arial,sans-serif;
	}
a { text-decoration:none; color:#c06; }
a:hover { text-decoration:none; color:#333; }	
	
/* header style ---------------------------------------------------------------------- */

#monkey { padding:0; top:30px; left:50px; position:absolute; }
#monkey img { border:1px solid #666; }

#title { 
	top:110px;
	padding:35px 40px 0 225px; 
	margin:0; 
	text-align:right; 
	letter-spacing:15px; 
	color:#F5F5F5;
	}

/* top navigation style ------------------------------------------------------------------- */
	
.navigation-top { margin:0; padding:0; width:100%; }
.navigation-top ul {
	float:right;
	border:0;
	padding:0 50px 0 225px;
	list-style:none;
	text-align:left;
	} 
.navigation-top ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
	}
.navigation-top ul li a {
	width:80px;
	padding:0;
	margin:0;
	color:#777;
	text-decoration:none;
	display:block;
	text-align:center;
	letter-spacing:1px;
	line-height:2em;
	font-size:80%;   
	}
.navigation-top ul li a:hover { color:#fff; background:#990033; }
.navigation-top .active a { color:#666; font-weight:bold; }

/* side navigation style ---------------------------------------------------------------------- */

.navigation-left .inactive { display:none !important; }
.navigation-left .active {
	float:left;
	background:#fff url('images/vert-stripe.gif') repeat-y top center;
	margin:100px 0 0 55px; 
	padding:50px 10px; 
	font-size:80%;
	color:#888; 
	width:130px; 
	}
.navigation-left ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	}
.navigation-left ul li {
	border:1px solid #ccc;
	background:#fff;
	color:#666;
	padding:1px 0;
	margin:10px 0;
	font-weight:bold;
	}
.navigation-left ul li ul {
	padding:0;
	margin:0;
	}
.navigation-left ul li ul li {
	border:none;
	background:#fff;
	color:#666;
	padding:3px 0;
	margin:0;
	line-height:1.1em;
	}
.navigation-left ul li a { color:#333; font-weight:normal; }
.navigation-left ul li a:hover { color:#cc0066; }	
.navigation-left ul li ul li a { font-size:90%; color:#333; font-weight:normal; }
.navigation-left .active-link { color:#aaa; }

.navigation-left ul.year { background:#fff; padding:3px 15px; }
.navigation-left ul.year li { display:inline; margin:0; }

.navigation-left ul.tags { padding:2px 0; }
.navigation-left ul.tags li { padding:2px 0; }

#yearList,  #tagList { display:none; border-top:1px solid #ccc;}

/*content style ---------------------------------------------------------------------- */

#content { 
	clear:right; 
	margin:150px 50px 0 210px; 
	padding:0; 	
	font-size:90%; 
	}
pre { font-family:tahoma,arial,sans-serif; font-size:90%; padding:0; margin:0; }
#content h2 { color:#333; text-align:center; font-size:110%; padding-bottom:20px; }

#content .arrow-up { margin:10px; padding:10px; text-align:center; }
#content .arrow-up a {  }	
#content .arrow-up img { border:0; }

.journal-entry, .text-block { 
	margin:0 auto; 
	padding: 0 0 40px 0; 
	border-top:1px solid #ccc;
	width:500px;
	}
.title { 
	color:#903; 
	font-weight:bold; 
	padding:5px 0 0 10px; 
	margin:0 30px; 
	border-left:1px solid #ccc;
	}
.datetime { color:#999; margin:0 40px; font-size:90%; }
.author { color:#666; font-weight:bold; margin:0 40px; font-size:90%; padding-bottom:20px; }
.translated-by { color:#aaa; font-weight:normal; font-size:90%; }
.translator { color:#666; font-weight:bold; margin:0 40px; font-size:90%; }
.content { margin:0 40px; color:#555; padding-bottom:10px; }
.text-block p { margin:0 40px; color:#555; padding-bottom:10px; font-size:90%; }
.excerpt { color:#aaa; font-weight:normal; font-size:95%; }
.wrapped-entry { font-size:90%; padding:0; margin:0; }
.keep-reading-link { color:#c06; font-size:85%; padding-bottom:10px; margin:0 40px; }
.keep-reading-link a { color:#999; }
.keep-reading-link a:hover { color:#c06; }
.author-link { padding:0; margin:0 40px; font-size:90%; }
.author-link a { color:#999; }
.author-link a:hover { color:#960; }
.date-posted { color:#ccc; padding:0; margin:0 40px; font-size:90%; }

div.perm-link, div.tags { margin:1px 0 0 40px; font-size:85%; color:#aaa; padding:0; }
div.perm-link a, div.tags a { color:#999;  }
div.perm-link a:hover, div.tags a:hover { color:#c06; }

/* links style ---------------------------------------------------------------------- */

#links-content { 
	clear:right; 
	margin:150px auto; 
	padding:0 0 150px 0; 	
	font-size:90%;
	width:700px; 
	}
#links-content h2 { color:#333; text-align:center; font-size:110%; padding-bottom:20px; }
#links ul { 
	list-style:none; 
	border:1px solid #ccc;
	padding:0;
	width:150px; 
	text-align:center; 
	}
#links ul.list-1 { float:left; margin:0 0 50px 0; }
#links ul.list-2 { float:left; margin:0 0 50px 30px; }	
#links ul.list-3 { float:left; margin:0 0 50px 30px; }	
#links ul.list-4 { float:left; margin:0 0 50px 30px; }	
#links ul li {
	border:none;
	background:#fff;
	color:#666;
	padding:3px 0;
	margin:0;
	}
#links ul li.links-category { background:#ccc; color:#fff; font-weight:bold; padding:0 0 5px 0; }	
#links .more-or-less { color:#999; font-size:75%; font-weight:normal; padding-top:0; }
#links a { font-size:90%; color:#333; text-decoration:none; font-weight:normal; }
#links a:hover { color:#c06; }

/* bottom navigation ---------------------------------------------------------------------- */
	
.navigation-bottom { text-align:center; }	
a.text-arrow { 
	font-size:300%;
	color:#ccc;
	font-weight bold;
	text-decoration:none;
	}	
a.text-arrow:hover { color:#903; }	
	
/*footer style ----------------------------------------------------------------------- */

#footer { 
	clear:left;
	text-align:center; 
	font-size:80%; 
	margin:20px 0 0 0; 
	padding:50px 0 30px 0; 
	border-top:#666 solid 1px;
	}

/* handheld styles ------------------------------------------------------------------- */

@media handheld {

.navigation-left ul li ul { display:none; }

}