/*   

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: #f3f4ee url(images/body.jpg) repeat-y center 270px;

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

	color: #000;

}



a {

	color: #1f80a3;

}



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-right: 17px;

	padding-left: 16px;

	line-height: 3.0em;

	color: #868686;

	text-decoration: none;

}



#menu .current_page_item a, #menu .page_item a:hover {

	color: #fff;

}



/* Header */



#header-wrap {

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

}



#header {

	height: 216px;

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

}



#header div {

	width: 800px;

	margin: 0 auto;

}



#header h1 {

	font: 2.2em/169px "Georgia", "Baskerville", serif;

	margin: 0;

}



#header h1 a {

	color: #fff;

	text-decoration: none;

	font-weight: normal;

	font-style: normal;

	text-shadow: #000 0 1px 2px;

	float: left;

}



#blog-description {

	position: relative;

	top: 60px;

	color: #000;

	text-shadow: #000 0 1px 1px;

	left: 1.3em;

}



/* Content */





#content {

	width: 800px;

	margin: 0 auto;

}



#body {

	float: left;

	width: 490px;

	padding-left: 20px;

	padding-right: 20px;

}



#staff-table {

border-top: 2px solid #1f80a3;

}



#home-left {

	float: left;

	width: 350px;

	padding-left: 20px;

	padding-right: 10px;

	padding-bottom: 20px;

        background: #fff;

        margin-left: 85px;

}



/* Sidebar */



#sidebar {

	float: right;

	font-size: 0.9em;

	width: 220px;

	padding-right: 16px;

}

#sidebar-home {

	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: 1.3em;

	font-weight: normal;

	font-style: normal;

	color: #3b3b3b;

	margin-top: 0px;

	margin-bottom: 0.8em;

}



h3 a{

	background: url(images/DropDownImage.gif) no-repeat;

        width: 510px;

        height: 32px;

        padding-top: 10px;

        padding-left: 10px;

        display: block;

        text-decoration: none;

}

.post h2 {

	font-size: 1.2em;

	font-weight: normal;

	font-style: normal;

	color: #3b3b3b;

	padding-top: 5px;

        margin-top: 10px;

	margin-bottom: 0.8em;

}



h2 a {

	text-decoration: none;

	color: #3b3b3b;

}

.post .entry {

        font-size: 0.9em;

	line-height: 1.3em;

	clear: both;

}



.post .entry .inner {

        padding: 10px 10px 10px 10px;

}



.photo .entry img{

        margin-right: 10px;

        margin-left: 10px;

}

.photo .entry ul{

	width: 600px;

        font-size: 14px;

        color: #666;

        list-style-type:none;

        text-align: center;

}

.photo .entry li{

	float: left;

        margin-bottom: 20px; 

}

.post .home-entry {

        font-size: 0.8em;

	line-height: 1.2em;

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

	width: 54px;

	height: 56px;

	text-align: center;

	float: left;

	text-transform: uppercase;

}



.post .date .month {

	display: block;

	font-size: 12px;

	line-height: 17px;

	padding-top: 9px;

	color: #fff;

}



.post .date .day {

	display: block;

	font-size: 16px;

	padding-top: 3px;

	line-height: 14px;

	color: #fff;

}



.post .date .year {

	display: block;

	font-size: 0.7em;

	padding-top: 1px;

	color: #fff;

}



.metadata {

	margin-top: 20px;

	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: 80px;
	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 h3 {

	font-size: 1.4em;

	color: #000;

	margin-bottom: 1px;

}

#sidebar h2 {

	font-size: 1.4em;

	color: #000;

	margin-bottom: 20px;

}



#sidebar a {





	color: #1f80a3;

}



#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: 0.8em;

}

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

}

img#wpstats{display:none}