/*
	design.css (extends core.css)
	contains all design specific colors, images and text formatting
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	
	-- START ALL STYLES --
*/

@import url("core.css");

/* COLORS
-----------------------------------------------------------------------------
	
	#B71618 - MP Red 			(text link color)
	#430102 - Dark Red			(menu-inner borders)
	#3C4B83 - MP Blue			(text link hover)
GRAYS
	#F5F5F5 - Light Gray		(cat-menu bg)
	#CFCFCF - Light-Med Gray	(body bg)
	#CFCFCF - Medium Gray		(menu-wrap bg)
	#AAAAAA - Med-Dark Gray		(menu-wrap borders)
	#757575 - Dark Gray			(more link bg)
YELLOWS
	#FFFEE9 - Yellow			(header form bg)
	#ADAB86 - Dark Yellow		(header form borders)
	
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------
	
	1. WRAP
	2. HEADER
	3. MENU
		3a. SUBMENU
	4. CAT-MENU
	5. CONTENT-WRAP
		5a. COLUMN
			5a-a. POST-WRAP
			5a-b. NAVBAR
		5b. SIDEBAR
			5b-a. TAB-BLOCK
			5b-b. TABS
			5b-c. COLUMNS
	6. FOOTER
	
*/

/* 1. WRAP
----------------------------------------------------------------------------- */

#wrap{ 
	background: #FFFFFF;
	border-bottom: 2px solid #AAAAAA;
	margin: 0 auto; 
}

/* 2. HEADER
----------------------------------------------------------------------------- */

#header,
#menu-wrap ul,
#cat-menu,
#content-wrap,
#footer{
	margin: 0 auto;
	width: 940px;
}

	#header{ 
		padding: 20px 0;
		position: relative; 
	}

	#header h1{
		background: transparent url(img/logo.gif) no-repeat 0 0;
		height: 21px;
		text-indent: -13000em;
		width: 325px;
	}
	
		#header h1 a:link,
		#header h1 a:visited{ display: block; height: 21px; }
	
		#header #ad{
			position: absolute;
			right: 0;
			top: 20px;
		}
		
		#header form{ 
			background: #FFFEE9;
			border: 1px solid #ADAB86;
			margin: 13px 0 0; 
			padding: 1px;
			width: 322px;
		}
		
			#header form input{
				background: transparent;
				border: 0;
				float: left;
				width: 258px;
			}
		
			#header form input#searchsubmit{
				background: #3C4B83;
				border: 0;
				color: #FFFFFF;
				width: auto;
			}
	
/* 3. MENU
----------------------------------------------------------------------------- */

#menu-wrap{
	background: #CFCFCF;
	border: solid #AAAAAA;
	border-width: 2px 0;
	padding: 3px 0;
}

	#menu-inner{
		background: #B71618 url(img/bg/menu_wrap_grade.gif) repeat-x 0 0;
		border: solid #430102;
		border-width: 1px 0;
	}
	
	#menu-wrap ul{
		list-style: none;
		padding: 0;
	}
		
		#menu-wrap ul li{ float: left; }
		
			#menu-wrap ul li a:link,
			#menu-wrap ul li a:visited{
				color: #FFF;
				display: block;
				padding: 10px;
				text-decoration: none;
				text-transform: uppercase;
			}

			#menu-wrap ul li a:hover,
			#menu-wrap ul li a:active{ background: transparent url(img/bg/menu_grade.gif) repeat-x 0 100%; }

				#menu-wrap ul li a:link.act,
				#menu-wrap ul li a:visited.act{ background: #970303 url(img/ico/menu_act.gif) no-repeat center bottom; }
	
/* 3a. SUBMENU
----------------------------------------------------------------------------- */

#submenu{
	background: #EEEEEE;
	border: solid #CCCCCC; 
	border-width: 0 1px 1px;
	list-style: none; 
	padding: 10px;
}

	#submenu li{ 
		float: left;
		margin-right: 5px; 
	}
	
	#submenu li a:link,
	#submenu li a:visited{
		font-size: 11px;
		font-weight: bold;
		padding: 5px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#submenu li a:hover,
	#submenu li a:active{
		background: #3C4B83;
		color: #FFFFFF;
	}
	
			
/* 4. CAT-MENU
----------------------------------------------------------------------------- */

#cat-wrap{
	background: #F5F5F5;
	border-bottom: 1px solid #AAAAAA;
}

	#cat-menu,
	#cat-menu ul{ list-style: none; }
	
		#cat-menu{
			background: transparent url(img/ico/cats.gif) no-repeat 8px 10px;
			padding: 5px 0 5px 30px;
			width: 910px;
		}
	
		ul#more-cat-menu{
			background: #FFFFFF;
			border: 1px solid #757575;
			padding: 5px;
			position: absolute;
			width: 200px;
			z-index: 1300;
		}
	
		#cat-menu li{ float: left; }
		
			#cat-menu li.more{ position: relative; }
		
			#cat-menu ul li{ float: none; }
			
			#cat-menu li a:link,
			#cat-menu li a:visited{
				background: transparent;
				color: #B71618;
				display: block;
				font-size: 11px;
				font-weight: bold;
				margin-right: 5px;
				padding: 5px 5px;
				text-decoration: none;
				text-transform: uppercase;
			}

				#cat-menu li a:hover,
				#cat-menu li a:active,
				#cat-menu li a:link.act,
				#cat-menu li a:visited.act{
					background: #3C4B83;
					color: #FFFFFF;
				}
				
				#more-cat-menu{ display: none; }
			
				#cat-menu li.more a:link,
				#cat-menu li.more a:visited{
					background: #757575 url(img/ico/more_arrow.gif) no-repeat 90% 9px;
					color: #FFFFFF;
					padding-right: 20px;
				}
			
					#cat-menu li.more a:link.close,
					#cat-menu li.more a:visited.close{ background-image: url(img/ico/more_arrow_close.gif); }
				
					#cat-menu li.more ul#more-cat-menu a:link,
					#cat-menu li.more ul#more-cat-menu a:visited{
						background: transparent;
						color: #B71618;
						margin: 0;
						padding: 5px;
					}

					#cat-menu li.more ul#more-cat-menu a:hover,
					#cat-menu li.more ul#more-cat-menu a:active{
						background: #3C4B83;
						color: #FFFFFF;
					}
#header_right				{ float: left; width: 380px; padding-right: 10px;  }
#header_right li			{ float: right; }
#header_right li a 			{ }

			
/* 5. CONTENT-WRAP
----------------------------------------------------------------------------- */

#content-wrap{ background: transparent url(img/bg/columns.gif) repeat-y 100% 0; }

/* 5a. COLUMN
----------------------------------------------------------------------------- */

#column,
#sidebar{
	float: left;
	width: 600px;
}

	#column{
		padding: 20px 20px 20px 0;
		width: 580px;
	}

blockquote{
	background: #F6F6F6 url(img/bg/mp_bq_bg.gif) no-repeat 0 0;
	margin: 10px 0;
	padding: 20px 0 0 20px;
}

blockquote p{
	background: transparent url(img/bg/mp_bq_p_bg.gif) no-repeat bottom right;
	color: #666;
	padding: 0 20px 20px 0;
}

/* 5a-a. POST-WRAP
----------------------------------------------------------------------------- */

.post-wrap{
	background: #FFF;
	margin: 0;
}

.post-head-wrap{ 
	border-bottom: 1px solid #DEDEDE; 
	padding: 10px 0;
	position: relative; 
}

.post-wrap .info-wrap{ 
	border-top: 1px solid #DEDEDE;
	padding: 8px 0; 
}

	.post-wrap .entry_author_image img,
	.commentlist li img.avatar{
		border: 1px solid #B71618;
		float: left;
		margin: 3px 10px 0 0;
		padding: 1px;
		width: 35px;
	}
	
	.post-wrap .sharethis{
	float: right;
	
}
	
	.commentlist li img.avatar{ height: 35px; }
	
	p,
	.post-wrap p,
	.entrywrap p{ margin: 15px 0; }
	
	#column ul,
	#column ol{ margin: 15px 0 15px 25px; }
	
	.post-wrap p.date,
	.post-wrap .info-wrap p{
		color: #626262;
		font-size: 10px;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
	}
	
	.post-wrap .info-wrap p a:link,
	.post-wrap .info-wrap p a:visited{ text-decoration: none; }
	
		.post-wrap p.comment{
			background: transparent url(img/ico/comment.gif) no-repeat 0 5px;
			color: #BEBEBE;
			float: right;
			font-size: 30px;
			line-height: 1;
			margin: 0;
			padding-left: 20px;
			position: absolute;
			right: 0;
			text-align: right;
			top: 13px;
		}
		
			.post-wrap p.comment a:link,
			.post-wrap p.comment a:visited{
				color: #BEBEBE;
				text-decoration: none;
			}

			.post-wrap p.comment a:hover,
			.post-wrap p.comment a:active{ color: #B71618; }
		
	h2,	
	.post-wrap h2{
		color: #B71618;
		font-size: 22px;
		font-weight: normal;
	}
	
		.post-wrap h2{ margin-right: 50px; }
	
		.post-wrap h2 a:link,
		.post-wrap h2 a:visited{ text-decoration: none; }
		
	h3{
		color: #3C4B83;
		font-size: 16px;
		margin: 15px 0;
	}
		
.post-sep{
	background: transparent url(img/bg/post_sep.gif) repeat 0 0;
	height: 20px;
}

.ad-inline{ margin: 20px 0; }

.half-box{
	float: left;
	width: 280px;
}

#wrap .commentlist{ list-style: none; margin: 0; }

.commentlist li{ border-bottom: 1px solid #E5E5E5; padding: 10px 0; }

.commentlist li p.info{ margin: -2px 0 0; }

#commentform p.note{ margin-top: -8px; }

/* 5a-b. NAVBAR
----------------------------------------------------------------------------- */

.navbar{ margin: 5px 0; }

	.navbar p a:link,
	.navbar p a:visited{
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	
/* 5b. SIDEBAR
----------------------------------------------------------------------------- */

#sidebar{
	border-top: 5px solid #ECECEC;
	padding: 15px 20px 20px;
	width: 300px;
}

	#sidebar form{
		background: transparent url(img/bg/email_grade.gif) repeat-y 0 0;
		color: #FFFFFF;
		margin: 1px 0 20px;
	}
	
		#sidebar fieldset{
			background: transparent url(img/ico/email.gif) no-repeat 13px 35px;
			padding: 15px 0 20px 62px;
		}
	
		#sidebar label{ 
			display: block;
			font-size: 10px;
			font-weight: normal;
			margin-left: -45px;
			padding: 0 0 5px;
			text-transform: uppercase;
		}
		
		#sidebar form div{ 
			background: #FFFFFF;
			border: 1px solid #430102; 
			padding: 1px;
			width: 217px;
		}
		
			#sidebar form input{
				background: transparent;
				border: 0;
				color: #999999;
				float: left;
				text-transform: uppercase;
				width: 172px;
			}
		
			#sidebar form input.button{
				background: #B71618;
				border: 0;
				color: #FFFFFF;
				width: auto;
			}
			
	#sidebar .ad-block{
		background: transparent url(img/bg/small_ad_sep.gif) no-repeat center top;
		margin: 20px 0;
	}
	
		#sidebar .ad-block img{ 
			float: left;
			margin-right: 50px; 
		}
	
		#sidebar .ad-block .last img{ 
			margin-right: 0; 
		}

/* 5b-a. TAB-BLOCK
----------------------------------------------------------------------------- */

.tab-block{
	background: #FFFFFF;
	border: solid #D3D3D3;
	border-width: 1px 1px 0;
	list-style: none;
}

	.tab-block li{ 
		border-bottom: 1px solid #D3D3D3; 
		padding: 8px;
	}

	.tab-block li.alt{ background: #FAFCFF; }
	
		.tab-block li a:link,
		.tab-block li a:visited{ 
			font-weight: bold;
			text-decoration: none; 
		}

/* 5b-b. TABS
----------------------------------------------------------------------------- */
		
#tabs{
	list-style: none;
	margin: 0;
	padding: 0 0;
}

	#tabs li{ float: left; }

	#tabs a:link,
	#tabs a:visited{
		color: #757575;
		display: block;
		font-size: 11px;
		font-weight: bold;
		padding: 8px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#tabs a:hover,
	#tabs a:active{
		color: #B71618;
	}
	
	#tabs li.ui-tabs-selected a:link,
	#tabs li.ui-tabs-selected a:visited{
		background: #FFFFFF;
		border: solid #D3D3D3;
		border-width: 1px 1px 0;
		color: #B71618;
	}

.ui-tabs-panel{ margin-top: -1px; }

/* 5b-c. COLUMNS
----------------------------------------------------------------------------- */

#columns{ margin: 20px 0; }

	.column{ 
		background: #FFFFFF;
		float: left;
		margin-left: 20px;
		width: 140px;
	}
	
		.column.wide-ad{
			margin: 0 -20px 0 0;
			width: 160px;
		}
	
		.column.last{ margin: 0; }
		
		.column h2{
			background: #3C4B83 url(img/bg/sub_head_grade.gif) repeat-y 0 0;
			color: #FFFFFF;
			font-size: 11px;
			padding: 8px;
			text-transform: uppercase;
		}
		
		.column h2 a:link,
		.column h2 a:visited{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.rsswidget img{ float: left; margin-right: 3px; }
		
	.column ul,
	.column ul.list{ list-style: none; }
	
		.column ul li,
		.column ul.list li{
			border-bottom: 1px solid #E5E5E5;
			font-size: 11px;
			padding: 5px;
		}
	
/* 6. FOOTER
----------------------------------------------------------------------------- */

#footer{
	color: #757575;
	padding: 20px 0 20px 50px;
	position: relative;
	width: 890px;
}

	#footer p{ margin: 0; }

	#footer a:link,
	#footer a:visited{
		color: #757575;
		text-decoration: none;
	}

	#footer a:hover,
	#footer a:active{ color: #B71618; }
	
	#footer p.nine-rules{
		left: 0;
		position: absolute;
		top: -9px;
	}
	
		#footer p.nine-rules a:link,
		#footer p.nine-rules a:visited{
			background: transparent url(img/ico/9rules.gif) no-repeat 0 0;
			display: block;
			height: 49px;
			text-indent: -13000em;
			width: 42px;
		}
		
#wrap #wp-notable-line{
	float: right;
	height: 18px;
	list-style: none;
	margin: 0;
}

	#wrap #wp-notable-line li{ 
		color: #626262;
		float: left; 
		font-size: 10px;
		font-weight: bold;
		height: 18px;
		margin-left: 10px;
		text-transform: uppercase;
	}
	
	#wrap #wp-notable-line li img{ display: block; }