/*   
Theme Name: MBI Skyline
Theme URI: www.swatkats.info/mbi
Description: Founded in 1998, the Megakat Bureau of Investigation serves as Megakat City's most dynamic branch of law enforcement. With the agility of smaller numbers and a tight and cohesive administrative structure, the MBI is able to function in more covert and direct environments, greatly aiding the Enforcer's whose primary function as of late has involved city-wide crisis management.
Author: Matt Fiske
Author URI: www.matthewfiske.com
Template: 
Version: 1.1
.
This theme is intended for MBI use only, and as such, it will be incompatible for other uses.
.
*/

/*------------------------------------------------------------

						RESET CODE

------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*------------------------------------------------------------

						DEFAULT GLOBALS 

------------------------------------------------------------*/

html {
	
}

body {

	background-color: #000;	
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 12px;
}

a {

	color: #fff;
	text-decoration: underline;	
	outline: none;
}

a:hover {

	color: #cc0000;	
}

b, strong {

	font-weight: bold;	
}

i, em {

	font-style: italic;	
}

pre {

	display: block;
	padding: 10px;
	background-color: #424a7b;
	border: 1px solid #fff;
	margin: 0px 0px 15px 0px;	
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */

}

/*------------------------------------------------------------

						GLOBAL LAYOUT

------------------------------------------------------------*/



#skyline_top {

	position: absolute;
	top: 0px;
	left: 0px;
	height: 150px;	
	width: 100%;
	z-index: -1;
	background-image: url(images/skyline_bg1.png);
	background-repeat: repeat-x;
	background-position: top left;
}

	#skyline_top div {
		
		height: 150px;	
		background-image: url(images/rays.png);
		background-repeat: no-repeat;
		background-position: top center;
	}

		#skyline_top div div {
		
			height: 150px;	
			background-image: url(images/skyline.png);
			background-repeat: repeat-x;
			background-position: bottom left;
		}
		
			#skyline_top div div div {
			
			height: 150px;	
			background-image: url(images/aircraft.png);
			background-repeat: no-repeat;
			background-position: top center;	
			}

#skyline_bottom {

	height: 150px;	
	background-image: url(images/skyline_bg2.png);
	background-repeat: repeat-x;
	background-position: top center;	
}

	#skyline_bottom div {
	
		height: 12px;	
		background-image: url(images/skyline.png);
		background-repeat: repeat-x;
		background-position: center 0px;	
		padding: 138px 0px 0px 0px;	
		text-align: center;
		font-size: 9px;
		color: #c4c4c4;
		overflow: hidden;
	}

#master {

	margin: 110px auto 0px auto;
	width: 700px;

}

	#header {
	
		height: 185px;	
		background-image: url(images/mbi_banner.png);
		background-repeat: no-repeat;
		background-position: top left;
		overflow: hidden;	
		position: relative;
	}
	
	/*------------------------------------------------------------

						NAV MENU

	------------------------------------------------------------*/
	
		#header #nav {
		
			position: absolute;
			top: 115px;
			left: 192px;
			width: 508px;
			height: 25px;
			overflow: hidden;
			padding: 0px 4px 0px 4px;
			background-image: url(images/nav_box_bg.png);
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		
			#header #nav li {
			
				display: block;
				float: left;
				width: 50px;
				font-size: 10px;
				overflow: hidden;
			}
			
				#header #nav li a {
				
					text-decoration: none;
					text-align: center;
					display: block;	
					height: 20px;
					padding: 5px 0px 0px 0px;
					background-image: url(images/nav_bg.png);
					background-repeat: no-repeat;
					background-position: 0px -25px;
				}
				
					#header #nav li a:hover {
					
						background-position: 0px -2px;	
						color: #fff;
					}
			
			#header #nav .current_page_item a,
			#header #nav .current_page_ancestor a,
			#header #nav .current_page_parent a,
			#master.Characters #header #nav li.page-item-93 a,
			#master.Agents #header #nav li.page-item-93 a,
			#master.Enemies #header #nav li.page-item-93 a,
			#master.Allies #header #nav li.page-item-93 a,
			#master.Logs #header #nav li.page-item-8 a,
			#master.News #header #nav li.page-item-105 a,
			#master.Resources #header #nav li.page-item-109 a,
			#master.Files #header #nav li.page-item-113 a

			{
				background-position: 0px -2px;	
				color: #fff;
				font-weight: bold;
			}
	
	#middle {
		
		overflow: auto;
		height: 100%;
	}
	
		#left {
			
			width: 162px;
			float: left;
			overflow: hidden;
			background-image: url(images/corner.png);
			background-repeat: no-repeat;
			background-position: bottom left;
			padding: 0px 0px 20px 0px;
		}
		
			#left h2 {
			
				width: 176px;
				height: 20px;
				display: block;
				background-color: blue;	
				background-image: url(images/left_h2.png);
				background-repeat: no-repeat;
				background-position: top left;
				font-size: 11px;
				text-transform: uppercase;
				padding: 7px 0px 0px 5px;
				border-width: 0px 0px 0px 1px;
				border-color: #c4c4c4;
				border-style: solid;
			}
			
				#left h2 a, #left h2 .grey {
				
					text-decoration: none;	
					color: #b7c0c0;
				}
				
				#left h2 a:hover {
				
					color: #cc0000;	
				}
				
			#left ul {
			
				border-width: 0px 0px 0px 1px;
				border-color: #c4c4c4;
				border-style: solid;
				list-style-type: square;
				padding: 10px 0px 10px 20px;
				font-size: 11px;	
			}
			
				#left ul ul {
				
					border-width: 0px;
					pading: 0px;
					margin: 0px 0px 0px -20px;	
				}
			
			#left ul li .grey {
			
				font-size: 10px;
				color: #ccc;	
			}
			
				#left ul li.current-cat a,
				#left ul li.current-cat ul li a {
					
					font-weight: bold;
					text-decoration: none;
				}
				
					#left ul li.current-cat ul li a {
					
						font-weight: normal;
						text-decoration: underline;	
					}
				
				#left ul li.current-cat a:hover {
				
					/*color: #fff;*/	
				}
		
		/* #left div {
		
			height: 20px;
			background-image: url(images/corner.png);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			display: block;
			width: 1px;
			clear: both;	
		}*/
		
		#right {
			
			width: 508px;
			float: right;
			overflow: hidden;
		}

/*------------------------------------------------------------

						WORDPRESS SPECIFIC

------------------------------------------------------------*/

#right h1 {

	font-size: 26px;
	text-align: center;
	font-weight: bold;	
	display: block;
	margin: 0px 0px 25px 0px;
}

	#right .post .entry ul {

	list-style-type: square;
	margin: 0px 0px 15px 20px;
	}

			#right .logs_sub_nav {
			
				
			}
			
			#right .logs_sub_nav ul {
			
				height: 1%;
				overflow: auto;
				list-style: none;
			
			}
			
			#right .logs_sub_nav ul li {
				
				display: block;
				float: left;
				
			}
			
			#right .logs_sub_nav ul li a,
			#right .logs_sub_nav ul li.current-cat ul li a {
			
				text-decoration: none;
				margin: 0px 5px 5px 0px;
				padding: 4px;
				border-width: 1px;
				border-color: #ccc;
				border-style: solid;
				display: block;
				background-color: #000;
				font-weight: normal;
			}
			
			#right .logs_sub_nav ul li a:hover,
			#right .logs_sub_nav ul li.current-cat ul li a:hover {
				
				background-color: #272d4a;
				color: #fff;
			}
			
				#right .logs_sub_nav ul li.current-cat a {
				
					background-color: #272d4a;
					font-weight: bold;
				}
				
					
				
				#right .logs_sub_nav ul li.current-cat a:hover {
				
					color: #fff;
					
				}

#right .post,
#right .page {

	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	background-image: url(images/divider.png);
	background-position: bottom center;
	background-repeat: no-repeat;	
}

#right .page {

	padding-bottom: 0px;
}

	/*------------------------------------------------------------

						POST FORMAT ITEMS

	------------------------------------------------------------*/

	#right .post blockquote {
	
		padding: 0px 0px 20px 0px;
		margin: 0px 0px 20px 0px;
		background-image: url(images/divider.png);
		background-position: bottom center;
		background-repeat: no-repeat;	

			
	}

	#right .post h2 {
	
		text-align: center;
		font-size: 20px;
		font-weight: bold;	
		display: block;
		margin: 0px 0px 20px 0px;
	}
	
		#right .post h2 a {
		
			text-decoration: none;	
		}
		
		#right .post h3 {
		
			display: block;
			text-align: center;
			margin: -20px 0px 20px 0px;
			font-size: 13px;
			font-weight: bold;	
		}
		
		#right .post .entry {
		
			
		}
		
		#right .post .entry a.read-more {
		
			text-align: center;	
			display: block;
			text-transform: uppercase;
			font-size: 10px;
		}
		
			#right .post .entry .the_excerpt {
			
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 20px 0px;
				background-image: url(images/divider.png);
				background-position: bottom center;
				background-repeat: no-repeat;
			}
		
			#right .post .entry p,
			#right .post .entry div {
			
				padding: 0px 0px 15px 0px;
				text-align: justify;
				line-height: 1.3em;		
			}
			
				#right .post .entry .pagination_post {
				
					height: 15px;
					overflow: hidden;
					background-image: url(images/divider.png);
					background-position: top center;
					background-repeat: no-repeat;	
					padding: 10px 0px 10px 0px;
				}
			
				#right .post .entry .pagination_post .left,
				#right .post .entry .pagination_post .right {
					
					float: left;
					width: 254px;
				}
				
				#right .post .entry .pagination_post .right {
					
					text-align: right;
				}
			

#right #meta {

	text-align: center;
	margin: -20px 0px 0px 0px;	
}

	#right #meta div {
		
		background-image: url(images/divider.png);
		background-position: bottom center;
		background-repeat: no-repeat;	
		padding: 10px 0px 10px 0px;
		text-transform: lowercase;
	}
	
		#right #meta div a.button {
		
			display: block;
			padding: 4px;
			border: 1px solid #fff;	
			text-transform: uppercase;
			font-size: 10px;
			margin: 0 auto;
			width: 120px;
			text-decoration: none;
		}

		#right #meta div a.button:hover {
		
			background-color: #272d4a;
			color: #fff;	
		}

#right #searchform #s,
#right #searchform #searchsubmit {

	background-color: #000;
	border-width: 1px;
	border-color: #c4c4c4;
	border-style: solid;
	color: #fff;
	font-family: arial narrow, arial, sans-seif;
	font-size: 14px;
	height: 22px;
	width: 140px;
	padding: 3px 5px 0px 5px;
	margin: 0px 0px 0px 100px;
	float: left;
}

#right #searchform #searchsubmit {

	margin: 0px;
	height: 27px;
	width: 150px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 5px;
}


/*------------------------------------------------------------

						HOME PAGE

------------------------------------------------------------*/

#right .post .front_row {

	display: block;
	height: 1%;
	overflow: auto;
	margin: 0px 0px 0px 8px;	
}

#right .post .front_row_01 a,
#right .post .front_row_02 a,
#right .post .front_row_03 a,
#right .post .front_row_04 a,
#right .post .front_row_05 a,
#right .post .front_row_06 a,
#right .post .front_row_07 a,
#right .post .front_row_08 a,
#right .post .front_row_09 a,
#right .post .front_row_10 a {

	display: block;	
	float: left;
	width: 241px;
	height: 50px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -10000px;
	text-align: left;
	margin: 0px 10px 10px 0px;
}

#right .post .front_row_02 a,
#right .post .front_row_04 a,
#right .post .front_row_06 a,
#right .post .front_row_08 a,
#right .post .front_row_10 a {

	margin-right: 0px;	
}

	#right .post .front_row_01 a {
	
		background-image: url(images/front/rules.png);	
	}
	
	#right .post .front_row_02 a {
	
		background-image: url(images/front/newbie_info.png);	
	}
	
	#right .post .front_row_03 a {
	
		background-image: url(images/front/schedule.png);	
	}
	
	#right .post .front_row_04 a {
	
		background-image: url(images/front/logs.png);	
	}
	
	#right .post .front_row_05 a {
	
		background-image: url(images/front/agents.png);	
	}
	
	#right .post .front_row_06 a {
	
		background-image: url(images/front/allies.png);	
	}
	
	#right .post .front_row_07 a {
	
		background-image: url(images/front/enemies.png);	
	}
	
	#right .post .front_row_08 a {
	
		background-image: url(images/front/case_files.png);	
	}
	
	#right .post .front_row_09 a {
	
		background-image: url(images/front/contact.png);	
	}
	
	#right .post .front_row_10 a {
	
		background-image: url(images/front/apply.png);	
	}


/*------------------------------------------------------------

						AUTHOR PAGE

------------------------------------------------------------*/

	#right .author {
		
	}

	#right .author ul {
	
		list-style-type: square;
		margin: 0px 0px 15px 0px;	
		border: 1px solid #fff;
		padding: 15px 15px 15px 30px;
	}
	
	#right .author .grey {
	
		color: #808080;
		font-style: italic;
		font-size: 10px;	
	}

/*------------------------------------------------------------

						CHARACTER INDEX

------------------------------------------------------------*/

	#right .character-index {
	
		height: 1%;
		overflow: auto;	
	}

	#right .character-index .vert-divider {
	
		background-image: url(images/vert-divider.png);
		background-position: -13px 0px;
		background-repeat: repeat-y;
		height: 1%;
		overflow: auto;
	}

	#right .character-index .section {
	
			width: 148px;
			float: left;
			border-width: 0px 0px 0px 0px;
			border-style: solid;
			border-color: #808080;
			padding: 0px 0px 0px 1px;
			margin: 0px 0px 0px 11px;
	}
	
	#right .character-index .first {
	
		border-width: 0px 0px 0px 0px;	
	}
	
		#right .character-index .section h4 {
		
			font-weight: bold;
			font-size: 16px;
			text-transform: uppercase;
			display: block;
			text-align: left;
			margin: 0px 0px 15px 0px;	
			padding: 0px 0px 0px 20px;
		}
	
	#right .character-index .section ul {
	
		list-style-type: square;
		margin: 0px 0px 0px 20px;	
	}
	
	#right .character-index .section ul li {
	
		
		border-width: 0px 0px 1px 0px;
		border-color: #808080;
		border-style: dotted;
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 5px 0px;	
	}
	
	#right .character-index .section ul .grey {
		
		color: #808080;
		font-style: italic;
		font-size: 10px;
	}
	
	#right .divider {
	
		background-image: url(images/divider.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		height: 16px;
		overflow: hidden;
		margin: 0px 0px 15px 0px;
		clear: both;
	}
	
/*------------------------------------------------------------

						SINGLE BIO

------------------------------------------------------------*/

	#right .post .entry .played-by {
	

		text-align: center;
		font-style: italic;
		font-weight: bold;	
		display: block;
		margin-bottom: -25px;
	}
	
	#right .post .entry address {
	
		float: right;
		width: 126px;
		border-width: 0px 0px 0px 1px;
		border-color: #c4c4c4;
		border-style: solid;
		clear: right;	
		text-align: left;
		font-size: 10px;
		padding: 0px 0px 10px 10px;
		margin: 0px 0px 0px 10px;
		background-color: #000;
		overflow: hidden;
	}

		#right .post .entry address img {
		
			max-width: 126px;	
			height: auto;
		}

/*------------------------------------------------------------

						SEARCH PAGE

------------------------------------------------------------*/

#right .search_pagination {

	display: block;
	clear: both;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	background-image: url(images/divider.png);
	background-position: bottom center;
	background-repeat: no-repeat;		
	height: 1%;
	overflow: auto;
}

#right .search_pagination a {

		
}



#right .search_pagination .l_p,
#right .search_pagination .r_p {

	width: 254px;
	display: block;
	float: left;
}

#right .search_pagination .r_p {
	
	text-align: right;
	display: block;
	width: 254px;
	float: right;
}


/*------------------------------------------------------------

						APPLICATION FORM

------------------------------------------------------------*/

#top #myform p {

	text-align: center;	
}

#myform .mystyle input,
#myform .mystyle textarea
{
	background-color: #383f62;
	border-width: 1px;
	border-color: #c4c4c4;
	border-style: solid;
	width: 500px;
	padding: 4px 3px 0px 3px;
	margin: 0px;
	height: 21px;
	color: #fff;
	font-family: arial narrow, arial, sans-seif;
	font-size: 14px;
	text-align: center;
}

#myform .mystyle textarea {

	height: 200px;	
	text-align: left;
}


#myform .wpcf7-radio input {
	
	margin: 0px 3px 0px 3px;
}

#myform #submit_button input {

	display: block;
	background-color: #640e02;
	border-width: 1px;
	border-color: #c4c4c4;
	border-style: solid;
	width: 506px;
	color: #fff;
	font-family: arial narrow, arial, sans-seif;
	font-size: 14px;
	text-align: center;
	height: 25px;
	text-transform: uppercase;
	padding: 0px 0px 3px 0px;
}