@charset "utf-8";

body { text-align:center; font-family:"Lucida Grande",Arial,Helvetica,sans-serif; color:#333; }
img { border:0; }
a:link, a:visited { color:#666; outline:0; }
a:active, a:hover { color:#333; outline:0; }
p { line-height:1.5; }

#base { width:780px; margin:0 auto; text-align:left; }

/* ====== HEADER ====== */
#gHeader { padding:0 0 0 0.7em; }
#gHeader a:link,
#gHeader a:visited { color:#999 !important; }
#gHeader a:hover,
#gHeader a:active { color:#333 !important; }
ul#gHeaderNavi { line-height:31px; }
ul#gHeaderNavi li { padding-right:0.7em; font-size:70%; }
#header { padding-top:20px; }
#headerTitle { padding-bottom:1em; border-bottom:1px solid #EEE; }
#headerTitle a { text-decoration:none; color:#333; }

/* ====== MAIN ====== */
#main { float:left; width:500px; }
#main h1 { display:none; }
#main ul.error { list-style:none; font-size:84%; padding:1.5em; }
#main .smallNavi { text-align:right; font-size:84%; }
#main .smallNavi a:link,
#main .smallNavi a:visited { color:#999; }
#main .smallNavi a:hover,
#main .smallNavi a:active { color:#333; }
#main .item { padding:1.5em 0; border-bottom:1px solid #EEE; }
#main .item h2 { padding-bottom:1em; font-size:84%; line-height:1.5; }
#main .item h2 a.avatar { top:0; }
#main .item h2 a.avatar img { vertical-align:middle; }
#main .item h3 { margin-top:1.5em; padding-top:1.5em; font-size:84%; border-top:1px dashed #EEE; }
#main .item p { padding:0.5em 1em; background-color:#EEE; font-size:84%; -moz-border-radius:3px; -webkit-border-radius:3px; }
#main .item * p { padding:0; background-color:transparent; font-size:100%; -moz-border-radius:0; -webkit-border-radius:0; }
#main .item .edit ul { margin-bottom:1em; text-align:right; font-size:75%; color:#666; }
#main .item .edit ul li { display:inline; padding:0 0 0 0.5em; }
#main .item .edit ul li a { padding:1px 5px; text-decoration:none; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; }
#main .item .edit ul li a:link,
#main .item .edit ul li a:visited { background-color:#999; }
#main .item .edit ul li a:hover,
#main .item .edit ul li a:active { background-color:#333; }
#main .item dl.navi { font-size:84%; }
#main .item dl.navi dt { display:block; float:left; clear:left; margin:0 0.7em 0.5em 0; }
#main .item dl.navi dd { display:block; float:left; }
#main .item dl.navi dd ul li a:link,
#main .item dl.navi dd ul li a:visited { color:#999; }
#main .item dl.navi dd ul li a:hover,
#main .item dl.navi dd ul li a:active { color:#333; }
#main .item div.tags { clear:left; }
#main .item div.tags span a { text-decoration:none; white-space:nowrap; }
#main .item .image,
#main .item .video { margin:0.5em 0; }
#main .item .quote { background:transparent; }
#main .item .quote div.quote-start { display:block; top:10px; margin:0 10px 0 15px; font-size:300%; font-family:Times,"Times New Roman",serif; }
#main .item .quote blockquote { position:static; top:0; margin:0; padding:0.5em 1.5em; border:5px solid #EEE; font-size:90%; line-height:1.5; -moz-border-radius:10px; -webkit-border-radius:10px; }
#main .item .quote blockquote ul,
#main .item .quote blockquote ol { margin:0.5em 0; padding-left:2.5em; line-height:1.5; }
#main .item .quote blockquote ul li,
#main .item .quote blockquote ol li { margin-bottom:0.3em; }
#main .item .description { clear:left; padding-top:1em; font-size:84%; }
#main .item .description ul,
#main .item .description ol { margin:0.5em 0; padding-left:2.5em; line-height:1.5; }
#main .item .meta { clear:left; padding-top:1em; font-size:75%; color:#999; }
#main .item .meta a:link,
#main .item .meta a:visited { color:#999; }
#main .item .meta a:hover,
#main .item .meta a:active { color:#333; }
#main .item .meta p,
#main .item .meta ul li { display:inline; padding-top:0.5em; }
#main .item .meta p.by a { font-weight:bold; }
#main .item .meta ul.tags li { margin:0.2em 0.5em 0 0; }
#main .item #comments { font-size:84%; }
#main .item #comments ol { margin:1em 0; list-style:none; }
#main .item #comments ol li { margin:0.5em 0; }
#main .item #comments ol li a img { vertical-align:middle; }
#main .item form.postComment textarea { width:100%; }
#main .item form.postComment p { text-align:right; }
#main .profile { width:100%; padding:1em 0; border-bottom:1px solid #EEE; }
#main .profile tr th,
#main .profile tr td { padding:0.3em 0 0.5em 0; font-size:84%; }
#main .profile tr th { padding-right:0.5em; text-align:left; vertical-align:top; }
#main .profile tr td div p { margin:0; line-height:1; }
#main .profile tr td ul li.inline { margin-right:3px; }
#main .profile tr td ul li.inline a img { margin-bottom:3px; }
#main .paging { color:#666; font-size:75%; }
#main .section ul { margin:1em 0; padding:0; list-style:none; font-size:84%; }
#main .section ul li.tick a { padding:1px 5px; text-decoration:none; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; }
#main .section ul li.tick a:link,
#main .section ul li.tick a:visited { background-color:#999; }
#main .section ul li.tick a:hover,
#main .section ul li.tick a:active { background-color:#333; }

/* ====== SUB ====== */
#sub { float:right; width:240px; padding-top:0.5em; }
#sub .section,
#sub .syndication { padding:1em 0 0 0; }
#sub #subTags { display:none; }
#sub #subSearch { margin-bottom:0.5em; }
#sub .section h2,
#sub .syndication h2 { margin-bottom:0.5em; font-size:100%; }
#sub .section h2 a { text-decoration:none; color:#333; }
#sub .section p  { font-size:84%; }
#sub .section ul,
#sub .section ol,
#sub .syndication ul { list-style:none; font-size:84%; line-height:1.5; }
#sub #imageflow-settings { border:5px solid #EEE; -moz-border-radius:10px; -webkit-border-radius:10px; }
#sub .section ol li { margin-bottom:0.3em; zoom:1; }
#sub .section ol li dl dt a img { vertical-align:middle; }
#sub .section ul li.inline { margin-right:0.3em; }
#sub .section ul li.tick a { padding:1px 5px; text-decoration:none; color:#FFF; white-space:nowrap; -moz-border-radius:3px; -webkit-border-radius:3px; }
#sub .section ul li.tick a:link,
#sub .section ul li.tick a:visited { background-color:#999; }
#sub .section ul li.tick a:hover,
#sub .section ul li.tick a:active { background-color:#333; }

/* ====== FOOTER ====== */
#footer { clear:both; margin-bottom:2em; padding-top:1em; text-align:center; color:#666; font-size:75%; }
#footer p { margin:1em 0 0 0; }