/*
Theme Name: Gridsomniac
Theme URI: http://lab.priapurnama.me/?preview_theme=Gridsomniac
Description: White background, grey text. Includes different style for text, quotes, and pictures.
Doesn't have sidebar, has theme options page for setting up feedburner link and category for quotes and pictures.
Version: 1.0
Author: Pria Purnama
Author URI: http://priapurnama.me/
Tags: white, light, two-columns, fixed-width, threaded-comments, theme-options, right-sidebar
*/

@import "css/reset.css";@import "css/text.css";@import "css/960.css";
body {
	background: #FFF;
	border: solid #555;
	border-width: 2px 0;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	padding: 40px 0
}
a {color: #737373;text-decoration: none}
a:hover{color: #000}
h1, h2, h3, h4, h5 {font-weight: normal;line-height: 1.4em}
small {font-size: smaller}
.clr {clear: both}

#header {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;margin-bottom: 20px}
#header h1 {font-size: 48px;font-weight: normal;letter-spacing: -1px;line-height: 1.4em;margin-bottom: 0}
#header h2.tagline {color: #888;font: italic 18px Georgia, "Times New Roman", serif;margin-left: 5px}
#header ul {list-style: none outside;margin: 36px 0 0;position: absolute;top: 0;right: 0}
#header li {float: left;margin-left: 16px}
#header li a {font-weight: bold}

h2 {font-family: Arial, Helvetica, sans-serif;font-size: 26px;line-height: 1.3em}
h2.post-title {}
.article {margin-bottom: 30px}
.article .post-meta {color: #909090;font: italic 13px/1.3em serif;text-align: right}
.article .post-meta strong, .article .post-meta a {color: #555;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-weight: normal}
.article .post-meta a:hover {text-decoration: underline}
.article .post-meta .post-author {margin-bottom: 0}
.article .post-content {border-bottom: 1px dotted #CCC;overflow: hidden}
.articles .article .no-border {border: 0}
.article .post-content a {text-decoration: underline}
.article .post-meta {margin-top: 5px}
.article .post-tags {background: #FAFAFA;border: dotted #EEE;border-width: 1px 0;font-size: 12px;padding: 10px}
.article .post-tags a {text-decoration: none}
.article .navigation {padding: 0}
.article .alignleft {float: left;margin: 0 10px 10px 0}
.article .alignright {float: right;margin: 0 0 10px 10px}
.article .aligncenter {display: block;text-align: center;margin-bottom: 20px}

#content .subscribe {background: url(images/icon_rss.png) top left no-repeat;height: 43px;padding-left: 46px;padding-top: 3px;width: 174px}
.subscribe a {display: block;font: bold 18px/1.3em Helvetica, Arial, sans-serif}
.subscribe a.email-updates {font-size: 14px}

blockquote {border-left: 2px solid #EAEAEA;font: italic 14px/1.4em Georgia, "Times New Roman", serif;margin-left: 20px;padding-left: 20px}
.quote blockquote {background: url(images/quote.png) top left no-repeat;border: 0;font: italic 16px/1.4em Georgia, "Times New Roman", serif;margin-left: 0;padding-left: 50px;padding-top: 5px}
.quote blockquote p {background: url(images/quote-bottom.png) bottom right no-repeat;padding-right: 30px}
.quote .post-meta .post-categories {display: none}
.quote h2.post-title {display: none}

.wp-caption {background: #EAEAEA;border: 1px solid #CCC;padding: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px }
.wp-caption-text {font: italic 13px/1.2em Georgia, serif;margin: 5px 0 0;padding: 0 5px}

#footer {border-top: 1px dotted #CCC;color: #777;font: italic 11px/1.3em Georgia, serif;padding-top: 20px}
#footer ul {float: right;list-style-type: square}
#footer li {float: left;margin-left: 18px}

.navigation {padding: 20px 0}
.alignleft {float: left}
.alignright {float: right}

ol.commentlist {border-bottom: 1px dotted #EAEAEA;clear: both;list-style: none outside}
ol.commentlist li {border-top: 1px dotted #EAEAEA;margin-left: 0;padding: 10px}
ol.commentlist li.even, ol.commentlist li.thread-even {background: #FAFAFA}
#content ol.commentlist li.thread-odd {background: #FFF}
ol.commentlist li.pingback {font-size: 11px}
ol.commentlist li.pingback .reply {display: none}
ol.commentlist .children {list-style: none outside;margin-bottom: 0}
ol.commentlist .children li {background-color: transparent;margin-left: 20px}
.commentlist .comment-meta {font-size: 11px;margin-bottom: 10px}
.commentlist .comment-meta a {text-decoration: none}
.commentlist .says {font: italic 12px Georgia, serif}
.commentlist .avatar {border: 2px solid #EAEAEA;float: left;margin: 0 10px 0 0}
.commentlist .reply {font-size: 11px;text-align: right}
.commentlist .reply a, .commentlist .cancel-comment-reply a {text-decoration: none}
.commentlist .reply a:hover, .commentlist .cancel-comment-reply a:hover {text-decoration: underline}
.commentlist .cancel-comment-reply {font-size: 11px}
.commentlist p {margin-bottom: 10px}

#respond input[type=text], #respond textarea {border: 1px solid #999;font: inherit;font-size: 12px}
#respond input[type=text], #respond textarea {padding: 5px}
#respond textarea {width: 440px}
.commentlist #respond textarea {width: 97%}

.list-pages {}
.list-pages li {margin-left: 20px}

.not-found {font: 150px/60px Georgia, serif;text-align: center}

/* margin adjustment */
.article .post-content {margin-right: 0}
.article .post-meta, .article .not-found {margin-left: 0}
.article .post-title {margin-left: 0}
.sidebar {margin-top: 60px}

#widgets {list-style: none outside}
#widgets .widget {margin-bottom: 20px}
#widgets li {margin-left: 0}
#widgets .widget li {margin-left: 20px}
#widgets .widget ul {list-style-image: url(images/arrow.png);margin-bottom: 10px}
#widgets h3 {margin-bottom: 10px}

h4.label {background: #222;color: #FAFAFA;float: left;font:italic 13px/1.3em Georgia, serif;padding: 5px 10px}