/*  
Theme Name: detlog.org+
Theme URI: http://detlog.org/
Description: Garbera-flavored pink theme for fall 2006.
Version: 2.0.1
Author: Naoko McCracken
Author URI: http://detlog.org/

*/

/* ---- CSS Table of Contents ----

1.0 UNIVERSAL RESETS/SHARED CLASSES
2.0 STRUCTURE
3.0 LINKS
4.0 HEADINGS
5.0 PARAGRAPHS
6.0 LISTS
7.0 OTHER TEXT-RELATED STYLES
8.0 IMAGES
9.0 TABLES
10.0 FORMS
11.0 MISC
12.0 REUSABLE CLASSES

------ */

/* 1.0 UNIVERSAL RESETS/SHARED CLASSES */

* { margin:0; padding:0; }
img { border:0; }
li { list-style:none; }
.clr { clear:both; }
.cr { clear:both; }
.clearfix:after { content:"."; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix { height:1px; }
ins { text-decoration: none; }

/* 2.0 STRUCTURE */

html { background:url(images/page_bg.jpg) 0 168px repeat-x #D5D4CC; }
body { font-size:78%; background:url(images/body_bg.gif) 0 0 repeat-x; color:#4D473D; font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, "ヒラギノ角ゴ Pro W3","HiraKakuPro-W3", osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5em; }
div#content, div#menu div { margin: 0 auto 10px auto; width: 940px; }
div#flickr_badge { clear: both; height:106px; width:450px; margin: 0 auto; }
div.entry { padding:0 30px 0 0; background:url(images/entrybody.png) 100% 0 repeat-y; margin-bottom:15px; clear:both; overflow:hidden; }
.n { padding:0 0 0 30px; background:url(images/entrybody.png) 0 0 repeat-y; }
.ne { height:20px; margin:0 -30px; background:url(images/entrycorner.png) 100% 100% no-repeat; }
.nw { width:21px; height:20px; background:url(images/entrycorner.png) 0 100% no-repeat; }

div#widecolumn { width:68%; float:left; }

.entrybody { clear:both; padding-top:10px; }
#searchpage .entrybody { background:url(images/dot-line.gif) repeat-x; padding-top:15px; }

div#menu { background:url(images/menu_bg.jpg) repeat-x #DBD7CE; padding:5px 0 10px 0; clear:both; }

/*
div#comments { padding:0 30px 30px 0; margin-bottom: 15px; background:url(images/commentbg.gif) 100% 0 no-repeat; clear:both; }
div#comments h3#commentheader { padding: 30px 0 10px 30px; background:url(images/commentbg.gif) 0 0 no-repeat; }
*/
div#comments, div#respond { padding:15px 0; margin:0 10px 10px 10px; }
.reply { text-align: right; font-weight: bold; margin-bottom:15px;  }

div#footer { background:url(images/footer_bg.jpg) repeat-x #938E84; padding:45px 15% 10px 15%; text-align:center; color:#fff; clear:both; }

/* 3.0 LINKS */
a:link { color:#D55B60; }
a:visited { color:#994245; text-decoration:none }
a:hover { color:#D55B60; background:#FFF1F1; text-decoration:none; }
a:active { color:#D55B60; background:#FBD1D3; text-decoration:none; }

div#flickr_badge li a { text-decoration:none; background: transparent }
div#flickr_badge a:hover img { border:1px solid #F4F1E7; }
div#flickr_badge a:hover img.flickr { border:0; background:transparent }

p.skiptomenu a:link, p.skiptomenu a:visited { text-indent:-999em; background:url(images/skiptomenu.gif) no-repeat; height:40px; width:90px; margin:0 auto; display:block; }

div#footer a { text-decoration:none; font-weight:bold; }
div#footer a:link { color:#fff; }
div#footer a:visited { color:#fff; }
div#footer a:hover { color:#D55B60; background:#FFF1F1; }
div#footer a:active { color:#D55B60; background:#FBD1D3; }

/* 4.0 HEADINGS */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.4em; color:#490D09; font-family: "Hoefler Text", "Garamond", georgia,"times new roman",times, serif; }
div.entry h2, div.entry h3, div.entry h4, div.entry h5, div.entry h6 { clear:left; }
h1 { font-size:1.2em; margin: 0; }
h2 { font-size:1.4em; }
h3 { font-size:1.25em; }
h4, h5, h6 { font-size:1.2em; }
h5, h6 { font-weight: normal; }
h6 { color:#4D473D; }
div#header h1 a  { text-indent:-999em; background:url(images/detlog_logo.gif) no-repeat 0 4px; display:block; height:61px; width:205px; float: left; }
h2.title a { text-decoration:none; }
div.entry h2.title { margin:0 -30px; background:url(images/entrycorner.png) 100% 0 no-repeat; line-height:1.5 }
div.entry h2.title a, div.entry h2.title strong { display:block; padding:25px 20px 5px 30px; width:80%; background:url(images/entrycorner.png) 0 0 no-repeat; }
ul#narrowcolumn li h2 { font-size:1.2em; padding:0 0 0 3px; }
div#menu h2 { font-size:1.4em; margin-top:15px; }
div.entry h3.title { margin-left:65px; clear:none; }
div.entry li.title { background:none; padding-left:0 }
div.entry li.title h3 { clear:none; }

/* 5.0 PARAGRAPHS */
div#header p  { display:none; }
div#flickr_badge p  { text-align:right; padding-top:3px; color:#490D09; }

.nav { font-size:1.1em; padding:0; margin:0; clear:both; font-weight:bold; }
.nav .fl, .nav .fr { width:48%; padding: 0 0 8px 0; text-align: left; }
.nav .fr { text-align: right; }
.nav a:link, .nav a:visited { text-decoration: none;}
div.entry p.note { background:#fff; border: solid 3px #FEB8BD; margin-bottom:1em; padding:5px; background: #FFEBEB; }

div.entry p, div#comments p, div#menu p { padding-bottom:1em; }
div.entry p.postmetadata { text-align:right; padding:1em 0 0 0; font-weight:bold; } /* at the end of post */

code { font-family:courier new, monospace; font-size:13px; margin-bottom:1em; }
pre code { font-size:1.2em; display:block; border-left: 3px solid #FEB8BD; padding:5px 15px; background: #FFEBEB; }

/* 6.0 LISTS */
ul#nav { float: right; padding-top: 8px; }
ul#nav li { display:inline; }
ul#nav a { float:left; display:block; color:#fff; font-weight:bold; text-decoration:none; padding:0 5px }
ul#nav li a:link, ul#nav li.aboutlink a:visited { border-right:1px solid #fff; }
ul#nav li a:hover { background:transparent; color: #490D09 }

div#flickr_badge li  { display:inline; }

ul#narrowcolumn { width:31%; float:right; color:#333; }
ul#narrowcolumn ul { margin-bottom: 4px; }
ul#narrowcolumn li { line-height:1.6; padding-bottom: 15px; }
ul#narrowcolumn li a { text-decoration:none; }
ul#narrowcolumn #recententries a { font-weight:bold; }
ul#narrowcolumn li.banner a, div#menu li.banner a { background: transparent !important; }
ul#narrowcolumn li.banner a img, div#menu li.banner a img { margin:4px 0 2px 15px; display: block; border: 3px solid #bbb8b1; }
ul#narrowcolumn li.banner p, div#menu li.banner p { margin: 0 0 0 15px; display: block; font-weight: bold; }
ul#narrowcolumn li p.delicious { text-align: right; }
ul#narrowcolumn li li { background:url(images/bullet2.gif) 2px 4px no-repeat; padding:2px 3px 2px 20px; margin:0 0 0 8px; border-bottom:dashed #999 1px; }

div.entry ul, .entrybody ol, div#comments ul { margin-bottom:1em; }
div.entry ul li, div#comments ul li { background:url(images/bullet.gif) 0 2px no-repeat; padding-left:17px; margin-left:15px }
div.entry ol li, div.entry ol li ol li { list-style:decimal; margin-left:35px }
div.entry ul li ul li, div.entry ol li ul li, div#menu ul.bulleted li { background:url(images/subbullet.gif) 0 4px no-repeat; padding-left:15px; margin-left:15px; list-style:none; }
div#menu ul.bulleted li li { background:none }
div.entry ul li ol li { background:none; margin-left:35px; padding-left:0; }
ol li ul li { list-style:none; }

div.entry dl { margin: 0 0 1em 10px }
div.entry dt { font-weight:bold; margin-bottom:3px; }
div.entry dd { margin:0 0 10px 20px; }

div.entry ul.date { float:left; width:60px; }
div.entry ul.date li { background:none; margin:0; display:block;font-family:verdana,serif; text-align:center; }
div.entry ul.date li.month { color:#fff; background:url(images/month_bg.gif) no-repeat; padding:3px 2px 1px 0; text-transform:uppercase; font-weight:bold; }
div.entry ul.date li.day { font-weight:bold; background:url(images/day_bg.gif) repeat-y;  font-size:1.4em; padding: 4px 2px 2px 0;  }
div.entry ul.date li.year { padding: 0 2px 4px 0; background:url(images/year_bg.gif) no-repeat left bottom;  }

div.entry ul.postmetadata { margin-left:60px; }
div.entry ul.postmetadata li { margin-left:6px; font-size:.9em; }

dl#archivelist { margin: 20px 0 20px 20px }
dl#archivelist dt { background:url(images/bullet.gif) 0 2px no-repeat; padding-left:17px; font-weight:normal; float:left; display:block; width:9em; }
dl#archivelist dd { margin-bottom:10px; font-size:1.2em; font-weight:bold; margin-left:9.5em; display:block; }

div#comments ol.commentlist { margin:0; padding:0 0 10px 0; background: left bottom url(images/dot-line.gif) repeat-x #DDDCD6;}
div#comments ol.commentlist li.comment { padding:12px 12px 0 12px; background: transparent url(images/dot-line.gif) repeat-x; }
div#comments ol.commentlist ul.children li.comment { padding:12px 0 0 12px;}
div#comments ol.commentlist li p { clear:both; }
div#comments ol.commentlist li.trackback, div#comments ol.commentlist li.pingback { background: left top url(images/dot-line.gif) repeat-x #D1CFCA; padding: 12px 10px 0 10px; }
div#comments ol.commentlist li cite { font-weight: bold; font-style: normal; }
div#comments ol.commentlist ul.commentmetadata { font-size:0.9em; padding:0 0 12px 0; margin:0; height:2.8em; float:left; overflow:hidden; }
div#comments ol.commentlist ul.commentmetadata li { background:none; margin:0; padding:0; }

ul#commentdisclaimer { margin:0; padding:5px 0 20px 0; font-size:1.0em; }
ul#commentdisclaimer li { background:url(images/subbullet.gif) 0 3px no-repeat; padding:0 0 4px 15px; font-size:0.94em; line-height:1.6; }

div#menu ul.column { display:block; float:left; width:33%; margin:0 2.5%; }
div#menu ul.column a.banner img { margin: 3px 0 4px 0; }
div#menu ul.column img.alignleft { float:left; margin: 0 8px 8px 0; border:3px solid #A7A49E; }
div#menu ul.narrower { width:23%; margin: 0; }
div#menu ul.feed li  { background:url(images/feed-icon.gif) 0 2px no-repeat; padding-left:17px; }
div#menu ul#recentfeedback li li { margin-left:0; }
div#menu ul#monthchunks li { margin-top:0.3em; line-height:1.4; }
div#menu ul#monthchunks li ul{ margin: 0 0 0 1em; }
div#menu ul#monthchunks li li { margin: 0; padding:0;  display:inline; line-height:1.2; }

/* 7.0 OTHER TEXT-RELATED STYLES */
blockquote { margin: 0 0 1em 2em; }
.entry blockquote { background:url(images/feature.gif) right bottom no-repeat #F4F1E7; margin: 0 0 1em 2em; border-top:1px solid #F8F6F1; padding:1em 1em 1.5em 1em; }

/* 8.0 IMAGES */
div.entry img, .wp-caption img { border:3px solid #A7A49E; }
div.entry div.fl, div.entry img.alignleft, div.entry .alignleft img { float:left; margin: 0 8px 8px 0; }
div.entry div.fr, div.entry img.alignright, div.entry .alignright img { float:right; margin: 0 0 8px 8px }
div.entry img.wp-smiley, div.entry img.fn { float:none; margin: 0; border:0; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto 1em auto; float: none; text-align: center; }
.wp-caption p.wp-caption-text { font-size: 0.9em; text-align: center; padding: 0 4px 5px; }

div#flickr_badge img { margin: 0 4px;  }
div#flickr_badge a img { border:1px solid #A7A49E; }
div#flickr_badge { text-align:center; margin-top:-8px; }
div#flickr_badge a img.flickr { margin-top:2px; float:right; border:0; background:transparent }

img.avatar { border:3px solid #F4F1E7; float:left; margin-bottom:8px; float:right; }
li.officialcomment img.avatar { border:3px solid #D55B60 }

div.entry a:link img, div.entry a:visited img { border:3px solid #A7A49E; }
div.entry img.noline, div.entry a:link img.noline,  div.entry a:visited img.noline { border-color: transparent }
div.entry a:hover img, div.entry a:hover img.noline { border:3px solid #F4F1E7; }
div.entry img.noborder, div.entry a img.noborder { border:0; }

div.entry ul.date a { text-decoration:none; background:none; }
div.entry ul.date li.month a:link, div.entry ul.date li.month a:visited { color:#fff; }
div.entry ul.date li.month a:hover, div.entry ul.date li.month a:active { color:#cbcb0c; }
div.entry ul.date li.year a:link, div.entry ul.date li.year a:visited { color:#726e66; }
div.entry ul.date li.year a:hover, div.entry ul.date li.year a:active { color:#D55B60; }

/* 9.0 TABLES */
table { background:#FFF; border-collapse:collapse; border:solid #726e66; border-width:0 1px 1px 0; margin-bottom:1em; }
table th, table td  { border:solid #726e66;border-width:1px 0 0 1px; padding:2px 5px; }
table th  { background:#F0F0EB; font-weight:bold; }
.nowrap { white-space: nowrap; }

/* 10.0 FORMS */
fieldset { border:0 }

form#searchform { float:right; width:176px; padding:5px 0 0 15px; }
form.searchform legend { height:0; }
input.searchbox { height:17px; width:110px; margin-top:1px; font-family:helvetica,arial,sans-serif; vertical-align:top; }

input#trackbackurl { width:98%; color:#666; border:inset 1px #ccc; padding:2px; background:#E7E7E2; margin-bottom:1em; }
form#commentform p { margin-bottom:3px; }
form#commentform p label { font-weight:bold; }
form#commentform p input { border:solid 1px #ccc; padding:2px; margin-right:5px; }
form#commentform textarea#comment { padding-bottom:8px; width:98%; height:15em; font-size:1em; clear:both; border:solid 1px #ccc; color:#555; padding:2px; margin-bottom: 5px; }
form#commentform p em, ul#commentdisclaimer em { font-weight:bold; color:#CC474A; }
form#commentform p.commentsubmit { padding:3px 0 20px 0; }

div#menu select { padding-right:10px; padding:2px; background:#FFFCF1; border:outset 1px #999999; vertical-align:top; }
div#menu select#archive_chrono { margin-bottom:4px; } 
div#menu select option { background:#FFFCF1; border-bottom: dashed 1px #EFEBE0;  }

input, select, textarea { font-family: "ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif; } /* Mac IE5.2文字化け回避対策 */

/* 11.0 MISC */

hr { color: #000; border-top:dotted #938E84; border-bottom:solid #AEA89C; border-width:1px 0; padding-top:1px; margin:1em 0; }
.skiplink { position:absolute; left:-9999px; width:990px; }
p.credit { font-style: italic; }

div.wp-pagenavi { text-align:center; height:1.5em; clear:both; font-size: 1.2em; }
div.wp-pagenavi a { font-weight: bold; text-decoration: none; }
div.wp-pagenavi span, div.wp-pagenavi a { display: inline; margin-left: 5px; }

/* 12.0 REUSABLE CLASSES */

.fl, .alignleft { float:left; }
.fr, .alignright { float:right; }
.fn, .aligncenter { float:none; }
.tac, .aligncenter, .centered { text-align:center; }
.uc { text-transform:uppercase; font-weight:bold; font-size:0.9em; font-family:helvetica, sans-serif; }
.dn { display:none; }

/* Float */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; }
.clear { clear:both; } /* attach to tags where you need to force a break */

.highlight { background:#FFF1F1 }
.subdued { color: #333 }
.error { color: #DF1C1C; font-weight:bold; }
.success { color: #36A617; font-weight:bold; }
.rightalign { text-align:right; }
a img { background:#fff; }

.font11 { font-size:1em }
.font12 { font-size:1.2em }
.font30 { font-size:3em }

div.entry div.sharing li.share-custom a:link, div.entry div.sharing li.share-custom a:visited { text-decoration: none; font-weight: bold; color: #3b5998; }