/* Styles for the "Black Tabs" template on stevemurrell.com */
/* by Danny van Ommen */

/* body */

body{
	background: #000000 url('../images/bg_purple.jpg') repeat-x;
	font-family:arial;
}

/* fonts */

a:hover{
	text-decoration:none;
}

a.nounderline{
	text-decoration:none;
}

.small{
	font-family:arial;
	font-size:9px;
}

.medium{
	font-family:arial;
	font-size:11px;
}

.large{
	font-family:arial;
	font-size:24px;
}

.huge{
	font-family:arial;
	font-size:32px;
}

.blue{
	color:#3056aa;
}
.grey{
	color:#595e61;
}
.yellow{
	color:#e4bc1d;
}
.white{
	color:#ffffff;
}
.black{
	color:#000000;
}
.pink{
	color:#e400a6;
}

.green{
	color:#49747b;
}

.dark-blue{
	color:#003366;
}

.gold{
	color:#9ca363;
}

/* images */

img.floatLeft{
	margin:0px 10px 20px 0px;
}

/* layouts */

#layout{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	width:810px;
}

div#leftColumn{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	width:20px;
	height:613px;
	background: #000000 url('../images/left_column_purple.jpg') no-repeat;
}

div#rightColumn{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:20px;
	height:613px;
	background: #000000 url('../images/right_column_purple.jpg') no-repeat;
}

div#middleColumn{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	background: #f2f3f4;		
}

div.gradientMargin{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	height:49px;
	background: url('../images/bg_header.jpg') repeat-x;
}

div.gradientMargin-head{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	height:49px;
	background: url('../images/bg_header.jpg') repeat-x;
}

div.gradientMargin-foot{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	height:49px;
	background: url('../images/bg_footer.jpg') repeat-x;
}

div.blackLine{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	background: #000000;		
}

div.yellowLine{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	background: #FFCC00;		
}

div.blueLine{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	background: #3056aa;		
}

div#splashContainer{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	height:210px;
}

div#splashPhoto{
	position:relative;
	top:0px;
	left:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	height:210px;
	background:#000000;	
	z-index:1;
}

div#steveMurrellDotCom{
	position:relative;
	top:-80px;
	padding:0px 0px 0px 0px;
	margin:0px 0px -210px 0px;			
	position:relative;
	font-family:arial;
	font-weight:bold;
	font-size:48px;
	color:#3056aa;
	z-index:3;
	display:none;	
}
div#steveMurrellDotCom-shadow{
	position:relative;
	top:100px;
	/*top:-46px;*/
	left:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px -420px 0px;			
	position:relative;
	font-family:arial;
	font-weight:bold;
	font-size:48px;	
	color:#dddddd;
	z-index:2;
	display:none;
}

div#headerBodyMargin{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	height:20px;
	background: url('../images/bg_header_body_margin.jpg') repeat-x;	
}

div#footerBodyMargin{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	height:20px;
	background: url('../images/bg_footer_body_margin.gif') repeat-x;	
}

div#welcome{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position: relative;
	top: 15px;
	left: 8px;
}
div#welcometo{
	position:relative;
	top:-8px;
}

div#headerTabs{
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 0px;
}

div#footerTabs{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 8px;
}

div#body{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:770px;
	background:#F2F3F4;
	
	min-height:100%;
	height:auto !important;
	height:100%;	
}

div#bodyLeft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:385px;
	
	min-height:100%;
	height:auto !important;
	height:100%;	
}

div#bodyRight{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
	width:385px;
	min-height:100%;
	height:auto !important;
	height:100%;
}

/* panel */

td.panel-topleft{
	background: url('../images/panel_topleft.gif');
	width:9px;
	height:11px;
}

td.panel-topright{
	background: url('../images/panel_topright.gif');
	width:9px;
	height:11px;
}

td.panel-top{
	background: url('../images/panel_top.gif') repeat-x;
	height:11px;
}

td.panel-left{
	background: url('../images/panel_left_bg.gif') repeat-y;
	width:9px;
}

td.panel-right{
	background: url('../images/panel_right_bg.gif') repeat-y;
	width:9px;
}

td.panel-body{
	background: url('../images/panel_bg.gif') repeat-x;
}

td.panel-bottomleft{
	background: url('../images/panel_bottomleft.gif');
	width:9px;
	height:11px;
}

td.panel-bottomright{
	background: url('../images/panel_bottomright.gif');
	width:9px;
	height:11px;
}

td.panel-bottom{
	background: url('../images/panel_bottom.gif') repeat-x;
	height:11px;
}

/* plain panel */

td.panel-plain-topleft{
	background: url('../images/panel_plain_topleft.gif');
	width:9px;
	height:11px;
}

td.panel-plain-topright{
	background: url('../images/panel_plain_topright.gif');
	width:9px;
	height:11px;
}

td.panel-plain-top{
	background: url('../images/panel_plain_top.gif') repeat-x;
	height:11px;
}

td.panel-plain-left{
	background: url('../images/panel_left_bg.gif') repeat-y;
	width:9px;
}

td.panel-plain-right{
	background: url('../images/panel_right_bg.gif') repeat-y;
	width:9px;
}

td.panel-plain-body{
	background: url('../images/panel_bg.gif') repeat-x;
}

td.panel-plain-bottomleft{
	background: url('../images/panel_bottomleft.gif');
	width:9px;
	height:11px;
}

td.panel-plain-bottomright{
	background: url('../images/panel_bottomright.gif');
	width:9px;
	height:11px;
}

td.panel-plain-bottom{
	background: url('../images/panel_bottom.gif') repeat-x;
	height:11px;
}

/* head tabs */

div.headTab-selected-left-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/headTab_selected_far_left.jpg') no-repeat;	
}
div.headTab-selected-left-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/headTab_selected_left.jpg') no-repeat;		
}
div.headTab-selected-left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/headTab_selected_left.jpg') no-repeat;		
}
div.headTab-selected-mid{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	height:49px;	
	background: url('../images/headTab_selected_bg.jpg') repeat-x;
}
div.headTab-selected-right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/headTab_selected_right.jpg') no-repeat;				
}
div.headTab-selected-right-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/headTab_selected_right.jpg') no-repeat;				
}
div.headTab-selected-right-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/headTab_selected_far_right.jpg') no-repeat;
}

div.headTab-unselected-left-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/headTab_unselected_far_left.jpg') no-repeat;
}
div.headTab-unselected-left-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/headTab_unselected_bg.jpg') repeat-x;
}
div.headTab-unselected-left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/headTab_unselected_bg.jpg') repeat-x;
}
div.headTab-unselected-mid{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	height:49px;
	background: url('../images/headTab_unselected_bg.jpg') repeat-x;
	
	font-family:arial;
	font-size:10px;
	color:#000000;	
}
div.headTab-unselected-right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/headTab_unselected_bg.jpg') repeat-x;	
}
div.headTab-unselected-right-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/headTab_unselected_bg.jpg') repeat-x;	
}
div.headTab-unselected-right-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;
	background: url('../images/headTab_unselected_far_right.jpg') repeat-x;	
}

div.headTab-selected-mid-text{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;				
	top:32px;
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#ffffff
}
div.headTab-unselected-mid-text{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;				
	top:32px;
	font-family:arial;
	font-size:10px;
	color:#333333;
}

a.headTab-selected-mid-text{
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
a.headTab-unselected-mid-text{
	font-family:arial;
	font-size:10px;
	color:#333333;
	text-decoration:none;	
}

/* foot tabs */

div.footTab-selected-left-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/footTab_selected_far_left.jpg') no-repeat;	
}
div.footTab-selected-left-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/footTab_selected_left.jpg') no-repeat;		
}
div.footTab-selected-left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/footTab_selected_left.jpg') no-repeat;		
}
div.footTab-selected-mid{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	height:49px;	
	background: url('../images/footTab_selected_bg.jpg') repeat-x;
}
div.footTab-selected-right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/footTab_selected_right.jpg') no-repeat;				
}
div.footTab-selected-right-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/footTab_selected_right.jpg') no-repeat;				
}
div.footTab-selected-right-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/footTab_selected_far_right.jpg') no-repeat;
}

div.footTab-unselected-left-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/footTab_unselected_far_left.jpg') no-repeat;
}
div.footTab-unselected-left-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/footTab_unselected_bg.jpg') repeat-x;
}
div.footTab-unselected-left{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:23px;
	height:49px;
	background: url('../images/footTab_unselected_bg.jpg') repeat-x;
}
div.footTab-unselected-mid{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	height:49px;
	background: url('../images/footTab_unselected_bg.jpg') repeat-x;
	
	font-family:arial;
	font-size:10px;
	color:#000000;	
}
div.footTab-unselected-right{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/footTab_unselected_bg.jpg') repeat-x;	
}
div.footTab-unselected-right-wfFirst{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;	
	background: url('../images/footTab_unselected_bg.jpg') repeat-x;	
}
div.footTab-unselected-right-wfLast{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			
	width:29px;
	height:49px;
	background: url('../images/footTab_unselected_far_right.jpg') repeat-x;	
}

div.footTab-selected-mid-text{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;				
	top:6px;
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#ffffff
}
div.footTab-unselected-mid-text{
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;				
	top:6px;
	font-family:arial;
	font-size:10px;
	color:#333333;
}

a.footTab-selected-mid-text{
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
a.footTab-unselected-mid-text{
	font-family:arial;
	font-size:10px;
	color:#333333;
	text-decoration:none;	
}

/* footer menu */

.footerMenu{
	font-family:arial;
	font-size:10px;
	color:#333333;
}

/* typepad */

.typepad-title{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#656565;
}
.typepad-content{
	font-family:arial;
	font-size:11px;
	color:#333333;
	line-height:150%;
}
p.typepad-content{
	font-family:arial;
	font-size:11px;
	color:#333333;
	line-height:150%;
}
p.typepad-content{
	font-family:arial;
	font-size:11px;
	color:#333333;
	line-height:150%;
}
.typepad-date{
	font-family:arial;
	font-size:11px;
	color:#656565;
}

/* multiply */

.multiply-title{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#656565;
}
.multiply-content{
	font-family:arial;
	font-size:11px;
	color:#333333;
	line-height:150%;
}
.multiply-date{
	font-family:arial;
	font-size:11px;
	color:#656565;
}

/* more link */

.morelink{
	font-family:arial;
	font-size:14px;
}

/* writings list */

ul.writingsList {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

ul.writingsList li{
	padding-top:10px;
	font-family:arial;
	font-size:14px;
}

ul.writingsList li:before {
	content: "\00BB \0020";
	padding-left:2px;
	font-weight:bold;
}

ul.writingsList li a{
	font-weight:bold;
}

ul.writingsList li.writingsList-here a{
	text-decoration:none;
	color:#9ca363;
}

ul.writingsList li p{
	font-family:arial;
	font-size:11px;
	color:#656565;
	padding-left:14px;
	margin-top:4px;
}

/* bullet nav */

ul.bulletNav {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

ul.bulletNav li{
	padding-top:10px;
	font-family:arial;
	font-size:11px;
}

ul.bulletNav li:before {
	content: "\00BB \0020";
	padding-left:2px;
	font-weight:bold;
	font-size:14px;
	color:#3056aa;
}