/* @override http://mbmfirm.com/wp-content/themes/mbm_v1/style.css */

/*
Theme Name: mbmfirm_v1
Theme URI: http://randykarels.com/
Description: Initial mbmfirm.com design
Version: 0.1
Author: Randy Karels
Author URI: http://randykarels.com/
Tags: 

*/

/* RESET  ============*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;  border: 0;  outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
html {font-size:100.01%;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1em; color: black; background: white;}
ol, ul {margin:0; padding:0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
:link img {border: 0px none;}
img, a img {padding:0; margin:0; border:none; display:block;}
strong {font-weight:bold;}
em {font-style:italic;}
/*  end reset  */


h1, h2, h3, p, li {font-family:Helvetica, Arial, sans-serif; color:white; line-height:20px;}
p {font-size:13px; margin-bottom:18px; color:white;}
ul {margin-left:18px;}
li {font-size:12px; margin:0; padding:0;}
h1 {font-size:24px;}

h2 {font-size:20px; font-weight:normal;line-height:24px; margin-bottom:12px;}
	h2 a, h2 a:visited {text-decoration:none;}
	h2 a:hover {border-bottom:1px solid white;}
	
h3, h3 a, h3 a:visited {
	color:#00aff0;
	font-size:11px; 
	line-height:24px; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;	
	margin-top:14px;
	text-decoration:none;
	}

	h3.fullname a {font-size:14px;}
	h3 a:hover {border-bottom:1px white solid;}
	h3 a span {color:white; font-weight:bold; font-size:11px; padding-left:15px;}
	h3.permalink a, h3.permalink a:visited {color:#aaa;}
	
a, a:visited {color:white;}

p + ul {margin-top:-12px;}

/* !BASIC STRUCTURE */

	body {
		background:#333 url(images/blackbg.jpg) top left repeat-x;
		padding-bottom:50px;
		color:white;
		}
		
	#container {
		width:800px; height:auto;
		margin:0 auto; padding:0;
		border-top:5px solid black;
		background-color:#1d1d1d;
		padding:130px 0 0 0;
		position:relative;
		}
	
	#footer {
		width:800px;
		margin:0 auto; padding:0;
		text-align:right;
		font-size:80%;
		}
		
		#footer p {font-size:10px; color:#999;}
		#footer p a,
		#footer p a:visited {color:#999; text-decoration:none;}
		
		#footer p a:hover {border-bottom:1px solid;}
/* !HOME PAGE CONTENT */

	#splash { /* the container for the homepage splash image and hook text */
		position:relative;
		border-bottom:5px solid #00aff0;
		}		
		
		#splash img {/* nothing. sets height of area */}
		
		#splash div.content {
			position:absolute; bottom:0; right:0;
			background:transparent url(images/blackbg.png) top left repeat;
			width:380px; height:auto;
			padding:20px 40px;
			}
		
		#splash h2 {color:#00aff0; font-family:"Adobe Jensen Pro", "Times New Roman", serif;}
			
	div.latest {width:230px; margin:15px 0 0 35px; padding-bottom: 50px;}
		
		div.latest h3 {color:#aaa;}
		
		div.latest p {
			font-weight:bold; 
			line-height:14px; 
			margin-bottom:14px; 
			text-decoration:none;
			}

		div.latest p a {
			text-decoration:none;
			color:white;
		}
			
		div.latest p a:hover {border-bottom:1px solid #aaa;}
		
		div.latest p span {color:#00aff0;}

/* !PAGE CONTENT */
	#page {
		width:100%;
		border-top:3px solid #00aff0;
		position:relative;
		}
		
		#page img.pagepic {position:absolute; top:0; left:0;}
		
		#page div.content {
			width:440px;
			margin:0 0 0 auto;
			background:black;
			padding:20px 50px 50px 50px;
			}
		
		#page div.content ul {list-style:square;}
		


/* !LOGO */

	#logo {
		position:absolute; top:25px; left:25px;
		background:transparent url(images/mbm_sprite.gif) 0 0 no-repeat;
		width:340px; height:50px;
		text-indent:-9000px;
		}
		#logo a {
			width:340px; height:50px;
			display:block;		
			}


	#hook {
		position:absolute; top:60px; right:465px;
		background:transparent url(images/mbm_sprite.gif) 0 -55px no-repeat;
		width:230px; height:25px;
		text-indent:-9000px;
		}

/* !POSTS */
	
	div.post {
		width:500px;
		margin:0 auto 50px auto;
		background-color:black;
		padding:10px 40px 40px 40px;
		}	
		
		
/* !NAV BAR */
		
	#nav {
		position:absolute; top:-5px; right:50px; 
		width:100px;
		background:#1d1d1d url(images/mbm_sprite.gif) 0 -380px no-repeat;
		list-style:none;	
		padding-top:18px;
		z-index:100;
	}
	
	#nav li, #nav li a {
		font-weight:bold;
		font-size:12px;
		line-height:18px;
		margin:0;
		list-style:none;
		text-decoration: none;
		}
		#nav li a:hover {border-bottom:1px solid white;}
	
	#subnav {
		position:absolute; top:-3px; left:780px;
		width:140px;
		padding:20px;
		background:black;
		border-top:3px solid #00aff0;
	}