/* HTML
-------------------------------------------------------------------------------------------------------*/
body {
	font: 12px Helvetica, sans-serif;
	background: #DDD;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

button {
	width: 110px;
	height: 34px;
	margin: 1em 3px 0 0;
	padding-bottom: 1px;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	background: url("http://bigevilrobot.com/images/layout/button-back.png") no-repeat;
	border: none;
}

hr {
	margin-top: 3em;
}

/* Header
-------------------------------------------------------------------------------------------------------*/
/* apply padding to the container div so that the page looks all right when
the browser window is only as wide as the content */
div.container {
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}

div#header-top {
	height: 30px;
	line-height: 2.6em;
	background: #001429;
}

	div#header-top p {
		color: #666;
		float: left;
	}

		div#header-top span {
			font-weight: bold;
			color: #FFF;
		}

	div#header-top ul {
		float: right;
		text-align: right;
		color: #bd8d46;
	}

		div#header-top ul a:link,
		div#header-top ul a:visited {
			text-decoration: none;
			color: #FFF;
		}

		div#header-top ul a:hover,
		div#header-top ul a:active {
			color: #CCC;
		}

		div#header-top li {
			margin-left: 6px;
			display: inline;
		}
		
			div#header-top li.active-page {
				padding-bottom: 8px;
				background: url("http://bigevilrobot.com/images/layout/active-page.gif") bottom no-repeat;
			}

div#header-brand {
	background: url("http://bigevilrobot.com/images/layout/header-back.gif");
}

	div#header-brand div.container {
		height: 150px;
		position: relative;
		/*background: url("http://bigevilrobot.com/images/other/blood-splatter.png") right no-repeat;*/
	}

	div#header-brand h1 {
		width: 700px;
		margin-top: 60px;
		font-size: 32px;
		line-height: 1em;
		letter-spacing: 1px;
		font-weight: bold;
		float: left;
	}

		div#header-brand span {
			font-weight: normal;
			color: #CCC;
		}

		div#header-brand a:link,
		div#header-brand a:visited {
			text-decoration: none;
			color: #FFF;
		}
	
div#header-style {
	height: 15px;
	background: url("http://bigevilrobot.com/images/layout/fieldset-back.gif") #EEE;
	border-top: 8px solid #001429;
	border-bottom: 1px solid #DDD;
}

	div#header-style span {
		text-align: right;
	}

/* Content
-------------------------------------------------------------------------------------------------------*/
div#main {
	padding-bottom: 20px;
	background: #FFF;
}

	div#main a:link {
		color: #bd8d46;
	}
	
	div#main a:visited {
		color: #866432;
	}
	
	div#main a:hover,
	div#main a:active {
		color: #533E1F;
	}

div#content {
	width: 660px;
	margin: 20px 40px 0 0;
	float: left;
}

	div#content h1 {
		margin-bottom: .8em;
		padding-top: 1em;
		font-size: 2em;
		color: #001429;
	}
	
		div#content h1 a:link,
		div#content h1 a:visited {
			text-decoration: none;
			color: #001429;
		}
		
		div#content h1.category {
			margin-bottom: 10px;
			padding: 16px 0 15px 0;
			font-size: 1.6em;
			text-align: center;
			font-weight: bold;
			color: #FFF;
			background: url("http://bigevilrobot.com/images/layout/category-back.png") bottom no-repeat;
		}
		
			div#content h1.category span {
				font-weight: normal;
				color: #E5E2D3;
			}
	
	div#content h2 {
		margin-bottom: .5em;
		font-size: 1.4em;
		color: #001429;
	}
	
	div#content h5 {
		margin: 3px 0;
		font-size: 11px;
		line-height: 1em;
		color: #999;
	}

	div#content p {
		margin: 1.5em 0;
		font-size: 1em;
		line-height: 1.5em;
		color: #4D4D4D;
	}

	div#content img,
	div#content img.img-post,
	div#content img.center {
		max-width: 660px;
		margin: 1.5em 0;
		clear: left;
	}
	
	div#content img[align="left"] {
		padding: 0 15px 0 0;
	}
	
		div#content img.left {
			margin: 0 15px 0 0;
			float: left;
		}
		
		div#content img.right {
			margin: 0 0 15px 0;
			float: right;
		}
	
	div#content ul {
		margin: 5px 0 5px 30px;
	}
		
		div#content li {
			margin: 1px 0;
			line-height: 1.5em;
			list-style-type: disc;
		}
	
	div#content blockquote {
		margin: 0 20px;
		padding: 0 20px;
		line-height: 1.5em;
		color: #555;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	
	div#content div.post {
		padding-bottom: 2em;
		clear: both;
		background: url("http://bigevilrobot.com/images/layout/section-break.jpg") bottom no-repeat;
	}
	
		div#content div.post h5.details {
			margin-top: 1.5em;
			clear: both;
			text-align: center;
		}
		
		div#content div.post a.comment {
			padding: 1px 0 0 18px;
			background: url("http://bigevilrobot.com/images/layout/comment.png") left no-repeat;
		}
		
	p#saying-up {
		margin: 0;
		line-height: 1.4em;
		color: #444;
	}

	p#saying-down {
		line-height: 1.4em;
		color: #444;
	}
	
div#comment {
	margin: 2px 0;
	padding: 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

	div#comment.even {
		background: #DCE8EE;
	}

	div#comment div.comment-left {
		width: 110px;
		padding-right: 20px;
		float: left;
		text-align: right;
	}
	
		div#comment div.comment-left h1 {
			margin: 0 0 3px 0;
			padding: 0;
			font-size: 1.5em;
			line-height: 1em;
		}
		
		div#comment div.comment-left h5 {
			margin: 3px 0;
		}
		
	div#comment div.comment-right {
		width: 490px;
		float: left;
	}
	
		div#comment div.comment-right p {
			margin: 0;
		}

/* Sidebar
-------------------------------------------------------------------------------------------------------*/
div#sidebar {
	width: 200px;
	padding-top: 20px;
	float: left;
	/*background: url("http://bigevilrobot.com/images/layout/sash-bottom.png") top no-repeat;*/
}

	div#sidebar a:link,
	div#sidebar a:visited {
		padding: 3px 0;
		text-decoration: none;
	}

	div#sidebar p {
		margin: 0 0 2em 0;
		line-height: 1.4em;
		color: #888;
	}
	
		div#sidebar p span {
			color: #444;
		}

	div#sidebar h1 {
		margin: 0 0 10px 0;
		padding-bottom: 6px;
		font-size: 1em;
		color: #333;
		border-bottom: 1px solid #CCC;
	}
	
		div#sidebar h1 span {
			margin-right: 2px;
			font-style: italic;
			color: #999;
		}
	
	div#sidebar ul {
		margin: 0 0 30px 0;
		position: relative;
		color: #999;
	}
	
		div#sidebar li {
			padding: 2px 0 4px 0;
			padding-left: 23px;
			line-height: 1.2em;
			list-style-type: none;
		}
		
			div#sidebar li span {
				position: absolute;
				right: 0;
			}
	
		div#sidebar ul ul {
			margin: 0 0 0 15px;
		}
		
			div#sidebar ul ul li {
				margin-left: 22px;
				padding: 3px 0;
				list-style-type: circle;
			}
			
	div#saying {
		width: 200px;
		margin-bottom: 30px;
		line-height: 1.4em;
	}

		div#saying p#saying-up {
			margin: 0;
			padding: 15px 15px 0 15px;
			color: #555;
			background: url("http://bigevilrobot.com/images/layout/saying-back-round-top.png") top no-repeat;
		}

		div#saying p#saying-down {
			margin: 0;
			padding: 15px 15px 10px 15px;
			color: #555;
			text-align: right;
			font-style: italic;
			background: url("http://bigevilrobot.com/images/layout/saying-back-round-bottom.jpg") bottom no-repeat;
		}

/* Footer
-------------------------------------------------------------------------------------------------------*/
p#footer {
	padding: 20px;
	clear: both;
	text-align: center;
	line-height: 1.5em;
	color: #AAA89D;
	border-top: 1px solid #CDCBBD;
}

/* Classes
-------------------------------------------------------------------------------------------------------*/
.textbox {
	padding: 2px;
	background: url("http://bigevilrobot.com/images/layout/textboxback.gif") #FFF repeat-x top;
	border-top: 1px solid #7D7D7D;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DBDBDB;
	border-left: 1px solid #C3C3C3;
}

.both {
	clear: both;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

div#content .mandatory {
	font-weight: bold;
	color: #C00;
}

.center {
	text-align: center;
}

/* Sidebar Icons
-------------------------------------------------------------------------------------------------------*/
div#sidebar li.icon-page {
	background: url("http://bigevilrobot.com/images/layout/icons/page_white_text.png") top left no-repeat;
}

div#sidebar li.icon-addpost {
	background: url("http://bigevilrobot.com/images/layout/icons/page_white_add.png") top left no-repeat;
}

div#sidebar li.icon-editpost {
	background: url("http://bigevilrobot.com/images/layout/icons/page_white_edit.png") top left no-repeat;
}

div#sidebar li.icon-adduser {
	background: url("http://bigevilrobot.com/images/layout/icons/user_add.png") top left no-repeat;
}

div#sidebar li.icon-edituser {
	background: url("http://bigevilrobot.com/images/layout/icons/user_edit.png") top left no-repeat;
}

div#sidebar li.icon-addsaying {
	background: url("http://bigevilrobot.com/images/layout/icons/note_add.png") top left no-repeat;
}

div#sidebar li.icon-addlink {
	background: url("http://bigevilrobot.com/images/layout/icons/link_add.png") top left no-repeat;
}

div#sidebar li.icon-link {
	background: url("http://bigevilrobot.com/images/layout/icons/link.png") top left no-repeat;
}

div#sidebar li.icon-addtunes {
	background: url("http://bigevilrobot.com/images/layout/icons/cd_add.png") top left no-repeat;
}

div#sidebar li.icon-edittunes {
	background: url("http://bigevilrobot.com/images/layout/icons/cd_edit.png") top left no-repeat;
}

div#sidebar li.icon-addalbum {
	background: url("http://bigevilrobot.com/images/layout/icons/book_add.png") top left no-repeat;
}

div#sidebar li.icon-addphoto {
	background: url("http://bigevilrobot.com/images/layout/icons/picture_add.png") top left no-repeat;
}

div#sidebar li.icon-editalbum {
	background: url("http://bigevilrobot.com/images/layout/icons/book_edit.png") top left no-repeat;
}

div#sidebar li.icon-author {
	background: url("http://bigevilrobot.com/images/layout/icons/user.png") top left no-repeat;
}

div#sidebar li.icon-category {
	background: url("http://bigevilrobot.com/images/layout/icons/tag_blue.png") top left no-repeat;
}

div#sidebar li.icon-archiveyear {
	background: url("http://bigevilrobot.com/images/layout/icons/calendar.png") top left no-repeat;
}