/* * * * * * * * * * * 
	NINJA PUPPET
* * * * * * * * * * */


body{
	background: #191919 url('images/bg.jpg') 50% 0px no-repeat;
	font-size: 11px;
	font-family: Arial;
	color: #e1e1e1;
}

*{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	border: none;
}

ul{
	list-style: none;
}


.content_wrapper ul{
	list-style: disc !important;
	margin: 15px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 17px;
	color: #7f7f7f;
	line-height: 20px;
	background: #404040;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	font-size: 12px;
	
}
.content_wrapper ul li{
	padding-bottom: 10px;
}
.content_wrapper ol{
	margin: 15px;
	margin-left: 25px;
	margin-bottom: 17px;
	color: #7f7f7f;
	background: #404040;
	line-height: 20px;
	padding: 10px;
	font-size: 12px;
}



strong{
	font-weight: bold;
}

a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a:hover{
	background: #FFFFFF;
	color: #000000;
}


.clear{ clear: both;}





.wrapper{
	position: relative;
	width: 968px;
	border-left: solid 1px #3e3e3e;
	border-right: solid 1px #3e3e3e;
	margin-left: auto;
	margin-right: auto;
	background: #191919 url('images/header_bg.png') no-repeat;
        overflow: hidden;
}

.top_sawtooth{
	position: absolute;
	width: 100%;
	background: transparent url('images/sawtooth_top.png') repeat-x;
	height: 30px;
}

.float_left{
	float: left;
}
.float_right{
	float: right;
}


h2{
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
}

h4{
	font-size: 12px;
	line-height: 12px;
	color: #6c6c6c;
}


.header{
	position: absolute;
	z-index: 1 !important;
	top: 0px;
	width: 100%;
	padding-top: 43px;
	margin-bottom: 47px;
}

.logo{
	position: absolute;
	left: 16px;
	width: 300px;
	height: 150px;
}
.logo:hover{
	background: none;
}
.logo img{
	display: none;
}


.top_nav{
	margin-top: 15px;
	width: 613px;
	float: right;
	margin-right: 5px;
}
.top_nav h3{
	display: none;
}
.top_nav li{
	height: 25px;
	padding-left: 29px;
	margin-bottom: 5px;
}

.top_nav .reels{
	background: #00d9e1;
}
.top_nav .reels a:hover{
	background: #00d9e1;
}
.top_nav .reels a.selected{
	background: #00d9e1;	
}
.top_nav .ninja{
	background: #15e100;
}
.top_nav .ninja a:hover{
	background: #15e100;
}
.top_nav .ninja a.selected{
	background: #15e100;	
}
.top_nav .gallery{
	background: #eaff03;
}
.top_nav .gallery a:hover{
	background: #eaff03;
}
.top_nav .gallery a.selected{
	background: #eaff03;	
}
.top_nav .calendar{
	background: #e13d96;
}
.top_nav .calendar a:hover{
	background: #e13d96;
}
.top_nav .calendar a.selected{
	background: #e13d96;	
}

.top_nav .element a{
	background: #FFFFFF;
	color: #000000;
	font-size: 18px;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 10px;
	height: 21px;
	display: block;
}

.content_wrapper{
	padding-top: 220px;
	z-index: 10000 !important;
}

.content_left{
	float: left;
	width: 548px;
}

.content_left.videos{
	padding-left: 20px;
	width: 600px;
}
.content_left.videos .video_box{
	min-height: 495px;
}



.content_right{
	float: right;
	width: 388px;
	padding-top: 12px;
	padding-right: 12px;
	margin-right: 5px;
	min-height: 500px;
	background: transparent url('images/rightbar_bg.gif') 100% 0px no-repeat;
}


.content_full{
	padding: 0px 20px 0px 20px;
}



.post{
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 28px;
	margin-bottom: 28px;
	border-bottom: solid 1px #3e3e3e;
}
.post.last{
	border: none;
}

.post_content{
	margin-top: 19px;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
}
.post_content p{
	padding-bottom: 18px;
	padding-left: 2px;
}

.post_content img{
	border: solid 1px #3e3e3e;
}

.post_content .wp-caption-text{
	font-size: 12px;
	line-height: 12px;
	color: #6c6c6c;
	padding-top: 4px;
}

.post_nav{
	padding-left: 20px;
	padding-right: 20px;
}




.video_box{
	background: #363636;
	padding: 10px;
	color: #c4c4c4;
	margin-bottom: 14px;
}
.video_box h2{
	margin-top: 6px;
	margin-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
}
.video_box p{
	font-size: 14px;
	line-height: 18px;
	color: #989898;
	padding-left: 3px;
	padding-right: 3px;
}

.more_link{
	margin-top: 14px;
	font-size: 12px;
	float: right;
	font-weight: bold;
	padding-left: 10px;
}


.photostream_box{
	background: #474747;
	padding: 11px;
	color: #c4c4c4;
	margin-bottom: 14px;
}
.stream_thumb{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.stream_thumb .the_thumb{
	width: 115px;
	height: 115px;
	background-position: center;
	background-color: #000000;
}
.stream_thumb.last{
	margin-right: 0px;
}


.date_box{
	background: #111111;
	padding: 12px;
	margin-bottom: 14px;
}	

.content_full .date_box{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}


.content_full .date_container{
	margin-bottom: 0px;
}
.date_container{
	margin-bottom: 15px;
}
.date_container.last{
	margin-bottom: 0px;
}

.date{
	width: 57px;
	height: 63px;
	background: transparent url('images/date_bg.gif') no-repeat;
	color: #000000;
	text-align: center;
	font-weight: bold;
	float: left;
}
.date .month{
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 4px;
}
.date .day{
	font-size: 30px;
	line-height: 25px;	
	font-weight: bold;
	margin-bottom: 1px;
}
.date .year{
	font-size: 12px;
	line-height: 12px;		
	font-weight: bold;
}

.date_desc{
	margin-left: 66px;	
}
.date_desc h3{
	font-size: 24px;
	line-height: 24px;
	color: #dcbc29;
	font-weight: bold;
	padding-top: 2px;
}
.date_desc h3 a{
	color: #dcbc29;
}
.date_desc h4{
	padding-top: 2px;
	font-size: 12px;
	line-height: 15px;
	color: #aeaeae;
	font-weight: bold;
}
.date_desc h4 a{
	color: #dcbc29;
}
.date_desc h5{
	padding-top: 2px;
	font-size: 12px;
	line-height: 15px;
	color: #aeaeae;
}






.gallery_pagination{
	margin-bottom: 39px;
}

.gallery_older{
	padding-top: 7px;
	padding-bottom: 6px;
	text-align: left;
	background: #FFFFFF;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	border-right: solid 31px #eaff03;
	width: 109px;
	padding-left: 14px;
}
.gallery_older:hover{
	background: #eaff03;	
}
.gallery_newer{
	padding-top: 7px;
	padding-bottom: 6px;
	text-align: right;
	background: #FFFFFF;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	border-left: solid 31px #eaff03;
	width: 109px;
	padding-right: 14px;
}
.gallery_newer:hover{
	background: #eaff03;	
}


.gallery_row{
	margin-bottom: 24px;
}

.gallery_thumb{
	width: 191px;
	float: left;
	margin-right: 54px;
}
.gallery_thumb.last{
	margin-right: 0px;
}
.gallery_thumb .the_thumb{
	border: solid 1px #3e3e3e;
	width: 189px;
	height: 189px;
	margin-bottom: 7px;
	background-color: #000000; 
	background-position: center;
	background-repeat: no-repeat;
}
.gallery_thumb img:hover{
	border: solid 1px #eaff03;	
}
.gallery_thumb p{
	font-size: 12px;
	line-height: 12px;
	color: #c0c0c0;
}





.video_list_wrapper{
	float: right;
	width: 315px;
	padding-top: 12px;
	padding-right: 12px;
	margin-right: 5px;
	height: 500px;
	overflow: auto;
	background: transparent url('images/rightbar_bg.gif') 100% 0px no-repeat;
}



.video_list{
	background: #1e1e1e;
	width: 247px;
	margin-right: auto;
	margin-left: auto;
}
.video_item .thumb{
	background: #272727 url('./imaes/video_bg.gif') 100% 0px no-repeat;
	padding: 8px;
	color: #8b8b8b;
	border-right: solid 30px #00d9e1;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 15px;
}
.video_item .thumb h3{
	font-size: 14px;
	padding: 2px;
	padding-top: 3px;
	padding-bottom: 0px;
}
.video_item .thumb h3 a{
	color: #8b8b8b;
}



.project_thumb{
	padding: 10px;
	background: #404040;
	margin-bottom: 15px;
	border-left: solid 20px #15e100;
}
.project_thumb h3{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #afafaf;
}
.project_thumb h4{
	font-size: 14px;
	line-height: 14px;
}







.footer_topper{
	height: 44px;
	background: transparent url('images/sawtooth_bottom.gif') repeat-x;
	margin-top: 90px;
}




.footer{
	position: relative;
	height: 111px;
	background: #202020 url('images/footer_bg.gif') 370px 0px no-repeat;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.footer ul{
	font-size: 11px;
	padding-top: 15px;
	padding-left: 20px;
}
.footer li{
	padding-bottom: 6px;
	padding-left: 10px;
}
.footer li.home{
	background: transparent url('images/icons/dot_magenta.gif') 0px 2px no-repeat;
}
.footer li.reels{
	background: transparent url('images/icons/dot_green.gif') 0px 2px no-repeat;
}
.footer li.ninja{
	background: transparent url('images/icons/dot_blue.gif') 0px 2px no-repeat;
}
.footer li.gallery{
	background: transparent url('images/icons/dot_yellow.gif') 0px 2px no-repeat;
}
.footer li.calendar{
	background: transparent url('images/icons/dot_red.gif') 0px 2px no-repeat;
}
.footer a{
	color: #FFFFFF;
	font-weight: bold;
}
.footer a:hover{
	color: #000000;
	background: #FFFFFF;
}

.footer .email{
	top: 58px;
	right: 20px;
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	padding-left: 35px;
	background: transparent url('images/icons/mail.gif') 0px 7px no-repeat;
	font-weight: bold;
}


.footer .fine_print{
	color: #5a5a5a;
	position: absolute;
	top: 88px;
	right: 20px;
	font-size: 12px;
}

.flash{
	display:none;
	background: #000000;
	position: absolute;
	top: 0px;
	width: 968px;
}