/* 
Title:		Heiwa theme for Learning Movable Type/Hacking Movable Type
Author: 	Jesse Gardner (jesse@plasticmind.com)
*/

body {
background: #fffbee url(http://movabletype.org/assets/img/body.gif) top repeat-x;
padding:0;
margin:0;
	font: 12px Verdana, sans-serif;

}

/*--- A CSS Fresh Start ---*/

ul, h1, h2, h3, h4, h5, h6, input, form, p, dt, dd, dl {
margin:0;padding:0;
list-style:none;
}
a {
text-decoration:none;
font-weight:bold;
}
a:hover {
text-decoration:underline;
}
a img {
border:none;
}

#lmt a {
color:#ca3827;
}
#hmt a {
color:#605692;
}


/*--- Layout Elements ---*/

#container {
width:960px;
margin:0 auto;
}

#banner h1 {
padding-top:18px;
}

#banner h1 a {
text-indent:-9999px;
display:block;
float:left;
height:80px;
width:455px;
}

#lmt #banner h1 a {
background: url(http://movabletype.org/assets/img/logo-lmt.png) top left no-repeat;
}

#hmt #banner h1 a {
background: url(http://movabletype.org/assets/img/logo-hmt.png) top left no-repeat;
}

#banner h2 {
float:left;
text-indent:-9999px;
}

#pagebody {
clear:both;
}

/*--- Site Search ---*/

#sitesearch {
float:right;
width:380px;
height:100px;
background:url(http://movabletype.org/assets/img/sitesearch-bg.png) top left;
overflow:hidden;
}
#sitesearch-inner {
padding:35px 25px 5px 25px;
}
#sitesearch label {
display:none;
}

#sitesearch-field {
border: solid 1px #d7d1c2;
width:295px;
font-size:14px;
margin-bottom:5px;
}

#sitesearch a {
color:#005b94;
font-weight:normal;
}
#sitesearch p {
padding-top:5px;
font-size:10px;
}


/*--- Main Menu ---*/

#mainmenu {
clear:both;
margin:0 0 0 5px;
}

#mainmenu li {
float:left;
margin-top:20px;
}

#mainmenu a {
display:block;
color:#fff;
font: 11px Georgia, serif;
padding:7px 22px;
text-transform:uppercase;
letter-spacing:1px;
}
#mainmenu a:hover {
text-decoration:none;
}


#hmt #mainmenu a {
background: url(http://movabletype.org/assets/img/mainmenu-bg-hmt.png) top left;
}
#hmt #mainmenu a:hover {
background: url(http://movabletype.org/assets/img/mainmenu-bg-hmt.png) bottom left;
}
#lmt #mainmenu a {
background: url(http://movabletype.org/assets/img/mainmenu-bg-lmt.png) top left;
}
#lmt #mainmenu a:hover {
background: url(http://movabletype.org/assets/img/mainmenu-bg-lmt.png) bottom left;
}


#mainmenu a.current {
font-weight:bold;
}

#lmt #mainmenu a.current { background: url(http://movabletype.org/assets/img/mainmenu-bg-on-lmt.png) center left; }
#hmt #mainmenu a.current { background: url(http://movabletype.org/assets/img/mainmenu-bg-on-hmt.png) center left; }

#col1, #col2, #col3 {
float:left;
}

#col1 {
clear:both;
background:#fff;
width:558px;
margin-bottom:25px;
}
#col1-inner {
padding:20px 12px 12px 12px;
border: solid 1px #d7d1c2;
overflow:hidden;
}

#col2, #col3 {
width:198px;
margin-bottom:25px;
}
#col3 {
border-left: solid 1px #d7d1c2;
}
#col2-inner, #col3-inner {
padding: 0px 12px 20px 12px;
}


/*--- Sidebar Module Styles ---*/
.module {
font-size:10px;
line-height:1.2;
padding-bottom:18px;
}

#hmt .module a,
#lmt .module a {
color:#2b1205;
}

.module h2 {
font-size:14px;
padding-bottom:7px;
text-transform:uppercase;
font-family: "Century Gothic", Arial, sans-serif;
}
#hmt .module h2 {
color:#342b5f;
}
#lmt .module h2 {
color:#005b9f;
}
.module li {
padding:0 0 4px 10px;
background: url(http://movabletype.org/assets/img/bullet-arrow-off.gif) left top no-repeat;
}
#module-badges li {
background: none;
padding:0;
}
#module-contributors dt {
clear:both;
margin-top:10px;
}
#module-contributors dd a {
font-weight:normal;
color:#005b94;
}
#module-communitysearch .form-field {
width:130px;
height:20px;
border: solid 1px #d7d1c2;
font-size:14px;
margin:0 5px 25px 0;
float:left;
}


/*--- Entry Styles ---*/

#lmt .entry {
background:url(http://movabletype.org/assets/img/entryslug-lmt.png) bottom center no-repeat;
}

#hmt .entry {
background:url(http://movabletype.org/assets/img/entryslug-hmt.png) bottom center no-repeat;
}

.entry h3, .content-container h3 {
color:#2b1205;
clear:both;
margin:12px 0;
}
.entry h2, #previous-entries h2, #comments h3, #comments h2, .content-container h2 {
font-family: Georgia, serif;
margin-bottom:10px;
font-size:18px;
}
#lmt h2 {color:#ca3827;}
#hmt h2 {color:#005b9f;}

.entry {
margin-bottom:15px;
padding-bottom:55px;
}
.entry p, .content-container p {
margin-bottom:6px;
}
.entry-body ul {
margin-bottom:6px;
}
.entry-body ul li {
margin-bottom:6px;
margin-left:15px;
list-style: square;
font-size:11px;
}
.entry-more-link {
margin-top:6px;
}
.entry-byline {
line-height:1;
}
.entry-byline h3 {
text-transform:uppercase;
font-size:11px;
color:#2b1205;
clear:none;
margin:0 0 5px 0;
}
#hmt .entry-byline h3 a,
#lmt .entry-byline h3 a {color:#2b1205;}
.entry-byline h3 span {
text-transform:lowercase;
font-family: Georgia, serif;
font-style:italic;
font-weight:normal;
}
.entry-byline h4 {
text-transform:uppercase;
font-size:10px;
clear:none;
margin:0;padding:0;
}
.entry-body {
color:#2b1205;
font-size:12px;
line-height:1.5;
clear:both;
margin-top:10px;
}

.entry-footer {
border-top: solid 1px #d7d1c2;
border-bottom: solid 1px #d7d1c2;
padding:3px 0 5px 0;
margin-top:8px;
}
.entry-footer p, .entry-footer a {
color: #9d8f6c;
font-size:10px;
line-height:1.4;
margin:0;
}
.entry-footer a {
text-transform:uppercase;
font-family: Verdana, sans-serif;
font-style:normal;
}
.entry-footer p {
font-family: Georgia, serif;
font-style:italic;
}

.content-container {
padding-bottom 15px;
line-height:1.5;
}
.content-container ul li {
padding:0 0 5px 10px;
background: url(http://movabletype.org/assets/img/bullet-arrow-off.gif) left top no-repeat;
}
.content-container p {
color:#2b1205;
font-size:12px;
margin-top:10px;
}
.content-container dd {
margin-bottom:8px;
}



.floatimgleft {
float:left;
margin:0 15px 0 0;
}

.floatimgright {
float:right;
margin:0 0 0 15px;
}


/*--- Front Page Specific Styling ---*/

#previous-entries ul {
text-transform:uppercase;
font-size:11px;
}
#previous-entries li {
padding-bottom:5px;
color:#005b94;
}
#previous-entries a {
color:#2b1205;
}

#footer {
clear:both;
background:#2e1f0a url(http://movabletype.org/assets/img/footer-topline.png) top left repeat-x;
color:#fffbee;
}
#footer-inner {
width:945px;
margin:0 auto;
}
#footer-inner p {
padding:20px 15px 15px 15px;
}
#footer-inner a {
color:#fffbee;
}




/*--- Individual Entry Article Styles ---*/

.content-nav, .content-nav a {
color: #9d8f6c;
font-size:10px;
line-height:1.3;
margin:0 0 13px 0;
font-family: Verdana, sans-serif;
font-style:normal;
}

/*--- Comment Styling ---*/
.comments {
line-height:1.5;
}
.comment {
border-bottom: solid 1px #d7d1c2;
padding:0 0 10px 0;
margin:0 0 10px 0;
font-size:11px;
}
.comment-header, .comment-header a {
color: #2b1205;
font-weight:bold;
text-transform:uppercase;
margin-bottom:5px;
}
.comment-footer, .comment-footer a {
font-family: Georgia, serif;
font-style:italic;
text-transform:lowercase;
margin-top:5px;
color: #9d8f6c;
font-size:10px;
font-weight:normal;
}

#lmt .comments-content {
background:url(http://movabletype.org/assets/img/entryslug-lmt.png) bottom center no-repeat;
}
#hmt .comments-content {
background:url(http://movabletype.org/assets/img/entryslug-hmt.png) bottom center no-repeat;
}

.comments-content {
margin-bottom:10px;
padding-bottom:55px;
}
.comments-open-moderated {
font-size:10px;
margin-bottom:10px;
}
input#comment-author, input#commchallenge_answer, input#comment-email, input#comment-url, textarea#comment-text {
float:left;
width:400px;
border:solid 1px #9d8f6c;
padding:2px;
margin-top:5px;
font-family: Verdana, sans-serif;
font-size:11px;
color:#000;
}
#comments-open label {
float:left;
clear:left;
width:110px;
margin-top:5px;
font-size:10px;

text-transform:uppercase;
height:25px;
}
#comments-open-text {
clear:left;
}
.comments-open-footer {
text-align:right;
margin:0 17px 0 0;
clear:both;
}
.comments-open-footer input {
margin-top:10px;
}

/*--- Author Page Styling ---*/
#author-paypal {
clear:both;
padding:10px 0 0 0;
}
#author-paypal a {
font-size:12px;
font-weight:bold;
border:solid 1px #9d8f6c;
padding:3px 6px;
}

/*--- Miscellany ---*/

img.author-pic {
float:left;
margin-right:8px;
border: solid 1px #d7d1c2;
background:#fff;
padding:1px;
}

pre {
display:block;
line-height:1;
overflow:auto;
margin:10px;
padding: 1px 5px;
border:solid 1px #d7d1c2;
background:#fffbee;
}

.feedburnerFlareBlock { 
	padding-left:20px;
	background: url(http://movabletype.org/assets/img/icon-email.gif) no-repeat top left; 
	}
	
	

.entry-footer a {
text-transform:uppercase;
font-family: Verdana, sans-serif;
font-style:normal;
}
.entry-footer p {
font-family: Georgia, serif;
font-style:italic;
}

/* I've removed code from the following def. in order to ease Markdown transition which adds pre and code tags to a code block -- Arvind */

 blockquote {
display:block;
line-height:1;
overflow:auto;
margin:10px;
padding: 1px 5px;
border:solid 1px #d7d1c2;
background:#fffbee;
}

.noshow {
display:none;
}
.showme  {
color:#2b1205;
}
.commenter-profile {
display:none;
}
.announcement {
border:solid 1px #d7d1c2;
padding: 10px 10px 10px 47px;
margin:20px 0;
background:#fffbee url(http://movabletype.org/assets/img/icon-announcement.gif) left center no-repeat;
font-size:12px;
font-weight:bold;
}

.entry-col-left {
	width:220px;
	float:left;
	clear:none;
	}

.entry-col-right {
	width:240px;
	float:right;
	clear:none;
	}