/*
--- [ANIMIVIRTUS BLOG] STYLESHEET ---
Theme Name: Clapboard
Theme URI: http://www.animivirtus.com/blake/
Description: A film theme with cool, dark blue tones, a simple content area and sidebar and a clean but attractive header graphic.
Version: 1.0
Author: Blake Johnson
Author URI: http://www.animivirtus.com/blake/
Tags: clapboard, film, blue, two-column, simple
-----------------------------------------------
If you're looking at this stylesheet, please
only use it for educational or experimental
purposes.  Site ripping ain't cool and hurts
your reputation more than anything if you're
caught.  Plus, wouldn't you rather learn how
to make stuff yourself?  Good luck and enjoy.
*/

/*
--- SITE/PAGE RESET ---
*/

body, div, p, ul, li, h1, h2, h3 {
	margin:0;
	padding:0;
}

a img {
	border:none;
}


/*
--- STRUCTURAL STYLES ---
*/

/*
div {
	border:1px solid white;
}
*/
body {
	background-image:url(http://www.animivirtus.com/blog/wp-content/themes/clapboard/style/images/bodybg.gif);
	background-color:#000;
	background-repeat:repeat-x;
	text-align:center;
}

div#wrap {
	width:980px;
	margin:auto;
	text-align:left;
}

div#content {
	background-color:#fff;
	color:#000;
	float:left;
	font-family:Arial;
	font-size:12px;
	line-height:14px;
	padding:10px 10px 30px 10px;
	width:635px;
}

div.post_snippet {
	margin:30px 0;
}

div#spacer {
	margin:10px 0;
}

div#sidebar {
	background-color:#333;
	font-family:"Arial Black";
	float:left;
	margin-left:5px;
	padding:10px;
	width:275px;
}

div#sidebar li {
	list-style-type:none;
}

div#footer {
	clear:both;
	color:#444;
	font-family:Georgia;
	font-size:11px;
	line-height:8px;
	text-align:center;
	padding:40px 10px 30px 10px;
}

div#footer li {
	display:inline;
	list-style-type:none;
	margin:0 10px;
}

/*
--- COSMETICS ---
*/

p {
	margin:10px 0;
}

div#content a {
	color:#00c;
	text-decoration:none;
}

div#content a:hover, div#content p.tags a:hover {
	color:#00c;
	border-bottom:1px dotted #00c;
}

div#content h2 {
	display:inline;
	font-family:"Arial Black";
	font-size:15px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.hidden {
	display:none;
}

.nomargin {
	margin:0;
}

.small {
	font-family:Georgia;
	font-size:11px;
}

.gray {
	color:#999;
}

.blue {
	color:#00c;
}

.red {
	color:#f44;
}

code {
	background-color:#fff;
	border:1px solid #999;
	display:block;
	font-family:Courier;
	margin:20px;
	-moz-border-radius:3px;
	padding:10px;
}

.notice_gray {
	background-color:#ccc;
	border:1px solid #999;
	margin:20px;
	-moz-border-radius:3px;
	padding:10px;
}

.notice_green, blockquote {
	background-color:#cfc;
	border:1px solid #0c0;
	margin:20px;
	-moz-border-radius:3px;
	padding:10px;
}

.notice_blue, .promote {
	background-color:#ccf;
	border:1px solid #00c;
	margin:20px 0;
	-moz-border-radius:3px;
	padding:10px;
}

.notice_blue_homepage {
	background-color:#ccf;
	border:1px solid #00c;
	-moz-border-radius:3px;
	margin-bottom:10px;
	padding:0 10px;
}

.notice_white {
	background-color:#fff;
	border:1px solid #999;
	margin:20px 0;
	-moz-border-radius:3px;
	padding:0 10px;
}

.notice_red {
	background-color:#f99;
	border:1px solid #900;
	margin:10px 0;
	-moz-border-radius:3px;
	padding:10px;
}

.notice_blue p, .notice_blue_homepage p, .notice_gray p, .notice_white p, .notice_green p, .notice_red p, .promote p {
	margin:5px 0;
}

div.youtube-video {
	text-align:center;
}

.notice p {
	color:#009;
	font-family:Georgia;
	font-size:11px;
}

div#content li {
	list-style-type:circle;
	margin-left:30px;
}

div.post_snippet div h2 a {
	margin-left: 20px;
}

.more-link {
	color:#00c;
	font-size:11px;
	text-align:right;
}

.comment_section li {
	background-color:#ccc;
	border:1px solid #555;
	margin:7px;
	-moz-border-radius:3px;
	padding:7px;
}

.comment section li li {
	list-style-type:none;
}

p.tags, cite, span {
	color:#777;
	font-size:11px;
}

.comment_section div a {
	color:#66c;
}

div#content p.tags a {
	color:#669;
}

.comment_section li img {
	float:left;
	margin-right:10px;
}

ol.comment_section div.reply {
	font-size:9px;
	text-transform:uppercase;
	text-align:right;
}

ol.comment_section div.reply a {
	border:1px solid #999;
	-moz-border-radius:3px;
	padding:2px 4px;
}

ol.comment_section div.reply a:hover {
	border:1px solid #666;
}

div#respond h2 {
	display:block;
}

div#sidebar h2 {
	color:#666;
	font-family:"Arial Black";
	font-size:39px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

div#sidebar ul li ul li, .indent {
	padding-left:30px;
	margin:0;
}

div#sidebar ul li {
	text-transform:uppercase;
}

div#sidebar ul li ul li:hover, div#sidebar li.indent:hover {
	background-color:#66f;
}

div#sidebar a {
	color:#ccc;
	font-family:"Arial Black";
	font-weight:bold;
	text-decoration:none;
}

div#sidebar a:hover {
	color:#fff;
}

div#footer a {
	color:#444;
	text-decoration:none;
}

div#footer a:hover {
	color:#666;
	text-decoration:underline;
}

div#sidebar input, div#sidebar textarea {
	background-color:#666;
	border:1px solid #222;
}

div#content input, div#content textarea {
	background-color:#ccc;
	border:1px solid #999;
}

input {
	font-size:10px;
	-moz-border-radius:3px;
	text-transform:uppercase;
}

textarea {
	font-size:12px;
	-moz-border-radius:3px;
}

div#content input:hover, div#sidebar input:hover {
	background-color:#888;
}