/** phyp.project :: apps.shizen.css.zero :: 20091213 **/

/* html, body { height: 100%; overflow: hidden; } */
body { background: white; }
body, input, select, textarea { font: 12px "American Typewriter", Georgia, serif; }
a, a:visited, a:active { color: #6d657f; /* #b4f */ }
a:hover { color: white; }

/* Boxes */
#box { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -330px; height: 660px; overflow: hidden; }
.box { width: 1000px; margin: 0 auto; position: relative; }

/* Header */
#header { height: 95px; }
#header span { display: none; }
#title { padding-top: 30px; }
#title a { display: block; width: 270px; height: 65px; background: url(blog/layout/shizen.png); }
#baseline { position: absolute; z-index: 100; left: 80px; top: 105px; width: 280px; height: 30px; background: url(blog/layout/baseline.gif); }
html>body #baseline { background-image: url(blog/layout/baseline.png); }

/* Main */
#main { height: 490px; border: 10px #888 solid; border-width: 10px 0; color: white; overflow: auto; background: #001122 url(blog/layout/corner.png) no-repeat bottom left; position: relative; z-index: 10; }
#main .box { background: url(blog/layout/flower.gif) no-repeat 135px 40px; }
html>body #main .box { background-image: url(blog/layout/flower.png); }

/* Sidebar */
#sidebar { position: absolute; z-index: 2; top: 150px; left: 0; width: 160px; text-align: right; }
#sidebar h3 { font: 1em "ITC Benguiat Gothic Std", "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight: normal; }
#sidebar li.widget { margin-bottom: 1.1em; }
#sidebar .widget_search label { display: none; }
#sidebar .widget_search #s { width: 100px; padding: 1px; text-align: right; }
#sidebar .widget_search #searchsubmit { width: 15px; display: none; }
#sidebar .widget_calendar { display: none; }
#sidebar .widget_calendar table { width: 100%; margin-top: .8em; }
#sidebar .widget_calendar caption { text-align: right; }
#sidebar .widget_calendar th { border-bottom: 1px #444 solid; font-weight: normal; font-size: .9em; }
#sidebar .widget_calendar td { color: #888; }
#sidebar .widget_calendar td a { color: white; }
#sidebar .widget_calendar #today { font-weight: bold; color: #ccc; }
#sidebar .widget_text h3 { display: none; }
#sidebar .widget_text div { color: #6d657f; margin: 3em 0; }
#sidebar .widget_tag_cloud div { line-height: 1.2em; }

/* Body */
#body { padding: 9em 0 2em 40px; margin-left: 230px; height: 370px; }
html>body #body { height: auto; min-height: 370px; }
#body h1,
#body h2,
#body h3,
#body h4,
#body p,
#body ul,
#body ol,
#body dl,
#body addr { margin-bottom: .5em; }
#body h2,
#body h3,
#body h4 { margin-top: 1em; }
#body h2 { font: 2em "ITC Benguiat Gothic Std", "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight: normal; }
#body h3 { font-size: 1.4em; font-weight: normal; }
#body h4 { font-size: 1.3em; font-weight: normal; }
#body div.bottom fieldset,
#body div.right fieldset { width: 375px; margin-left: auto; }
#body div.left fieldset { width: 300px; }
#sidebar input,
#body input,
#body textarea { border: 1px #444 solid; padding: 0 3px; background: transparent; color: white; text-align: left; -moz-border-radius: 5px 0; /* border-radius: 5px 0; */ -webkit-border-radius: 5px; }
#body textarea { -moz-border-radius: 8px 0; /* border-radius: 8px 0; */ -webkit-border-radius: 8px; }
#body label { cursor: pointer; }
#body p.messages { position: absolute; top: 30px; left: -30px; padding: 5px 10px; background: #98716c; color: black; border: 1px #eee solid; -moz-border-radius: 5px 0; /* border-radius: 5px 0; */ -webkit-border-radius: 5px; }
#body p.summary { font-size: 1.3em; padding-top: 2em; }

/* Footer */
#footer { height: 55px; text-align: right; font-size: 11px; }
#footer,
#footer a,
#footer em { color: #aaa; font-style: normal; }
#footer ul { list-style: none; float: right; padding-top: 5px; }
#copyright,
#credits { display: inline; }
#copyright { margin-right: 10px; }
#design { display: block; font-size: 10px; }
#design,
#design a { color: #666; }
#footer a:hover { color: black; }

/* Subtitle */
#body #subtitle { background: #001122; position: fixed; width: 735px; margin: -4.5em -5px 0 -15px; padding: 3em 5px 0 5px; font-size: 2em; border-bottom: 1px #b0c196 solid; line-height: 1em; }
#body #subtitle span { font-size: .6em; color: #b0c196; display: block; height: 1em; }

/** Elements **/

/* Title */
#body h2.title,
#body h3.title { margin-bottom: 0; margin-top: 0; }
#body h3.title { font-size: 1.8em; }

/* Avatar */
#body div.avatar { float: left; margin: -20px 2em 1em -20px; }
#body div.avatar img { border: 2px #444 solid; }
#body div.posts div.avatar { display: none; }

/* Post(s) */
#body div.post,
#body div.posts { clear: both; }
#body div.post { margin-left: 3em; }
#body div.posts { margin-top: 1.5em; padding-bottom: 1.5em; border-bottom: 1px #444 solid; }

/* Entry */
#body div.entry { text-align: justify; font-family: "ITC Benguiat Gothic Std", "Trebuchet MS", Helvetica, Arial, sans-serif; }
#body div.post div.entry { margin-top: 2em; }
#body div.posts div.entry { margin-top: 1em; }
#body div.entry ul { list-style: square outside; padding-left: 2em; }
#body div.entry ol { list-style: decimal outside; padding-left: 2em; }
#body div.entry .alignleft { float: left; margin: 1em 1em 1em 0; }
#body div.entry .alignright { float: right; margin: 1em 0 1em 1em; }
#body div.entry .aligncenter { display: block; margin: 1em auto; }

/* Horoscope */
#body div.entry .break { clear: both; padding-top: 1em; }
#body div.entry .break .alignleft,
#body div.entry .break .alignright { margin-top: 0; }
#body div.entry .break h3 { margin: 0; }
#body div.entry .break h4 { margin-top: 0; margin-bottom: .5em; font-size: 1.1em; }

/* Infos/head */
#body div.infos ul { font-size: .9em; color: #b0c196; }
#body div.post div.head { margin-top: 5em; }
#body div.post div.infos { height: 3em; padding: 5px 0 0 24px; margin-left: 90px; background: url(blog/icons/infos.png) no-repeat 0 4px; }
#body div.posts div.head { padding-left: 24px; margin-left: 0; background: url(blog/icons/infos.png) no-repeat 0 4px; }
#body div.posts div.infos li { display: inline; }

/* Metas */
#body div.metas { float: right; color: #001122; margin: -1em 0 1.5em 2em; position: relative; z-index: 2; background: green; width: 220px; }
#body div.metas ul { margin: 0; padding: 5px 10px; }
#body div.metas ul.about { text-align: right; }
#body div.metas ul.about span { font-size: .8em; }
#body div.metas ul.socials { height: 18px; }
#body div.metas ul.socials li { display: inline; }
#body div.metas ul.socials a { display: block; float: right; width: 18px; height: 18px; margin-left: 2px; background: transparent no-repeat bottom; }
#body div.metas ul.socials a:hover { background-position: top; }
#body div.metas li.delicious a { background-image: url(/img/social/delicious.gif); }
#body div.metas li.facebook a { background-image: url(/img/social/facebook.gif); }
#body div.metas li.myspace a { background-image: url(/img/social/myspace.gif); }
#body div.metas li.twitter a { background-image: url(/img/social/twitter.gif); }
#body div.metas li.viadeo a { background-image: url(/img/social/viadeo.gif); }
#body div.metas li.digg a { background-image: url(/img/social/digg.gif); }
#body div.metas li.comment a { background-image: url(blog/icons/comment.png); float: left; }
#body div.metas li.trackback a { background-image: url(blog/icons/trackback.png); float: left; }
/* Post metas */
#body div.post div.metas { background: #b0c196 url(blog/icons/corner.tl3.png) no-repeat top left; margin-top: -9em; }
#body div.post div.metas-down { display: none; }
#body div.post div.metas ul.socials { background: white url(blog/icons/corner.br2.png) no-repeat bottom right; }
#body div.post div.metas ul.about a { color: #6d657f; }
#body div.post div.metas ul.about a:hover { color: white; }
#body div.post div.metas ul.about li { background: transparent no-repeat top right; padding: .3em 24px .1em 0; }
#body div.post div.metas ul.about li.cats { background-image: url(blog/icons/cats.png); }
#body div.post div.metas ul.about li.tags { background-image: url(blog/icons/tags.png); }
#body div.post div.metas ul span { display: none; }
/* Posts metas */
#body div.posts div.metas { background: url(blog/icons/zone.bottom.png) no-repeat bottom; width: 204px; color: #444; }
#body div.posts div.metas-up { display: none; }
#body div.posts div.metas ul.about { background: url(blog/icons/zone.top.png) top; padding: 5px 10px 0 10px; margin-bottom: 10px; }
#body div.posts div.metas ul.socials { display: none; }
#body div.posts div.metas a { color: #6d657f; }
#body div.posts div.metas a:hover { color: #b0c196; }
#body div.posts div.metas ul.about li { display: inline; }
#body div.posts div.metas ul.about li.cats span,
#body div.posts div.metas ul.about li.tags span { display: none; }
#body div.posts div.metas ul.about li.comments { display: block; }
/* No page metas */
#body div.page div.metas { display: none; }

/* Nav */
#body ul.nav { font-size: .9em; height: 1em; margin-top: 0; overflow: hidden; width: 500px; }
.home #body ul.nav { width: 710px; }
.archive #body ul.nav { width: 710px; padding-top: .9em; }
#body ul.nav li.previous { float: left; margin-right: 20px; }
#body ul.nav li.next { float: right; }

/* Comments */
#comments,
#respond { color: #b0c196; }
#comments { padding-top: 1.5em; }
#body p.comments { margin-top: 3em; font-style: italic; font-size: .9em; text-align: right; color: #444; }
#body div.comments div.comment { border: 1px #444 solid; /* border-radius: 8px; */ -moz-border-radius: 8px 0; -webkit-border-radius: 8px; padding: .6em 1em .8em 1.2em; position: relative; z-index: 2; background: #081828; margin: .5em 1.5em; }
#body div.comments div.user-comment { background: #123; }
#body div.comments div.user-comment h4 a { color: white; }
.logged-in #body div.comments div.hold { background: #111820; }
.logged-in #body div.comments div.hold a { color: #789; }
.logged-in #body div.comments div.hold a:hover { color: white; }
#body div.comments div.trash { opacity: .6; border-color: #111820; }
#body div.comments div.spam { opacity: .3; background: #001122; border-color: #001122; }
#body div.comments div.comment h4 { margin-top: 0; font-size: 1.3em; float: left; }
#body div.comments div.comment ul.infos { text-align: right; color: #ccc; font-size: .8em; line-height: 1em; /* height: 3em; */ }
#body div.comments div.comment div.text { clear: left; }
#body div.comments div.comment ul.infos span { display: none; }
#body div.comments div.comment ul.buttons { visibility: hidden; font-size: .8em; position: absolute; margin-top: -1.5em; margin-left: -4em; z-index: 1000; }
#body div.comments div.comment ul.buttons li { float: left; margin-right: 5px; background: #081828; border: 1px #444 solid; /* border-radius: 4px; */ -moz-border-radius: 4px 0; -webkit-border-radius: 4px; padding: 3px 5px; }
#body div.comments div.comment ul.buttons li.edit { margin-right: 60px; }
/* Gecko only... */
#body div.comments div.comment:hover ul.buttons { visibility: visible; }
/* Form */
#body div.respond { clear: both; padding-top: 2em; text-align: right; }
#body div.respond label { width: 200px; text-align: left; float: right; margin-left: 10px; }
#body div.respond label span { font-size: .8em; }
#body div.respond input { width: 220px; padding: 2px 5px; }
#body div.respond input.submit { float: right; text-align: right; cursor: pointer; margin-left: 20px; }
#body div.respond input.submit:hover { background: #b0c196; color: #001122; }
#body div.respond textarea { width: 420px; padding: 5px 10px; }
#body div.respond p.warning { text-align: left; margin-left: 290px; color: #444; font-size: .9em; }
/* md5-random places */
#body div.comments div.float-0 { float: left; }
#body div.comments div.float-1 { float: right; }
#body div.comments div.width-1 { width: 200px; }
#body div.comments div.width-2 { width: 230px; }
#body div.comments div.width-3 { width: 240px; }
#body div.comments div.width-4 { width: 280px; }
#body div.comments div.width-5 { width: 300px; }
#body div.comments div.width-6 { width: 330px; }
#body div.comments div.width-7 { width: 350px; }
#body div.comments div.offset-0 { right: 1.7em; }
#body div.comments div.offset-1 { top: 1.4em; }
#body div.comments div.offset-2 { left: 2.8em; }
#body div.comments div.offset-3 { right: 1.6em; }
#body div.comments div.offset-4 { top: .5em; }
#body div.comments div.offset-5 { left: -2.9em; }
#body div.comments div.offset-6 { top: -1.3em; }
#body div.comments div.offset-7 { top: .2em; }
#body div.comments div.offset-0 { right: .7em; }

/* Last minute */
#body .minute { position: absolute; top: -70px; right: 0; width: 650px; color: #001122; }
#body .minute h2 { margin: 0; padding: 0; float: none; font-size: 1.3em; text-align: right; }
#body .minute ul { margin: 0; }
#body .minute li { padding: 0; }
#body .minute a:hover { color: #001122; }

/* Toggle */
#toggle { position: absolute; top: 5px; right: 5px; z-index: 70; width: 80px; height: 38px; }
#toggle a { display: block; float: right; width: 25px; height: 38px; background: url(blog/layout/site.png) no-repeat right; }
#toggle a:hover { width: 80px; }
#toggle span { display: none; }

/** Plugins **/

/* Lightbox */
#overlay { background: black; }

/* Vipers */
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; } .vvqbox img { max-width: 100%; height: 100%; } .vvqbox object { max-width: 100%; } 

/* Gallery */
.gallery { margin: 2em 0; }
#body div.entry .gallery ul { list-style: none; }
.gallery li { float: left; width: 180px; height: 240px; background: url(blog/layout/shadow.png) no-repeat top; margin: 10px 20px; }
.gallery a { display: block; color: white; }
.gallery img { border: 2px transparent solid; margin: 4px 0 8px 4px; }
.gallery a:hover span { color: #6d657f; }
.gallery a:hover img { border-color: #6d657f; }
.gallery span { display: block; line-height: 1em; width: 164px; text-align: right; }