/*   



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



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: #4c4c4c;



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



	color: #666666;



}







a {



	color: #2B7018;
	
	text-decoration: none;
	
	
}

a:hover {

text-decoration: underline;

}





img {



	border: 0;



}















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



 **   Layout



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











/* Menu */











.double-right-sidebar #menu ul {



	width: 947px;



}



#menu-space {
  margin: 0 auto;
  width: 880px;
  height:2.1em;
}



#menu { 
  margin: 0 auto;
  text-align: center;
  background-color: #4c4c4c;
  width: 800px;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	margin: 0 auto;
	padding: 0;
	bottom: 0;
	list-style: none;
}

  
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {
  float: left;
  position:relative;
}

/* style the links for the top level */
#menu a {
  display:block;
  font-size: 16px;
  text-decoration:none; 
  color:#d6d5d1; 
  /* Top, right, down */
  border-width:0px 1px 0px 0px; 
  background:#4c4c4c;
  width: auto;
  padding-left:25px;
  padding-right:25px;
  line-height: 2.05em;
}

/* style the top level hover */
#menu a:hover {
  color:#fff; 
  background:#4c4c4c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:33px;
  left:0;
  
  border-top:1px solid #000;
}

/* style the second level links */
#menu ul ul a {
  background:#666; 
  color:#ffffff; 
  line-height:1.6em; 
  border-width:0 1px 1px 1px;
  width: 180px;
  text-align: left;
  
}

/* style the second level hover */
#menu ul ul a:hover{
  background: #4c4c4c;
}

/* position the third level flyout menu */
#menu ul ul ul{
  left:116px; 
  top:-1px; 
}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {
  left:-140px;
}

/* style the third level background */
#menu ul ul ul a{
  background:#4c4c4c;
}

/* style the third level hover */
#menu ul ul ul a:hover {
  background:#4c4c4c;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}


/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul{
  visibility:visible;  
}

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{
  visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ 
  visibility:visible;
}


#menu .current_page_item a, #menu .page_item a:hover {
	color: #ffffff;
	
}






/* Header */







#header-wrap {



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



}







#header {



	height: 216px;



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



}







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



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



	margin: 0; display: none



}







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



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



	left: 1.3em;

        display: none;



}







/* Content */







#content-container {



	background: #e3e5db 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 */







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







#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) repeat-x 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;



}











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



 **   Content



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







/* General */







h2 {



	font-size: 2.2em;



	font-weight: normal;



	font-style: normal;



	color: #3b3b3b;



	margin-top: 0px;



	margin-bottom: 0.5em;



}







h2 a {



	text-decoration: none;



	color: #3b3b3b;



}







.post .entry {



	font-size: 0.8em;



	line-height: 1.6em;



	clear: both;



}







.post .author {



	color: #949494;



	font-size: 0.8em;



	position: relative;



	top: -1.5em;



}







.post .info {



	color: #bcbcbc;



	font-size: 0.8em;

	

	display: none;



}







.post .date {



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



	width: 89px;



	height: 73px;



	text-align: center;



	float: right;



	text-transform: uppercase;

	

	display: none;



}







.post .date .month {



	display: block;



	font-size: 14px;



	line-height: 17px;



	padding-top: 3px;



	color: #a9a9a9;



	font-weight: bold;

	

	display: none;



}







.post .date .day {



	display: block;



	font-weight: bold;



	font-size: 20px;



	padding-top: 3px;



	line-height: 18px;



	color: #afafaf;

	

	display: none;



}







.post .date .year {



	display: block;



	font-size: 0.7em;



	padding-top: 3px;



	color: #a5a5a5;

	

	display: none;



}







.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: 50px;



	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;
	
	


}







.alignright {



   float: right;



}







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



	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;



}







.frame-outer span span span span .wp-caption-text {



	margin-top: 10px;



}







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



 **   Sidebar



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







/* General */







.sidebar h2 {



	font-size: 1.4em;



	color: #676767;



	margin-bottom: 20px;



}







.sidebar a {



	color: #3C853E;
	
	



}







.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: 149px;



	height: 16px;



	color: #909090;



	font-size: 1.0em;



	outline: none;



}



.sidebar #searchform div #searchsubmit {



	border: 0;



	background: none;



	width: 39px;



	height: 26px;



	margin-left: 4px;



	overflow: hidden;



	cursor: pointer;



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



	color: #999;



	font-size: 0.7em;



	text-transform: lowercase;



}







.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: 117px;



	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;



	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;



}