/*   

Theme Name: MSN CODE - Theme Four

Description: The Blog Theme For Marketers Who Want To Dominate MSN!

Author: Kevin Koop

Author URI: IM-WPThemes.com

Version: 1.3

*/



/* Default */

* {

	margin: 0;

	padding: 0;

}

body {

	background: url(../images/background.jpg) repeat-x top #4e4e4e;

	text-align: center;

	font-family: Tahoma, Arial, sans-serif;

	font-size: 12px;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

div.hide-me {

	display: none;

}

/* Typography */

p {

	padding: 10px 0;

	font-size: 11px;

	line-height: 1.6em;

	color: #575759;

	font-family: Verdana, Tahoma, Arial, sans-serif;

}

a {

	color: #406689;

}

/* Structure */

#wrapper {

	width: 960px;

	margin: 0 auto;

	text-align: left;

	padding-top: 5px;

}

#header {

	width: 960px;

	height: 130px;

	background: url(images/background2.gif) repeat-x top #f5f6f6;

}

	#header a.RSS {

		float: right;

		color: #fff;

		text-decoration: none;

		padding: 8px;

		background: url(images/rss.gif) no-repeat right;

		padding-right: 25px;

		margin-right: 5px;

	}

	#header ul#top-nav {

		list-style: none;

	}

	#header ul#top-nav li {

		list-style: none;

		float: left;

		display: block;

	}

	#header ul#top-nav li a {

		list-style: none;

		float: left;

		color: #fff;

		text-decoration: none;

		font-size: 11px;

		padding: 6px;

		margin-right: 10px;

		display: block;

	}

	#header #headline h1 {

		font-size: 40px;

		color: #fff;

		clear: both;

		padding: 10px;

	}

	#header #headline h3 {

		font-size: 15px;

		color: #333;

		display: inline;

		padding: 20px;

	}

	#header ul#categories {

		list-style: none;

	}

	#header ul#categories li {

		list-style: none;

		float: left;

		display: block;

	}

	#header ul#categories li a {

		list-style: none;

		float: left;

		color: #777;

		text-decoration: none;

		font-size: 11px;

		padding: 8px;

		margin-top: 17px;

		margin-right: 4px;

		display: block;

	}

	#header ul#categories li a:hover {

		text-decoration: underline;

		color: #333;

	}

#content {

	background: #fcfbfb;;

}

#search {

	float: right;

	padding: 14px;

	padding-right: 5px;

}

 #search input[type=text] {

 	padding: 4px;

 	border: 1px solid #eee;

 	float: left;

 	margin-top: 6px;

 	color: #999;

 }

 #search input[type=image] {

 	margin-top: 5px;

 	margin-left: 5px;

 	float: left;

 }

div.post-box {

	width: 100%;

	border: 0px solid #e3e3e3;

	margin-top: 0px;

	margin-left: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

}

div.post-box-i {

	width: 908px;

	padding: 10px;

	border: 4px solid #f5f4f4;

	background: #fff;

}

div.byline {

	width: 100%;

	padding: 5px 0;

	border-bottom: 1px solid #ccc;

	color: #888;

	font-size: 11px;

}

div.byline span.left {

	float: right;

}

div.post-box-i h2 a {

	font-family: georgia, serif;

	letter-spacing: -1px;

	font-weight: lighter;

	font-size: 21px;

	text-decoration: none;

	color: #333;

	padding-top: 10px;

	display: block;

}

 a.readmore {

	background: url(images/arrow.gif) no-repeat left;

	text-decoration: none;

	padding: 4px 0;

	padding-left: 24px;

}

div.small-box {

	width: 270px;

	border: 2px solid #e3e3e3;

	margin-left: 10px;

	float: left;

	margin-top: 15px;

	margin-right: 15px;

}

div.small-box-i {

	width: 242px;

	padding: 10px;

	border: 4px solid #f5f4f4;

	background: #fff;

}

div.small-box-i h2 a {

	font-family: georgia, serif;

	letter-spacing: -1px;

	font-weight: lighter;

	text-decoration: none;

	display: block;

	font-size: 21px;

	color: #333;

	padding-top: 10px;

}

div.small-box-i div.byline {

	font-size: 10px;

}

#sidebar {

	float: right;

	width: 0px;

	padding-right: 0px;

}

div.column {

	float: left;

	width: 600px;

}

div.tabs {

	background: #f5f4f4;

	padding: 5px;

	border: 2px solid #e3e3e3;

	width: 330px;

}

div.tabs p {

	clear: both;

	padding: 10px;

}

ul.tabNavigation {

	list-style: none;

}

ul.tabNavigation li {

	list-style: none;

	float: left;

	display: block;

}

ul.tabNavigation li a {

	list-style: none;

	float: left;

	display: block;

	padding: 10px;

	margin: 10px 5px;

	border: 1px solid #eee;

	text-decoration: none;

	color: #888;

	background: #fff;

}

div.tabs ul.tabNavigation a.selected {

	background: #4b5e5e;

	color: #fff;

}

ul.jbox-ul {

	list-style: none;

	padding: 5px;

	background: #fff;

	clear: both;

	border: 2px solid #eee;

}

ul.jbox-ul li {

	display: block;

}

ul.jbox-ul li a {

	display: block;

	text-decoration: none;

	padding: 8px;

	font-size: 11px;

	color: #4b5e5e;

	font-family: verdana, sans-serif;

	padding-left: 18px;

	background: url(images/bullet.gif) no-repeat left;

	border-bottom: 1px dotted #ccc;

}

	ul.jbox-ul li a:hover {

		background: url(images/bullet.gif) no-repeat left #f8f8f8;

	}

div.ad {

	background: #f5f4f4;

	padding: 10px;

	border: 2px solid #e3e3e3;

	width: 131px;

	margin: 10px 5px;

	margin-right: 0;

	margin-top: 10px;

	float: left;

	text-align: center;

}

#foot {

	background: url(images/footer.gif) repeat-x bottom;

	clear: both;

	width: 950px;

	margin: 4px;

	height: 60px;

}

#footer {

	background: url(images/foot.gif) repeat-x top;

	height: 130px;

	text-align: center;

	color: #ccc;

	padding-top: 20px;

}

#footer p {

	color: #ccc;

}

#footer ul li {

	list-style: none;

	text-decoration: none;

	display: inline;

}

#footer ul li a {

	color: #ccc;

	display: inline;

}



#dynamic li {

	list-style: none;

	clear: left;

}

#dynamic li h2 {

	list-style: none;

	font-size: 14px;

	color: #444;

	font-weight: normal;

	letter-spacing: -1px;

	padding: 5px;

}

#dynamic ul {

	list-style: none;

	padding: 5px;

	background: #fff;

	clear: both;

	border: 2px solid #eee;

}

#dynamic ul li {

	display: block;

}

#dynamic ul li a {

	display: block;

	text-decoration: none;

	padding: 8px;

	font-size: 11px;

	color: #4b5e5e;

	font-family: verdana, sans-serif;

	padding-left: 18px;

	background: url(images/bullet.gif) no-repeat left;

	border-bottom: 1px dotted #ccc;

}

	#dynamic ul li a:hover {

		background: url(images/bullet.gif) no-repeat left #f8f8f8;

	}

	small.post {

		padding: 10px;

		color: #ccc;

		line-height: 1.6em;

		display: block;

	}

#comments {

	width: 380px;

	padding: 20px 0;

	display: block;

}

#comments form input {

	width: 200px;

	padding: 2px;

	font-size: 13px;

	font-weight: bold;

	color: #555;

}

#comments form textarea {

	width: 520px;

	height: 200px;

	padding: 2px;

	font-size: 13px;

	font-weight: bold;

	color: #555;

	border: 1px solid #ccc;

}

#comments h3#comments {

	font-size: 18px;

	width: 470px;

	color: #215a7c;

	font-family: Georgia, serif;

	padding-left: 10px;

	text-align: center;

}

#comments ol.commentlist {

	list-style: none;

}

#comments ol.commentlist li {

	width: 490px;

	clear: left;

	background: #f1f1f1;

	line-height: 1.4em;

	font-size: 13px;

	padding: 10px;

	border-bottom: 1px dashed #ccc;

	color: #555;

	margin: 10px 0;

}

#comments ol.commentlist li a {

	text-decoration: none;

	color: #888;

}

.footerlink {

	text-decoration: none;

	color: #666666;

}