/*   

Theme Name: Elegant Grunge

Theme URI: http://michael.tyson.id.au/elegant-grunge-wordpress-theme

Description: An unwashed yet crisp theme with a feature footer, styled image frames, a page template with a uniquely configurable sidebar and a photoblog tag page

Author: Michael Tyson

Author URI: http://michael.tyson.id.au

Version: 0.4.4

Tags: grunge, dirt, monochrome, fixed width, footer, configurable, image frames, photoblog



	Elegant Grunge by Michael Tyson

	http://michael.tyson.id.au/elegant-grunge-wordpress-theme

	

	The CSS, XHTML, design and PHP are released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

*/





/****************************

 **   Contents

 ****************************

 

	* General

	* Layout		(Top-level page element styles)

		- Menu

		- Header

		- Content

		- Sidebar

		- Footer

	* Content	(Formatting of items in main content area)

		- General

		- Standard wordpress

		- Comments

		- Comment form

		- Frame

	* Sidebar	(Formatting of items in sidebar)

		- General

		- Search

		- Tag cloud

		- Wordpress calendar

		- Photoblog widget

	* Footer		(Formatting of items in footer)

		











/****************************

 **   General

 ****************************/



body {

	margin: 0;

	padding: 0;

	background-color:#191919;

	font-family: "Georgia", "Baskerville", serif;

	color: #999;

}

#page {

	background: #f3f4ee url(images/body.jpg) repeat-y center 270px;

}



a {

	color: #5f5f5f;

}



img {

	border: 0;

}







/****************************

 **   Layout

 ****************************/





/* Menu */



#menu {

	background-color: #191919;

	height:3.0em;

	border-bottom: 1px solid #373737;

}



#menu ul {

	width: 800px;

	margin: 0 auto;

	padding: 0;

	bottom: 0;

	left: 0;

	list-style: none;

}



#menu ul li {

	float: left;

}



#menu .page_item a {

	display: block;

	padding: 0 20px;

	line-height: 3.0em;

	color: #868686;

	text-decoration: none;
	border-left:1px solid #444;

}

#menu .last{border-right:1px solid #444}



#menu .current_page_item a {

	color: #fff;
	background-color:#333;

}

#menu .page_item a:hover {color:#FFF}



/* Header */



#header-wrap {

	background: url(images/header-repeat.jpg) repeat-x center top;

}



#header {

	height: 216px;

	background: url(images/header.jpg) no-repeat center;

}



#header div {

	width: 800px;

	margin: 0 auto;

}



#header h1 {

	margin: 0;

}



#header h1 a {

	float: left;

}

#header h1 span {display:none}





/* Content */





#content {

	width: 800px;

	margin: 0 auto;

}



#body {

	float: left;

	width: 490px;

	padding-left: 20px;

	padding-right: 20px;

}



/* Sidebar */



#sidebar {

	float: right;

	font-size: 0.9em;

	width: 220px;

	padding-right: 16px;

}



/* Footer */



#footer-wrap-outer {

	margin-top: -51px;

	background: #4c4c4c url(images/footer-repeat.jpg) repeat-x center top;

}



#footer-wrap {

	width: 100%;

	background: url(images/footer.jpg) no-repeat center top;

	padding-top: 91px;

	padding-bottom: 30px;

}



#footer {

	width: 800px;

	margin: 0 auto;

	padding-left: 7px;

	padding-right: 7px;

	padding-top: 90px;

	min-height: 30px;

}





/****************************

 **   Content

 ****************************/



/* General */



h2 {

	font-size: 2.0em;

	font-weight: normal;

	font-style: normal;

	color: #3b3b3b;

	margin: 0px;

}



h2 a {

	text-decoration: none;

	color: #3b3b3b;

}



.post .entry {

	font-size: 0.9em;

	line-height: 1.3em;

	clear: both;

}



.post .author {

	text-transform: uppercase;

	color: #949494;

	font-size: 0.8em;

	position: relative;

	top: -70px;

}



.post .info {

	color: #bcbcbc;

	font-size: 0.8em;

}



.post .date {

	background-image: url(images/date.jpg);

	width: 89px;

	height: 73px;

	text-align: center;

	float: right;

	text-transform: uppercase;

}



.post .date .month {

	display: block;

	font-size: 14px;

	line-height: 17px;

	padding-top: 3px;

	color: #a9a9a9;

	font-weight: bold;

}



.post .date .day {

	display: block;

	font-weight: bold;

	font-size: 20px;

	padding-top: 3px;

	line-height: 18px;

	color: #afafaf;

}



.post .date .year {

	display: block;

	font-size: 0.7em;

	padding-top: 3px;

	color: #a5a5a5;

}



.post dl {float:left}

.post dt {float:left;width:430px;margin-bottom:10px;font-weight:bold}

.post dt p {margin:0;font-weight:bold}

.post dt span {font-size:.8em;font-weight:normal}

.post dd {float:left;width:60px;text-align:right;margin:0}



.metadata {

	margin-top: 40px;

	text-align: center;

	font-size: 0.7em;

	color: #797979;

}



.metadata a {

	text-decoration: none;

}



.photoblog-thumbnail {

	display: inline;

	vertical-align: middle;

}



.more-link {

	margin-top: 20px;

	font-size: 0.9em;

}



.hr {

	clear: both;

	border: 0;

	background-image: url(images/hr.jpg);

	color: #f8faf7;

	background-color: #f8faf7;

	width: 426px;

	height: 121px;

	margin: -8px auto 0;

}



.hr hr {

	display: none;

}



.navigation {

	width: 100%;

}



.navigation a {

	text-decoration: none;

	font-size: 0.7em;

}



.navigation .previous {

	float: right;

}



.navigation .next {

	float: left;

}



.search_result {

	margin-left: 20px;

}



.search_result h4 {

	margin-left: -20px;

}



.search_result h4 a {

	text-decoration: none;

}



.search_result .metadata {

	color: #BFC4C1;

	margin-top: 10px;

	text-align: left;

}



.search_result .metadata a {

	color: #BFC4C1;

}





/* Standard wordpress */



.aligncenter, div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

  	float: left;

}



.alignright {

   float: right;

}



.clear {

	clear:both;

}



.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;

}





/* Comments */





.commentlist {

	padding: 0;

	margin: 0 0 0 14px;

	list-style-type: none;

}





.commentlist li {

	margin-top: 16px;

	margin-left: 0px;

}



.before-comment {

	background: url(images/comment-top.jpg);

	width: 481px;

	height: 21px;

}



.commentlist .comment {

	margin: 0;

	font-size: 0.8em;

	width: 437px;

	background: url(images/comment-middle.jpg) repeat-y;

	padding-right: 10px;

	width: 451px;

	padding-left: 26px;

}



.comment-text {

	margin-left: 42px;

	margin-right: 10px;

	margin-top: 24px;

	font-size: 0.9em;

}



.comment-text * {

	margin-bottom: 0;

	padding-bottom: 0;

}



.after-comment {

	background: url(images/comment-bottom.jpg);

	width: 481px;

	height: 37px;

}



.avatar {

	float: left;

	margin:0 10px 0 0!important;

}



/* Comment Form */





input.text {

	width: 200px;



	padding: 5px;

	border: 1px solid #f2f2f2;

}



textarea {

	width: 410px;

	height: 100px;

	margin: 0;

	padding: 5px;

	border: 1px solid #f2f2f2;

}



/* Frame */



.frame-outer {

	background: url(images/frame-top-left.jpg) no-repeat left top;

	padding: 0;

	margin: 0;

	display: inline-block;

}



.frame-outer span {

	background: url(images/frame-bottom-left.jpg) no-repeat left bottom;

	margin: 0;

	padding: 0;

	display: block;

}



.frame-outer span span {

	background: url(images/frame-top-right.jpg) no-repeat right top;

	display: block;

}



.frame-outer span span span {

	background: url(images/frame-bottom-right.jpg) no-repeat right bottom;

	padding: 32px;

	min-width: 150px;

	min-height: 150px;

	text-align: center;

	overflow: hidden;

	display: block;

}



.frame-outer span span span * {

    max-width: 425px;

}



.frame-outer.small {

	background: url(images/frame-top-left-small.jpg) no-repeat left top;

}



.frame-outer.small span {

	background: url(images/frame-bottom-left-small.jpg) no-repeat left bottom;

}



.frame-outer.small span span {

	background: url(images/frame-top-right-small.jpg) no-repeat right top;

}



.frame-outer.small span span span {

	background: url(images/frame-bottom-right-small.jpg) no-repeat right bottom;






	padding: 10px;

	min-height: 38px;

	min-width: 38px;

}



.frame-outer span span span span {

	background: none;

}



/****************************

 **   Sidebar

 ****************************/



/* General */



#sidebar h2 {

	font-size: 1.4em;

	color: #676767;

	margin-bottom: 20px;

}



#sidebar a {



	color: #9f9f9f;

}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 25px;

}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

}



/* Search */



#sidebar #searchform div {

	background-image: url(images/searchform.jpg);

	width: 226px;

	height: 49px;

	margin-left: -7px;

}

#sidebar #searchform div #s {

	border: 0;

	margin-top: 14px;

	margin-left: 19px;

	width: 152px;

	height: 16px;

	color: #909090;

	font-size: 1.1em;

}

#sidebar #searchform div #searchsubmit {

	border: 0;

	background: none;

	width: 39px;

	height: 26px;

	margin-left: 4px;

	overflow: hidden;

	text-indent: -2000px;

}



.more-link {

	padding-left: 20px;

	font-size: 0.8em;

}





/* Tag cloud */



.widget_tag_cloud a {

	text-decoration: none;

}



/* Wordpress calendar */



#calendar_wrap {

	margin: 0px;

}



#wp-calendar {

	width: 100%;

}



#wp-calendar th {

	text-align: left;

}



/* Photoblog widget */



#sidebar .elegant_grunge_photoblog div {

	text-align: center;

}



#sidebar .photoblog-thumbnail img {

	background: #fff;

	border: 1px solid #aaa;

	padding: 3px;

	display: inline;

}





/****************************

 **   Footer

 ****************************/



#footer #subscribe a {

	display: block;

	position: absolute;

	background-image: url(images/rss.png);

	width: 149px;

	height: 126px;

	margin-left: -126px;

	margin-top: -68px;

	text-indent: -2000px;

	overflow: hidden;

}



#footer .legal, #footer .credit {

	color: #5f5f5f;

}



#footer .legal {

	float: left;

}



#footer .credit a {

	text-decoration: none;

}



#footer .credit {

	float: right;

}





#footer .widget-wrap {

	float: left;

	width: 264px;

	margin-bottom: 36px;

}





#footer .widget {

	margin-right: 21px;

	margin-left: 21px;

}



#footer {

	font-size: 0.8em;

	line-height: 1.1em;

}



#footer a {

	color: #a3a3a3;

}



#footer h2 {

	color: #fff;

	font-size: 1.3em;

	margin-bottom: 15px;

	font-weight: normal;

	font-style: normal;

}