/*
Theme Name: Albeo Purple
Theme URI: //withstory.net/
Description: html5 valid. original by Design Disease
Author: astraea
Version: 1.0
*/

/* -- For All -- */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { margin: 0; padding: 0; font-family: "Nanum Gothic", "Segoe UI", "Malgun Gothic", Verdana, sans-serif; font-size: 12px; line-height: 18px; color: #666 }

header, footer, section, aside, article, nav { display: block }

body {
  background: #fbfbf8 url("bg_body.jpg") no-repeat center top;
  text-align: left;
}

a:link, a:visited { color: #969; text-decoration: none }
a:hover { color: #fff; background: #969; text-decoration: none }

img { border: 0 }
img.gravatar { vertical-align : middle; width : 35px }
img.rpx_fav { margin: 0 3px }
#wp_grins img { cursor: pointer; margin-left: 5px }
p { margin: 12px 0px }
input, textarea { border: #969 1px solid; background: #e2c6e3 }

p#browser-upgrade { text-align: center; color: red; background: #ffc; border-bottom: 2px outset #fff; margin: 0 }

h6.secti { visibility: hidden; }

#header {
  margin: 20px 0 0 0;
}
#header h1 { margin: 0 auto; width: 730px; padding: 15px 0; background: url("platinah.jpg"); border-bottom: solid 1px #666 }
#header h1 a { color: #969; margin-left: 150px; text-decoration: none; font: normal 24px Georgia, "Times New Roman", serif }
#header h1 a:hover { background: #fff }

#container {
  margin: 20px auto 0 auto;
  width: 940px;
}

#content {
  float: left;
  width: 720px;
  padding: 5px 0;
  background: #fbfbf8;
}

.po_head h2 { margin: 10px 0; color: #333; font: normal 18px Georgia, "Times New Roman", serif }
.po_head h2 a { border-left: 5px solid #ccc; padding-left: 5px; font-size: 100%; color: #333 }
.po_head h2 a:hover { border-left-color: #969; background: #f9f9f9; color: #000 }
.po_head .meta { margin-top: -3px; padding-left: 20px; background: url("po_meta.png") no-repeat left }
.meta { color: #999; font-size: 11px }
.po_cont, #comments { padding: 0 10px }
.po_cont a { border-bottom : 1px dotted #969 }
.po_cont img { max-width: 100% }
.po_cont li, .po_cont dd { margin : 0 0 10px 20px }
.ws_tweet_list { margin-left: 15px }
blockquote { background: url("docu.gif") top left no-repeat; background-color:#f9f9f9; padding: 0 10px 1px 15px; margin: 0 10px }
blockquote.like { background: #ffe6e6; border: dotted 1px }
.blogad { margin-bottom: 3px }
.adt { font-size: 10px; float: left }
.blogad ul { list-style-type: none; padding: 3px; width: 100%; overflow: hidden }
.blogad li { width: 33%; display: block; float: left }
.feedback { padding-left: 14px; background: url("po_com.png") no-repeat center left; margin: 0 0 30px 10px; color: #999; font-size: 11px }

h3.com_head { font-size: 14px }
h3.com_head a { font-size: 12px }
#comments p { margin-left: 5px }
#comments p.meta { margin-left: 0 }
#comments ol { list-style-type: none }
#comments ol.children { border-left: 5px solid #eaeaea; padding-left: 10px }
#com_form dd { line-height: 20px; margin-left: 10px }
#com_form dt { margin: 5px 0 }
#comment { width: 400px }

#menu {
  width: 215px;
  float: right;
}
#menu ul { list-style-type: none; padding: 0 10px }
#menu li h3 { margin: 0 0 3px 0; padding: 0 0 2px 18px; font: normal 14px "Trebuchet MS", sans-serif; background: #f8f8f2 url("nav_h3.png") left no-repeat }
#menu li h3 a { font-size: 14px }

#recent ul { padding: 0 0 0 5px }
#recent ul li, #recent ul li a { font-size: 11px; line-height: 16px }
a.cauthor { background: url("say.gif") center right no-repeat; padding-right: 13px }
#search p { margin: 0 }
#s { width: 123px }
#addfeed img { margin: 1px }

#here, #recent, #search, #cc, #link, #archives, #language, #manifesto, #bview { margin: 15px 0 }

#footer {
  padding: 5px 30px;  clear: both;  background: #f8f8f2;  font-size: 11px;
}

.st-post-tags { display: inline-block }
#tagcloud { padding:10px 20px }
#tagcloud h2 { color: #969 }
ul.st-tag-cloud { list-style: none; line-height: 1.5em }
ul.st-tag-cloud li { display: inline; margin: 5px }
a.st-tag1 { font-size: 0.9em }
a.st-tag2 { font-size: 1.2em }
a.st-tag3 { font-size: 1.35em }
a.st-tag4 { font-size: 1.5em }
a.st-tag5 { font-size: 1.65em }
a.st-tag6 { font-size: 1.8em }
a.st-tag7 { font-size: 1.9em }
a.st-tag8 { font-size: 2.1em }

/* -- For Print -- */
@media print {
body { background: none }
#header { margin: 0px }
#header h1 { background: none }
#container, #content { background: none; width: auto }
#menu, #footer, .blogad { display: none }
}

/* -- For Mobile, Small Screen -- */
@media screen and (max-width: 750px) {
#container { width: 98% }
#content, #header h1 { width: 95%; float: none; margin: 0 auto }
#menu { float: none; width: 95%; border-top: 1px dotted #969 }
#menu li { margin: 0; padding: 0 }
#recent, #manifesto, #link, #bview { display: none }
textarea { width: 95% !important }
}