/*
 Theme Name: Purple Heart
 Theme URI: http://miss-understood.net/
 Description: "Purple Heart"'s grungy version. Theme by Fuiun.
 Version: 3.0
 Author: Fuiun
 Author URI: http://miss-understood.net/
 */

/* =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/* Resets */
:focus {
	outline: 0;
}
html, body {
	height: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* =global */
a, a:visited {
	color: #725E82;
  text-decoration: none;
  outline: none;
}
a:hover, a:active {
	color: #8D4BBB;
}

input.form-radio, input.form-checkbox {
	vertical-align: middle;
}

/* =accessability */
#nav_access {
	position: absolute;
	top: -10em;
	left: -9999px;
}

/*******************************************************************************
 * Layout
 */
html {
	background: #ddded3 url(images/bg.png) repeat center top;
}
body {
	background: url("images/Blog.jpg") no-repeat center top;
	font: 13px/1.5 Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	text-align: center;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
  line-height: normal;
}

input, textarea, select, option {
  color: #333;
	font: 13px/1.5 Arial, Helvetica, Verdana, sans-serif;
  outline: none;
}


/* =header -------------------------------------------------------------------*/
#header {
	height: 95px;
}
#header h1 {
	width: 422px;
	height: 54px;
	position: relative;
	top: 20px;
	left: 0;
}
#header h1 span {
	background: url("images/Logo.jpg") no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#header h1 a {
  display: block;
	cursor: pointer;
	color: #000;
}
#header .description {
  margin: -10px 0 0 432px;
  color: #666;
  font: 14px Georgia, "Times New Roman", Times, serif;
}

/* =Tab Navigation -----------------------------------------------------------*/
#navigation {
  background: url(images/tabBG.jpg) no-repeat;
	height: 25px;
}
#navigation ul {
	float: left;
  width: 678px; /* Number of tabs * 113px, fix in IEs and Fx 2 */
  margin-right: 0;
}
#navigation li {
	float: right;
  height: 25px;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
  text-align: center;
}
#navigation li a, #navigation li a:visited {
  display: block;
  background: url(images/tab.png) no-repeat 0 0;
  width: 113px;
  height: 25px;
	line-height: 25px;
  margin-right: -25px;
  padding: 0 25px 0 0;
	color: #ebebeb;
  text-decoration: none;
}
#navigation li a:hover, #navigation li a:active {
	color: #fff;
  background: url(images/tab.png) no-repeat 0 -25px;
}
#navigation li.current_page_item a, #navigation li.current_page_item a:visited,
#navigation li.current_page_item a.home, #navigation li.current_page_item a.home:visited {
  background-position: 0 -50px;
  position: relative;
  z-index: 2;
}

#navigation li a.home, #navigation li a.home:visited {
  background: url(images/tab.png) no-repeat 0 -75px;
}
#navigation li a.home:hover, #navigation li a.home:active {
  background: url(images/tab.png) no-repeat 0 -100px;
}

/* =Panel --------------------------------------------------------------------*/
#panel {
  float: left;
  background: #1e1a19 url(images/panelB.jpg) no-repeat left bottom;
  width: 900px;
  padding: 30px 30px 40px;
  padding: 0 30px 25px;
  color: #a9a9a9;
  position: relative;
}

#panel .postImg {
  float: right;
  width: 355px;
  max-height: 240px;
  margin: 30px 0 0;
  border: #0e0c0c solid 10px;
  overflow: hidden;
}
#panel .postImg img {
  width: 355px;
}

#panel .post {
  float: left;
  width: 500px;
  margin: 0;
  padding: 30px 0 15px;
}
#panel .post .postMeta {
  margin: 5px 0 10px;
}
#panel h3.about {
  margin: 20px 0 0;
}
#panel p.about {
  margin: 10px 0;
}
#panel .readMore, #panel .readMore:visited {
  float: right;
  background: url(images/readMore.png) no-repeat left top;
  width: 126px;
  height: 26px;
  margin-right: -15px;
  padding: 0;
  text-indent: -9999px;
}
#panel .readMore:hover, #panel .readMore:active {
  background: url(images/readMore.png) no-repeat left bottom;
  padding: 0;
}
#panel .post blockquote {
  background: url(images/quoteDark.gif) no-repeat 0 0;
}

#panel h3 {
  color: #dcdcdc;
  font-size: 28px;
}
#panel h3 a, #panel h3 a:visited {
  color: #ddd;
}

/* =post-small */
#panel .post-small {
  padding: 20px 0 10px;
}
#panel .post-small .postImg {
  float: left;
  width: 100px;
  height: 60px;
  margin: 0 20px 0 0;
  border: #0e0c0c solid 7px;
  overflow: hidden;
}
#panel .post-small .postImg img {
  width: 120px;
}
#panel .post-small h2#article {
  color: #999;
  font: bold italic 16px Georgia, "Times New Roman", Times, serif;
  margin: 3px 0 0;
  position: inherit;
}
#panel .post-small h3 {
  font-size: 21px;
  margin: 15px 0 0;
}

#panel strong {
  color: #f5f5f5;
}


/* =content */
#content {
  clear: both;
  background: url(images/Body.png) repeat-y center top;
}
#content a, #content a:visited,
#footer a, #footer a:visited {
	color: #8D4BBB;
	font-weight: bold;
  padding: 1px 3px;
}
#content a:hover, #content a:active,
#footer a:hover, #footer a:active {
	color: #fff;
	background-color: #8D4BBB;
}

#mainContent {
	float: left;
	width: 565px;
  margin: 30px 0 30px 30px;
}

/* =footer */
#footer {
	clear: both;
  background: url(images/footer.png) no-repeat center top;
  height: 100px;
	padding: 50px 0 0;
  position: relative;
  top: -20px;
}
#footer .wrapper {
  position: relative;
}
#footer li {
	display: inline;
	font-size: 12px;
}
#footer .backTop {
  background: url(images/top.gif) no-repeat right top;
  padding: 5px 30px 0 0;
  position: absolute;
  top: -5px;
  right: 50px;
}


/*******************************************************************************
 * =Post
 */
.navigation {
	float: left;
	width: 100%;
	padding-bottom: 1em;
}

.post {
	clear: both;
  margin-bottom: 1em;
}
.postTitle {
  margin: 0 -20px;
	display: block;
}

.datetime {
	float: left;
	background: url(images/calendar.gif) no-repeat;
	width: 47px;
	height: 42px;
	margin-right: 10px;
	padding-top: 12px;
	color: #B2B2B2;
	font-size: 11px;
	font-weight: bold;
  line-height: normal;
	text-align: center;
	text-transform: uppercase;
}

.datetime span {
	display: block;
	color: #fff;
	font-size: 18px;
}

.post h3.title {
  margin: 0 0 3px 0;
  font-weight: bold;
	font-size: 28px;
	color: #8D4BBB;
}
#content .post h3.title a {
  padding: 0;
}
.post .postMeta {
  margin-left: 60px;
  color: #808080;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.postMeta li {
	display: inline;
	padding-right: .5em;
}
.postfeedback {
	background: url(images/chat_grey.gif) no-repeat;
	padding-left: 18px;
}

.entry {
  clear: both;
	margin: 1em 0 0;
}
.post .tags {
  background: url(images/tag.gif) no-repeat left top;
  margin: 20px 1em 0;
  padding: 0 0 0 22px;
}

.post .more {
  background: url(images/more.gif) no-repeat 100% 0;
  padding-right: 30px;
  text-align: right;
}
.post .more-link:hover .more, .post .more-link:active .more {
  background: url(images/more.gif) no-repeat 100% 100%;
}

.post .seperator {
	clear: both;
	background: url(images/seperator.gif) no-repeat center center;
  height: 16px;
	padding: 1em 0;
	text-align: center;
}

/* =best-of */
.post .best-of {
  clear: both;
  list-style: none;
  margin: 0;
}
.post .best-of li {
  clear: both;
}
.post .best-of div {
  float: left;
  background-color: #eeeeea;
  width: 150px;
  height: 150px;
  margin: 0 0 20px;
  padding: 10px;
  overflow: hidden;
}
.post .best-of h4 {
  font-size: 18px;
  margin-left: 180px;
}
.post .best-of p {
  font-size: 12px;
  text-indent: 2em;
  margin: 10px 2px 0 185px;
}

/* =pagenav */
.navigation .wp-pagenavi {
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
}
.navigation .wp-pagenavi span.pages {
  float: left;
  margin: 2px;
  padding: 2px 4px;
  color: #333;
  border: none;
  background: none;
}
#content .navigation .wp-pagenavi a, .navigation .wp-pagenavi a:visited {
  margin: 2px;
  padding: 2px 4px;
  font-weight: bold;
	border: none;
	color: #8D4BBB;
  background: none;
}
#content .navigation .wp-pagenavi a:hover, #content .navigation .wp-pagenavi a:active {
  background-color: #8D4BBB;
  color: #fff;
}
.navigation .wp-pagenavi span.current {
  margin: 2px;
  padding: 2px 4px;
	font-weight: bold;
	border: none;
  background-color: #8D4BBB;
  color: #fff;
}
.navigation .wp-pagenavi span.extend {
  background: none;
  border: none;
  color:#333;
  margin:2px;
  padding:2px 4px;
}

.post .navigation {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: normal;
}
.post .navigation .left {
  background: url(images/hands.gif) no-repeat 0 1px;
  padding: 0 0 0 33px;
}
.post .navigation .right {
  background: url(images/hands.gif) no-repeat 100% -15px;
  padding: 0 33px 0 0;
}

/* =phrase styles ------------------------------------------------------------*/
.post .heading {
  border-bottom: #a9a9a9 solid 1px;
  clear: both;
  margin: 12px 0 14px 0;
  padding: 0.25em 0 0;
  font: bold 21px Helvetica, Arial, "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
}

.post p {
  line-height: 1.6em;
	margin-bottom: 1em;
  text-align: justify;
}
.post small {
  font-size: 11px;
}

/* =quote */
.post .quote {
  border-left: 1px solid #C2C2C2;
  float: right;
  margin: 0 0 10px 12px;
  padding: 0 0 0 12px;
}
.post .quote cite {
  display: block;
  margin-bottom: 3px;
  color: #999;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
}
.post .quote p {
  color: #666;
  line-height: 1.3;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}

.post .remark {
  color: #666;
  font-size: 12px;
}
.post .remark li {
  margin-bottom: 5px;
}

/* =post-img */
.post-img {
  background-color: #eeeeea;
  margin: 0 0 1em;
  padding: 10px;
  overflow: hidden;
  text-align: center;
}
#content .post-img a, #content .quote a {
  padding: 0;
}
.post-img img {
  max-width: 545px;
  height: auto;
}

/* =list */
.post ol, .bubble blockquote ol {
	list-style-type: decimal;
}
.post ul, .bubble blockquote ul {
	list-style-type: disc;
}
.post ol, .post ul,
.bubble blockquote ol, .bubble blockquote ul {
	margin: 0 0 1em 2em;
  text-align: justify;
}


.post code {
	font: 12px "Lucida Console", "Courier New", Courier, monospace;
	color: #666;
}

.post blockquote {
  background: url(images/quote.gif) no-repeat 0 0;
	color: #666;
	margin-left: 10px;
	padding: 7px 10px 0 20px;
}

.post pre {
	border: #999 dotted;
  border-width: 1px 0;
	overflow: auto;
	margin-bottom: 1em;
	padding: 1em 0px;
	width: 100%;
  font-size: 12px;
}


/* = table styles */
table.argument {
  border-top: #666 solid 1px;
  border-bottom: #666 solid 2px;
  width: 100%;
margin-bottom: 1.5em;
}
table.argument caption {
  font-size: 1.17em;
}
table.argument td, table.argument th {
  border-top: #999 solid 1px;
  padding: .2em .5em;
  vertical-align: top;
}
table.argument th {
  color: #151515;
  font-weight: bold;
  padding: .2em .5em;
}

/* =dl */
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 .5em 1em;
}

/*------------------------------------------------------------------------------
 * =Single Post & Pages
 */
.single h3.title, .single .postMeta {
  margin-left: 0;
}

.page .postMeta {
	color: #333;
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	padding: 0 0 1em .3em;
}
.single .post h3 {
  font-size: 2em;
}

.pagetitle {
  /*color: #d9d9d9;*/
	font: 30px Georgia, "Times New Roman", Times, serif;
  margin: 30px 0 20px;
}
.pagetitle em {
  color: #d9d9d9;
  font-style: normal;
}

/* =archives ----------*/
.archive .preview {
  float: left;
  clear: left;
  background-color:#eeeeea;
  margin: 0 15px 0 0;
  padding: 9px;
  border: #ccc solid 1px;
  overflow: hidden;
}
.archive .preview img {
  width: 135px;
}
.archive h3.title {
  font-size: 21px;
}
.archive .entry {
  clear: none;
  margin-top: 10px;
}

.post .postImg {
  background-color:#eeeeea;
  text-align: center;
  padding: 10px 10px 0;
  overflow: hidden;
}
.post .postImg img {
  border: none;
  max-width: 545px;
}
.post .wp-caption-text {
  color: #808080;
  margin: 0;
  padding: 5px 0 0;
  text-align: center;
}

/*------------------------------------------------------------------------------
 * =Sidebar
 */
#secondaryContent {
	float: right;
	background: url(images/LineH.png) no-repeat left top;
	width: 260px;
  margin: 20px 25px 0 0;
  padding: 10px 0 20px 40px;
}

#secondaryContent h2 {
  font-weight: bold;
  font-style: italic;
	font-size: 20px;
  line-height: normal;
	margin-left: -3px;
	padding-bottom: 12px;
}
#secondaryContent ul {
	padding: 0 0 10px;
}
#secondaryContent ul li {
  clear: both;
  padding: 0 0 30px;
}
#secondaryContent ul li li {
  padding: 0;
}

/* =about */
#content .author, #content .author:visited {
  display: block;
  padding: 0;
  position: relative;
}
#content .author:hover, #content .author:active {
  background-color: transparent;
  padding: 0;
}


/* =twitter */
.twitter {
  background: url(images/twitter.png) no-repeat left top;
  min-height: 95px;
}
.tweet {
  padding: 0 0 0 90px;
  text-indent: 2em;
  font-size: 12px;
}
.tweet .twitter-timestamp {
  color: #666;
  display: block;
}
.tweet .twitter-timestamp abbr {
  border: none;
  font-size: 10px;
}

/* =search */
#secondaryContent .text {
  float: left;
  background: url(images/searchBox.gif) no-repeat;
  width: 160px;
  height: 18px;
  margin-right: 10px;
  padding: 5px 1px 4px;
  border: none;
}
#secondaryContent .submit {
  background: url(images/searchBtn.gif) no-repeat;
  width: 80px;
  height: 27px;
  padding: 0 0 3px;
  border: none;
  color: #fff;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
  cursor: pointer;
}


/* =categories */
#secondaryContent ul.categories {
  margin-left: 3px;
  padding: 0;
}
#secondaryContent ul.categories li {
  background: url(images/arrow.gif) no-repeat 0 3px;
  padding: 2px 0 2px 15px;
  color: #a8a8a8;
}
#secondaryContent ul.children {
  padding: 2px 0 0;
}
#secondaryContent ul.children li {
  padding: 2px 0 0 15px;
}

/* =recentPosts */
#secondaryContent ul.recentPosts {
  padding: 0;
}
#secondaryContent ul.recentPosts li {
  background: url(images/brush.gif) no-repeat 0 2px;
  padding: 2px 0 2px 20px;
}

/* =recentComments */
#secondaryContent ul.recentComments {
  padding: 0;
}
#secondaryContent ul.recentComments li {
  background: url(images/bubble.gif) no-repeat 0 3px;
  padding: 1px 0 5px 20px;
  font-size: 12px;
}

/* =feeds */
#secondaryContent ul.feeds li {
  background: url(images/RSS.gif) no-repeat 0 2px;
  margin-left: 3px;
  padding: 0 0 7px 18px;
}


/***
 * =Comments
 */
#postComment {
  clear: both;
	padding: 0 0 20px 0;
}

#postComment h3#comments, #respond h3 {
	clear: both;
	font-size: 30px;
  margin: 0 0 10px;
}


ol.commentlist li {
  background: url(images/comment-light.png) repeat;
  margin: 0 0 20px;
  padding: 10px;
  position: relative;
  -moz-border-radius: 7px;
}
ol.commentlist li.alt {
  background: url(images/comment-dark.png) repeat;
}

/* Normal Bubble */
ol.commentlist li .avatar {
	float: left;
	background-color: #fff;
	width: 36px;
	padding: 2px;
	border: #cdcdcd solid 1px;
}
ol.commentlist li cite {
	display: block;
  margin-left: 52px;
  font-weight: bold;
  font-size: 16px;
}
ol.commentlist li .says {
  display: none;
}
ol.commentlist li .comment-meta {
  color: #808080;
  font-size: 12px;
  margin: 0 0 15px 52px;
}
#content .comment-meta a, #content .comment-meta a:visited {
  color: #808080;
  font-weight: normal;
  padding: 0;
}
#content .comment-meta a:hover, #content .comment-meta a:active {
  color: #fff;
}
ol.commentlist li p {
  clear: both;
  margin-bottom: 1em;
}
ol.commentlist li .reply {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* =FORM-comment */
.required {
	color: #8D4BBB;
  font-weight: bold;
}

#form-comment {
  position: relative;
}

input.text, textarea {
	border: double #cdcdcd;
	padding: 3px 4px;
}

#form-comment input.text {
	width: 210px;
}
#form-comment label {
  display: block;
  line-height: 25px;
}
#form-comment label em {
  font-weight: bold;
  font-style: normal;
}

#form-comment textarea {
	width: 288px;
	height: 130px;
	margin: 6px 0px 0;
}

#form-comment .authorInfo {
  float: left;
  width: 240px;
}
#form-comment .commentArea {
  float: right;
  width: 300px;
}
#form-comment .tagsAllow {
	border: 1px dashed #cdcdcd;
  padding: 1px 5px;
}
#form-comment .tagsAllow small {
  color: #666;
  font-size: 11px;
  line-height: 15px;
}

#form-comment .submit {
  clear: both;
  text-align: right;
}
#form-comment .submit input {
  cursor: pointer;
	background: #9957c5;
	border: double #cdcdcd;
	height: 28px;
	color: #fff;
	font-weight: bold;
  font-size: 12px;
	margin: 15px 0 0;
	padding: 0 5px;
}

/*******************************************************************************
 * =404
 */
.word404 {
  display: block;
  background: url(images/404.gif) no-repeat;
  width: 116px;
  height: 53px;
  text-indent: -9999px;
  position: absolute;
  top: 18px;
  right: 30px;
}

/*******************************************************************************
 * =kgarchives
 */
.kgarchives {
  margin: 20px 0 0;
}
.kgarchives h2 {
  font-size: 18px;
  line-height: 2;
}
.kgarchives li {
  margin: 3px 0;
  font-size: 14px;
}