/* ANIMINDO.NET ~ STRIKE WITCHES Ver. */

@font-face {
    font-family: 'DroidSans';
    src: url('DroidSans-webfont.eot');
    src: local('DroidSans-webfont'), 
         local('DroidSans'), 
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#font') format('svg'); 
}

body
	{	background: url(images/bodybg.jpg) top left repeat-x #3c3c3c; 
		font: 0.7em Verdana, Sans-serif;
		color: #ffffff;
		margin: 0;
		padding: 0;
	}




/* --------------------------------------------------------------------------------------------------------- */	
/* IMAGE RELATED */
	
img	{ 
  float: left;
  margin: 0;
  padding: 0 10px 10px 0;
  border: none;
}

	img.floatleft { float: left; margin: 0 5px 0 5px; padding: 0; border: 5px solid #3e3e3e; }
	img.floatright { float: right; margin: 0 5px 0 5px; }
	img.floatcenter { float: none; margin: auto; padding: 10px; }
	/*img.floatleft-border { float: left; margin: 0 5px 0 5px; padding: 8px; background: #dedede; border: 2px solid #999999; }
	img.floatright-border { float: right; margin: 0 5px 0 5px; padding: 8px; background: #dedede;  border: 2px solid #999999;  }
	img.floatcenter-border { float: none; margin: auto; padding: 0; padding: 8px; background: #dedede; border: 2px solid #999999; }*/
	
.preview {
		overflow: hidden;
		float: left;
		padding: 0 50px 50px 0;
		margin: 0 10px 10px 0;
		height: 90px;
		width: 90px;
		}

.prev {
		overflow: hidden;
		float: left;
		margin: 0 5px;
		padding: 0;
		height: 100px;
		width: 100px;
		}

		.prev_smaller {
		overflow: hidden;
		float: right;
		padding: 0 50px 50px 0;
		margin: 0 0 5px 10px;
		height: 60px;
		width: 100px;
		}

	.category { float: left; background: url(images/cat.png) left no-repeat; padding: 10px 8px 10px 30px; }
	.author { float: left; background: url(images/author.png) left no-repeat; padding: 10px 8px 10px 30px; }
	.date { float: left; background: url(images/date.png) left no-repeat; padding: 10px 8px 10px 30px; }
	.next { float: right; background: url(images/next.png) right no-repeat; padding: 10px 30px 10px 10px; }
	.back { float: right; background: url(images/archive.jpg) right no-repeat; padding: 10px 30px 10px 10px; }
	.tags { float: left; font-size: xx-small; background: url(images/key.gif) right no-repeat; padding: 10px 40px 10px 8px; }
	.archive { float: left; background: url(images/archive.gif) right no-repeat; padding: 10px 40px 10px 8px; }
	.basic { float: left; font-size: 1.0em; font-weight: bold; background: url(images/basic.gif) right no-repeat; padding: 10px 40px 10px 8px; }
	.staff { float: left; font-size: 1.0em; font-weight: bold; background: url(images/staff.gif) right no-repeat; padding: 10px 40px 10px 8px; }
	.misc { float: left; font-size: 1.0em; font-weight: bold; background: url(images/misc.gif) right no-repeat; padding: 10px 40px 10px 8px; }
	.other { float: left; font-size: 1.0em; font-weight: bold; background: url(images/other.gif) right no-repeat; padding: 10px 40px 10px 8px; }
	.cross  { float: left; font-size: 1.0em; background: url(images/cross.gif) left no-repeat; padding: 8px 8px 8px 30px; }

	
/* --------------------------------------------------------------------------------------------------------- */	
/* HEADER */	

h2,h3,h4,h5,h6 
	{	font-family: DroidSans,Arial;	}

h1
	{	margin: 0 0 -3px 0;
		padding: 0 0 0 10px;
		letter-spacing: -2px;
	}

	h1 a,a:visited
	{	color: #ffffff;
		text-decoration: none;
	}

	h1 a:hover
	{	color: #3c3c3c;
		text-decoration: none;
	}

h2
	{	font-weight: normal;
		margin: 0 0 3px 0;
		padding: 0;
	}
	
	
h4
	{	font-size: 10px;
		font-weight: normal;
		color: #6e6e6e;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}
	

.smalltag
	{	font-family: Verdana;
		font-size: xx-small;
		margin: 0;
		padding: 0;
	}

.clear
	{	clear: both;	}
	
.borderline
	{	clear: both;
		margin: auto;
		border-top: 1px solid #b4b4b4;
		width: 100px;
	}
	
a, a:visited
	{	color: #878787;
		text-decoration: none;
	}

a:hover
	{	color: #ffffff;
		text-decoration: none;
	}

#topbar
	{	height: 50px;
		margin: 0;
		padding: 0;
		text-transform: lowercase;
	}
	
	.t_left
		{	float: left;
			margin: 0 60px 0 0;
			padding: 0;
		}

	.t_right
		{	float: right;
			height: 33px;
			margin: 5px 10px 0 0;
			padding: 0;
			background: url(images/t_menu_bg.jpg) top left repeat-x;
			font-size: 10px;
			text-transform: uppercase;
		}
		
		.borderleft
			{	float: left;
				width: 6px;
				height: 33px;
				background: url(images/t_menu_l.jpg) top left no-repeat;
			}
		
		.borderright
			{	float: right;
				width: 6px;
				height: 33px;
				background: url(images/t_menu_r.jpg) top left no-repeat;
			}
		
		#menu
			{	float: left;
				height: 20px;
				margin: 0 auto;
				font-family: Arial;
			}
				
			#menu ul
				{	list-style: none;
					text-align: center;
					margin: 10px 0 0 0;
					padding: 0;
				}
			#menu ul li
				{	display: block; 
					float: left;
					padding: 0 0 8px 0;
				}
				
			#menu li a,li a:visited 
				{	color: #ffffff;
					padding: 8px;
				}
			
			#menu li a:hover
				{	background-color: #000000;
					padding: 8px;
					text-decoration: none;
				}
				
			#menu li a.active:link, #menu li a.active:visited, #menu li a.active:active, #menu li a.active:hover 
				{	background-color: #000000;
					padding: 8px;
					text-decoration: none;
				}
				

/* --------------------------------------------------------------------------------------------------------- */				
/* CONTENT */
	
#container
	{	margin: 0 auto 0 auto;
		padding: 350px 50px 20px 50px;
		width: 900px;
		background: url(images/swbg.jpg) top center no-repeat;
	}

#c_left
	{	width: 600px;
		float: left;
		margin: 0;
		padding: 10px;
	}

	.c_left_titles
		{	font-size: 24px;
			font-family: DroidSans, Arial;
			font-weight: bold;
			letter-spacing: -1px;
			margin: 0 0 20px 0;
			padding: 0 0 0 40px;
		}
			
	.bits
		{	background-color: #232323;
			margin: 20px 0 20px 0;
			padding: 0 10px 0 10px;
			border: 1px solid #636363;
		}
		
		.bits_list
			{	padding: 10px 8px 10px 30px;
			}
			
#c_right
	{	width: 250px;
		float: right;
		margin: 0;
		padding: 10px;
		background-color: #2e2e2e;
	}
	
	.c_right_titles
		{	font-size: 16px;
			font-weight: normal;
			letter-spacing: 2px;
			text-transform: uppercase;
			width: 240px;
			margin: 0 0 10px 0;
			padding: 10px;
			background-color: #57586c;
			border-right: 9px solid #82a0ee;
		}
		
	.c_right_isi
		{	margin: auto;
			padding: 5px 0 20px 0;
		}
		
		.search 
		{	margin: 20px auto 20px auto;
			padding: 0;
			height: 50px;
		}
	
		input
		{	background: url(images/search_bg.jpg) top left no-repeat;
			border: 0;
			float: left; 
			padding: 12px 0 15px 10px;
			margin: 2px 0; 
			width: 260px;
		}
	
/* --------------------------------------------------------------------------------------------------------- */
/* SINGLE PAGE */

	#page
	{	margin: 0 auto 0 auto;
		width: 900px;
	}
	
	.page_title
		{	font-size: 30px;
			font-family: DroidSans, Arial;
			font-weight: bold;
			letter-spacing: -1px;
			margin: 0;
			padding: 0;
		}
	
	.page_japs
		{	letter-spacing: 1px;	}

	.page_basic
		{	background-color: #232323;
			margin: 20px 0 20px 0;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			border: 1px solid #636363;
		}	
			
			.basic_l
				{	float: left;
					width: 250px;
					margin: 0;
					padding: 0 10px 0 10px;
				}
				
			.basic_r
				{	float: right;
					width: 570px;
					margin: 0;
					padding: 0 10px 0 10px;
				}

				.index_box
					{ 	padding: 10px; 
						background-color: #3c3c3c;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						border-radius: 10px;
						margin-bottom: 10px;
					}
	
			.basic_info
				{	margin: 0 auto;
					padding: 10px 0 10px 0;
					border-bottom: 1px dotted #878787;
				}
			
			.stuff_l
				{	float: left;
					width: 150px;
					margin: 5px 0 5px 0;
					padding: 0 10px 0 10px;
					text-transform: uppercase;
				}
			
			.stuff_r
				{	float: right;
					width: 380px;
					margin: 5px 0 5px 0;
					padding: 0 10px 0 10px;
				}
			
			.char_clear
				{	clear: both;
					margin: 0;
					padding: 40px;
				}
/* --------------------------------------------------------------------------------------------------------- */	


/* --------------------------------------------------------------------------------------------------------- */
/* FOOTER */
	
#footer
	{	margin: 0;
		padding: 10px;
		background: url(images/footer_bg.jpg) top left repeat-x #464646;
	}
	

/* --------------------------------------------------------------------------------------------------------- */	
/* PAGINATION */

div.pagination {
	padding: 3px;
	margin: 0 0 10px 0;
	font-family: Verdana;
}

div.pagination a, div.pagination a:visited {
	color: #fff;
	border: 1px solid #999999; 
	padding: 2px 5px 2px 5px;
	background-color: #2e2e2e;
	text-decoration: none;
}
div.pagination a:hover, div.pagination a:active {
	color: #232323; background-color: #fff;
}
div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #000;
 		font-size: 16px;
		font-weight: bold;
		background-color: #000;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #444444;
 		color: #444444;
	}