/*
Theme Name: Flaming Hakama
Theme URI: http://flaminghakama.com/wp-theme
Description: Flaming Hakama theme
Version: 1.0
Author: David Elaine Alt
Author URI: http://davidalt.com

*/

body {margin: 0; padding: 0; background: #fffbe9; text-align: center; font: 12px 'Lucida Grande','Arial', sans-serif;}

body img.wp-smiley { border:none; }

table, td { background-color:#fffbe9; vertical-align: top ; }


#main { margin:15px auto; border: solid 0px purple ; }
#main h1 span { color:#a6a9ab; }
#main h3, #main h4, #main h5, #main strong { color:#666; }

#logo { padding: 24px 36px 20px 20px ;}
#intro { border: solid 0px green ; with: 540px ; }

#intro h1 { font-size: 16px ; text-align: left ; margin: 0px 0px 47px 0px ; padding: 54px 0px 0px 0px ; text-transform: uppercase ; }
h2 { color: #ffffff; font-weight: normal; font-size: 11px; text-transform: uppercase ; text-align: left ; padding: 5px 0px 5px 12px; }
#intro h2 { background: url(images/greyline-intro.gif) no-repeat; margin: 10px 0px 28px 0px ; }
#main h2 { background: url(images/greyline-main.gif) no-repeat; margin: 0px 0px 14px 0px ; } 
#side h2 { background: url(images/greyline-side.gif) no-repeat; margin: 0px 0px 14px 0px ; } 

#header { width: 680px; margin: 10px auto ; text-align: center;}

#main, #breadcrumb, #footer { margin: 0px 0px 0px 0px ; text-align: left;}
#main div.column { text-align: left; margin-bottom: 1em;}
#main p.intro { font-weight: bold;}
#main p { padding: 0px 0px 6px 0px ;}
#main p.last { margin: 0;}
#main ul {margin: 10px 5px; padding: 3px 0px; width: 560px;}
#main .lite { color: #79767C;}
#main h1 { font-size: 24px; margin: 0 0 .5em 0;}
#main h3 { font-size: 12px; margin: 10px 0px 12px 0px ;}
#main h4 { font-size: 11px; margin: 9px 0px 11px 0px ;}
#main .more { text-align: right;}

#main .subcolumn1-2 { float: left; width: 330px;}
#main .subcolumn2-2 { float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 { width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 { margin-right: 20px;}
#side { float: right ; width: 160px ; margin: 0px 70px 200px 20px ; }

#flickr img { width: 500px;}
#under { margin: 12px 0 30px 0; font-size: 11px ;}

#subnav { text-align: left ; width: 200px ; margin: 0px 0px 20px 0px ; }

#content { float: left; margin: 0px 0px 0px 25px ; width: 500px ;  border: solid 0px green ; }

#content .month {margin: 0px; padding: 0px;}
#content .story {float: left; margin: 0px; padding: 0px; width: 410px; height: 100px; overflow: hidden;}



#content img { max-width: 500px;}

#content .subcolumn1-2 { float: left; width: 0px;}
#content .subcolumn2-2 { float: right; width: 0px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width: 0px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 { margin-right: 22px;}

#content .subcolumn1-2, #content .subcolumn2-2 { width:286px; }
#sidebar .subcolumn1-2, #sidebar .subcolumn2-2 { width:174px; }
#content.full .subcolumn1-2, #content.full .subcolumn2-2 { width:492px; }

#content img.across { margin:4px 0 10px 0; }
div.left { float:left; margin:2px 14px 8px 0; }
div.right { float:right; margin:2px 0 8px 14px; }

img.left { float: left; border: 0px none; margin:2px 14px 8px 0px; } 
img.right { float: right; border: 0px none; margin:2px 0 8px 14px; } 
img.across { border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px}
#content.full, body.archive #content { width:560px; }

#content p { width: 480px ; } 
#content p.byline { font-weight:bold; color:#666; margin-top:-.6em; margin-bottom:.9em; }

#content .pagination { font-weight:bold; color:#ccc; margin-bottom:.9em; margin-top:2.6em; display:none; }
#content .subcolumn2-2 .pagination { display:block; }
#content .pagination span.pages { color:#666; background:#fffbe9; position:relative; z-index:10; }
#content .pagination a { padding-left:5px; border-left:1px solid #ccc; position:relative; left:-2px; z-index:9; }
#content .pagination a:hover { color:inherit; text-decoration:inherit; }
#content .pagination a[href]:hover { color:#518dad; text-decoration:underline; }
#content .nextpage { margin-top:2.6em; margin-bottom:-1.6em; font-weight:bold; color:#666; position:relative; }

#content div.left p.caption, #content div.right p.caption { margin-bottom:0; }
#content p.caption, #sidebar p.caption { margin-top:-20px; color:#666; font-size:9px; padding:6px 0 6px 0; line-height:1.3em; }

#content blockquote { margin: 4px 0px 10px 20px ; font-size:13px; font-style:italic; line-height:18px ;  }
#content blockquote p { margin: 4px 0px 0px 0px ; }

#main .box { border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 10px;}

.section { padding: 0px 0px 14px 8px ; } 
.section p { padding: 0px ; margin: 0px }
.section a, .section a:hover, .section a:visited { text-decoration: none ; color: #c7232a; }

div.clearer.sectionseparator { border-top:1px solid #c7c7c7; margin:20px 0; }


#sidebar { width:200px; margin: 0 0 0 0; padding:0; }

#breadcrumb { }
#footer { border:none; padding-top:0; }


a { outline:none; -moz-outline:none; }
a:link, a:visited, a:active, a:current { color:#c7232a; /*#518dad*/ ; text-decoration:none; }
#main a.more { text-align:left; color:#333; }
a:hover { color:#c7232a; text-decoration:none; }

#main #side ul li a { color: #666666 ; text-decoration: none ; font-weight: bold ; }
#main #side ul li a.current { color: #c7232a ; } 


ul { list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square { list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle { list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol { list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li { padding-bottom: .3em;}
ul ul.circle { margin-top: .3em;}
ul ul.square { margin-top: .3em;}

ol.last { padding: 0;}
ul.last { padding: 0;}

sup { vertical-align: baseline; font-size: 1em; color: #76797C;}

.sosumi { font-size: 10px !important; color: #76797C; margin-bottom: 1em;}
ol.sosumi { margin-left: 0; padding-left: 1.5em; clear: both;}

#breadcrumb, #footer { text-align: center; clear: both;}
#breadcrumb { clear: both; font-size: 10px; padding: 1em 0;}

#footer { font-size: 10px; border-top: solid 0px #a1a5a9; padding-top: 1em;}
#footer form { margin-bottom: 2em;}
#footer form input { vertical-align: bottom;}

div .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


/* -------- */
.alignleft { float: left;}
.alignright { float: right;}
.aligncenter {  margin-left:auto; margin-right:auto;}

#content .section form p input { 
  display: inline-block ; 
}

#content .section form p label { 
  display: inline-block ; 
  margin: 14px 6px 0 0 ; 
}