/*   

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: 1.0.2

Tags: tan, light, one-column, two-columns, three-columns, fixed-width, custom-header, right-sidebar, theme-options, threaded-comments, photoblogging



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

background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 1.5em;

	color: #ffffff;

	text-align: justify;





	

}



a {

	color: #F8BB16;

text-decoration:none;

}



img {

	border: 0;



}







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

 **   Layout

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





/* Menu */



#menu {

	

	height:3.0em;

margin-top:120px;

text-transform:uppercase;

	

}



#menu ul {

	width: 1000px;

	margin: 0 auto;

	padding: 127px 0 0 20px;

	bottom: 0;

	left: 0;

	list-style: none;

font-size: 17px;

line-height:16px;

letter-spacing:-1px;

font-weight:bolder;

font-style:black;

text-transform:uppercase;

}



.double-right-sidebar #menu ul {

	width: 1000px;

}



#menu ul li {

	float: left;

font-size: 17px;

line-height:16px;

letter-spacing:-1px;

font-weight:bolder;

font-style:black;

}



#menu .page_item a {

	display: block;

	padding-right: 20px;

padding-top:20px;

	color: #000000;

font-size: 17px;

line-height:16px;

letter-spacing:-1px;

font-weight:bolder;

font-style:black;

	text-decoration: none;

}



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

	color: #9A652B;

}



/* Header */







#header {

margin-top:0;

width:100%;

	height: 404px;

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

text-transform:uppercase;

}



.no-sidebar div #header {

	background-image: url(images/header-no-sidebar.jpg);

}



.double-right-sidebar div #header {

	background-image: url(images/header-double-sidebar.jpg);

}



#header div {

	width: 1000px;

	margin: 0 auto;

}



.double-right-sidebar #header div {

	width: 1000px;

}



#header h1 {

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

	margin: 0;

}



#header h1 a {

	color: #d3d3d3;

	text-decoration: none;

	font-weight: normal;

	font-style: normal;

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

	float: left;

}



#blog-description {

	position: relative;

	top: 60px;

	color: #616161;

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

	left: 1.3em;

}



/* Content */



#content-container {

	background: #000000;



}



.no-sidebar div #content-container {

	height: 100%;

	background: #9E9082 url(images/body-no-sidebar.jpg) no-repeat top center;
	

}



.double-right-sidebar div #content-container {

	background: #9A652B;

}



#content {

	width: 1000px;

	margin: 0 auto;

}



.double-right-sidebar #content {

	width: 1000px;

}



#body {

	float: left;

	width: 695px;

	padding-left: 15px;

	padding-right: 15px;

}



.no-sidebar div div #body {

	width: 1000px;

	float: none;

}



/* Sidebar */



#sidebar {

	float: right;

	font-size: 0.9em;

	width:250px;
	
	height:100%;

	position: relative;

background: #9A652B;

margin: -20px 0 0 -20px;



	

}



.double-right-sidebar #sidebar {

	font-size: 0.8em;

	float: left;

	position: relative;

	

	width: 181px;

}



.double-right-sidebar #sidebar2 {

	font-size: 0.8em;

	float: right;

	position: relative;

	

	width: 169px;

}



/*  */



#footer-wrap-outer {

	height:200px;

	

}



#footer-wrap {

	width: 100%;

	background: #F8BB16 url(images/thankyou.jpg) no-repeat;

background-position: top right;

	padding-top: 5px;

	padding-bottom: 30px;

}





#footer {

	width: 1000px;

	margin: 0 auto;

	padding-left: 7px;

	padding-right: 7px;

	padding-top: 10px;

	min-height: 30px;

}





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

 **   Content

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

#page {

width: 1000px;

margin: 0 auto;

border-left: #F8BB16 solid 5px;

border-right: #F8BB16 solid 5px;
position: relative;

}









/* General */



h2 {

	font-size: 2em;

	font-weight: normal;

	font-style: normal;

	color: #ffffff;

	margin-top: 0px;

	margin-bottom: 0.5em;

}



h2 a {

	text-decoration: none;

	color: #F8BB16;

}



.post .entry {

	font-size: 0.9em;

	line-height: 1.3em;

	clear: both;

}



.post .author {

	color: #949494;

	font-size: 0.8em;

	position: relative;

	top: -1.5em;

}



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

}



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

	clear: both;

	display: block;

	margin-top: 30px;

	margin-left: 20px;

	font-size: 0.9em;

	color: #88897b;

	background: url(images/more-link.png) no-repeat left center;

	padding-left: 30px;

}



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

	margin-top: 50px;

}



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

margin-right:9px;

}

.alignleft1 {

  	float: left;

margin-right:9px;
border: 5px solid #ffffff;
margin-botton:5px;

}

.alignleft2 {

  	float: left;

margin-right:9px;
margin-bottom:50px;

}




.alignright {

   float: right;

margin-right:9px;
margin-left: 8px;

}
.alignright1 {

   float: right;

margin-right:9px;
margin-left: 8px;

border: 5px solid #ffffff;
}
.clear {

	clear:both;

}



.wp-caption {

   border: none;

   text-align: center;

   background-color: #f8faf7;

   padding-top: 4px;

}



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

	list-style-type: none;

	margin-top: 16px;

	margin-left: 0px;

}



.commentlist li {

	margin-top: 16px;

	margin-left: 30px;

	max-width: 460px;

}



.commentlist li .comment-content,

.commentlist li .before-comment,

.commentlist li .after-comment,

.commentlist li .after-comment div {

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

}



.commentlist li .comment-content {

	position:relative;

	zoom:1;

	_overflow-y:hidden;

 	padding: 28px 0 0px 0px;

}



.commentlist li .before-comment {

	/* top+left vertical slice */

	position:absolute;

	left:0px;

	top:0px;

	width: 27px; /* top slice width */

	margin-left: -27px;

	height:100%;

	_height:1600px; /* arbitrary long height, IE 6 */

	background-position:top left;

}



.commentlist li .after-comment {

	/* bottom */

	position:relative;

	width:100%;

}



.commentlist li .after-comment,

.commentlist li .after-comment div {

	height: 40px; /* height of bottom cap/shade */

	font-size:1px;

}



.commentlist li .after-comment {

	background-position:bottom right;

}



.commentlist li .after-comment div {

	position:relative;

	width:27px; /* bottom corner width */

	margin-left: -27px;

	background-position:bottom left;

}



.commentlist .comment {

	margin: 0;

	font-size: 0.8em;

	padding-right: 27px;

}



.comment-text {

	margin-left: 42px;

	margin-right: 10px;

	margin-top: 24px;

	font-size: 0.9em;

}



.comment-text * {

	margin-bottom: 0;

	padding-bottom: 0;

}



.commentlist .comment .reply {

	text-align: right;

	position: relative;

	top: 15px;

	z-index: 100;

	font-size: 0.9em;

}



.commentlist .comment .reply a {

	color: #D7DBD8;

	text-decoration: none;

}







.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.aligncenter {

	text-align: center;

}



.frame-outer span {

	display: inline-block;

	

}



.frame-outer span span {

	

}



.frame-outer span span span {

	

}



.frame-outer span span span span {

	padding: 12px;

	min-width: 150px;

	min-height: 150px;

	text-align: center;

	overflow: hidden;

}



.frame-outer span span span span * {

    max-width: 700px;

}



.frame-outer.small span {

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

}



.frame-outer.small span span {

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

}



.frame-outer.small span span span {

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

}



.frame-outer.small span 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 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;

	outline: none;

}

.sidebar #searchform div #searchsubmit {

	border: 0;

	background: none;

	width: 39px;

	height: 26px;

	margin-left: 4px;

	overflow: hidden;

	text-indent: -2000px;

	cursor: pointer;

}

.double-right-sidebar .sidebar #searchform div {

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

	width: 190px;

	height: 45px;

	margin-left: -3px;

}

.double-right-sidebar .sidebar #searchform div #s {

	border: 0;

	margin-top: 14px;

	margin-left: 19px;

	width: 115px;

	height: 16px;

	color: #909090;

	font-size: 0.9em;

	outline: none;

}





/* 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;

	display: inline;

}





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

 **   Footer

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



#footer #subscribe a {

	display: block;

	position: absolute;

	width: 149px;

	height: 126px;

	margin-left: -126px;

	margin-top: -68px;

	text-indent: -2000px;

	overflow: hidden;

}



#footer .legal, #footer .credit {

	color: #5f5f5f;

}



#footer .legal {

margin-top:30px;

	float: left;

}



#footer .credit a {

	text-decoration: none;

}



#footer .credit {

margin-top:30px;

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

}



#footer h2 {

	color: #fff;

	font-size: 1.3em;

	margin-bottom: 15px;

	font-weight: normal;

	font-style: normal;

}



.donate {

margin-left:60px;

margin-top:15px;

}



.dpic {

margin-bottom:15px;

margin-left:20px;

margin-top:15px;

}



.dpic1 {

margin-left:-10px;

margin-top:15px;

}



.front {

background:#000000 url(images/bodybg1.jpg) no-repeat;

background-position:top left; 

margin:-20px -40px 0 -15px;

padding-top:110px;

}



.frontalign {

text-align:center;

}



.doctitle {

font-size:19px;

line-height:16px;

font-weight:bold;

font-style:italic;

}



.title {

text-transform:uppercase;

font-size:24px;

line-height:24px;

font-style:black;

}



.textmain {

font-size:19px;

line-height:18px;

font-weight:lighter;

}



.sidetext {

font-size:13px;

line-height:14px;

padding: 5px 5px 5px 5px;

}



.facebook {

margin: 6px 6px 6px 6px;

}





.footertitle {

color:#000000;

font-style:italic;

font-size:17px;

font-weight:bold;

}



.footera a {

color:#ffffff;

font-size:17px;

line-height:16px;

}



.image img {

display: block;

   margin-left: auto;

   margin-right: auto;

}



.store {

margin-left:10px;

}

.hover {
padding: 5px;
text-align: left;
}