/**************** BODY *********************/

* { 
	margin: 			0; 
	padding:			0; 
} 

body{
	background:			url(http://www.4mwebdesign.com/images/layout/bg.gif);
	background-repeat:	repeat-x;
	background-color: 	#fff;
	color:			#333;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	margin:			0;
	line-height:		20px;
}

#wrapper{
	background:			url(http://www.4mwebdesign.com/images/layout/content-bg.jpg);
	background-repeat:	repeat-y;
	margin:			0px auto;
	padding:			0px;
	width:			970px;
}

#header {
	margin:			0px;
	padding:			0px;
	width:			970px;
	display:			block;
	background:			url(http://www.4mwebdesign.com/images/layout/header.jpg) no-repeat left;
	background-color: 	#3289E8;
	height:			140px;
}

#header h1 {
	text-indent:		-5000px;
}

#header h3{
	text-indent:		-5000px;
}

#header .logo {
	float: 			left;
}
h2 a:link{
	font-size:			20px;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#3366FF;
	text-decoration:		none;
}

h2 a:visited{
	font-size:			20px;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#3366FF;
	text-decoration:		none;
}

h2 a:hover{
	text-decoration:		underline;
}

h3{
	font-size:			16px;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#FFFFFF;
}

h3 a:link{
	font-size:			16px;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#FFFFFF;
	text-decoration:		underline;
}

h3 a:visited{
	font-size:			16px;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#FFFFFF;
	text-decoration:		underline;
}

h3 a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

h4{
	font-size:			13px;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#333333;
	text-decoration:		underline;
	text-transform:		uppercase;
	padding-bottom:		8px;
}

/**************** MAIN NAV *********************/

#nav {
	background-image: 	url(http://www.4mwebdesign.com/images/layout/nav-bg.jpg);
	height:			48px;
	width:			970px;
}
	
#menu{
	margin-left:		15px;
	list-style-position:	outside;
	list-style-type:		none;
	overflow:			hidden;
	text-align:			center;
}

#menu li  {
	margin-top:			5px;
	float:			left;
	font-size:			10px;
	font-family:		arial, tahoma, verdana, sans-serif;
	width:			135px;
}

#menu li a  {
	background-color:		inherit;
	color:			#999999;
	text-decoration:		none;
}

#menu li a.active {
	color:			#3289E8;
}

#menu li a:hover  {
	color:			#3289E8;
}

#menu li strong {
	text-transform:		uppercase;
	font-size:			14px;
	font-family:		arial, tahoma, verdana, sans-serif;
	color:			#FFFFFF;
	letter-spacing:		1.5px;
	display:			block;
}

#menu li  a strong.active {
	color:			#3289E8;
}

#menu li a strong:hover  {
	color:			#3289E8;
}

.page_item a:link, .page_item a:visited{
	color: 			#FFFFFF;
	padding:			10px;
}

.page_item a:hover {
	color:	 		#FF9900;
	text-decoration:		underline;
}

.current_page_item a:link, .current_page_item a:visited{
	color:			#FFFF00;
	text-decoration:		underline;
	padding:			10px;
}

.current_page_item a:hover {
	text-decoration:		none;
}

/**************** ENTRY *********************/

.entry{ 
	background-color: 	#fff;
	float:			left;
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		10px;
	width:			590px;
}

.entry h2 a:link,h2 a:visited{
	font-size:			120%;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#3366FF;
	text-decoration:		none;
	padding-bottom:		10px;
}

.entry h2 a:hover{
	text-decoration:		underline;
}

.entry h3 {
	font-size:			110%;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#333;
	text-decoration:		none;
	padding-bottom:		18px;
}

.entry p{
	padding:			0 0 18px 0;
	font-size:			90%;
}

html>body .entry ul {
	margin-left: 		0px;
	padding: 			0 0 10px 20px;
	list-style-type:		square;
} 

.entry div ul li{
	list-style-type:		square;
	padding: 			0 0 10px 10px;
}

.entry ul li a:link{
	color: 			#0000FF;
	text-decoration:		underline;
}

.entry ul li a:visited{
	color: 			#0000FF;
	text-decoration:		underline;
}

.entry ul li a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

.entry ol {
	padding: 			0 0 0 35px;
	margin: 			0;
}

.entry ol li {
	margin: 			0;
	padding: 			0 0 10px 0;
}

.entry ol li a:link{
	color: 			#0000FF;
	text-decoration:		underline;
}

.entry ol li a:visited{
	color: 			#0000FF;
	text-decoration:		underline;
}

.entry ol li a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

/**************** POST *********************/

.post{
	background-color:		#fff;
	border:			solid 3px #f1f1f1;
	padding: 			10px;
	margin-top: 		10px;
	margin-left: 		15px;
	text-align:			left;
}

.postbg h2{
	font-size:			120%;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#000;
	text-decoration:		none;
	padding-bottom:		10px;
}


.post p a:link{
	color: 			#0000FF;
	text-decoration:		underline;
}

.post p a:visited{
	color: 			#0000FF;
	text-decoration:		underline;
}

.post p a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

.grey {
	display: 			block;
	position: 			relative;
	background-color: 	#fff;
	border: 			1px solid #a9a9a9;
	padding: 			4px;
	margin:			5px;
 }

.wp-caption {
	background-color: 	#f5f5f5;
	border: 			1px solid #C0C0C0;
	margin: 			10px 0 10px 10px;
	padding: 			5px 0 5px 5px;
	text-align: 		center;
	float:			right;
}

.wp-caption img {
	border: 			0 none;
	margin: 			0;
	padding: 			0;
}

.wp-caption p.wp-caption-text {
	font-family: 		Verdana,Arial;
	font-size: 			9px;
	line-height: 		17px;
	margin: 			0;
	padding: 			5px 5px 0 0;
	text-align: 		left;
	text-transform: 		uppercase;
}

/**************** EXCERPT *********************/

.excerpt {
	padding:			10px;
	margin-top:			10px;
	margin-bottom:		10px;
	border-top:			5px solid #333333;
	border-bottom:		1px solid #CCCCCC;
	font-size:			90%;
}



.left {
	float:			left;
	width:			560px;
	padding-right:		10px;
	padding-left:		20px;
	color: 			#333;
	font:				11px;
}

.left p {
	padding:			0 0 18px 0;
}

.left a:link, .left a:visited {
	font:				14px;
	font-family: 		Arial, Helvetica, sans-serif;
	color:			#3366FF;
	text-decoration:		none;

}

.left a:hover {
	text-decoration:		underline;
}

.right {
	float:			left;
	padding-right:		10px;
	padding-left:		20px;
	width:			560px;
	color:			#333;
	font:				11px;
}

.right a:link, .right a:visited {
	font-family: 		Arial, Helvetica, sans-serif;
	font:				14px;
	color:			#3366FF;
	text-decoration:		none;
}

.right a:hover {
	text-decoration:		underline;
}

/**************** Links *********************/

a:link{
	color: 			#0000FF;
	text-decoration:		underline;
}

a:visited{
	color: 			#0000FF;
	text-decoration:		underline;
}

a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

/**************** RSS *********************/

#switches li{display:inline;list-style-type:none;}

#rss {
	background:			url(http://www.4mwebdesign.com/images/layout/rss.gif) no-repeat left;
	background-repeat:	repeat-x;	
	color:			#333;
	height:			48px;
}

#rss a {
	color:			#0000ff;
	text-decoration:		underline;
}

#rss a:visited{
	color:			#0000ff;
	text-decoration:		underline;
}

#rss a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

#rss H3 {
	color:			#333;
	padding-top:		20px;
	padding-left:		70px;	
}

/**************** Sidebars *********************/

#topbar {
	float:			right;
	margin-bottom:		10px;
	margin-right:		10px;		
	width:			340px;
}

/**************** SIDEBAR 1 *********************/

#sidebar1{
	width:			330px;
	float:			left;
	margin-left:		5px;
}

#sidebar1 h2{
	font-weight:		bold;
	margin-bottom:		5px;	
	color:			#0564C5;
	font-size:			16px;
	font-family: 		"Trebuchet MS", Arial, Helvetica, sans-serif;

}

#sidebar1 a:link, a:visited{
	color:			#333333;
	text-decoration:		underline;
}

#sidebar1 a:hover{
	color:			#FF0000;
	text-decoration:		underline;
}

#sidebar1 ul{
	list-style-type:		none;
	font-size:			12px;
	margin-bottom:		15px;
}

#sidebar1 ul li{
	margin-left:		5px;
	margin-top:			1px;
}

#sidebar1 ul li ul{
	font-style:			normal;
	margin-top:			1px;
}

#sidebar1 ul li ul li{
	border:			0;
	list-style:			none;
	padding:			0px;
	padding-left:		0;
	margin-left:		0;
}

#sidebar1 p{
	padding:			0 5px;
}
/**************** TAG CLOUD *********************/

.tag-link-3 {
	font-size:		130%;
}

.tag-link-10 {
	font-size:		100%;
}


/**************** SEARCH *********************/
#topsearch{ 
	padding:		10px;
}

#topsearch input[type="text"]{
	border:		1px solid  #0564C5;
	width:		16em;
	color:		#000000;
	font:			1em Arial, sans-serif;
	padding:		2px;
}

h2.search {
	font-family:	Arial, sans-serif;
	font-size:		26px;
	color:		#3366ff;
	text-decoration:	none;
	font-weight:	bold;
}

/**************** COMMENTS *********************/
#comments {
	font-weight:	lighter;
	padding-top:	10px;
	border-top:		1px solid #CCCCCC;
	margin-top:		10px;
}

#comments H3 {
	font-size:		12px;
	font-family: 	Arial, Helvetica, sans-serif;
	color:		#000000
}

.commentlist{
	padding:		20px;
}

#author, #email, #url {
	color:		#666;
	width:		40%;
	border:		1px solid #999999;
	margin-bottom:	0.6em;
	background:		#fcfcfc;
	margin-top:		1px;
	padding:		3px;
}

#submit{
	font:bold 1em Tahoma;
	margin-bottom:15px;
	margin-top:5px;
	padding:2px;
}

#respond{
	padding-top:20px;
	padding-bottom:10px;
	font-weight:lighter;
}

#comment{
	width:70%;
	border:1px solid #999999;
}

.smallies a:link, .smallies a:visited{
	font-size:			11px;
}

.smallies a:hover {
	color:			#FF0000;
	text-decoration:		none;
}

/**************** FOOTER *********************/

#footer {
	clear: 			both;
	background-image: 	url(http://www.4mwebdesign.com/images/layout/footer.jpg);
	height:			170px;
}

/**************** BOTTOM LINKS *********************/

#bottomlinks {
	float: 			left;
	border-top:			1px solid #CCCCCC;
	color:			#666666;
	padding:			10px 0px 10px 0px;	
	margin:			10px;	
	margin-left:		20px;
	text-align:			left;
	width: 			930px;
}

#bottomlinks p { 
	font-size:			10px;
}

#bottomlinks .valid { 
	text-align:			center;
}

#bottomlinks .blmenu {
	list-style-type:		none;
	overflow:			hidden;
}

#bottomlinks .blmenu li {
	display:			inline;
	padding-left:		2px;	
	font-size:			11px;
}

#bottomlinks .blmenu li a {
	background-color:		inherit;
	color:			#999999;
	text-decoration:		none;
}

#bottomlinks .blmenu li a:hover {
	color:			#3289E8;
	text-decoration:		underline;
}

/**************** Tables *********************/

.table { 
	background-color: 	#F7F7F7;
	border: 			3px double #D3D8DB;
	color: 			#484848;
	width:			70%;
	margin-bottom:		20px;
}

.table-a {
	vertical-align: 		top;
	padding:			5px;
	border-bottom: 		1px solid #D3D8DB;
	text-align:			left;
	width:			70%;
}

.table-b {
	vertical-align: 		top;
	padding:			5px;
	border-left:		1px solid #D3D8DB;
	border-bottom: 		1px solid #D3D8DB;
	text-align:			left;
	width:			30%;
}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:30px;}
.alignleft{float:left; padding-left:40px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}