/* ------------------------------------------------------------
 * Basic styles
 ------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	color: #333333;
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
}
a {
	text-decoration: none;
	color: #660000;
	border-bottom: dotted 1px #660000;
}
a:hover {
	background-color: #e4f0ff;
}
a img {
	border: none;
}
a.slogan, a.slogan:visited  { color: #333333; font-weight: normal; text-decoration: none; border-bottom: none; cursor: default; }
a.slogan:hover { color: #333333; background-color: #ffffff; }
.caps {
	text-transform:uppercase;
}


/* ------------------------------------------------------------
 * Typography
 ------------------------------------------------------------ */

h1, h2, h3, h4 {
	margin: 20px 0;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	width: 90%;
	text-decoration: none;
	border-bottom: 0px;
	margin-bottom : 20px;
	line-height : 31px;
	font-size: 29px;
	font-weight: 200;
	padding-top: 0px;
	margin-top: 0px;
}
h2 {
	font-size: 20px;
	line-height : 26px;
	font-weight: normal;
}
h3 {
	font-size: 12px;
}
h4 {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
label {
	font-size: 12px;
	line-height: 15px;
}
blockquote, div.quote {
	font: italic 13px/20px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	background: url(http://www.mangosauce.com/images/ms/ms_quote.gif) no-repeat left top;
}
pre {
	font: 12px/20px Courier, monospace;
	padding: 0 40px;
	margin-bottom: 20px;
	overflow: auto;
}
table {
	border: 0;
	width: 100%;
	margin-bottom: 20px;
}

/* ------------------------------------------------------------
 * Header
 ------------------------------------------------------------ */

#header_container {
	/*background: #eeeedd;*/
}
#header {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 10px 0 15px 0;
	/*border: dotted 1px #cccccc;*/
}
#topad {
	border: solid 1px #cccccc;
	padding: 4px;
}


/* ------------------------------------------------------------
 * Content
 ------------------------------------------------------------ */

#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	background-image: url(http://www.mangosauce.com/images/ms/ms_vertical_bg.gif);
	background-repeat: repeat-y;
}
#content {
	float: right;
	width: 540px;
	line-height: 20px;
}
#main {
	float: left;
	overflow: hidden;
	width: 365px;
}
#content p {
	margin-bottom: 20px;
}
#content h1 a {
	color: #000000;
	border: none;
}
#content h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0;
	color: #666666;
}
#content ul {
	margin-bottom: 20px;
}
#content ul li {
	line-height: 20px;
	list-style: none;
	background: url(http://www.mangosauce.com/images/ms/ms_bullet1.gif) no-repeat left top;
	padding-left: 20px;
}
#content ol {
	line-height: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

/* ------------------------------------------------------------

 * Extra formatting
 ------------------------------------------------------------ */

#content h2.comment_title {
	color: #666666;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content #popular p {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#content #search {
	float: right;
}
#search_table {
	width: 210px;
	margin: 0;
}
#search_box {
	color: #660000;
	width: 120px;
	margin: 0 5px 0 5px;
	padding: 0;
	border: 1px solid #660000;
	height: 19px;
}
#content #prev_next {
	text-align: right;
}
#content #prev_next p {
	margin: 0;
}
#content .date p {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	margin: 0;
}
#content .ad_box_center {
		padding: 15px 0;
		border-top: dotted 1px #b3b3b3;
		border-bottom: dotted 1px #b3b3b3;
}
#content .pullquote {
	width: 225px;
	float: right;
	margin-left: 20px;
	text-align: left;
	font: 18px/30px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}
#content .left {
	margin: 0 15px 0 0;
	float: left;
}
#content .right {
	margin: 0 0 0 15px;
	float: right;
}
#content .caption126right {
	margin: 0 0 5px 15px;
	width: 126px;
	float: right;
	font: 12px/15px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}
#content .caption126left {
	margin: 0 15px 5px 0;
	width: 126px;
	float: left;
	font: 12px/15px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}
#content .caption126right p, #content .caption126left p {
	margin: 3px 0 0 0;
}
#content .button_wrapper {
	height: 18px;
	margin-bottom: 30px;
	overflow: hidden;
}
#content .button {
	float: left;
	margin-right: 10px;
}
#content .content_box {
	border: 1px solid #ddddee;
	background-color: #eeeedd;
	padding: 20px 0;
}
#content .content_box_liner {
	margin: 0 15px;
}
#content .content_box p.alert {
	color: red;
}
#content .subcategories {
	color: #ddddee;
	padding: 3px 0 3px 20px;
	font-size: 12px;
	margin-bottom: 20px;
	border-top: 1px solid #ddddee;
	border-bottom: 1px solid #ddddee;
	background: url(http://www.mangosauce.com/images/ms/ms_document.gif) no-repeat left center;
}
#content .suggest {
	clear: both;
	text-align: center;
	margin-bottom: 15px;
}
#content .category_item_container {
	overflow: hidden;
	border-bottom: 1px solid #ddddee;
}
#content .category_item {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
	width: 220px;
	height: 75px;
	margin: 0 13px 15px 0;
	overflow: hidden;
}
#content .category_item p {
	margin: 0;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}
#content .category_item p a {
	color: #000000;
	text-decoration: none;
}
#content .category_item p.ad_link {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}
#content .category_item p.ad_link a {
	text-decoration: underline;
	color: #3366CC;
}
#content .category_item img {
	float: left;
	margin-right: 15px;
}
#content p.comment-footer {
	font-size: 11px;
	border-bottom: dotted 1px #b3b3b3;
}

/* ------------------------------------------------------------
 * Page navigation
 ------------------------------------------------------------ */

#nav_date {
	overflow: hidden;
	margin: 20px 0;
	padding-top: 20px;
	text-align: center;
}
#content .nav {
	overflow: hidden;
	margin: 20px 0;
	padding-top: 20px;
	text-align: center;
}
#content .nav ul li {
	padding: 0;
	background: none;
	width: 45%;
}
#content .nav ul li a {
	display: block;
	padding: 3px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	border: none;
}
#content .nav ul li.prev {
	float: left;
}
#content .nav ul li.next {
	float: right;
}
.navtitle {
	color: #660000;
	font-weight: bold;
}


/* ------------------------------------------------------------
 * Column Right
 ------------------------------------------------------------ */
 
#column_right {
	float: right;
	width: 160px;
}
#column_right .random_pic {
	height: 120px;
}
#column_right .column_right_box {
	margin-top: 10px;
	width: 160px;
}
#column_right .dotted_box {
	padding: 0 10px 5px 10px;
	border: dotted 1px #b3b3b3;
}
#column_right h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 5px 0;
	color: #666666;
}
#column_right p {
	font-size: 11px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#column_right p.ad_link {
	font-size: 11px;
	margin-bottom: 0;
	line-height: 15px;
	font-weight: bold;
}
#column_right p span.comment_text a {
	color: #333333;
	border: none;
}
#column_right p span.author_link {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 15px;
}
#column_right p span.author_link a {
	color: #000000;
	border: none;
}
#column_right p.see_also {
	font-size: 11px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------
 * Sidebar
 ------------------------------------------------------------ */

#sidebar {
	float: left;
	width: 215px;
	margin: 0;
}
#sidebar p, #sidebar ul li {
	font-size: 11px;
	color: #333333;
	line-height: 15px;
}
#sidebar ul li {
	list-style: none;
	background: url(http://www.mangosauce.com/images/ms/ms_feed.gif) no-repeat left top;
	padding-left: 20px;
}
#sidebar h2 {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
#sidebar h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 25px 0 10px 0;
	color: #666666;
}
#sidebar #logo {
	width: 200px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #b3b3b3;
}
#sidebar #logo a {
	border-bottom: none;
}
#sidebar #mail {
	width: 200px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: dotted 1px #b3b3b3;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidebar #mail a {
	color: #666666;
	border-bottom: none;
}
#sidebar .box {
	width: 215px;
}
#sidebar .feature {
	width: 200px;
	overflow: hidden;
	margin: 0;
	padding: 5px 0;
	border-bottom: dotted 1px #b3b3b3;
}
#sidebar .feature p {
	font-size: 11px;
	color: #333333;
	line-height: 14px;
}
#sidebar .feature p a {
	color: #333333;
	text-decoration: none;
	border-bottom: none;
}
#sidebar .feature img.left {
	float: left;
	margin-right: 10px;
}
#sidebar .feature .intro {
	margin-left: 66px;
	width: 134px;
}
#sidebar .feature p.ad_link {
	padding-top: 2px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}
#sidebar .feature p.ad_link a {
	color: #000000;
}
#sidebar #blurb p {
	line-height: 1.5em;
	margin-bottom: 10px;
}



/* ------------------------------------------------------------
 * Footer
 ------------------------------------------------------------ */

#footer_container {
	text-align: center;
	margin-top: 30px;
}
#footer {
	padding: 20px 0 25px 0;
	margin: 0 auto;
	width: 770px;
	text-align: left;
	border-top: dotted 1px #b3b3b3;
}
#footer p {
	margin-bottom: 20px;
}
#footer #legal {
	margin: 15px 0;
}
#footer #legal p {
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
}

/* ------------------------------------------------------------
 * AdBrite
 ------------------------------------------------------------ */

.adPage {
	margin: 0;
	padding: 1px 0 0 3px;
	font-weight: bold;
	font-size: 9px !important;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.adPage a {
	color: #999999 !important;
	border: none;
	text-decoration: underline !important;
}