/*   
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
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 : #d6d7af;
font-family : "Palatino", "Georgia", "Baskerville", serif;
color : #777;
}
a {
color : #5f5f5f;
}
img {
border : 0;
}
#menu {
background-color : #d6d7af;
height : 3em;
border-bottom : 1px solid #ffffff;
}
#menu ul {
width : 800px;
margin : 0 auto;
padding : 0;
bottom : 0;
left : 0;
list-style : none;
}
.double-right-sidebar #menu ul {
width : 947px;
}
#menu ul li {
float : left;
}
#menu .page_item a {
display : block;
padding-right : 40px;
line-height : 3em;
color : #1A1A1A;
text-decoration : none;
}
#menu .current_page_item a, #menu .page_item a:hover {
color : #9cbaba;
}
#header-wrap {
background : url(images/header-repeat.jpg) repeat-x center top;
}
#header {
height : 216px;
background : url(images/header.jpg) no-repeat center 0%;
}
.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 : 800px;
margin : 0 auto;
}
.double-right-sidebar #header div {
width : 947px;
}
#header h1 {
display : none;
font : 2.2em/169px "Georgia", "Baskerville", serif;
margin : 0;
}
#header h1 a {
color : #1A1A1A;
text-decoration : none;
font-weight : normal;
font-style : normal;
float : left;
}
#blog-description {
display : none;
position : relative;
top : 60px;
color : #616161;
left : 1.3em;
}
#content-container {
background : #d6d7af url(images/body.jpg) repeat-y center top;
}
.no-sidebar div #content-container {
background-image : url(images/body-no-sidebar.jpg);
}
.double-right-sidebar div #content-container {
background-image : url(images/body-double-sidebar.jpg);
}
#content {
width : 800px;
margin : 0 auto;
}
.double-right-sidebar #content {
width : 947px;
}
#body {
float : left;
width : 490px;
padding-left : 20px;
padding-right : 20px;
}
.no-sidebar div div #body {
width : 760px;
float : none;
}
#sidebar {
float : right;
font-size : 0.9em;
width : 220px;
position : relative;
left : -15px;
}
.double-right-sidebar #sidebar {
font-size : 0.8em;
float : left;
position : relative;
left : 28px;
width : 181px;
}
.double-right-sidebar #sidebar2 {
font-size : 0.8em;
float : right;
position : relative;
left : -8px;
width : 169px;
}
#footer-wrap-outer {
margin-top : -51px;
background : #202423 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;
}
.no-sidebar div #footer-wrap {
background-image : url(images/footer-no-sidebar.jpg);
}
.double-right-sidebar div #footer-wrap {
background-image : url(images/footer-double-sidebar.jpg);
}
#footer {
width : 800px;
margin : 0 auto;
padding-left : 7px;
padding-right : 7px;
padding-top : 90px;
min-height : 30px;
}
h2 {
font-size : 1em;
font-weight : bold;
font-style : normal;
color : #1A1A1A;
margin-top : 0;
margin-bottom : 1.8em;
}
h2 a {
text-decoration : none;
color : #3b3b3b;
}
.post .entry {
font-size : 0.9em;
line-height : 1.3em;
clear : both;
}
.post .author {
color : #949494;
font-size : 0.8em;
position : relative;
top : -60px;
}
.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 : #ffffff;
background-color : #ffffff;
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;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
.clear {
clear : both;
}
.wp-caption {
border : none;
text-align : center;
background-color : #ffffff;
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;
}
.commentlist {
padding : 0;
list-style-type : none;
margin-top : 16px;
margin-left : 0;
}
.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;
padding : 28px 0 0 0;
}
.commentlist li .before-comment {
position : absolute;
left : 0;
top : 0;
width : 27px;
margin-left : -27px;
height : 100%;
background-position : top left;
}
.commentlist li .after-comment {
position : relative;
width : 100%;
}
.commentlist li .after-comment, .commentlist li .after-comment div {
height : 40px;
font-size : 1px;
}
.commentlist li .after-comment {
background-position : bottom right;
}
.commentlist li .after-comment div {
position : relative;
width : 27px;
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;
}
.avatar {
float : left;
margin : 0 10px 0 0 !important ;
}
input.text {
width : 200px;
padding : 5px;
border : 1px solid #f2f2f2;
}
textarea {
width : 410px;
height : 100px;
margin : 0;
padding : 5px;
border : 1px solid #f2f2f2;
}
.frame-outer.aligncenter {
text-align : center;
}
.frame-outer span {
display : inline-block;
background : url(images/frame-top-left.jpg) no-repeat left top;
}
.frame-outer span span {
background : url(images/frame-bottom-left.jpg) no-repeat left bottom;
}
.frame-outer span span span {
background : url(images/frame-top-right.jpg) no-repeat right top;
}
.frame-outer span 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;
}
.frame-outer span span span span * {
max-width : 425px;
}
.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 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;
}
.sidebar ul ul li, .sidebar ul ol li {
margin : 3px 0 0;
padding : 0;
}
.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;
}
.widget_tag_cloud a {
text-decoration : none;
}
#calendar_wrap {
margin : 0;
}
#wp-calendar {
width : 100%;
}
#wp-calendar th {
text-align : left;
}
.sidebar .elegant_grunge_photoblog div {
text-align : center;
}
.sidebar .photoblog-thumbnail img {
background : #fff;
border : 1px solid #aaa;
padding : 3px;
display : inline;
}
#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 : #777;
}
#footer h2 {
color : #777;
font-size : 1em;
margin-bottom : 15px;
font-weight : bold;
font-style : normal;
}