/*
    Theme Name: mounty's corner
    Theme URI: http://www.mountyscorner.com/
    Description: updated for wp2
    Version: 2.0
    Author: Tom Mount
    Author URI: http://www.mountyscorner.com/
  */
  
  /* color scheme taken from:
http://wellstyled.com/tools/colorscheme2/index-en.html?analog;39;1;225;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;0
http://wellstyled.com/tools/colorscheme2/index-en.html?analog;38;1;225;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;0 (more subdued)
*/

/* 	Colors (NYC Bridge @ Sunset):
		#211217: really dark brown, almost black
		#9b3119: burnt orange, almost red
		#c87030: orange
		#e6d0c2: flesh tone
		#bfb4ac: dusty grey
		#acb2bf: dusty blue/slate
		#fdf9f7: almost white - lighter version of the flesh tone
		
	Colors (Independence Mall):
		#f6f8e3: washed-out cream
		#f1efc9: dark cream
		#9aa142: spring grass
		#986e48: Philly mud/dirt
		#94b4c1: spring sky blue
		
	Colors (Bridge @ Night):
		#111113: not-quite-black
		#0b3182: royal blue
		#966d1b: sienna
		#fafff8: on the blue side of white; almost indistinguishable from white
		
Document map:
html
	head
	body
		a
		p
		#header
		#container
			#content_top
			#rightbar
				p
				p .meta
				.group
					.upper
						h2
						h2 .heading
						span
						span .pm
						a
						ul
							li
							li a
							img
							form
								fieldset	
								select
								option
					.lower
			#content
				.date_wrapper
					h1
					.date_wrapper_inner
						.post_wrapper
							h3
							h3 .post_title
							.post_rest
								p
								p .post_info
								.post_content
									p
									blockquote
									img
							p
							p .post_maint
							a
							.comment_area
							.comment_area
								h3
								h3 #feed
								h3 #feed a
								h3 #feed a img
								.comment_info
								#allowed_tags
			#content_bottom
*/

a:link {
	color: #c87030;
}

a:visited {
	color: #9b3119;
}

a:hover {
	color: #df9c6b;
}

a:active {}

a:visited:hover {
	color: #ba4a3d;
}

html, body {
	margin: 0 0 1em 0;
}

body {
	text-align: center;
	min-width: 750px;
	color: #211217;
	/* stupid people don't like it. bah. background: fixed #877f79 url('/images/bodybg.png') center center no-repeat; */
	background: #877f79;
	font-family: "century gothic", georgia, serif;
	font-size: 14px;
}

#container {
	margin: 0px auto;
	text-align: left;
	width: 750px;
	padding: 0px;
	background-color: #FDF8F6;
	background: url('/images/content.png') repeat-y;
}

#header p {margin: 0;}

#header {
	text-align: center;
	width: 750px;
	margin: 0px auto;
	height: 100px;
	z-index: -1;
}
html>body #header {background: url('/images/header.png') no-repeat !important;}

#header a {
	display: block;
	width: 750px;
	height: 100px;
	text-decoration: none;
	position: relative;
}

#header a:hover {
	text-decoration: none;
}

#header .random {
	text-align: left;
	margin-top: -32px;
	margin-left: 106px;
}

#content {
	text-align: justify;
	padding: 0px;
	margin: 0px 200px 0px 20px;
	/* position: relative; */
}

#container .narrow {
	background-color: #fef9f7;
	margin: 0px 241px 0px 20px !important;
	border-right: 2px solid #b4b4ac;
	padding-right: 10px;
}

#content_top {
	height: 40px;
	width: 750px;
	margin: auto;
	background-color: #fffbf7;
}
html>body #content_top {background: url('/images/content_top.png');}


#content_bottom {
	height: 40px;
	width: 750px;
	margin: auto;
	background: url('/images/content_bottom.png') #fffbf7;
	clear:both;
}

#main {
	padding: 0px;
	margin-left: 20px;
	text-align: justify;
	background: #fffbf7;
	/* position: relative; */
}

/* Loop Stuff */

.date_wrapper {
	/* position: relative; */
}
.date_wrapper h1 {
	margin: 0px 0px -15px 0px;
}

.spacer {height: 25px;}

.date_wrapper_inner {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	/* border-left: 10px solid #acb2bf; */
	background: url('/images/side.png') top left repeat-y;
}

.post_wrapper {
	margin: 20px 0px 0px 0px;
	border-top: 2px solid #bfb4ac;
	border-left: 2px solid #bfb4ac;
	border-right: 2px solid #acb2bf;
	border-bottom: 2px solid #acb2bf;
	padding: 5px;
	overflow: visible;
	/* position: relative; */
	height: 1%;
}

.post_title {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.post_rest {}

.post_info, .post_maint {
	font-size: smaller;
}
.post_info a {
	text-decoration: none;
}

.post_cats {
	margin-top: 1.2em;
}
.post_cats p {
	margin: 0px;
}

.post_content {}

.post_maint {
	margin: 0px;
}

blockquote {
	padding: 5px;
	margin-left: 0px;
	font-size: 12px;
	border-top: 1px solid #9b3119;
	border-right: 1px solid #9b3119;
	border-bottom: 1px solid #9b3119;
	border-left: 10px solid #c87030;
	text-align: justify;
}

blockquote p {margin: 0.5em 0px;}

/*  blockquote > p:last-child {margin-bottom: 0px;} */

#footer {
	text-align: center;
	border-top: 1px solid #9b3119;
}

/* Right Nav Bar */

#rightbar {
	float: right;
	width: 170px;
	margin: 0px 15px 0px 0px;
	padding: 0px 3px 0px 3px;
	/* right: 15px; */
	overflow: visible;
	/* position: relative; */
}

#rightbar fieldset {
	border: none;
	margin: 0px;
}

#rightbar ul {
	display: block;
}

#rightbar img {
	border: 0px;
}

#container .wide {
	width: 220px;
	margin: 0px 15px 0px 0px;
	padding: 0px 3px;
	right: 15px;
	border-left: 2px solid #b4b4ac;
	background-color: #fef9f7;
}

.wide ul {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.wide ul img {
	vertical-align: text-bottom;
}

select {
	border: 1px solid #9b3119;
	background-color: #fdf9f7;
	color: #211217;
}

p, h3 {margin-top: 1em;}


/* Heading Names:
	.upper: top and middle of rightbar lists; class assigned to a div within <div id="group" />
	.lower: bottom of rightbar lists; fixed at 15px high
	.heading: the heading for each list group.
	.group: for some reason, IE needs the backgronud here instead of on the .upper class. Meh. Firefox (of course) doesn't seem to mind either way.
*/

.group {
	background: url('/images/groupbg.png') 0 0 no-repeat;
	margin: 0px 0px 10px 0px;
}

.upper {
	min-height: 15px;
	margin: 0px;
	padding: 0px 5px 1px 10px;
	z-index: -1;
}

.upper ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

.upper li {
	margin: 0px;
	padding: 0px;
}

#rc li {
	width: 150px;
	overflow:auto;
}

.upper li a {
	text-decoration: none;
}

.upper .children {
	margin: 0px;
}

.lower {
	clear:both;
	margin: 0px;
	padding: 0px;
	height: 15px;
	background: url('/images/groupbg.png') 0 100% no-repeat;
}

.heading {
	text-align: left;
	font-variant: small-caps;
	font-size: medium;
	padding-top: 5px;
	margin-bottom: 0px;
}

.heading a {
	text-decoration: none;
}

.pm a {
	font-size: 11px;
	color: #9b3119;
}
	
/* extraneous crap */

#comment {
	/* width: 485px; */
}

.comment_info {
	margin: 0px;
	font-size: smaller;
}

/* from the comments */
#allowed_tags {
	/* width: 98%; */
	margin-bottom: 0px;
}

#feed img {
	border: none;
}

#feed a {
	text-decoration: none;
}


.floatleft {
	float: left;
	margin: -25px 0px 0px 10px;
}

.floatright {
	float: right;
	margin: -25px 10px 0px 0px;
}

.launchpad {
	margin-right: 10px;
}

.launchpad h1 {
	margin-top: 8px;
}

/* navmenu under header */
#navmenu {
	width: 750px;
	margin: 0px auto 1px auto;
	padding: 0px 0.5em;
	height: 1.5em;
	z-index: 1;
	border-bottom: 1px solid #fdf9f7;
	border-left: 1px solid #fdf9f7;
	border-right: 1px solid #fdf9f7;
}

#navmenu ul {
	margin: 0px 0px 0px 7px;
	padding: 0px;
	list-style-type: none;
}

#navmenu li {
	margin: 0px 7px 0px 0px;
	padding: 0px;
	float: left;
	width: 240px;
	text-align: center;
}

#navmenu a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #fdf9f7;
}

html>body #navmenu a:hover {
	background: url('/images/navmenu_hover.png');
}

.search_results ul {
	display: block;
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 15px;
}

.search_results ul img {
	vertical-align: text-bottom;
	border: none;
}

html>body .hanging li {
	margin-left: 1.5em;
	text-indent: -1.2em;
}

/* The search button doesn't respond to text-indent, so manually move it.  This number should match .hanging text-indent */
html>body #search_submit {
	margin-left: -1.2em;
}

/* for Link Indication plugin - http://sw-guide.de/wordpress/link-indication-plugin/ */
a.liexternal, a.liinternal {padding-right: 8px;}
a.limailto {padding-right: 18px;}

a.liexternal {background: url('/images/liexternal.png') no-repeat right;}
a.liinternal {background: url('/images/liinternal.png') no-repeat right;}
a.limailto {background: url('/images/limailto.png') no-repeat right;}

/* .commentlist li {
	list-style: none outside url('/images/comment.png');
} */

.strikeout {text-decoration: line-through;}

.commentlist li {
	list-style-type: none;
	margin: 0px 0px 5px -40px;
	/* border: 1px solid blue; */
	padding: 0px 5px 0px 25px;
	background: url('/images/comment.png') no-repeat 5px 3px;
}

.commentlist li.member {
	/* background-color: #F2D9C6; */
	background: url('/images/member_comment.png') no-repeat 5px 3px;
}


.post_content table {
	width: 495px;
}

.post_content .table_data {
	text-align: left;
	font-weight: normal;
	padding: 1px;
}

.post_content td {
	padding: 2px;
	border: 1px dashed #444;
}

.post_content  .table_header {
	text-align: center;
	font-weight: bold;
}

/*
#comment {
position: relative;
width: 200px;
}

.comment_area {
	width: 69%;
	border: 1px solid blue;
}
*/