/* CSS Document 

http://grumblr.jessierauch.com
author: Jessie Rauch
author site: http://www.jessierauch.com

All rights reserved. This CSS may not be duplicated for any purpose.
*/


/*
1. Universal Declarations
2. Structure
3. Text Styles
4. Navigation
5. Quicktime
*/


/* Universal Declarations
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td  {
		margin: 0;
		padding: 0;
	}
		
ul {
		list-style-type: none;
	}
	
* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
	}
		
:link img {
		border: none;
	}

* img {
		border: none;
	}
	
a img {
		border: none;
	}
	
:link img, :active img {
		border: none;
	}

	
/* Structure
----------------------------------------------------------------------------- */
html { 
		background:#fff9b8;
	}

body {
		font-size: 62.5%; /*  Sets 1em to 10px */
		text-align:center;
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height:1.8em;
	}
#page {
		width:782px;
		margin: 0 auto;
}
#wrapper {
		width: 600px;
		text-align: left;
		background-color:#fffbcc;
		border-left:#aea578 1px solid;
		border-right:#aea578 1px solid;
		padding-bottom:18px;
		float:left;
	}
#content {
		padding-left: 36px;
		padding-right: 36px;
		font-size:1.2em;
		color:#57523b;
}
#header {
		text-align: center;
}
#header:hover {
		background-color: #ffe900;
}
#rightnav {
		float:left;
		padding-left:36px;
		padding-top:10px;
}
.clr {
		clear:both;
}
.spacer {
		height:18px;
		clear:both;
}
.dotted {
		border-top:dotted 1px #aea578;
		height:17px;
}
.dline {
		height:5px;
		padding-bottom:16px;
		background: url(images/doubleline.png) repeat-x top left;
}
.dlinesp {
		height:15px;
		clear:both;
}
.date {
		width:97px;
		height:56px;
		background-color:#FFF;
		margin-top:-6px;
		margin-left:-78px;
		float:left;
		background: url(images/datebanner.png) no-repeat left top;
		text-align:center;
		padding-top:8px;
}
.post {
		margin-left:64px;
		margin-right:64px;
		width:400px;
}
.imgpost {
		text-align: center;
}

.imgpost img {
		border: 1px solid #DDD;
}
/* Right Nav Bar
----------------------------------------------------------------------------- */
#rightnav {
		font-size:1.1em;
		color:#57523b;
}
ul.mainnav {
		padding-top:18px;
		padding-bottom:4px;
}
ul.mainnav li {
		display:block;
		width: 144px;
		margin-bottom:12px;
		border-top:3px double #e7e0a5;
		border-bottom:3px double #e7e0a5;
}
ul.mainnav li a {
		color:#ba9901;
		display:block;
		width: 144px;
}
ul.mainnav li a:hover {
		background-color:#ffe900;
		color:#000;
}
.searchbox {
		width:138px;
		height:18px;
		border-top:none;
		border-bottom:none;
		border-left:1px solid #e7e0a5;
		border-right:1px solid #e7e0a5;
		font-size:12px;
		padding:2px;
		text-align:center;
		font-family:font-family: GillSans, Calibri, Trebuchet, sans-serif;
}
input.btn{
	margin-top:-8px;
	border: 3px double #e7e0a5;
	padding: 0.25em;
	background-color:#fffbcc;
	width:144px;
}
input.btn:hover{
	background-color:#ffe900;
	color:#000;
}
ul.rightbar li {
		display:block;
		width: 144px;
		text-align:left;
}
ul.rightbar a {
		color:#57523b;
		border-bottom:1px dotted #57523b;
		margin-bottom:-1px;
}
ul.rightbar a:hover {
		border-bottom:none;
		margin-bottom:0px;
		color:#000;
		text-decoration:line-through;
}
ul.righttag li {
		display:block;
		width: 144px;
		text-align:left;
}
ul.righttag li a {
		color:#57523b;
		display:block;
		padding:3px;
		margin:-3px;
		width: 144px;
}
ul.righttag li a:hover {
		background-color:#ffe900;
		color:#000;
}

/* Text Styles
----------------------------------------------------------------------------- */

h1.title {
		text-indent:-9000px;
		background: url(images/jaundicedtumblr.png) no-repeat left top;
		height:72px;
}
h2 {
		font-size:16px;
		font-weight:normal;
		color: #000;
		line-height:2;
}
h2 a {
		color:#000;
}
h2 a:hover {
		text-decoration:underline;
}
h2.linkpost a {
		text-decoration:underline;
}
h2.linkpost a:hover {
		text-decoration:line-through;
}

.sanscaps {
		font-family: "TradeGothic", "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
		font-style:italic;
		font-weight:bold;
		color:#ba9901;
		text-transform:uppercase;
		letter-spacing:2px;
}
.serifcaps {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		color:#ba9901;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:10px;
}
.quotecaps {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		color:#ba9901;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:0.9em;
}
.dateday {
		font-family: "TradeGothic", "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
		font-style:italic;
		font-weight:bold;
		color:#000;
		text-transform:uppercase;
		letter-spacing:2px;
		margin-left:-11px;
		margin-top:11px;
		font-size:15px;
}
.datetime {
		font-family: "Arial Narrow", Arial, Verdana, sans-serif;
		color:#000;
		text-transform:uppercase;
		letter-spacing:2px;
		margin-left:-11px;
		margin-top:-6px;
		font-size:11px;
		font-weight:bold;
		color:#999;
}
ul.tags li {
		font-size:0.9em;
		display:inline;
}
ul.tags li.first {
		font-size:1.0em;
}
ul.tags li a {
		display:inline-block;
		padding:3px;
		margin-left:-3px;
		color:#57523b;
		font-weight:normal;
}
ul.tags li a:hover {
		background-color:#ffe900;
		color:#000;
		text-decoration:none;
}
div.posted {
		float: left;
		font-size:0.9em;
		font-style: italic;
		color:#aea578;
}
div.permalink {
		float:right;
		font-size:0.9em;
		text-transform:uppercase;
		letter-spacing:2px;
}
div.permalink a {
		font-weight:normal;
		display:inline-block;
		padding:3px;
		color:#aea578;
}
div.permalink a:hover {
		background-color:#ffe900;
		color:#000;
		text-decoration:none;
}

ul.chat {
		padding-bottom:18px;
}
ul.chat li {
		display:inline-block;
		padding-left:3px;
		padding-right:3px;
}
ul.chat li.even {
		background-color:#FFF;
}
P 		{
		padding-top:18px;
}
.post a {
		color:#000;
		font-weight:bold;
}
.post a:hover {
		text-decoration:underline;
}
div.top {
		width:100%;
		text-align:center;
		font-size:0.9em;
		text-transform:uppercase;
		letter-spacing:2px;
		padding-top:17px;
		padding-bottom:17px;
		border-top:dotted 1px #aea578;
		border-bottom:dotted 1px #aea578;
}
a div.top {
		font-weight:normal;
		display:inline-block;
		color:#aea578;
}
a div.top:hover {
		background-color:#ffe900;
		color:#000;
		text-decoration:none;
}
div.pagination {
		background-color: #fff9b8;
		border-bottom:dotted 1px #aea578;
		text-align:center;
		width: 528px;
}
div.previous {
		float:right;
		font-size:36px;
		width:36px;
		color:#fff9b8;
}
div.next {
		float:left;
		font-size:36px;
		width:36px;
		color:#fff9b8;
}

.pages {
		float:left;
		text-align:center;
		width:454px;
		line-height:54px;
		display:block;
}

div.previous a, div.next a {
		display: block;
		border-left:1px solid #efe790;
		border-right:1px solid #efe790;
		text-align: center;
		width: 36px;
		line-height:54px;
		color: #ba9901;
}

div.previous a:hover, div.next a:hover {
		background-color: #ffe900;
}
div.copyright {
		font-size: 0.9em;
}

/* Quotes
----------------------------------------------------------------------------- */

blockquote.scrapquote {
			margin: 1px 0 0 0;
			padding: 18px 20px 18px 20px !important;
			border-top: 1px solid #aea578;
			border-left: 1px solid #aea578;
			border-right: 1px solid #aea578;
			font-family: GillSans, Calibri, Trebuchet, sans-serif ;
			background-color:#FFFFFF;
}	
blockquote.short{
			font-size: 16px;
		}
		
blockquote.medium{
			font-size: 14px;
		}
		
blockquote.long{
			font-size: 12px;
		}
		
span.source{
			background: url(images/quotebar.png) 0px 0px no-repeat;
			/*padding: 18px 0 0 20px;*/
			padding-top:18px;
			display: block;
			margin: 0 0 0 0;
		}
		
blockquote {
			margin-left:10px;
			padding-left:10px;
			border-left: 1px solid #999;
			color: #666;
}