/* 
Theme Name: Film Ninja 
Theme URI: http://filmninja.net/ 
Description: It's my theme yo!. 
Version: 1.0 
Author: Dan Humphrey 
Author URI: http://danhumphrey.com/ 
Tags: Film Ninja 
*/ 
 
 
 
/* Begin Typography & Colors */ 
html,body { 
margin: 0; 
padding: 0; 
} 
p { 
	font-size: 1.4em; 
	line-height: 1.4em; 
	margin: .8em 0 1em; 
	padding:0; 
	} 
	 
body { 
	font-size: 62.5%; /* Resets 1em to 10px */ 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	background: #484747 url(images/body_bg.jpg) repeat-x center top; 
	color: #333; 
	text-align: center; 
	} 
 
#page { 
	text-align: left; 
	} 
 
#content { 
	} 
	 
#preload img { 
	display:none; 
	} 
 
 
.widecolumn { 
	} 
 
.narrowcolumn .postmetadata { 
	text-align: center; 
	} 
 
.alt { 
	background-color: #f8f8f8; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; 
	} 
 
small { 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 0.9em; 
	line-height: 1.5em; 
	} 
 
h1, h2, h3 { 
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	font-weight: bold; 
	} 
 
h1 { 
	font-size: 4em; 
	} 
 
#headerimg .description, #headerimg h1 { 
	display:none; 
	} 
 
h2 { 
	font-size: 2em; 
	} 
 
h2.pagetitle { 
	font-size: 1.6em; 
	} 
 
#sidebar h2 { 
	font-family: 'Lucida Grande', Verdana, Sans-Serif; 
	font-size: 1.2em; 
	} 
 
h3 { 
	font-size: 2em; 
	} 
 
h4 { 
	font-size: 1.3em; 
	padding: 0; 
	margin: 10px 0; 
	} 
 
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { 
	text-decoration: none; 
	} 
 
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { 
	color: #333; 
	} 
 
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { 
	text-decoration: none; 
	} 
 
.entry p a:visited { 
	color: #b85b5a; 
	} 
 
.commentlist li, #commentform input, #commentform textarea { 
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	} 
 
.commentlist li { 
	font-weight: bold; 
	} 
 
.commentlist li .avatar {  
	float: right; 
	border: 1px solid #eee; 
	padding: 2px; 
	background: #fff; 
	} 
 
.commentlist cite, .commentlist cite a { 
	font-weight: bold; 
	font-style: normal; 
	font-size: 1.1em; 
	} 
 
.commentlist p { 
	font-weight: normal; 
	line-height: 1.5em; 
	text-transform: none; 
	} 
 
#commentform p { 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	} 
 
.commentmetadata { 
	font-weight: normal; 
	} 
 
#sidebar { 
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	} 
 
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { 
	color: #777; 
	} 
 
code { 
	font: 1.1em 'Courier New', Courier, Fixed; 
	} 
 
acronym, abbr, span.caps 
{ 
	font-size: 0.9em; 
	letter-spacing: .07em; 
	} 
 
a, h2 a:hover, h3 a:hover { 
	color: #990000; 
	text-decoration: none; 
	} 
 
a:hover { 
	color: #dd0000; 
	text-decoration: underline; 
	} 
 
#wp-calendar #prev a, #wp-calendar #next a { 
	font-size: 9pt; 
	} 
 
#wp-calendar a { 
	text-decoration: none; 
	} 
 
#wp-calendar caption { 
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	text-align: center; 
	} 
 
#wp-calendar th { 
	font-style: normal; 
	text-transform: capitalize; 
	} 
/* End Typography & Colors */ 
 
 
 
/* Begin Structure */ 
body { 
	margin: 0 0 20px 0; 
	padding: 0; 
	} 
 
#page { 
	margin: 0px auto 20px; 
	padding: 0; 
	width: 766px; 
	background: #484747 url(images/page_bg.jpg) repeat-y center center; 
	} 
 
#header { 
	margin: 0; 
	padding: 0; 
	height: 228px; 
	width: 766px; 
	background: #484747 url(images/header.jpg) no-repeat center top; 
	position: relative; 
	} 
#header #pic { 
	position: absolute; 
	z-index: 10; 
	top: -6px; 
	right: -5px; 
	} 
#header .nav { 
	list-style: none; 
	position: absolute; 
	left: 0px; 
	top: 185px; 
	margin:0; 
	padding: 3px 0 0 32px; 
} 
 
#header .nav li { 
	list-style: none; 
	display: inline; 
	margin:0; 
	float:left; 
} 
 
#header .nav .current { 
	color:#000; 
	display:block; 
	padding: 8px 20px; 
	font-size: 18px; 
	font-weight: bold; 
} 
 
#header .nav li a { 
	display:block; 
	padding: 8px 20px; 
	font-size: 18px; 
	font-weight: bold; 
} 
 
#header .nav li a:hover { 
	text-decoration:none; 
	color:#fff; 
	background: url(images/header_nav_over.png) repeat-x center top; 
} 
 
 
#headerimg { 
	margin: 0; 
	height: 205px; 
	width: 100%; 
	} 
 
/* Begin Wide column - page styling */ 
.widecolumn { 
	padding: 10px 0 20px 0; 
	margin: 0 0 0 35px; 
	width: 680px; 
	position:relative; 
	} 
 
.widecolumn .post_top { 
	background: url(images/wide_top.png) no-repeat center top; 
	height: 7px; 
	width: 700px; 
	padding: 0; 
	margin: 0; 
	overflow:hidden; /* Cuz IE6 sux ass */ 
	} 
	 
.widecolumn .post { 
	width: 660px; 
	padding: 1px 20px 20px; 
	background: transparent url(images/wide.gif) repeat-y left top; 
	} 
 
.widecolumn .post_bottom { 
	background: url(images/wide_bottom.png) no-repeat center top; 
	height: 9px; 
	width: 700px;	 
	margin: 0; 
	overflow:hidden; /* Did I mention IE6 sux ass */ 
	} 
.widecolumn #searchform { 
	padding: 50px 10px 10px; 
	position: absolute; 
	top: 17px; 
	right: -25px !important; 
	right: -5px; 
	} 
 
.widecolumn .post_date, #podcast_list .post_date { 
	font-size: 10px; 
	margin: -8px 5px 10px; 
	color:#666666; 
} 
 
 
/* Begin Front page / Home styling */ 
	 
#home_content #newest .post_top{ 
	margin: 250px 0 0 0; 
	position: relative; 
} 
#home_big_img { 
	position: absolute; 
	z-index: 10; 
	left: -3px; 
	top: 20px; 
	} 
	 
#home_tagline { 
	position: absolute; 
	z-index: 11; 
	right: -17px !important; 
	right: -3px; 
	top: 47px; 
	} 
#home_content #newest { 
	width: 700px; 
} 
 
#home_content #newest .post_bottom { 
	margin: 0; 
} 
 
#home_content #newest .post { 
	overflow: hidden; 
	text-align: left; 
} 
 
#home_content .post { 
	padding: 1px 20px 1px; 
} 
 
#home_content #newest h2 { 
	margin: 7px 0 0 0; 
	padding: 15px 0 30px 0px; 
	font-size: 26px; 
} 
 
 
#home_content #newest #blog .posts { 
	padding: 2px 0 0 0px; 
}  
 
#home_content #newest h3 { 
	margin: 0; 
	font-size:16px; 
	line-height:normal; 
} 
 
#home_content #newest h3 a { 
	color: #900; 
} 
 
#home_content #newest h3 a:hover { 
	color: #d00; 
} 
 
#home_content .more-link { 
   padding-bottom: 10px; 
} 
 
 
 
 
 
 
#blog, #tutorials, #podcast { 
	margin: 0 0 5px 4px; 
} 
 
#blog, #tutorials { 
	border-bottom: solid 2px #ccc; 
} 
 
#blog img, #tutorials img, #podcast img { 
	float: left; 
	width: 140px; 
	height: 100%; 
	margin: 5px 15px 5px 0; 
} 
 
.post_preview { 
	float: left; 
	width: 304px; 
	margin: 0 24px 0 0; 
} 
 
.spacer { 
	height: 1px; 
	background:url(images/wide.png) repeat-y; 
	overflow: hidden; 
} 
 
.widecolumn .home_msg { 
	margin: 20px 0 0; 
} 
 
.widecolumn .linkcat, .widecolumn .linkcat ul { 
	list-style: none;	 
	} 
 
.widecolumn .linkcat ul { 
	margin:0; 
	padding:0; 
} 
 
.widecolumn .linkcat ul li a { 
	float: left; 
	padding: 4px 0; 
	width: 160px; 
	font-size: 13px; 
	font-weight: bold; 
	border-bottom: solid 4px #eee; 
} 
	 
.widecolumn .linkcat ul li a:hover { 
	border-bottom: solid 3px #ccc; 
} 
	 
/* Begin narrow column - blog styling */ 
.narrowcolumn { 
	float: left; 
	padding: 27px 0 0 45px; 
	margin: 0px 0 0; 
	width: 450px; 
	} 
 
 
.post { 
	margin: 0; 
	padding: 1px 20px; 
	text-align: justify; 
	background: url(images/post_bg.gif) repeat-y center center; 
	width: 440px; 
    overflow: hidden; 
	} 
.post_top { 
	background: url(images/post_top.png) no-repeat center bottom; 
	height: 22px; 
	width: 470px; 
	margin: 10px 0 0; 
	overflow:hidden; /* Cuz IE6 sux ass */ 
	color: #FFFFFF; 
	text-align: right; 
	padding: 40px 10px 0 0; 
	} 
 
.post_bottom { 
	background: url(images/post_bottom.gif) no-repeat center top; 
	height: 6px; 
	width: 480px;	 
	margin: 0 0 40px 0; 
	overflow:hidden; /* Did I mention IE6 sux ass */ 
	} 
	 
/* bring first post title closer to blog page title */	 
.blog_title { 
	margin: 10px 0 -20px 0; 
	} 
 
.post hr { 
	display: block; 
	} 
 
.narrowcolumn .postmetadata { 
	padding-top: 5px; 
	} 
 
.widecolumn .postmetadata { 
	margin: 30px 0; 
	} 
 
.widecolumn .smallattachment { 
	text-align: center; 
	float: left; 
	width: 128px; 
	margin: 5px 5px 5px 0px; 
} 
 
.widecolumn .attachment { 
	text-align: center; 
	margin: 5px 0px; 
} 
 
.postmetadata { 
	clear: left; 
} 
 
.clear { 
	clear: both; 
} 
 
#footer { 
	padding: 0; 
	margin: 0 auto; 
	width: 766px; 
	clear: both; 
	background: url(images/footer.jpg) no-repeat center bottom; 
	} 
 
#footer p { 
	margin: 0; 
	padding: 0 0 20px 0; 
	text-align: center; 
	} 
 
#content h2, #content small { 
	padding-left: 3px; 
	} 
 
.h_divider { 
	border: solid 1px #bbb; 
	margin: 40px 20px; 
} 
/* End Structure */ 
 
 
 
/*	Begin Headers */ 
h1 { 
 
	margin: 20px 0; 
	} 
 
h2 { 
	margin: 30px 0 0; 
	} 
 
#page h2 { 
	margin: 10px 0; 
	} 
 
#page .post h2 { 
	margin: 10px 0 30px; 
	} 
 
#page .narrowcolumn .entry h2 { 
	margin: 40px 0 15px; 
	} 
	 
#home_content .post h2 { 
	margin: 10px 0; 
} 
 
#page #podcast_list h2 { 
	margin: 10px 0; 
	} 
 
/* id set for the table */ 
#page #resource_list h2 { 
	margin: 30px 0 10px; 
	} 
 
h2.pagetitle { 
	margin-top: 30px; 
	text-align: center; 
} 
 
#sidebar h2 { 
	margin: 5px 0 0; 
	padding: 0; 
	} 
 
h3 { 
	padding: 0; 
	margin: 10px 0 0; 
	} 
 
h3.comments { 
	padding: 0; 
	margin: 40px auto 20px ; 
	} 
/* End Headers */ 
 
 
 
/* Begin Images */ 
p img { 
	padding: 0; 
	max-width: 100%; 
	width: auto; 
	 
	} 
 
/*	Using 'class="alignright"' on an image will (who would've 
	thought?!) align the image to the right. And using 'class="centered', 
	will of course center the image. This is much better than using 
	align="center", being much more futureproof (and valid) */ 
 
img.centered { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	} 
 
img.alignright { 
	padding: 4px; 
	margin: 0 0 2px 7px; 
	display: inline; 
	} 
 
img.alignleft { 
	padding: 4px; 
	margin: 0 7px 2px 0; 
	display: inline; 
	} 
 
.alignright { 
	float: right; 
	} 
 
.alignleft { 
	float: left 
	} 
/* End Images */ 
 
 
 
/* Begin Lists 
 
	Special stylized non-IE bullets 
	Do not work in Internet Explorer, which merely default to normal bullets. */ 
 
html>body .entry ul { 
	margin-left: 0px; 
	padding: 0 0 0 30px; 
	padding-left: 10px; 
        font-size: 12px;
	} 
 
html>body .entry li { 
	margin: 7px 0 8px 10px; 
	} 
 
.entry ol { 
	padding: 0 0 0 35px; 
	margin: 0; 
	} 
 
.entry ol li { 
	margin: 0; 
	padding: 0; 
	} 
 
.postmetadata ul, .postmetadata li { 
	display: inline; 
	list-style-type: none; 
	list-style-image: none; 
	} 
 
#sidebar ul, #sidebar ul ol { 
	margin: 0; 
	padding: 0; 
	} 
 
#sidebar ul li { 
	list-style-type: none; 
	list-style-image: none; 
	margin-bottom: 15px; 
	} 
 
#sidebar ul p, #sidebar ul select { 
	margin: 5px 0 8px; 
	} 
 
#sidebar ul ul, #sidebar ul ol { 
	margin: 5px 0 0 0; 
	} 
 
#sidebar ul ul ul, #sidebar ul ol { 
	margin: 0 0 0 10px; 
	} 
 
ol li, #sidebar ul ol li { 
	list-style: decimal outside; 
	} 
 
#sidebar ul ul li, #sidebar ul ol li { 
	margin: 0; 
	padding: 0; 
	} 
/* End Entry Lists */ 
 
 
 
/* Begin Form Elements */ 
#searchform { 
	padding: 50px 0px 10px; 
	text-align: left; 
	background: url(images/search_ninja.gif) no-repeat right top; 
	} 
 
#searchform #s { 
	width: 170px; 
	padding: 3px; 
	color: #999; 
	font-weight: bold;	 
	} 
 
#searchsubmit { 
	padding: 1px; 
	display: none; 
	} 
 
.entry form { /* This is mainly for password protected posts, makes them look better. */ 
	text-align:center; 
	} 
 
select { 
	width: 130px; 
	} 
 
#commentform input { 
	width: 170px; 
	padding: 2px; 
	margin: 5px 5px 1px 0; 
	} 
 
#commentform textarea { 
	width: 100%; 
	padding: 2px; 
	} 
 
#commentform #submit { 
	margin: 0; 
	float: right; 
	} 
/* End Form Elements */ 
 
 
 
/* Begin Comments*/ 
.alt { 
	margin: 0; 
	padding: 10px; 
	} 
 
.commentlist { 
	padding: 0; 
	text-align: justify; 
	} 
 
.commentlist li { 
	margin: 15px 0 3px; 
	padding: 5px 10px 3px; 
	list-style: none; 
	} 
 
.commentlist p { 
	margin: 10px 5px 10px 0; 
	} 
 
#commentform p { 
	margin: 5px 0; 
	} 
 
.nocomments { 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	} 
 
.commentmetadata { 
	margin: 0; 
	display: block; 
	} 
/* End Comments */ 
 
 
 
/* Begin Sidebar */ 
#sidebar 
{ 
	padding: 20px 0 10px 0; 
	margin-left: 545px; 
	width: 190px; 
	position:relative; 
	} 
 
#sidebar form { 
	margin: 0; 
	} 
	 
#sidebar a { 
	display:block; 
	width: 186px; 
	padding: 4px 10px; 
} 
 
#sidebar a:hover { 
	text-decoration:none; 
	background-color:#eee; 
	color:#900; 
} 
 
/* End Sidebar */ 
 
 
 
/* Begin Calendar */ 
#wp-calendar { 
	empty-cells: show; 
	margin: 10px auto 0; 
	width: 155px; 
	} 
 
#wp-calendar #next a { 
	padding-right: 10px; 
	text-align: right; 
	} 
 
#wp-calendar #prev a { 
	padding-left: 10px; 
	text-align: left; 
	} 
 
#wp-calendar a { 
	display: block; 
	} 
 
#wp-calendar caption { 
	text-align: center; 
	width: 100%; 
	} 
 
#wp-calendar td { 
	padding: 3px 0; 
	text-align: center; 
	} 
 
#wp-calendar td.pad:hover { /* Doesn't work in IE */ 
	background-color: #fff; } 
/* End Calendar */ 
 
 
 
/* Begin Various Tags & Classes */ 
acronym, abbr, span.caps { 
	cursor: help; 
	} 
 
acronym, abbr { 
	border-bottom: 1px dashed #999; 
	} 
 
blockquote { 
	margin: 15px 30px 0 10px; 
	padding-left: 20px; 
	border-left: 5px solid #ddd; 
	} 
 
blockquote cite { 
	margin: 5px 0 0; 
	display: block; 
	} 
 
.center { 
	text-align: center; 
	} 
 
hr { 
	display: none; 
	} 
 
a img { 
	border: none; 
	} 
 
.narrowcolumn .navigation { 
	display: block; 
	text-align: center; 
	margin 0; 
	background: url(images/post_bg.gif) repeat-y center center; 
	} 
 
.widecolumn .navigation { 
	display: block; 
	text-align: center; 
	margin 0; 
	background: url(images/wide.png) repeat-y center center; 
	} 
 
/* End Various Tags & Classes*/ 
 
/* Hide the Wordpress Stats image */ 
img#wpstats { 
	visibility: hidden; 
} 
 
 
/* Begin Portfolio styles */ 
 
.portfolio { 
        float: left; 
        width: 210px; 
        padding: 0 0 0 10px; 
} 
 
 
#page .entry .portfolio h2 { 
        padding: 20px 0 0 0; 
        margin: 0; 
        font-size: 20px; 
} 
 
.portfolio .description { 
         display: none; 
} 
 
.shadowbox { 
        padding: 0px; 
        margin: 0 0 8px 0; 
} 
 
.shadowbox:hover { 
        border-bottom: solid 8px #bb0000; 
} 
 
.shadowbox img { 
        border: 0; 
        margin: 0; 
        padding: 0; 
}
/* TWITTER WIDGET STYLES */
#twitters {
	margin: 53px 0 0;
}
#twitters a {
	padding: 0 0 5px 0;
}
#twitter-box ul#twitter-list li {
	color: #000;
	padding: 0 0 4px;
}