/*
Theme Name: Gravel
Theme URI: http://www.noonnoo.com/
Description: A grungy theme which has a good admininterface when you're logged-in! Try it yourself.
Version: 1.0
Author: Melle Wynia	
Tags: red, yellow, light, brown, two-columns, fixed-width
*/



/* 1 GENERAL */

body {
	margin:0; padding:0;
	background:#f0e6c4 url(styles/body_bg.jpg);
}


/* 2 HEADER */

.header-container {
	height:136px;
	background:url(styles/header-container_bg-black.jpg) repeat-x center top;
}
.header {
	margin:0 auto; padding:0 0 0 64px;
	width:904px; height:136px;
	background:#000000 url(styles/header_bgcopy-new.jpg) no-repeat;
}

.topimage {
	position: absolute; top: 0px; right: 0px;
}

.header h1 {
	margin:0; padding:12px 0;
	color:#fff; font:32px Georgia, sans-serif;
	/* background: url(styles/test-header.gif) no-repeat; background-position: top right; */
}
.header h1 a {
	padding:0 0 2px 0;
	color:#fff; text-decoration:none;
}
.header h1 a:hover {
	color:#fff; text-decoration:underline;
}
.header h1 span {
	font-size:13px;
}

.header ul {
	margin:2px 0 0 0; padding:0px 0;
	list-style:none;
}
.header ul li {
	display:inline;
	list-style:none;
}
.header li a {
	margin:0 7px 0 0; padding:1px 4px 5px 13px;
	color:#fff; text-decoration:none;
}
.header li a:hover {
	padding:3px 4px 5px 13px;
	color:#fff; text-decoration:underline;
}
.seals {
    float: right;
    margin-right: 90px;
}

/* 3 CONTENT */

.rap {
	margin:0 auto;
	width:919px;
}
.content {
	margin:0 0 0 0; padding:10px 47px 0 82px;
	width:526px;
	float:left;
	background:#fcf9ef url(styles/content_bg.jpg) repeat-y top right;
}
.info {
	padding:0 0 0 30px;
	background:url(images/content-info_bg.gif) no-repeat 0 3px;
	color:#91a6d6; font:25px Georgia, serif;
}

.category {
	margin:0; padding:1px 0 1px 25px;
	background:url(images/content-category_bg.gif) no-repeat 5px 3px;
	color:#000000; font:16px/1em Georgia, sans-serif; font-weight:bold; letter-spacing:-1px;
}
.category a {
	color:#000000; text-decoration:none;
}
.category a:hover {
	text-decoration:underline;
}

.post {
	margin:0 0 50px 0; padding:0 25px;
	clear:both;
	background:#fff;
	color:#555; font:15px/1.4em Georgia, sans-serif;
}
.post ul {
	margin: 0 0 0px -25px;
}

.date {
	margin:16px 0 0 345px;
	display:block; position:absolute;
	color:#bca875; font:13px/1em Georgia, sans-serif;
}

.post h1 {
	margin:0 -25px 25px -25px; padding:10px 65px 10px 20px;
	background:#b7e008 url(styles/content-h1-header_bg-green.jpg) no-repeat;
	color:#000; font:21px/1em Georgia, sans-serif;
}
.post h1 a {
	background:none;
	color:#000; text-decoration:none;
}
.post h1 a:hover {
	background:none;
	color:#fff; text-decoration:none; text-decoration:underline;
}

.post .feedback {
	margin:25px -25px 0 -25px; padding:8px 0 15px 400px;
	background:#e5e0d1 url(styles/content-feedback_bg.jpg) no-repeat;
	color:#a32c28; font:13px/1em Georgia, sans-serif;
}
.post .feedback a {
	color:#a32c28;
}

.post a {
	padding:0 0 2px 0;
	background:url(images/content-a_bg.gif) repeat-x bottom left;
	color:#a5402e; text-decoration:none;
}
.post a:hover {
	text-decoration:underline;
}

.post p {
	margin:0 0 4px 0;
	text-indent:0px;
}

.post h2 {
	margin:14px 0 4px 0; padding:0;
	clear:both;
	color:#a32c28; font-size:20px; font-weight:normal;
}
.post h3 {
	margin:10px 0 4px 0; padding:0;
	clear:both;
	color:#a32c28; font-size:17px; font-weight:normal;
}
.post h4 {
	clear:both;
	margin:10px 0 4px 0; padding:0;
}

.post img {
	margin-left:5px; padding:5px;
	border:0px solid #ccc;
}

.aligncenter
{
	text-align:center;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}


/* 6 SIDEBAR */

.sidebar {
	width:248px;
	background:#c3dbea url(styles/sidebar_bg-blue.gif) repeat-y;
	float:right;
}

.sidebar ul {
	margin:0; padding:0;
	list-style:none;
}
.sidebar ul li {
	margin:5px 0 5px 0; padding:5px 24px 5px 30px;
	color:#000000; font:18px/1em Georgia, sans-serif; letter-spacing:-1px; text-decoration:none; font-weight:bold;
}
.sidebar ul ul {
	margin:5px;
}
.sidebar ul ul li {
	margin:2px 0 0 -10px; padding:3px 3px 3px 10px;
	border-bottom:1px dashed #cccccc;
	background:none;
	color:#000000; font:12px/1em Georgia, sans-serif; letter-spacing:-1px; text-decoration:none; font-weight:normal;
}

.textwidget, .sidebar ul ul li {
	color:#000000; font:13px/1.2em Roman New Times, serif; letter-spacing:0; 
}
.textwidget {
	margin:5px 0 0 0;
}
.textwidget a, .sidebar a {
	color:#000000; text-decoration:none;
}
.textwidget a:hover, .sidebar a:hover {
	color:#a5402e; text-decoration:underline;
}

.sideimage {
	width:250px; height:290px; background: #000000;
	margin: 20px 0 0 0px;
	float:right;
	color: #FFFFFF; font:16px/1em Georgia, sans-serif; letter-spacing:-1px; text-align: center; line-height: 120%;
}

.sideimage a {color: #FFFFFF;}
.sideimage a:hover {color: #c3dbea;}

.sideimage img {
	padding: 0px;
}

.facebook, .facebook a {
	margin: 10px 5px 0 0px;
	float:right;
	color: #a5402e; font:12px Georgia, sans-serif; text-decoration:none; line-height: 30%;
}
.facebook a:hover {
	color: #a5402e; font:12px Georgia, sans-serif; text-decoration:underline; line-height: 30%;
}

.copyright, copyright a {
	text-align:right; 
	color: #000000; 
}
.copyright a {
	color: #a5402e; 
}
.copyright a:hover {
	text-decoration:underline;
}

.footer {
	margin:0; padding:20px 0 25px 40px;
	background:url(images/sidebar_bg-bottom-new.gif) no-repeat bottom left;
	color:#7b8055; 
}

.clickenlarge {
	color: #a5402e; font:12px Georgia, sans-serif; text-decoration:none; text-align:center; line-height: 0%;
	margin: 0px 0px 0px 200px;
}
.clickenlarge a:hover {
	color: #a5402e; font:12px Georgia, sans-serif; text-decoration:none; text-align:center; line-height: 0%;
}