/* 
Theme Name: missunderstood
Theme URI: http://samdevol.com/wordpress-theme-missunderstood/
Description: This template is a modified version of missunderstood, by will rossiter <a href="http://www.willr.co.nz">(willr)</a>.
Author: Sam Devol
Author URI: http://www.samdevol.com
Version: 0.94
*/

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: 23px;
 margin-top: 6px;
 width: 90%;
 z-index:-1
 }
#logo h1 {
 color: #D01A71;
 font-size: 1.8em;
 letter-spacing: -0.1em;
 margin: 0;
 padding: 0;
 }
#description {
 color: #999;
 float: left;
 font-size: 1.2em;
 margin: 0;
 padding: 0;
 }
#topsearch {
 float: right;
 margin-top: -100px;
 }
#topsearch fieldset {
 border:none; 
 }
#topsearch, #topsearch input {
 vertical-align:middle;
 }
#topsearch input#s{
 border:none; 
 background: url(images/searchbg.gif) no-repeat;
 width:208px;
 color: #D01A71;
 font-family: Verdana, geneva, sans-serif;
 font-size: 0.7em;
 height:16px;
 padding: 3px;
 }
#commentform #submit {
 border: 2px solid #444;
 color: #D01A71;
 background-color:#333;
 font-family: Verdana, geneva, sans-serif;
 font-size: 0.7em;
 height: 2.3em;
 margin: 0 0 0 5px;
 padding: 0 2px 5px;
 }

	/* SIDEBAR AND WIDGETS */
	
#sidebar {
 float: left;
 margin: 0 0 0 -30px;
 padding: 0;
 position: absolute;
 top: 130px;
 width: 220px;
 }
#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 9px 4px 9px;
 text-transform: lowercase;
 width: 170px;
 }
#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: -25px;
 margin-bottom:5px; 
 text-decoration: none;
 }
 
 #sidebar .widget ul li a:hover, #sidebar ul li a:hover {
 color: #f4f4f4;
 background: #333;
 border-right: 4px solid #D01A71;
 }
 
#sidebar ul,#navlist ul {
 list-style: none;
 }

	/* NAVLIST (TOP SIDEBAR MENU) */
#navlist {
 font-size: 1.2em;
 margin-bottom:-12px;
 }
#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 9px 4px 9px;
 text-transform: lowercase;
 width: 170px;
 }
#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: 220px;
 line-height:1.4em;
 }
#content .post-content a,#content .post-header a {
 color: #D01A71;
 font-weight: 700;
 }
#content .post-header {
 font-size:.8em;
 line-height:1em;
 }
#content .post-edit {
 font-size:1.5em;
 float:right;
 margin-top:-15px;
 margin-right:20px;
 }
#content a:hover {
 background: #333;
 color: #fff;
 font-weight: 700;
 }
#content p {
 color: #f4f4f4;
 font-size: 0.9em;
 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: #333 url(images/codenums2.png) repeat-y;
 border: 1px solid #ccc;
 color:#111;
 font: 12px/18px "ms courier new", courier, monospace;
 margin: 2px auto;
 overflow: auto;
 padding-left:25px;
 white-space: nowrap;
 width: 470px;
 }
#content code {
 background-color: #444;
 color: #fff;
 font-family: "ms courier new", courier, 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 sans images */
div.post-entry blockquote {
display: block;
padding: 0px 10px;
width: 85%;
}
/* div.post-entry blockquote { display: inline; }*/
div.post-entry blockquote:before, div.post-entry blockquote:after {
color: #D01A71;
font-family:Times New Roman, serif;
font-weight:700;
background : transparent;
display: block;
font-size: 700%;
width: 50px;
z-index:-1
}
div.post-entry blockquote:before {
content: open-quote;
height:10px;
margin-top:.35em;
margin-bottom:-.3em;
margin-left: -.55em;
}
div.post-entry blockquote:after {
content: close-quote;
height: 50px;
margin-top: -.25em;   
margin-left: 90%;
margin-bottom: -.25em;
}
/* /Blockquote sans images */

div.pullquote {
 float: left;
 width: 10em;
 margin: 0.25em 0.6em 0 0;
 padding: 0 0.5em 0 0;
 border: 3px double #D01A71;
 border-width: 3px 0;
 color: #999;
 background: transparent;
 font-family:ms georgia, palatino, serif;
 font-style:italic;
 font-size:1.3em;
}
.pullquote p:first-letter {
 color: #D01A71;
 font-family:ms georgia, palatino, serif;
 font-style:normal;
 font-size:1.6em;
 }
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;
 }
div.post-entry .linkcat li {
 list-style:none;
 font-size: 1.5em;
 }
div.post-entry .linkcat a:link {
 color: #D01A71;
 }
div.post-entry .linkcat a:visited {
 color: #444;
 }
 
div.post-entry .more a {
	background:url(images/arrow_orange.gif) no-repeat 0 5px;
	padding-left:15px;
	color:#777907;
}

div.post-entry .more a:hover {
	background:url(images/arrow_green.gif) no-repeat 0 5px;
	color:#a6431c;
}
 
.linkcat h2 {color: #999;}
.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%;
 }
h3#comment-count {
 font-size: 1.2em;
 font-weight: 400;
 margin-left:100px;
 margin-bottom:-20px;
 padding-right:0px;
 }
h4#comment-header {
 font-size: 1.2em;
 font-weight: 400;
 color:#999;
 margin:0 auto;
 }
#comments {
 margin:1em;
 }
#comments .commentlist {
 border-bottom: 2px solid #999;
 margin: 0 4em 2em 0;
 padding-bottom: 2em;
 }
ol.commentlist li {
 margin: 1em 0;
 }
.comment-metadata {
background:#333 url(images/chat_grey.gif)no-repeat 0px 3px;
 }
div#comments ol li p.comment-metadata {
 font-size: 0.9em;
 margin: 1em 0;
 padding-left:15px;
 }
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;
 }
#commentform p {color:#999;}
#respond {
 color:#999;
 margin: 1em 0 0 2em;
 }
#commentform {
 color:#999;
 margin: 0 0 0 2em;
 }
#commentform input{
 color:#F4F4F4;
 background-color:#444;
 }
#commentform textarea {
 color:#F4F4F4;
 background-color:#444;
 }
#commentPreview p {color:#F4F4F4;}
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;
 margin:0.4em 0 0.4em 1.1em;
 text-align: right;
 }
.left,.alignleft {
 float: left;
 margin:0.4em 1.1em 0.4em 0;
 text-align: left;
 }
.center,.centered {
 display: block;
 margin:0.4em auto;
 text-align: center;
 }
 
 .dateblock {
	text-align: center;
	width: 64px;
	float:left;
	background-image:url(images/calendar.png);
	height: 55px;
	margin-top: -25px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding:6px 0 0 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.month {
	font-size: 9px;
  font-weight:700;
	margin:0px 0 0 -2px;
	display:inline;
	font-family:Verdana, geneva, sans-serif;	
	color:#444;
}
.year {
	font-size: 8px;
	margin:0px 0px 0 4px;
	display:inline;
	font-family:Verdana, geneva, sans-serif;
	color:#999;
}
.day {
  color:#D01A71;
	font-size: 24px;
	margin-top:-2px;
	margin-bottom:2px;
	font-weight:bold;
	font-family: Georgia, serif;
}

/* meta */

#meta {
    padding-left:12px;
}
#meta .site_admin {
	background: url(images/cog.png) no-repeat;
}
#meta .rss {
	background: url(images/mini-rss.png) no-repeat;
}
#meta .login {
	background: url(images/mini-user.png) no-repeat;
}
#meta .check {
	background: url(images/mini-check.png) no-repeat;
}
#meta .wordpress {
	background: url(images/mini-wp.png) no-repeat;
}
#meta .pakasuite {
	background: url(images/mini-flames.png) no-repeat;
}
#meta .flashvip {
	background: url(images/mini-bee.png) no-repeat;
}

/***** SIDEBAR2 *****/

#sidebar2 .ads {
	display: block;
	clear: both;
	width: 105px;
	margin: 6px 0;
	padding-left: 12px;
}

#sidebar2 .ads img {
	display: block;
	width: 100px;
	height: 125px;
	padding: 0;
	border: none;
	background: transparent;
}

#sidebar2 .ads .ad-center {
	float: center;
	margin: 0 0 10px 0;
}

#sidebar2 .ads .ad-left {
	float: left;
	margin: 0 0 10px 0;
}

#sidebar2 .ads .ad-right {
	float: right;
	margin: 0 0 10px 0;
}

#sidebar2 h2 {
	padding-left:46px;
	border-right: 4px solid #444;
    color: #999;
    background: #333;
    font-size: 1em;
    font-weight: 700;
    height: 25px;
    margin-left: 46px;
    padding: 9px 9px 4px 9px;
    text-transform: lowercase;
    width: 170px;
}

/***** SIDEBOX *****/

#sidebox {
}

#sidebox h2 {
	padding-left:46px;
	border-right: 4px solid #444;
    color: #999;
    background: #333;
    font-size: 1em;
    font-weight: 700;
    height: 25px;
    margin-left: 46px;
    padding: 9px 9px 4px 9px;
    text-transform: lowercase;
    width: 170px;
}

#sidebox ul {
	list-style: none;
}

#sidebox ul li {
	padding: 10px 10px 8px 21px;
	font-size: 90%;
	list-style: none;
}

#sidebox #destaque {
	padding-left:42px;
}

#sidebox #ads1 {
	padding-left:46px;
}

#sidebox #mobile {
	padding-left:52px;
}