/*  
Theme Name: MSB
Theme URI: http://www.marysbutler.com/
Description: Written by <a href="http://www.moochida.com">Minoru Uchida</a>, for <a href="http://www.marysbutler.com">Mary S. Butler</a>.
Version: 1.0
Author: Minoru Uchida
Author URI: http://www.moochida.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
BEGIN COMMON ***********************************************************************************
*/

html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0;
	margin:0;
	border:0;
	background-color:#666666;
	font-size:76%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	margin: 0;
	padding:0;
	border:0;
	background-color: #666666;
	text-align: center;      
}

h1, h2, h3, h4, p {
	padding:0;
	margin:0;
	border:0;
	text-align:left;
}

a {
	color:#cc0000;
}

#page {
	margin: 0px auto;
	padding: 10px;
	width: 720px;
	background-color:#666666;
}

#contactbar {
	margin-bottom:4px;
	text-align:right;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#cccccc;
}

#contactbar a {
	text-decoration:none;
	color:#cccccc;
}

#header {
	background-color: #cc0000;
	height: 130px;
	border-top:2px solid #333333;
	border-left:2px solid #333333;
	border-right:2px solid #333333;
	border-bottom:none;
}

#headertext {
	margin: 0;
	padding-top:64px;
	padding-left:30px;
}

#headertext a {
	color:#ffffff;
	text-decoration:none;
	text-transform: uppercase;
	font-family: Helvetica, Arial, Verdana, 'Lucida Grande', Sans-Serif;
	font-weight:bold;
	font-size:24px;
}

#headerdesc {
	font-family: Georgia, 'Times New Roman', Serif;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}

#whitearea {
	background-color:#ffffff;
	border-top:1px solid #333333;
	border-left:2px solid #333333;
	border-right:2px solid #333333;
	border-bottom:2px solid #333333;
	padding-bottom:60px;
}

#navcontainer {
	background-color:#ffffff;
	border-bottom:1px solid #000000;
	height:32px;
	margin:0;
	text-align:left;
}

#navlist {
	margin:0;
	text-align:left;
	padding-left:30px;
	padding-top:8px;
}

.navlistitem {
	font-family: Georgia, 'Times New Roman', Serif;
	font-size:12px;
	display: inline;
	margin:0;
	margin-right:30px;
}

.navlistitem a {
	color:#cc0000;
	text-decoration:none;
}

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


#contentbar3 {
	margin-top: 24px;
	padding-left:30px;
}

#postlistcontainer {
	float:left;
	width:426px;
}

#sidebarcontainer {
	float:left;
	margin-left:40px;
}

#sidebarcontent {
	width:180px;
	margin:0;
}

.sidebarimagescontainer {
	border: 1px solid #999999;
	padding:12px;
	float:left;
}

.sidebarimages img {
	border: 1px solid #999999;
	padding: 2px;
	margin-bottom:12px;
}

.flickrText {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:9px;
	color:#333333;
	margin-bottom:6px;
}

.flickrRSScredit, .flickrRSScredit a {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:9px;
	color:#666666;
	text-decoration:none;
}

h2.sidebarheader {
	font-size:14px;
	margin-bottom:14px;
}

#sidebarcontent ul {
	margin-left:0;
	padding-left:0;
	text-align:left;
	list-style:none;
}

#sidebarcontent li {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	margin-bottom:7px;
}

#sidebarcontent ul li:before {
	content: "\00BB \0020";
	color:#999999;
}

#footer {
	margin-top:4px;
	padding-bottom:20px;
	background-color:#666666;
}

#footercopy {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	text-align:right;
	color:#cccccc;
}

#footercopy a {
	color:#cccccc;
}

/* 
END COMMON ***********************************************************************************
*/



/* 
BEGIN INDEX PAGE ***********************************************************************************
*/

#contentbar1 {
	margin-top: 24px;
	border:0;
	padding-left:30px;
}

#HLcontainer {
	float:left;
	width:426px;
}

#HLthumbcontainer {
	border:1px solid #cc0000;
	margin-right:18px;
	float:left;
}

#HLthumbcontainer img {
	margin:4px;
}

#HLtype {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	color:#999999;
}

#HLtitle {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:13px;
	font-weight:bold;
	color:#cc0000;
	margin-top:2px;
}

#HLtitle a {
	color:#cc0000;
}

#HLcopy {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	margin-top:4px;
}

#HLlink {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
	margin-top:4px;
}

#HLlink a {
	color:#999999;
}

h2.aboutheader {
	font-size:14px;
	margin-bottom:22px;
}

#aboutcontainer {
	float:left;
	margin-left:20px;
	border:0;
}

#aboutcontent {
	width:200px;
	margin:0;
	border:0;
}

#aboutcontent p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#666666;
	line-height:14px;
	margin-top:7px;	
}

#aboutmugcontainer {
	float:right;
	border:1px solid #999999;
	padding:2px;
	margin-left:6px;
}

.aboutlink a {
	color:#999999;
}

#contentbar2 {
	margin-top: 12px;
	padding-left:30px;
}

.sectionburbsbox {
	margin-top:12px;
}

.sectionblurbcontainer1 {
	background: #eeeeee url('images/sectionblurbbkgd.png');
	background-repeat: repeat-x;
	float:left;
	margin-right:18px;
	margin-bottom:20px;
	padding:8px;
}

.sectionblurbcontainer2 {
	background: #eeeeee url('images/sectionblurbbkgd.png');
	background-repeat: repeat-x;
	float:left;
	margin-bottom:20px;
	padding:8px;
}

.sectionblurb {
	width:186px;
	height:90px;
	max-height:100px;
}

h3.sectionblurbheader {
	font-family: Georgia, 'Times New Roman', Serif;
	font-weight:bold;
	font-size:14px;
	color:#999999;
	margin-bottom:7px;
}

h3.sectionblurbheader a {
	color:#cc0000
}

.sectionblurb p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#666666;
	line-height:14px;
	margin-bottom:7px;	
}

.sectionblurblink a {
	color:#999999;
}

/* 
END INDEX PAGE ***********************************************************************************
*/





/* 
BEGIN CATEGORY PAGES ***********************************************************************************
*/

.prevandnextlinks {
	margin-top: 24px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
}

.prevandnextlinks a {
	color:#666666;
}

.postcontainer {
	background-color:#ffffff;
	border-bottom:1px dotted #666666;
}

/* 
END CATEGORY PAGES ***********************************************************************************
*/




/* 
BEGIN POST DETAILS ***********************************************************************************
*/

blockquote {
	margin:0;
	margin-bottom:16px;
	background-color:#dddddd;
	padding:8px;
	font-family: Georgia, 'Times New Roman', Serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
}

/* 
END POST DETAILS ***********************************************************************************
*/


.post {
	background-color:#ffffff;
}

.postdate {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#666666;
	margin-top:8px;
	margin-bottom:16px;
}

.categorypagepost p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	margin-top:8px;
}

.postbody {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	margin-top:8px;
	margin-bottom:24px;
	text-align:left;
}

.postbody p {
	margin-bottom:16px;
}

.postbody p img, .categorypagepost p img {
	padding:4px;
	border:1px solid #999999;
}

.postbody p img.imgleft, .categorypagepost p img.imgleft {
	float:left;
	margin:2px 12px 2px 0px;
	padding:2px;
	border:none;
}

.postbody p img.imgright, .categorypagepost p img.imgright {
	float:right;
	margin:2px 0px 2px 12px;
	padding:2px;
	border:none;
}

.postbody p img.thumbleft, .categorypagepost p img.thumbleft {
	float:left;
	margin:2px 12px 2px 0px;
	padding:2px;
	border:1px solid #999999;
}

.postbody p img.thumbright, .categorypagepost p img.thumbright {
	float:right;
	margin:2px 0px 2px 12px;
	padding:2px;
	border:1px solid #999999;
}

.postcategories {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#666666;
	margin-top:8px;
	margin-bottom:34px;
}

.postcategories a {
	color:#666666;
}

#commentscontainer {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	text-align:left;
	padding-top:18px;
	border-top:1px dotted #666666;
}

h3.commentsheader {
	font-family: Georgia, 'Times New Roman', Serif;
	font-weight:bold;
	font-size:14px;
	color:#999999;
	margin-bottom:8px;
}

.commentunit, .commentunitalt {
	margin-left:22px;
	padding:8px;
	margin-top:8px;
}

.commentunit {
	background-color:#eeeeee;
}

.commentunit a, .commentunitalt a {
	color:#333333;
}

.commentauthor {
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

.says {
	font-size:10px;
	color:#666666;
}

.commentdate {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#666666;
	margin-bottom:12px;
	margin-top:-12px;
}

.commentalert {
	border:1px solid #999999;
	background-color:#eeeeee;
	text-align:center;
	padding:2px;
	margin-bottom:6px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	letter-spacing:1px;
}

.commentunit ul, .commentunitalt ul {
	margin-left:12px;
	padding-left:12px;
}

.commentunit ol, .commentunitalt ol {
	margin-left:12px;
	padding-left:12px;
}

.commentunit li, .commentunitalt li {
	line-height:14px;
	margin-bottom:6px;
}

.commentunit p, .commentunitalt p {
	margin-bottom:12px;
}

.commentformcontainer {
	margin-top:24px;
	padding:8px 8px 8px 22px;
	background-color:#eeeeee;
	border:1px solid #999999
}

h3.commentformheader {
	font-family: Georgia, 'Times New Roman', Serif;
	font-weight:bold;
	font-size:14px;
	color:#999999;
	margin-bottom:12px;
}

.commenttextarea {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:4px;
	font-size:11px;
}

.commentformcontainer p {
	margin:4px 0 4px 0;
}

h2 {
	font-family: Georgia, 'Times New Roman', Serif;
	font-weight:bold;
	font-size:18px;
	margin-bottom:16px;
	color:#999999;
}

.ask4password {
	margin-bottom:12px;
}

h3.posttitle {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#cc0000;
	margin-top:18px;
}

h3.posttitle a {
	color:#cc0000;
}

.categorypagepost {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	text-align:left;
}

.categorypagepost p {
	margin-bottom:16px;
}

.categorypagepost ul {
	margin-left:12px;
	padding-left:12px;
}

.categorypagepost ol {
	margin-left:12px;
	padding-left:12px;
}

.categorypagepost li {
	line-height:14px;
	margin-bottom:6px;
}

.categorydescription {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:#999999;
	line-height:18px;
	text-align:left;
	padding-bottom:16px;
	border-bottom:1px dotted #666666;
}




/* 
BEGIN PROF HISTORY PAGES ******************************************************************************
*/

.pagebody {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	margin-top:18px;
	margin-bottom:24px;
	text-align:left;
	padding-bottom:18px;
	border-bottom:1px dotted #666666;
}

.pagebody p {
	margin-bottom:16px;
}

.pagebody ul {
	margin-left:12px;
	padding-left:12px;
}

.pagebody ol {
	margin-left:12px;
	padding-left:12px;
}

.pagebody li {
	line-height:14px;
	margin-bottom:6px;
}

/* 
END PROF HISTORY PAGES ******************************************************************************
*/



/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*CSS Digg style pagination*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #ffcccc;
		
		text-decoration: none; /* no underline */
		color: #cc0000;
	}
	div.pagination a:hover, div.digg a:active {
		border: 1px solid #cc0000;

		color: #cc0000;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #cc0000;
		
		font-weight: bold;
		background-color: #cc0000;
		color: #ffffff;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #dddddd;
	
		color: #cccccc;
	}





/*
Style to revert homepage to the "old" blank design
*/

#headertall {
	background-color: #cc0000;
	height: 243px;
	border-top:2px solid #333333;
	border-left:2px solid #333333;
	border-right:2px solid #333333;
	border-bottom:none;
}

#headertexttall {
	margin: 0;
	padding-top:180px;
	padding-left:30px;
}

#headertexttall a {
	color:#ffffff;
	text-decoration:none;
	text-transform: uppercase;
	font-family: Helvetica, Arial, Verdana, 'Lucida Grande', Sans-Serif;
	font-weight:bold;
	font-size:24px;
}

#tallblank {
	height:129px;
}

/*
END "old" blank design
*/