/*
Theme Name: Gravel
Theme URI: http://www.noonnoo.com/things/gravel_1-4/
Description: Gravel is a grunge theme. Some special features: The adminbuttons like "Edit this" are in the same style as WordPress and there's an optionspage which allows you to add footertext, to choose between three favicons and to choose between different fonts. Browsersupport: (Internet Explorer 6+, Mozilla Firefox 2+, Safari 2+, Chrome 1+, Opera 8+). SEO optimized. Check for more information, screenshots, reporting bugs, support or just for saying 'thanks' (feel free to leave your link!) the <a href="http://www.noonnoo.com/things/gravel_1-4/">Theme Page</a>. ||||| CHANGELOG Gravel 1.4: 1. Overall graphics have been improved. 2. You are able to choose between the font Georgia and Arial for the posttext and comments. 3. Pages won't have a date and the word "A page" above the title of the page anymore. 4. Now excerpts are supported (check out the Gravel Options page).
Version: 1.4
Author: Melle Wynia	
Author URI: http://www.noonnoo.com/things/about/
Tags: red, yellow, light, brown, fixed-width, theme-options
*/



/* 1 GENERAL */

body {
	margin:0; padding:0 0 25px 0;
	background:#4D3617;
}

div.clear {
	clear:both;
}


/* 2 HEADER */

.header-container {
	width:866px; height:337px;
	background:#4D3617;
}

.rss-container {
	margin:20px 0 0 665px;
	width:179px; height:82px;
	background:#d6956b url(../images/gravel/header-rss-container_bg.jpg);
	position:absolute;
}

.rss-container a {
	color:#fff; text-decoration:none;
}

.rss-container a:hover {
	color:#fff; text-decoration:underline;
}


.rss-container .rss {
	padding:2px 0 0 80px;
	width:99px; height:80px;
	position:absolute; display:block;
	font-size:40px;
}

.rss-container .rss_comments {
	padding:5px 5px 5px 0; margin:50px 0 0 86px;
	width:88px; height:22px;
	position:absolute; display:block;
	font-size:12px; text-align:center;
}

.header {
	margin:0 auto; padding:0 0 0 64px;
	width:866px; height:337px;
	background: url(../images/header.png) no-repeat;
}

.header h1 {
	margin:0; padding:10px 0;
	color:#fff; font:40px Georgia, serif;
}

.header .pagesmenu_off {
	padding:25px 0 0 0;
}

.header h1 a {
	padding:0 0 2px 0;
	background:url(../images/gravel/header-h1-a_bg.gif) repeat-x bottom left;
	color:#fff; text-decoration:none;
}

.header h1 a:hover {
	background:url(../images/gravel/header-h1-a_bg.gif) repeat-x bottom right;
}

.header h1 span {
	font-size:13px;
}

.header ul {
	margin:2px 0 0 0; padding:5px 0;
	list-style:none;
}

.header ul li, .header ul li ul {
	display:inline;
}

.header li a, .header .current_page_item .page_item a {
	margin:0 7px 0 0; padding:3px 5px 5px 12px;
	background:url(../images/gravel/header-ul-li-a_bg.gif) no-repeat 0px -100px;
	color:#fff; text-decoration:none; font-style:normal;
}

.header li a:hover, .header .current_page_item .page_item a:hover {
	padding:3px 4px 5px 13px;
	background:url(../images/gravel/header-ul-li-a_bg.gif) no-repeat 0px -47px;
}

.header li.current_page_item a {
	padding:3px 5px 4px 17px;
	background:#fff url(../images/gravel/header-ul-li-a_bg.gif) no-repeat 0px 0px;
	color:#a32c28; font-style:italic;
}

.header li.current_page_item a:hover {
	padding:3px 5px 4px 17px;
	background:#fff url(../images/gravel/header-ul-li-a_bg.gif) no-repeat 0px 0px;
}



/* 3 CONTENT */

.rap {
	margin:0; padding:10px 50px 25px 50px;
	width:866px;
}

.content {
	width:651px;
	float:left;
	background:#4D3617;
	color:#EEEEEE;
}

.info {
	padding:0 0 0 30px;
	background:url(../images/gravel/content-info_bg.gif) no-repeat 0 3px;
	color:#91a6d6; font:25px Georgia, serif;
}


.post {
	margin:0 0 50px 0; padding:0 25px;
	clear:both;
	background:#fff;
	color:#555;
}

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

.post h1 {
	margin:0 -25px 25px -25px; padding:10px 165px 10px 20px;
	background:#a32c28 url(../images/gravel/content-h1-header_bg.jpg) no-repeat;
	color:#fff; font:21px/1em Georgia, serif;
}

.post h1 a {
	background:none;
	color:#fff; text-decoration:none;
}

.post h1 a:hover {
	background:none;
	color:#fff; text-decoration:none; text-decoration:underline;
}

.post .tags {
	margin:-10px 0 10px 0; padding:0 0 0 23px;
	background:url(../images/gravel/content-tags_bg.gif) no-repeat 0px 6px;
	font-size:13px;
}

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

.post .feedback a {
	color:#a32c28;
}

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

.post a:hover {
	background:url(../images/gravel/content-a_bg.gif) repeat-x bottom right;
}

.post p {
	margin:0 0 4px 0;
}

.post address {
	margin:0 0 4px 0;
	color:#666; font-size:14px;
}

.post blockquote {
	margin:4px 0 8px 0; padding:0 0 0 30px;
	background:url(../images/gravel/content-blockquote_bg.gif) no-repeat 10px 7px;
	color:#666;
}


.post pre {
	margin:4px 0 8px 0; padding:5px;
	width:464px; overflow:scroll;
	border:1px solid #e5e0d1;
}

.post h2 {
	margin:14px 0 4px 0; padding:0;
	clear:both;
	color:#a32c28; font:20px Georgia, serif; font-weight:normal;
}

.post h3 {
	margin:10px 0 4px 0; padding:0;
	clear:both;
	color:#a32c28; font:17px Georgia, serif; font-weight:normal;
}


.post h4 {
	margin:10px 0 4px 0; padding:0;
	clear:both;
}

.post img {
	margin:5px; padding:5px;
	border:1px solid #ccc;
}

.aligncenter
{
	text-align:center;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#content .wp-smiley {
	margin:0; padding:0 1px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


.nav_link {
	margin:0 -100px 0 -110px; padding:0 25px 20px 110px;
	overflow:visible;
	background:url(../images/gravel/content_bg-bottom.gif) no-repeat bottom left;
	font-size:14px;
}

.nav_link a {
	color:#fff; text-decoration:none;
}

.nav_link a:hover .newer, .nav_link a:hover .older {
	text-decoration:underline;
}

.newer {
	margin:-10px 0 0 0; padding:15px 4px 4px 4px;
	width:135px; height:34px;
	position:absolute; display:block;
	background:#bca875 url(../images/gravel/content-nextprev_bg.jpg) no-repeat 0px -100px;
	text-align:center;
}

.older {
	margin:-10px 0 0 385px; padding:15px 4px 4px 4px;
	width:135px;  height:34px;
	position:absolute; display:block;
	background:#a32c28 url(../images/gravel/content-nextprev_bg.jpg) no-repeat;
	text-align:center;
}



/* 3 CONTENT */

#postcomment {
	color:#65694A; font:22px/1em Georgia, serif;
}

.text {
	padding:4px;
	width:149px; height:16px;
	border:1px solid #e4e4d5;
	color:#555; font:12px/1em Georgia, serif; background:#fff url(../images/gravel/form_bg.jpg);
}

#commentlist {
	margin:0; padding:0;
	color:#555;
}

#commentlist p {
	margin:0 10px 10px 10px; padding:0;
}

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

.commentlist a:hover {
	background:url(../images/gravel/content-a_bg.gif) repeat-x bottom right;
}


#commentlist li {
	margin:0 0 25px 0; padding:10px 0 0 0;
	list-style:none;
	background:white;
}


#commentlist cite {
	padding:7px 0 7px 40px;
	display:block;
	background:#f2efe5 url(../images/gravel/content-comment_bg.gif) no-repeat bottom left;
	color:#6C704B; font:13px Georgia, serif;
}

#commentlist img {
	margin:-2px 0 0 -25px;
	position:absolute;
}

.comment-trackback {
	margin:0; padding:0 0 7px 0;
	color:#6C704B; font:13px Georgia, serif;
}

.comment-trackback a {
	padding:0 0 2px 0;
	background:url(../images/gravel/content-a_bg.gif) repeat-x bottom left;
	color:#a32c28; text-decoration:none;
}

.comment-trackback a:hover {
	background:url(../images/gravel/content-a_bg.gif) repeat-x bottom right;
}

#commentform label, .allowed {
	color:#65694A; 
}

#comment {
	padding:4px;
	width:520px; height:128px;
	border:1px solid #e4e4d5;
	color:#555; background:#fff url(../images/gravel/form_bg.jpg) 0px -50px;
}

#submit {
	padding:0;
	width:143px; height:53px;
	cursor:pointer; display:block;
	border:none;
	background:#a32c28 url(../images/gravel/content-nextprev_bg.jpg) no-repeat;
	color:#fff; font:14px/1em Georgia, serif; text-align:center;
}



/* 6 SIDEBAR */

.sidebar {
	width:205px;
	background:#4D3617 url(../images/sidebar.jpg) no-repeat;
	float:right;
	color:#7b8055;
}

.sidebar ul {
	margin:0; padding:0;
	list-style:none;
}

.sidebar ul li {
	margin:20px 0 0 0; padding:5px 24px 0 30px;
	background: no-repeat;
	color:#EEEEEE; font:18px/1em Georgia, serif; letter-spacing:-1px; text-decoration:none; font-weight:bold;
}

.sidebar h2 {
	margin:0; padding:0;
	color:#EEEEEE; font:18px/1em Georgia, 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 #b19e6e;
	background:none;
	color:#EEEEEE; font:12px/1em Georgia, serif; letter-spacing:-1px; text-decoration:none; font-weight:normal;
}

#searchform label {
	display:none;
}

#searchform {
	margin:0; padding:10px 0 0 0;
	width:181px; height:22px;
}

#searchform div {
	padding:3px 0;
	background:#fcf9ef url(../images/gravel/searchform_bg.gif) no-repeat;
}

#searchform #s {
	margin:0 2px 0 5px; padding:0;
	width:105px;
	border:none;
	background:transparent;
	color:#666; font-family:Georgia, serif;
}

#searchform #searchsubmit {
	margin:1px 0 0 0; padding:0;
	width:60px; height:20px;
	cursor:pointer;
	border:none;
	background:#a32c28 url(../images/gravel/searchform_bg.gif) no-repeat 0px -50px;
	color:#fff; font-family:Georgia, serif;
}

.textwidget, .sidebar ul ul li {
	color:#6c704b; font:13px/1.2em Roman New Times, serif; letter-spacing:0; 
}

.textwidget {
	margin:5px 0 0 0;
}

.textwidget a, .sidebar a {
	background:url(../images/gravel/sidebar-a_bg.gif) repeat-x bottom left;
	color:#65694a; text-decoration:none;
}

#tag_cloud a {
	margin:0 0 0 10px;
}

.textwidget a:hover, .sidebar a:hover {
	background:url(../images/gravel/sidebar-a_bg.gif) repeat-x bottom right;

}

#wp-calendar caption, #calendar_wrap {
	margin:0; padding:0;
}

#wp-calendar thead {
	color:#6c704b; font:13px/1.2em Roman New Times, serif; font-weight:bold;
}

#wp-calendar tbody td {
	width:23px; height:23px;
	background:#c1af81;
	color:#6c704b; font:14px/1.2em Roman New Times, serif; text-align:center; letter-spacing:0; 
}

#wp-calendar tfoot {
	font:13px/1.2em Roman New Times, serif; text-align:center; letter-spacing:0; 
}

#prev {
	text-align:right;
}

#next {
	text-align:left;
}

#wp-calendar tbody td#today {
	background:#bca875; font-weight:bold; 
}

a {
	color:#DDD; 
}

.category {
	margin:0; padding:1px 0 1px 25px;
	background: no-repeat 5px 3px;
	color:#EEEEEE; font:16px/1em Georgia, serif; font-weight:bold; letter-spacing:-1px;
}

.category a {
	color:#EEEEEE; text-decoration:none;
}

.category a:hover {
	text-decoration:underline;
}

.footer {
	margin:0; padding:20px 30px 25px 30px;
	
}

.footer small {
	margin:5px 0 0 0;
	display:block;
	color:#DDDDDD;
	font:11px;
}