/*-----------------------------------------------------------------------------
Peppermint Tea Style Sheet (http://pepperminttea.co.uk)

version:	2.0
date:		29th August 2007
author:		Sam Brown
email:		sam@massiveblue.com
website:	http://www.massiveblue.com
-----------------------------------------------------------------------------*/

/* =Global Reset
-----------------------------------------------------------------------------*/
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* =Base Elements
---------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #cee397; text-decoration: none;}
a:hover {color: #acc27d; text-decoration: none;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {color: #777; margin: 0 30px 15px 7px; padding-left: 20px; border-left: 5px solid #cee397;}
body {
	background: #222 url('../img/tea-bg.gif') left repeat-y;
	color: #ccc;
	font: 1.1em/1.75em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
code, var, kbd {color: #acc27d; font-family: monaco, courier, monospace; font-size: 1.1em;}
h1 {font-size: 2.4em; line-height: 1.1em; font-weight: normal; margin: 0;}
h2 {font-size: 2.5em; line-height: 1.1em; font-weight: normal; margin: 0;}
h3 {color: #888; font-size: 1.2em; font-weight: normal; margin: 0 0 -.75em 0;}
h4 {font-size: 1.25em; font-weight: normal; color: #cee397;}
hr {border: none; height: 1px; background: #333; margin: 3em 0;}
img {border: 0;}
ul, ol {margin-left: 2em;}

/* =Structure
---------------------------------------------------------------------- */
#wrap 		{width: 765px;}
#content 	{float: right; width: 470px;}
#wrap1 		{width: 865px;}
#content1 	{float: right; width: 570px;}
#sidebar 	{float: left; width: 250px;}
#footer		{clear: both; margin-left: 295px;}

/* =Wrap
---------------------------------------------------------------------- */
#wrap {}

/* =Content
---------------------------------------------------------------------- */
#content {padding-top: 1.4em;}
#content a, #content a:link, #content a:visited, #content a:active {border-bottom: 1px solid #333; color: #cee397; text-decoration: none;}
#content a:hover {border-bottom: 2px solid #333; color: #acc27d; text-decoration: none;}
#content h2 a {border: none !important;}
#thecontent {padding-top: 1.5em;}
#thecontent ul li {color: #aaa;}
p.date {color: #555; font-weight: bold; margin: 0;}
#comment h2 {margin-bottom: .5em;}
#comment h3 {margin: 0;}

.image {text-align: center; margin-bottom: 1em;}
.image img {background: #fff; padding: 2px;}

/* =PrevNext */
#prevnext {}
#prevnext a {background: url('../img/tea-stripe.gif'); border: none !important; padding: 1em 2em;}
#prevnext a:hover {background: #1d1d1d;}
#prev {float: left;}
#next {float: right;}

/* =Comments */
#commentform #name, #commentform #email, #commentform #web, #commentform #message, #Name, #Email, #Enquiry {
	font: 1.1em Verdana, sans-serif;
	width: 100%;
}
#commentform {
	background: #1d1d1d;
	padding: .5em 1em;
}
.comments_error {
	color: #f00;
	font-weight: bold;
}
#miapepper {
	background: #1d1d1d;
	border-bottom: 1px solid #111;
	border-top: 1px solid #111;
	margin-top: 1em;
	padding: .5em;
	text-align: center;
}
.odd, .even {border-top: 1px solid #444;}
.cdetails {background: #; float: left; padding-top: 1em; width: 160px;}
.cmessage {background: #; float: right; width: 300px;}

/* =Nav
---------------------------------------------------------------------- */
#nav {background: url('../img/tea-stripe.gif') repeat;}
ul#nav {list-style: none; margin: 1em 0; padding: 1em 0;}
ul#nav li {display: inline; padding-left: 25px;}
#nav a {font-size: 1.1em; font-weight: bold;}
#nav a, #nav a:link, #nav a:visited, #nav a:active {border-bottom: none; color: #acc27d; text-decoration: none;}
#nav a:hover {border-bottom: none; color: #f6ff97; text-decoration: none;}

/* =Sidebar
---------------------------------------------------------------------- */
#sidebar {text-shadow: 2px 2px #111;}
#sidebar-content {margin: 0 auto; width: 210px;}
#sidebar-content ul {color: #666; line-height: 1.5em; margin-bottom: 0;}
#sidebar-content ul strong {color: #ccc;}

#feed, #thepepper, #thecategories {padding: 1em 0;}

#logo {padding-top: 1em;}

#about {background: url('../img/tea-stripe.gif') repeat;}
#about p {padding: 1em;}

#feed a {border: none; padding: 0 0 1px 18px;}
#feed a:hover {color: #f90;}

#search form {text-shadow: none;}
#search #q {background: #333; border: 1px solid #444; color: #fff; padding: 2px; width: 150px;}

/* =Footer
---------------------------------------------------------------------- */
#footer {
	color: #555;
	padding: 1em 0;
}

/* =Rating
---------------------------------------------------------------------- */
.ratingblock {display: block; margin-top: 1.5em; width: 100%;}
.loading {background: url('../img/tea-working.gif') 50% 50% no-repeat; height: 16px;}
.unit-rating {background: url('../img/tea-starrating.gif') top left repeat-x; height: 16px; list-style: none; margin: 0px; padding: 0px; position: relative;}
.unit-rating li{margin: 0px; padding: 0px; text-indent: -90000px;
/*\*/
float: left;
/* */}
.unit-rating li a {border: none !important; display: block; height: 16px; outline: none; padding: 0px; position: absolute; text-decoration: none; text-indent: -9000px; width: 16px; z-index: 20;}
.unit-rating li a:hover{background: url('../img/tea-starrating.gif') left center; border: none !important; left: 0px; z-index: 2;}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}
.unit-rating a.r6-unit{left: 80px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}
.unit-rating li.current-rating {background: url('../img/tea-starrating.gif') left bottom; display: block; height: 16px; position: absolute; text-indent: -9000px; z-index: 1;}
.voted {color:#999;}
.thanks {color:#36AA3D;}

/* =Other
-----------------------------------------------------------------------------*/
.clear {clear:both;}
#accessability {display: none;}

#logo,#updates,#archives,#blogroll {padding-bottom: 4em;}
#about {margin-bottom: 3em;padding:5px;padding-left:10px;margin-top: 3.6em;}
#description{padding-top: 1em;}
blockquote {line-height: 1.45em;}
h1 a:link, h1 a:visited {font-family:"Trebuchet Unicode MS","Trebuchet MS";text-transform:uppercase;}
.blog_list li a {text-transform:capitalize;}


#thecontent span {display:block;margin-bottom:10px;}
#thecontent p a, #thecontent p a:link, #thecontent p a:visited, #thecontent p a:hover, #thecontent span a, #thecontent span a:link, #thecontent span a:visited, #thecontent span a:hover {font-size:115%; font-weight:bold; padding-left:1px; padding-right:2px;}
#thecontent p a:hover, #thecontent span a:hover {background: #cee397;color: #000;}

#thecontent p.date a, #thecontent p.date a:link, #thecontent p.date a:visited, #thecontent p.date a:active, #thecontent p.date a:hover {margin: 0;font-size:100%;padding-left:0;padding-right:0;}
#thecontent p.date a:link, #thecontent p.date a:visited, #thecontent p.date a:active {color: #cee397;}
#thecontent p.date a:hover {color: #acc27d; text-decoration: none; background: #222}
#thecontent p.date {margin-bottom:10px;}


#thecontent p .comm-invite {display:inline;}
#thecontent h5 {font-size: 160%;font-weight:bold;}
#thecontent h6 {font-size: 120%;font-weight:bold;text-transform:uppercase;}
#thecontent a.more, #thecontent a.more:link, #thecontent a.more:visited, #thecontent a.more:active {font-family: Verdana, Helvetica, sans-serif; font-size: 130%; font-weight:normal; color: #cee397;}
#thecontent a.more:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 130%; font-weight:normal; color: #acc27d; text-decoration: none; background: #222}

#thecontent img {margin:0 0 5px 0; padding:3px;padding-right:4px;}
#comment h3 {font-size: 170%;}

#thecontent blockquote p {margin:0; padding-top:8px; font-weight:normal; text-transform: capitalize; color: #888; font-size: 1.24em; font-weight: normal;}
#thecontent ul {margin: 0px; padding: 0px;}
#thecontent ul li {background: url('../img/tea-star.gif') left 2px no-repeat; height: 16px; list-style: none; margin: 0px; padding: 0px; position: relative; padding-left: 22px;}
#thecontent ul li a, #thecontent ul li a:link, #thecontent ul li a:visited, #thecontent ul li a:active, #thecontent ul li a:hover {border:0;}

#sidebar .include { margin-left: 20px; margin-top: 120px; margin-bottom: 10px; font-family: Tahoma,"Trebuchet Unicode MS","Trebuchet MS"; font-size: 140%; font-weight:normal; }
#sidebar .include-link { font-family: Verdana, Helvetica, sans-serif; font-weight:bold; color: #acc27d; text-decoration: none; background: #222; }
#sidebar .include-link:hover, #sidebar .include-link:active { background: #cee397;color: #000; }