/*   
Theme Name: Death Proof
Theme URI: http://www.mechasoup.com/
Description: Simple Death Proof Theme
Author: Frothy
Author URI: http://www.mechasoup.com/blog
Version: 1.0
*/

/*
	1- General 
	2- Page + Header
	3- Main + RightSide
	4. Post
	5. Comments
	6. Pagebar
	7. Footer
*/

* {padding: 0; margin: 0}

body {
	color: #000; 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #b8e3df; 
        background-image: url ('http://www.mechasoup.com/blog/blog_background_blue.jpg');
        background-repeat: repeat-y;
        background-position: center;
}

table.nav-bar {margin: 0px 0px 0px 0px;}
table.nav-bar td {font-family: tahoma; font-size: 13px; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px;}
table.nav-bar a {color: #e4e4e4; text-decoration: none;}
table.nav-bar a:hover {color: #7be77e; text-decoration: none;}
table.nav-bar a img {border: 0px;}
table.nav-bar p {margin: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 13px;}
table.nav-bar h1 {font-size:10px;}
table.nav-bar h2 {font-size:10px;}

/* --1-- General */
a {color: #e32b06; text-decoration: none}
a:hover {color: #7be77e; text-decoration: none;}
a img {border: 0}
p {margin: 0px; padding-top: 15px; padding-bottom: 5px; font-size: 13px;}
h1 {font-size:15px;}
h2 {font-size:15px;}
blockquote {font: normal 15px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; background-color: #ffffff}
blockquote p {padding-bottom: 15px}
div.error {padding: 10px}
p.navigation-bar a:link {color: white;
text-decoration: none}
p.navigation-bar a:hover {background-color: #ffb0d3;
color: black;
text-decoration: none}

/* --2-- Page + Header */
div#page {margin: 0 auto; width: 750px; background-color: #fff; padding: 0px; background: url("http://www.mechasoup.com/blog/blog_background_blue.jpg") repeat-y;}
div#page-bot {margin: 0px; padding: 0px; clear: both;}
div#page div#header {margin: 0px; padding: 0; height: 235px; background: none; padding: 0px;}
div#page div#header a {font: normal 20px Tahoma, sans-serif; color: #336699}
div#page div#header span#span {font: normal 12px Tahoma, sans-serif; color: #888;}
div#page div#header #searchform {margin:0; padding: 0; height: 50px; background: none;}
div#page div#header #searchform .search-box {font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: #000000 solid; border-width: 1px 0 1px 1px; width: 140px; height: 16px; padding:0px; margin:0px}
div#page div#header #searchform .search-button {border: 0; width:23px; height: 23px; padding:0px; margin:0}
div#page div#header .text_s {margin: 0px}
* html div#page div#header #searchform .search-button {padding:0; margin:0}

/* --3-- Main + RightSide */
div#page div#main {margin: 0px;}
div#page div#main div#rightside {float: right; width: 140px; padding: 10px 10px 0px 0px; margin: 0px;}
div#page div#main div#rightside div.box {width: 140px; padding: 0px 0px 10px 0px; margin: 0px;}
div#page div#main div#rightside div.box p {width: 140px; padding: 0px 0px 0px 0px; margin: 0px;}
div#page div#main div#rightside div.box h2 {width: 140px; padding: 0px 0px 0px 0px; background-color: #faf9eb;}
div#page div#main div#rightside div.box ul {width: 140px; padding: 0px 0px 0px 0px; margin: 0px;}
div#page div#main div#rightside div.box ul li {width: 140px; padding: 0px; list-style: none; margin: 0px;}
div#page div#main div#rightside div.box ul li a {background: #faf9eb; display: block; color: #e32b06; width: 140px; padding: 0px;}
div#page div#main div#rightside div.box ul li a:hover {color: #7be77e; text-decoration: none; width: 140px; padding: 0px;}
div#page div#main div#rightside div.box ul li.current_page_item a {background-color: #F8F8F3; color: #000; width: 140px; padding: 0px;}
div#page div#main div#rightside #recentposts div.box ul li {width: 140px; padding: 0px; list-style: disc; margin: 0px;}

/* --4-- Post */
div#page div#main div#leftside {float: left; width: 585px; margin-right: 165px; padding: 0px; margin: 0px 0px 0px 0px}
div#page div#main div#leftside div.post {padding: 10px 10px 30px 10px; margin: 0px 5px 0px 0px}
div#page div#main div#leftside div.post div.entry {padding-bottom: 20px; margin: 0px}
div#page div#main div#leftside div.post div.entry img {padding: 0px; margin: 0px;}
div#page div#main div#leftside div.post div.entry a:hover {color: #7be77e; text-decoration:none}
div#page div#main div#leftside div.post h1 {margin: 0px; padding-top: 0px;}
div#page div#main div#leftside div.post h1 a {color: #e32b06; text-decoration: none}
div#page div#main div#leftside div.post h1 a:hover {color: #7be77e; text-decoration: none}
div#page div#main div#leftside div.post h1 small {float: right; font: normal 10px Verdana; color: #c1bfa0; padding: 0px 0px 0px 0px; margin: 0px -6px 0px 0px;}
div#page div#main div#leftside div.post div.entry ul {margin: 0px; padding: 10px 0px 0px 30px;}
div#page div#main div#leftside div.post div.entry ul li {list-style: circle; margin: 0px; padding: 0px}
div#page div#main div#leftside div.post div.entry ol {list-style-type: decimal; margin: 0px; clear: both; font: normal 11px/17px Tahoma, sans-serif; padding: 0px; background: #fafafa}
div#page div#main div#leftside div.post div.entry ol li {padding:0; margin:0}
div#page div#main div#leftside div.post .info {font-size: 10px; margin: 0px; padding: 0px}
div#page div#main div#leftside div.post .info a {color: #888;}
div#page div#main div#leftside div.post .info span {color: #ccc;}
div#page div#main div#leftside div.post #player {padding:0; margin:0}

/* --5-- Comments */
div#page div#main div#leftside #commentform {margin: 0px; padding: 10px;}
div#page div#main div#leftside #commentform small {font: normal 10px Verdana, Tahoma, sans-serif}
div#page div#main div#leftside h3#respond {margin: 0px; padding: 10px; font: bold 13px Tahoma}
div#page div#main div#leftside .commentlist {margin: 0; padding: 0;}
div#page div#main div#leftside .commentlist li {list-style: none; margin: 0; padding: 10px;}
div#page div#main div#leftside .commentlist li.alt {background: #fcfcfc}
div#page div#main div#leftside input.textbox {padding:4px; width:150px; border: 1px #c1bfa6 solid; font: normal 11px Verdana, Tahoma, sans-serif}
div#page div#main div#leftside textarea#comment {padding:4px; font:1em Verdana, Arial, Serif; border: 1px #c1bfa6 solid; width: 468px}
div#page div#main div#leftside input#submit {background: #FCFCFC; border: 1px #c1bfa6 solid; font-size: 11px; font-family: Verdana; padding: 4px;}
div#page div#main div#leftside div.mycomment {color: #888; padding: 0px; overflow: hidden}
div#page div#main div#leftside div.mycomment div.com span.author {font: bold 12px Tahoma;}
div#page div#main div#leftside div.mycomment div.com {border-bottom:1px #c1bfa6 solid; padding: 0px}
div#page div#main div#leftside div.mycomment div.com small {font-size:10px}
div#page div#main div#leftside div.mycomment div.com small a {font-size:10px; color: #888}
div#page div#main div#leftside div.mycomment div.comment-in {color: #000; padding: 0px}
div#page div#main div#leftside div.mycomment div.comment-in p {margin: 0px;}
div#page div#main div#leftside .gravatar {background: url(images/bg-avatar.gif);padding: 3px; margin: -2px 5px 0 0; width: 30px; height: 30px}

/* --6-- Pagebar */

div#page div#main div.pagebar {text-align: center; background: #faf9eb; font-size: 13px; padding: 10px; color: #020202}

div#page div#main div.pagebar a {text-align: center; background: #faf9eb; font-size: 13px; padding: 10px; color: #020202}

div#page div#main div.pagebar a strong {text-align: center; background: #faf9eb; font-size: 13px; padding: 10px; color: #020202}

div#page div#main div.pagebar a:hover, div#page div#main div.pagebar a.this {text-align: center; background: #faf9eb; font-size: 13px; padding: 10px; color: #020202}

div#page div#main div.pagebar a:hover strong, div#page div#main div.pagebar a.this strong {text-align: center; background: #faf9eb; font-size: 13px; padding: 10px; color: #020202}

/* For IE */

* html div#page div#main div.pagebar a{padding: 0 0 0 6px;}
* html div#page div#main div.pagebar a strong{padding: 2px 6px 3px 0}

/* --7-- Footer */

div#page div#footer {clear: both; padding: 0px;}
div#page div#footer .rside {float: right; padding: 0; margin: 0;}
div#page div#footer span.ac {color: #ddd; padding: 0; padding: 0;}
div#page div#footer a {color: #1C2777;}
div#page div#footer a:hover {text-decoration: none; color: #2E41C2;}

.navigation {width:565px;color:#666;margin:0 auto; padding:0;}
.alignright {float:right;margin-top:10px; margin-bottom:10px; padding:0px 0px 0px 0px;}
.alignleft {float:left;margin-top:10px; margin-bottom:10px; padding:0px 0px 0px 0px;}

.navigation2{width:565px; margin:0 auto; padding:0;}
.alignright2{float:right;margin-top:0px; margin-bottom:0px; margin:0px;}
.alignleft2{float:left;margin-top:0px; margin-bottom:0px; margin:0px;}

.navigation3{width:565px; margin:0 auto; padding:0px 10px 0px 10px;}
.alignright3{float:right;margin-top:0px; margin-bottom:0px; padding:0px;}
.alignleft3{float:left;margin-top:0px; margin-bottom:0px; padding:0px;}

.raised {
  position: relative;
  top: -10px;
  left: 10px;
  padding: 4px;
  background:#b8e3df;
  color: #000000;
}

.raised2 {
  position: relative;
  top: -160px;
  left: 0px;
  padding: 0px;
}