/*   
URI: http://www.theofficeartist.com
Description: CSS for Emily Becklin: The Office Artist by Haoyan of America.
Author: Haoyan of America
Author URI: http://www.haoyanofamerica.com/
Version: 1.0
*/

/*     global     */
* {padding:0;margin:0;}
body {
	font:11px/16px verdana, arial, sans-serif;
	color:#fff;
	text-align:center;
	background:#76716b;
}
h1,h2,h3,h4,h5,h6 {margin:0 0 10px 0;}
p {padding:5px 0;}
ul {list-style:none;margin:5px 0;}
li {padding:2px 0; margin:2px 0;}
/*     entry headers     */
h1 {font:bold 18px "helvetica", arial, sans-serif;color:#000;}
h2 {font:bold 18px "helvetica", arial, sans-serif;color:#000;}

/*     links     */
a img {border:none;}
a {color:#000; text-decoration:none;}
a:hover {color:#fff;}

/*     header     */
#header {
	width:200px;
	margin:0 0 0 600px;
	text-align:left;
	border-bottom:1px solid #000;
}
#header p {
	margin:10px 0 5px 0;
	color:#000;
}
#credits {
	font:10px arial, verdana, sans-serif;
	color:#333;
}
#credits a {color:#333;}
#credits a:hover {color:#ccc;}

/*     wrap     */
.wrap div {float:left;border-collapse:collapse;border:none;margin:0;}
.wrap a {display:table-cell;width:110px;height:110px;text-align:center;vertical-align:middle;}
.wrap a:hover {background:#000;}
.wrap img {border:none;vertical-align:middle;}
/*
.wrap a {display:block;font-size:1px;}
.wrap span {display:inline-block;width:1px;height:100%px;vertical-align:middle;}
*/

/*     content     */
#office {
	width:800px;
	margin:0 auto;
	padding:5px 0;
	font:11px/16px verdana, arial, sans-serif;
	color:#fff;
	text-align:left;
}
#postitsmenu {
	width:550px;
	margin:0 0 10px 0;
	font:bold 12px "helvetica", arial, sans-serif;
	color:#000;
	border-bottom:1px solid #000;
}
#postitsmenu ul {list-style:disc;}
#postitsmenu li {
	display:inline;
	margin:0 5px 0 0;
}
#postitsmenu a {color:#000;}
#postitsmenu a:hover {color:#f9f;}
.postits {
	clear:left;
	padding:0 0 15px 0;
	width:550px;
}
.postits h3 {
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	font:bold 14px "helvetica", arial, sans-serif;
	color:#ffffa5;
}
.post {
	width:400px;
	margin:0 0 20px 0;
}
.post h2 {
	margin:0 0 10px 0;
	font:bold 14px "helvetica", arial, sans-serif;
	color:#9cf;
}
.post img {margin:5px 0;}
/*     sidebar     */
#sidebar {
	float:right;
	width:200px;
	margin:10px 0;
	font:11px verdana, arial, sans-serif;
}
#sidebar ul {
	margin:0 0 20px 0;
}
#sidebar li {
	padding:0;
	margin:0;
	list-style:none;
}
#sidebar ul li a {
	font:bold 14px "helvetica", arial, sans-serif;
	color:#000;
	text-decoration:none;
}
#sidebar ul li a:hover {
	color:#fff;
}
.current {
	color:#f00;
}