/*
Theme Name: Lunatic Notes theme
Theme URI: http://divdsgn.com/
Description: Two column, fixed rich content bar
Version: 1.0
Author: div.design team
Author URI: http://divdsgn.com/
*/

@import "css/reset.css";@import "css/text.css";@import "css/960.css";
body {
	background: #FFF;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}
body.missing {background: #000;color: #FFF;font: 36px serif;letter-spacing: -1px;padding-top: 10%}
a {color: #6693be}
#header {background: #5f7c98;border-top: 5px solid #31485f}
#topnav {background: url(images/topnavleft.png) bottom left no-repeat;font-size: 12px;font-weight: bold;float: right;padding-left: 10px;text-transform: uppercase}
#topnav ul {background: url(images/topnavright.png) bottom right no-repeat;padding-right: 10px;list-style: none outside;margin: 0}
#topnav li {display: inline-block;height: 26px;line-height: 22px;margin: 0;padding: 0 5px}
#topnav a {color: #FFF}
#topnav a:hover {text-decoration: underline}
#topnav .rss a {background: url(images/rss-red.png) center right no-repeat;display: block;padding-right: 20px}
#header h1 {margin: 0}
#header h1 a {background: url(images/lunaticnotes_title.png) center left no-repeat;display: block;height: 120px;text-indent: -999em}
#header h2 {position: absolute;text-indent: -999em}

#necknav {background: #f1f1f1;border: solid #a8a8a8;border-width: 1px 0;font-size: 12px;font-weight: bold;height: 40px;line-height: 40px;margin-bottom: 1px;text-transform: uppercase}
#necknav ul {list-style: none outside;margin: 0}
#necknav li {float: left;margin: 0 20px 0 0}
#necknav #searchform {float: right}
#necknav #searchform div {display: inline}
#necknav #searchform #s {background: #FFF;border: 1px solid #a8a8a8;padding: 5px 3px;margin-right: 3px}
#necknav a, #necknav label {color: #5e768f}
#necknav a:hover {text-decoration: underline}
#necknav label {margin-right: 5px}
#necknav #searchform #s {width: 215px}

.button, #necknav #searchform #searchsubmit, #commentform #submit {background: url(images/buttongra.png) bottom repeat-x;border: 1px solid #d1d1d1;color: #5e768f;font-size: 12px;height: 26px;line-height: 26px;padding: 2px 10px;letter-spacing: -1px;text-transform: uppercase}

.articles {margin-left: 0;margin-top: 20px}
.articles h2 {color: ##31485F;font-size: 30px;line-height: 1.2em}
.articles h4 {background: url(images/hr2.png) bottom repeat-x;font: italic 26px Georgia, "Times New Roman", serif}
.articles h2 a {color: #31485f}
.articles h2 a:hover {color: #6693be}
.articles a:hover {color: #31485f}
.articles .firstimage {float: left;margin-right: 20px}
.articles .excerpt {float: right;width: 410px}
.articles p {text-align: justify}
.articles p.note {background: #fdffe2;padding: 5px 10px;border: dotted #c9c9c9;border-width: 1px 0}
.articles .article {margin-bottom: 40px}

.postmeta {border-bottom: 1px solid #e2e7ec;font-size: 10px;font-weight: bold;text-transform: uppercase}
.postmeta span {background: #e2e7ec;color: #5f7c98;padding: 2px 5px}
.postmeta .postdate {float:left}
.postmeta .postcomment {float: right}

.sidebar {background: #f1f1f1;border: solid #a8a8a8;border-width: 0 1px;float: right;margin: 0}
.sidebar a:hover {color: #31485F}
.sidebar {border-bottom-width: 1px}
.sidebar.grid_5 {width: 300px}

.widget {background: url(images/hr.png) top repeat-x}
.widget h4 {color: #31485f;font-size: 18px;font-weight: bold;text-transform: uppercase}
.in {margin: 10px}
.widget .in {padding-top: 15px}

#subscribe {background: url(images/bigrss.png) top right no-repeat;padding: 10px}
#subscribe ul {list-style: none outside;margin: 0 0 20px 0}
#subscribe li {float: left;height: 26px;line-height: 26px;margin: 0;width: 140px}
#subscribe li a {background: url(images/rssblue.png) center left no-repeat;display: block;padding-left: 24px}
#subscribe li a:hover {text-decoration: underline}
#subscribe li.twitco a {background-image: url(images/twitterico.png)}
#subscribe li.plurkco a {background-image: url(images/plurkico.png)}
#subscribe .button {float: right}
.mailblock {background: #31485f;border: 1px solid #758493;color: #FFF;padding: 5px 10px;margin-bottom: 10px}
.mailblock label {background: url(images/mail.png) center left no-repeat;float: left;display: block;font: inherit;line-height: inherit;padding-left: 22px;width: 50px}
.mailblock input {background: #31485f;border: 0;color: #d0d0d0;font: inherit;line-height: inherit}

#latest_tips ul {list-style: none outside;margin: 0}
#latest_tips li {background: url(images/hr2.png) bottom repeat-x;font-size: 12px;margin: 0 0 10px;padding-bottom: 10px}
#latest_tips li p {margin: 0}
#latest_tips h5 {font-size: 14px;margin-bottom: 10px}

#liner {background: #31485f;border: solid #afbecc;border-width: 1px 0;height: 10px}

#richbar {background: #5f7c98;color: #FFF}
#richbar .sidebar {background: #7c93aa;border-color: #5e7891;border-bottom: 0}

.hide {display: none}

#comments_area {padding-top: 20px}
h3#comments, #respond h3, h2.captions, h3#trackbacks {background: url(images/hr2.png) bottom repeat-x;font: italic 32px Georgia, "Times New Roman", 
serif;margin-top: 30px}
h2.captions {color: #999;margin: 0 0 20px 0}
h2.captions em {color: #31485F}
ol.commentlist, ol.trackbacklist {margin: 0;list-style: none outside}
ol.commentlist li, ol#trackbacklist  li{margin: 0;padding: 10px;clear: both}
ol#trackbacklist .comment-author {width: 300px}
ol#trackbacklist .commentcontent {width: 320px}
ol.commentlist li, ol#trackbacklist li {background: #FFF}
ol.commentlist li.alt, ol#trackbacklist li.alt {background: #FAFAFA}
ol.commentlist li.my_comment, ol.commentlist li.author {background: #5F7C98}
ol.commentlist li.author {color: #f1f1f1}
ol.commentlist li.author a {color: #FFF;text-decoration: underline}
ol.commentlist cite {font-size: 1.2em;font-family: Georgia, "Times New Roman", serif}
ol.commentlist .reply {clear: both}
.comment-author {float: left;width: 240px}
.avatar {float: left;margin-right: 10px}
.says {display: none}
.commentmetadata {font-size: 10px}
.commentcontent {float: right;width:  380px}
#commentform {background: #FAFAFA;margin-left: 56px;padding: 10px 20px 30px 10px}
#commentform p {background: url(images/hr2.png) bottom repeat-x;clear: both;margin-bottom: 0;padding: 10px 0}
#commentform p.noborder {background-image: none}
#commentform label {float: left;width: 120px}
#commentform input, #commentform textarea {font: inherit;font-size: 12px}
#commentform input:focus, #commentform textarea:focus {background: #fffbe6}
#commentform textarea {width: 100%}
#commentform input {background: #FFF;border: 1px solid #999;padding: 5px 2px;width: 200px}
#commentform small {color: #999;font-size: 11px}

#respond {background: url(images/addcomment.png) 0 60px no-repeat}
#commentform #submit {float: right;width: auto}

.navigation {background: url(images/hr2.png) bottom repeat-x;height: 2em}
.navigation .alignleft {float: left}
.navigation .alignright {float: right}

.hidden {display: none}
#comments_area .navigation {background-image: none}

.page h2 {font: italic 30px Georgia, "Times New Roman", serif}

.wp-caption {background: #CCC;margin-bottom: 20px;text-align: center;padding: 2px;width: auto!important}
.wp-caption img {}
.articles .wp-caption-text {font: bold 13px/1.4em sans-serif;text-transform: uppercase;margin: 10px 0;text-align: center}
.alignleft {float: left}
img.alignleft {border: 2px solid #CCC;margin-right: 10px}

p.facebook a, p.shareparagraph {background: #eff4ff url(images/fb.png) 4px 3px no-repeat;font-style: normal!important;padding: 3px;padding-left: 24px;padding-right: 5px;line-height: 18px;-moz-border-radius: 2px;-webkit-border-radius: 2px}
p.facebook a:hover {background-color: #5F7C98;color: #FFF}
.articles p.facebook a:hover {text-decoration: none}
p.shareparagraph {background-image: none;font-size: 12px;line-height: 18px;padding: 3px 5px}
p.shareparagraph img.nothumb {vertical-align: top}
p.shareparagraph a.tt {margin-right: 9px}