/* 
Theme Name: missunderstood
Theme URI: http://www.samdevol.com
Description: This template is a modified version of missunderstood, by will rossiter <a href="http://www.willr.co.nz">(willr)</a>, and uses Ozh's <a href="http://frenchfragfactory.net/ozh/my-projects/wordpress-theme-toolkit-admin-menu/">Wordpress Theme Toolkit</a>.
Author: Sam Devol
Author URI: http://www.samdevol.com
Version: 0.92
*/

body {
 background: #222 url(images/headergrunge.jpg) repeat-x;
 color: #fff;
 margin: 0;
 padding: 0;
 }
a img {
 border: 0;
 }
a {
 text-decoration: none;
 }
.hidden {
 text-indent: -9000px;
 }
.br {
 clear: both;
 }
.small {
 font-size: x-small;
 }
.large {
 font-size: xx-large;
 }
#container {
 width: 90%;
 }
#header {
 margin-left: 10px;
 margin-top: 30px;
 width: 90%;
 }
#logo h1 {
 color: #D01A71;
 font-size: 3em;
 letter-spacing: 0.05em;
 margin: 0;
 padding: 0;
 font-family: Impact, Geneva, sans-serif;
 }
#description {
 color: #999;
 float: left;
 font-size: 1.2em;
 margin: 0;
 padding: 0;
 }
#topsearch {
 float: right;
 margin-top: -20px;
 }
#topsearch input {
 background: #333;
 border: 2px solid #555;
 color: #f4f4f4;
 font-family: Verdana;
 font-size: 0.7em;
 padding: 3px;
 }
#topsearch button,#commentform #submit {
 background: #222;
 border: 2px solid #444;
 color: #f4f4f4;
 font-family: Verdana;
 font-size: 0.7em;
 height: 2em;
 margin-left: 5px;
 padding: 0 2px 2px;
 }

	/* SIDEBAR AND WIDGETS */
#sidebar {
 float: left;
 margin: 0 0 0 -30px;
 padding: 0;
 position: absolute;
 top: 100px;
 width: 170px;
 }
#sidebar .widgettitle, #sidebar ul li h2 {
 border-right: 4px solid #444;
 color: #999;
 background: #333;
 font-size: 1em;
 font-weight: 700;
 height: 25px;
 margin-left: 5px;
 padding: 9px;
 text-transform: lowercase;
 width: 100px;
 }
#sidebar li.widget_aboutme ul li, #sidebar li.widget_aboutme ul li a, #sidebar li.widget_aboutme ul li p {
 margin-left:-45px;
 }
div.sidebartext {
 font-size:0.7em;
 margin:0 4px 0 8px
 }
#sidebar .widget ul li a, #sidebar ul li a {
 display:block; 
 color: #999;
 font-size: 0.9em;
 margin-left: -24px;
 margin-bottom:5px; 
 }
#sidebar ul,#navlist ul {
 list-style: none;
 }

	/* NAVLIST (TOP SIDEBAR MENU) */
#navlist {
 font-size: 1.2em;
 }
#navlist li a {
 background: inherit;
 border-right: 4px solid #444;
 color: #999;
 display: block;
 font-size: 0.9em;
 font-weight:700;
 height: 25px;
 margin: 5px;
 padding: 9px;
 text-transform: lowercase;
 width: 100px;
 }
#navlist li a:hover {
 background: #333;
 border-right: 4px solid #D01A71;
 color: #f4f4f4;
 }
#navlist li .active {
 background: #333;
 border-right: 4px solid #444;
 color: #999;
 }
 #navlist ul li a {
 margin-left:5px;
 }

	/* CONTENT/POSTS */
#content {
 margin: 60px 0;
 padding-left: 170px;
 }
#content .post-content a,#content .post-header a {
 color: #D01A71;
 font-weight: 700;
 }
#content a:hover {
 background: #333;
 color: #fff;
 font-weight: 700;
 }
#content p {
 color: #f4f4f4;
 font-size: 1em;
 line-height: 1.4em;
 margin-bottom: 1.5em;
 }
#content h3 {
 color: #999;
 letter-spacing: -0.1em;
 margin-bottom: 4px;
 text-indent: 20px;
 }
#content h3:hover {
 color: #fff;
 }
#content .code {
 background: #F4f4f4 url(images/codenums.png) repeat-y;
 border: 1px solid #ccc;
 color: #444;
 font: 12px/18px "courier new", helvetica, "times new roman", monospace;
 margin: 2px auto;
 overflow: auto;
 padding: 1px 1px 1px 25px;
 white-space: nowrap;
 width: 470px;
 }
#content code {
 background-color: #444;
 color: #fff;
 font-family: "courier new", helvetica, "times new roman", monospace;
 font-size: 1.1em;
 }
#content pre,div.post-container,div.post-footer p {
 margin: 0;
 }
#content h2.post-title a:hover,div#comments ol li p.comment-metadata a,#commentform a {
 background: #222;
 color: #D01A71;
 }
blockquote {
 border-left: 5px solid #D01A71;
 color: #999;
 font: italic 1em/1em georgia, palatino, serif;
 margin: 1em 0 2em 3em;
 padding-left: 1em;
 text-align: left;
 width: 75%;
 }
blockquote.pullquote {
 border: 1px solid #D01A71 !important;
 border-width: 1px 0 !important;
 padding: 0.5em 0.5em 0 !important;
 }
.pullquote p:first-letter {
 color: #D01A71;
 font: italic 20px/24px georgia, palatino, serif;
 }
div.post-content {
 margin: 1em 0 4em;
 }
#content h2.post-title a {
 color: #999;
 font-size: 1em;
 margin: 0 0 1.2em;
 text-indent: 0.5em;
 }
h2.post-title-single {
 color: #999;
 display: inline;
 margin: 0;
 text-indent: 0.5em;
 }
h3.post-date {
 color: #888 !important;
 font-size: 0.9em;
 margin: -1em;
 padding: 0;
 }
h3.post-date-single {
 color: #888 !important;
 font-size: 0.9em !important;
 margin: 0.4em 0 1em -1em;
 padding: 0;
 }
div.post-entry ul {
 margin:0;
 font-size:1.1em;
 }
div.post-entry li {
 font-size: 0.7em;
 }
.post-categories,.post-comments,.post-permalink {
 font-size: 0.9em;
 }
div.post-footer {
 border-bottom: 1px solid #444;
 border-top: 1px solid #444;
 font-size: 0.8em;
 margin: 0 1em;
 padding: 0 0 0.3em;
 text-align: center;
 width: 90%;
 }
h4#comment-header {
 font-size: 1.2em;
 font-weight: 400;
 margin: -1em 0 2em 1em;
 }
#comments {
 margin:1em;
 }
#comments .commentlist {
 border-bottom: 2px solid #999;
 margin: 0 4em 2em 0;
 padding-bottom: 2em;
 }
ol.commentlist li {
 margin: 1em 0;
 }
div#comments ol li p.comment-metadata {
 font-size: 0.9em;
 margin: 1em 0;
 }
div#comments ol li p.comment-metadata a {
 background-color:#333;
 }
div#comments ol li {
 margin: 0 0 2em;
 background-color:#333;
 }
div#comments ol li p {
 margin: 1em;
 }
#respond {
 margin: 1em 0 0 2em;
 }
#commentform {
 margin: 0 0 0 2em;
 }
textarea {
 color:#999;
 background-color:#444;
 }
div.nav-left,div.nav-right {
 color: #D01A71;
 font-size: 0.8em;
 margin: 2em auto;
 width: 47%;
 }
div.nav-left a,div.nav-right a {
 background: #222;
 color: #999;
 }
div.nav-left {
 float: left;
 margin-left: 1em;
 }
div.nav-right {
 float: right;
 margin-right: 1em;
 }
 
	/* FOOTER */
#footer {
 color: #666;
 font-size: 0.7em;
 margin-top: 30px;
 text-align: center;
 }
#footer a:hover {
 color: #f4f4f4;
 }
#footer p,#footer a {
 color: #666;
 }
.clearer {
 clear: both;
 height: 0;
 }
 
	/* MISCELLANEOUS */
.sociable li {
 padding: 0 !important;
 }
.pink,#logo a {
 color: #D01A71;
 }
.right,.alignright {
 float: right;
 }
.left,.alignleft {
 float: left;
 }
.center,.centered {
 display: block;
 margin: 0 auto;
 text-align: center;
 }
#categories { padding: 10px; width: 500px; text-align: justify; }
#categories a { text-decoration: none; }