@import url('reset.css');

/*
Theme Name: v8half
Theme URI: http://www.asceticmonk.com
Description: Not yet.
Author: George Yang
Author URI: http://www.asceticmonk.com
Copyright (C) 2009 George Yang
*/


/* General Classes */
/* --------------------------------------------------------------------------------------------------------------------------- */
body { width: 960px; margin: 25px auto; background-color: #f0f0f0; color: #333; }

.right { float: right; }
.left { float: left; }
.clear { clear: both; }

a.item1 { color: #064780; }
a.item2 { color: #d0131a; }
a.item3 { color: #95b802; }

a { color: #064780; text-decoration: none; }
a:hover { text-decoration: underline; }
#dvdcases a.tooltip span { display: none; padding: 3px; width: 76px; margin-left: -95px; margin-top: -27px; }
#dvdcases a.tooltip:hover span { display: inline; position: absolute; background: url(images/tipbg.png); color: #aaa; }
#dvdcases a.tooltip:hover { text-decoration: none; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Text Size and Fonts */
/* --------------------------------------------------------------------------------------------------------------------------- */
body { font: .75em 'Helvetica Neue', 'HelveticaNeue', Arial, Sans-Serif; }
strong, em { font-weight: bold; }
em { font-style: italic; }
code { font-style: italic; }
#dvdcases a.tooltip span { text-align: center; font-size: .75em; text-transform: uppercase; }

h1, h2, h3, h4, h5 { letter-spacing: -1px; font-weight: normal; }
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }

#pages, #subscription { font-size: 1.3em; line-height: 1; }
#pages { font-weight: bold; }
#subscription { letter-spacing: -1px; }

#sidebar ul#recently, #sidebar ul.related_post, #sidebar ul.mostcommented, #searchform input#s { font-size: 1.2em; }
p.caption { font-style: italic; }
#basetoggle span { font-size: 1.17em; font-weight: bold; }
#postfoot { font-size: 1.125em; }
blockquote { font-style: italic; font-family: Georgia, serif; }

cite a { font-weight: bold; font-size: 1.17em; }
span.commenttime { font-size: .875em; }

.wallitem, .iphone { font-size: .93em; }
.wallitem span.walltitle, .iphone span.walltitle { font-weight: bold; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Header Area */
/* --------------------------------------------------------------------------------------------------------------------------- */
#header { background: transparent url(images/horizontalbar.png) no-repeat 0 100%; height: 123px; }
#header #logo { float: left; }
#logo h1 a { display: block; width: 389px; height: 108px; background: url(images/header.jpg) no-repeat 0 0; text-indent: -9999px; }

#pages { float: left; height: 108px;  margin-left: 115px; width: 171px; }
#pages ul, #subscription ul { margin-top: 1.5em; }
#pages li { list-style-type: none; margin: 8px 0; padding-left: 22px; background: transparent url(images/site.png) no-repeat 0 50%; }
#pages li a { text-transform: uppercase; }
#pages li a:hover { color: #000; }

#subscription { float: left; height: 108px; width: 150px; margin-left: 115px; }
#subscription li a { color: #999; }
#subscription li { list-style-type: none; margin: 8px 0; padding-left: 22px; }
#subscription li.rssinfo { background: transparent url(images/user_orange.png) no-repeat 0 50%; }
#subscription li.twitterinfo { background: transparent url(images/twitter_balloon.png) no-repeat 0 50%; }
#subscription li.tumblr { background: transparent url(images/newspaper.png) no-repeat 0 50%; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Home Page Main Content */
/* --------------------------------------------------------------------------------------------------------------------------- */
#blogcontent { background: transparent url(images/contentbg.jpg) repeat-y; margin-top: -1px; padding: 0 20px; }

.llabel { width: 30px; margin-left: -48px; float: left; }
.rlabel { width: 30px; margin-right: -48px; float: right; }

#latest { width: 510px; padding: 30px 20px 12px 0; }
#sidebar { width: 390px; padding: 30px 0 15px 0; }

#searchform { padding: 10px; margin-bottom: 15px; border: 1px solid #bfb88b; background-color: #cec8a5; }
input#s { width: 290px; height: 20px; border: 1px solid #a9a06a; }
input#searchsubmit { width: 70px; background-color: #bfb88b; border: 1px solid #a9a06a; padding: 4px 0; }
input#searchsubmit:hover { background-color: #8f8446; border: 1px solid #fff; }

#sidebar a img, ul#recently { margin-bottom: 15px; }
#sidebar a.rssbanner img { margin-left: 10px; }

ul#recently li { background-color: #cec8a5; padding: 7px; border-bottom: 1px solid #bfb88b; }
ul#recently li:hover { background-color: #95b802; }
ul#recently li:hover a { color: #fff; text-decoration: underline; }
ul#recently a { color: #064780; }
ul#recently span.date { color: #d0131a; }
ul#recently span.cmntnum, ul.mostcommented span.cmntnum { color: #000; float:right; }

#wallpapers { background: transparent url(images/wallsection.jpg) no-repeat 0 0; height: 140px; }
#wallpapers img { padding: 22px 0 14px 30px; }
#wallpapers p.description, #movies p.description, #flickrstream p.description { float: right; width: 180px; margin: 70px 25px 0 20px; border-top: 1px solid #9b935a; }

#movies { background: transparent url(images/moviesection.jpg) no-repeat 0 0; height: 140px; }
#movies #dvdcases { padding: 15px 30px; }
#dvdcases img { margin-right: 10px; }

#flickrstream #flickrphotos { padding: 31px 30px; }
#flickrstream { background: transparent url(images/flickrsection.jpg) no-repeat 0 0; height: 140px; }
#flickrstream a img { padding: 5px 6px 7px 6px; background: transparent url(images/flickrbg.png) no-repeat 0 0; margin-right: 1px; overflow: hidden; }
#flickrstream a img:hover { background: transparent url(images/flickrbg.png) no-repeat 0 -87px; }

#adsection { background: transparent url(images/adsection.jpg) no-repeat 0 0; height: 140px; }
#adsection p.description { float: right; width: 157px; margin: 70px 25px 0 20px; border-top: 1px solid #9b935a; }
#adunits { padding: 15px 0 15px 30px; }
#adunits ul { list-style-type: square; list-style-position: inside; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Blog Entry */
/* --------------------------------------------------------------------------------------------------------------------------- */
p.postinfo { color: #746354; margin-bottom: 1.5em; }
p.postinfo a { color: #746354; text-decoration: underline; } 
p.postinfo a:hover { color: #443a31; }

.post p { margin-bottom: 1.5em; line-height: 1.5; word-spacing: 2px; }

.adbanner { text-align: center; margin-bottom: 10px; }
#postfoot { padding: 7px 0; background-color: #cec8a5; border: 1px dashed #bfb88b; text-align: center; margin-bottom: 1.5em; }
#postfoot a.twitter, #postfoot a.digg, #postfoot a.delicious, #postfoot a.stumble { padding-left: 18px; margin-right: 10px; }
#postfoot a.twitter { background: transparent url(images/twitter.png) no-repeat 0 50%; }
#postfoot a.digg { background: transparent url(images/digg.png) no-repeat 0 50%; }
#postfoot a.delicious { background: transparent url(images/delicious.png) no-repeat 0 50%; }
#postfoot a.stumble { background: transparent url(images/stumble.png) no-repeat 0 50%; }

.content h3 { margin-bottom: .5em; }
blockquote { background-color: #bfb88f; margin: 18px; padding: 18px 18px 1px 18px; }
.content ul { margin: 0 0 1.5em 1.5em; list-style-type: disc; list-style-position: inside; line-height: 1.5; }
.content ol { margin-bottom: 1.5em; list-style-type: decimal; list-style-position: inside; line-height: 1.5; }

p.information, p.download { padding: 7px 20px; text-align: center; color: #000; border-top: 1px solid #bfb88b; border-bottom: 1px solid #bfb88b; }
p.information { background: #efefef url(images/clipboard_pencil.png) no-repeat 7px 7px; }
p.download { background: #efefef url(images/box.png) no-repeat 7px 7px; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Archive Pages */
/* --------------------------------------------------------------------------------------------------------------------------- */
h3.archivetitle { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #746354; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Sidebar */
/* --------------------------------------------------------------------------------------------------------------------------- */
ul.related_post, ul.mostcommented { margin-bottom: 15px; }
ul.related_post li, ul.mostcommented li, .hot-tags { background-color: #cec8a5; padding: 7px; border-bottom: 1px solid #bfb88b; }
ul.related_post li:hover, ul.mostcommented li:hover { background-color: #95b802; }
ul.related_post li:hover a, ul.mostcommented li:hover a { color: #fff; text-decoration: underline; }
ul.related_post a, ul.mostcommented a { color: #064780; }
.hot-tags a { padding-right: 5px; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Images and Videos */
/* --------------------------------------------------------------------------------------------------------------------------- */
p a img, p img { border: 1px solid #bfb88b; }
p a img:hover { border: 1px solid #a9a06a; }
img.centered { display: block; margin: 0 auto; padding: 4px; background-color: #bfb88b; }
img.alignleft { float: left; margin: 5px 7px 0 0; display: inline; padding: 1px; }
img.alignright { float: right; margin: 5px 0 0 7px; display: inline; padding: 1px; }
img.noborder, img.noborder:hover { border: none; display: block; margin: 0 auto; background: transparent; }
.content p.litebox { text-align: center; }
.content p.litebox img { margin: 0 1px; padding: 1px; }
.content p.litebox img:hover { background-color: #fff; }
.content p.caption { color: #8f8446; text-align: center; margin-top: -1.5em; }
.content p.caption a { color: #8f8446; text-decoration: underline; }
.content p.video { text-align: center; display: block; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Comment Area */
/* --------------------------------------------------------------------------------------------------------------------------- */
.divider { background: transparent url(images/divider.jpg) no-repeat; height: 10px; }
#commentarea { background: transparent url(images/background.jpg) repeat-y; padding: 18px 20px; }
#commententries { width: 510px; padding-right: 20px; }
#commentsubmit { width: 390px; }

ul.commentlist li.depth-1 { padding: 20px 0; border-bottom: 1px dotted #5b5533; }
.comment-author { float: left; }
.comment-author img { padding: 1px; background-color: #fff; margin-right: 10px; }
.comment-meta { line-height: 1.1; }
span.commenttime, span.commenttime a { color: #5b5533; }
.commentlist p { margin-top: 12px; line-height: 1.3; }
.commentlist blockquote { padding: 1px 13px 13px 13px; }
.reply-link a { background: transparent url(images/balloon_left.png) no-repeat 0 50%; padding-left: 20px; }
.cancel-comment-reply a { background: transparent url(images/cross.png) no-repeat 0 50%; padding-left: 20px; }
ul.commentlist ul.children li { padding: 20px 0 0 20px; }
ul.commentlist ul.children li .comment-author img { background-color: #000; }

form#commentform p { margin: 0; }
#commentform input, #commentform textarea { border: 1px solid #5b5533; padding: 5px; background-color: #cec8a5; }
#commentform input:focus, #commentform textarea:focus { background-color: #fff; }
#commentform textarea { width: 380px; margin-bottom: .5em; }
#commentform #author, #commentform #email { margin-bottom: .5em; }
#commentform #url, #commentsubmit p, #respond p { margin-bottom: 1.5em; }
#commentform #submit:hover { background-color: #5b5533; color: #fff; }

#commententries h3 { margin: 20px 0 10px 0; }
ol.pinglist { background-color: #c8c194; padding: 10px; list-style-type: decimal; list-style-position: inside; }
.commentnav { margin-top: 1.5em; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Wallpaper Page */
/* --------------------------------------------------------------------------------------------------------------------------- */
#onecolumn { padding: 30px 0; }
.wallitem { float: left; width: 155px; margin: 0 14px;}
.iphone { float: left; width: 115px; margin: 0 8px;}
.wallitem p, .iphone p { text-align: center; line-height: 1.3;}
.wallitem span.walltitle, .iphone span.walltitle { text-transform: uppercase; color: #d0131a; }
.wallitem p a, .iphone p a { background: transparent url(images/download.png) no-repeat 0 55%; padding-left: 13px; }
.wallitem span.dimension { background: transparent url(images/monitor.png) no-repeat 0 55%; padding-left: 15px; }
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Footer */
/* --------------------------------------------------------------------------------------------------------------------------- */
#basetoggle { background: #0f0f0f url(images/curvybottom.png) no-repeat 0 0; }
#basetoggle span:hover { cursor: pointer; }
#basetoggle span { display: block; width: 80px; margin: 0 auto; text-align: center; text-transform: uppercase; color: #000; background: transparent url(images/down.png) no-repeat 100% 50%; padding-right: 14px; }
#basetoggle span.open { background: transparent url(images/up.png) no-repeat 100% 50%; padding-right: 14px; }

#basement { background-color: #0f0f0f; padding: 15px 20px; color: #333; border-bottom: 1px solid #777; }
#basement a { color: #666; }
#basement a:hover { color: #ccc; }
#archive { text-transform: uppercase; width: 479px; border-right: 1px solid #222; }
#archive a { margin: 0 4px; }
#archive span { margin: 0 4px; }
#category { width: 440px; }
#category li { float: left; display: block; width: 140px; text-align: right; }

#footer { background-color: #0f0f0f; padding: 7px 0; }
#footer p { text-align: center; color: #666; }
#footer p a:hover { color: #ccc; }
span.valid { background: transparent url(images/valid.jpg) no-repeat 0 50%; padding-left: 15px; }
/* --------------------------------------------------------------------------------------------------------------------------- */