/*
CSS for Boblet
http://oli.boblet.net/
by Oli Studholme
*/

body {margin: 0; padding: 20px 3%; background: #888; color: #222;}

div, p, th, td, ul, li, dl, dt, dd {font: normal normal normal 13px/16px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", lucida, helvetica, arial, sans-serif; background: transparent; color: #111;}

/* headings */
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", palatino, "Times New Roman", times, cursive, serif; line-height: 110%; background: transparent; padding: 0;}

h1 {font-size: 24px; margin: 20px 20px 3px 20px; color: #fff; background: #036; font-style: italic; line-height: 80%;}
h2 {font-size: 20px; color: #aa0; margin: 0;}
h3 {font-size: 17px; color: #0083ff; margin: 0;}
h4 {font-size: 16px; color: #996;}
h5 {font-size: 14px; color: #bb5;}
h6 {font-size: 13px; color: #cc3;}
h4, h5, h6 {margin: 16px 0 4px 0;}

h1 span {font-size: 18px; font-weight: normal; font-style: italic;}
h1 span#subtitle {display: block; font-size: 12px; color: #fe9733; background: transparent; margin: 0 0 0 2em; padding: 0; font-weight: normal; font-style: normal;}

#menu h2 {font-size: 17px; color: #555; background: transparent;}

#content h3, #discuss h3 {font-family: "Lucida Grande", Lucida, verdana, arial, sans-serif;}
#content h3 {font-size: 10px; color: #999; background: transparent; margin: 0.33em 0 2em 30px;}
#discuss h3 {font-size: 16px; color: #555; background: transparent; margin: 0.33em 0 0 0;}

/* links */
a {color: #0069cc; text-decoration: underline;}
a:link {color: #0069cc;}
a:visited {color: #036;}
a:hover {color: #cc6400;}
a:active {color: #cc6400;}

h1 a {color: #fff; text-decoration: none;}
h1 a:link {color: #fff;}
h1 a:visited {color: #fff;}
h1 a:hover {color: #fecb99; text-decoration: underline;}
h1 a:active {color: #fecb99; text-decoration: underline;}

#body h2 a {color: #0069cc; text-decoration: none; border-bottom: 1px #eee solid;}
#body h2 a:link {color: #0069cc;}
#body h2 a:visited {color: #003366;}
#body h2 a:hover {color: #cc6400; border-bottom: 1px #fe9733 dashed;}
#body h2 a:active {color: #cc6400;}

#content #edit-link {text-decoration: none; font-weight: normal; color: #999;}

/* boxes */
#header {background: #036; margin: 0; padding: 1em; border-bottom: 1px solid #ddd;}

#body {background: #fff; position: relative; border: 1px #fff solid; margin: 0; padding: 20px 0 0 0;}

#content {position: static; background: #FFF; margin: 0 20px 20px 232px; border: 1px dotted #999; padding: 16px; width: auto;}
#content p, .entry p, .entry dl, .entry ul {line-height: 135%;}

.entry {margin: 0 0 5px 0; padding: 0; border-bottom: 1px dashed #aaa;}
.entry + .entry {margin-top: 25px;}
.entry a, .entry a:link, .entry a:visited, .entry a:active, .entry a:hover {font-weight: normal; text-decoration: underline;}
.entry ul {margin: 0 0 0 1.5em; padding: 0 0 0 0.5em;}
.entry li {padding-bottom: 0.2em;}
.entry ul + p {margin-top: 0.8em;}
.entry ul.no-bullet {list-style: none; margin-bottom: none;}
.entry dl {margin: 1em 0 0.5em 0; padding: 0;}
.entry dt {margin: 0; padding: 0 0 0.2em 0;}
.entry dd {margin: 0; padding: 0 0 1em 2em; color: #333; background: transparent;}
.entry dd p {color: #333; background: transparent;}
.entry dd p + p {padding-top: 1em;}
.entry blockquote {margin: 0.5em 16px 1em 0; padding: 0 0 0 0.5em; background: #eee;}
.entry blockquote p {margin: 0; padding: 0.5em 0 0.5em 1em; border-left: 1px dotted #bbb;}

.meta {font-size: 10px; color: #999; background: transparent; margin: 10px 0 2em 30px; padding: 0;}
.meta strong {font-weight: normal; color: #555; background: transparent;}
p + .meta {margin-bottom: 20px;}

#discuss {padding-top: 5px; margin-top: 20px; border-top: 1px dashed #aaa;}
#discuss dl {font-size: 10px;}
#discuss dt {color: #999; background: transparent; margin: 1em 0 0 0; padding: 0;}
#discuss strong {font-weight: normal; color: #555; background: transparent;}
#discuss dd {margin: 0 0 1em 1.5em; padding: 0; color: #999; background: transparent;}
#discuss dd dt {color: #111; background: transparent; margin: 0;}
#discuss dd dd {color: #444; background: transparent; margin: 0 0 1em 1.5em;}
#discuss p {border-left: none;}
#discuss p, #discuss blockquote {color: #444; background: transparent;}
#discuss blockquote {margin: 0 0 0 0.3em; padding: 0.6em 1em; border-left: 1px solid #ddd; font-size: 13px; color: #111; background: transparent;}
#discuss blockquote strong {font-weight: strong;}
#discuss blockquote blockquote {margin: 0; padding: 0.5em; border-left: none; background: #eee;}
#discuss blockquote blockquote p {margin: 0; padding: 0 0 0 0.5em; border-left: 1px dotted #bbb;}

#comment-enter p {color: #999; background: transparent;}
#comment-enter p strong {color: #555; background: transparent;}
#comment-enter .req {color: red; background: transparent; font-weight: bold;}
#comment-enter ul {margin: 0; padding: 0; list-style-type: none;}
#comment-enter li {margin: 0; padding: 0.5em 0 0 0; font-size: 0.72em; color: #333; background: transparent;}
#comment-enter code {font-weight: normal; color: #765; background: transparent;}
#comment-enter code strong {font-weight: normal; color: #000; background: transparent;}

#comment-form {width: 180px; padding: 0 15px 20px 0; margin-right: 15px; float: left; z-index: 1; border-right: 1px solid #ddd;}

#comment-yes {margin-right: 20px;}
#comment-submit {text-align: right;}
#comment-post {font-weight: bold; margin-left: 15px;}

#menu {position: absolute; top: 20px; left: 0; padding: 15px; width: 200px; font-family:verdana, arial, sans-serif; color:#333; background: transparent;}
#menu p, li {font-size: 10px; line-height:140%;}
#menu ul {margin: 0.5em 2em; padding: 0; list-style-type: none; line-height: 140%;}

#prevnext {margin: 0 0 15px 0; padding: 0; text-align: center;}

#search {margin: 0; padding:0;}
#searchbutton {}
	
.links {margin: 15px 0; padding: 0;}
.links li {color: #999; background: transparent;}

.syndicate {margin:15px 0; padding: 0;}

/* general */
p {margin: 0; padding: 0;}
p + p {padding-top: 1em;}
/* adding a block-level ins will kill the above rule, so... */
p + ins p {padding-top: 1em;}

/* because ins can be inline or block level, I have to apply the class 'insdel-block' to block level ones for different formatting, and use a negative margin to add the border */
del {display: none;}
ins {text-decoration: none; border-bottom: 1px #eaa dotted;}
.entry ins.insdel-block {display: block; text-decoration: none; border-bottom: none; border-left: 1px #eaa solid; margin-left: -8px; padding-left: 7px;}
#discuss ins.insdel-block {margin-left: -6px; padding-left: 5px;}

acronym {font-style: normal; border-bottom: 1px #777 dotted; cursor: help;}

cite {font-style: normal; border-bottom: 1px #bbb dotted;}

code {font-family: monaco, "Andale Mono", "Monotype.com", "Courier New", courier, monospace; font-size: 12px; color: #543; background: transparent;}

kbd {font-family: "Courier New", courier, monospace; font-size: 12px; color: #345; background: transparent;}

.clear {clear: both; height: 0;}

.img-center {display: block; width: auto; margin-left: auto; margin-right: auto; padding: 0 10px 10px;}
.img-left {display: block; float: left; padding: 0 15px 10px 0;}
dl.img-caption {width: 360px; margin: auto; padding: 20px 0 14px; text-align: center;}
.img-caption dt {margin: auto; padding: 0 10px 0;}
.img-caption dt img {border: 1px #000 solid;}
.img-caption dd {margin: auto; padding: 0 10px 0; text-align: left;}
.img-caption dd + dt {padding-top: 2em;}

/* table styles */
table {border: 1px solid #ddd;}
thead {border-bottom: 1px solid #ddd;}
th {background: #eee; color: #440; padding: 3px; text-align: center; font-weight: bold; border: none;}
td {padding: 3px;}


	.powered {
font-family:palatino, georgia, times new roman, serif;
color:#666;
font-size:x-small;		
line-height:140%;
text-transform:uppercase; 
padding:2px;
margin:25px 0 0 0;
letter-spacing: .2em;					
background:#FFF;		
}

/* page-specific HTML -> add to page header somehow? module using mttags? */ 
#meyer ul, #meyer li {padding: 0 10px; margin: 5px 0; list-style-type: none;}
#meyer dl, #meyer dt {padding: 0 10px; margin: 5px 0;}
#meyer dt {font-weight: normal;}
#meyer dd {padding: 0 20px; margin: 5px 0; color: #555;}