/*   

Theme Name: Elegant Grunge Mod

Theme URI: http://rubayathasan.com/apps/elegant-grunge-mod/

Description: The Modified Version of the Elegant Grunge Theme with additional features and lots of space for post area and decreased header space. 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: Rubayat Hasan & Michael Tyson

Author URI: http://rubayathasan.com/apps/elegant-grunge-mod/

Version: 1.3

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



	Elegant Grunge MOD by - Rubayat Hasan 

	http://rubayathasan.com/apps/elegant-grunge-mod/

	

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

}



a {

	color: #5f5f5f;

}



img {

	border: 0;

}







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

 **   Layout

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





/* Menu */



#menu {

	background-color: #191919;

	height:4.6em;

	border-bottom: 1px solid #373737;

background-image: url(http://www.needlesoup.com/blog/wp-content/themes/modified-elegant-grunge/images/header-repeat.jpg);

}



#menu ul {

	width: 880px;

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

	color: #868686;

	text-decoration: none;

	font-size: 1.1em;

}



#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: 150px;

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

}



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

	margin: 0 auto;

}



.double-right-sidebar #header div {

	width: 947px;

}



#header h1 {

	font: 2.9em/105px "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: 35px;

	color: #616161;

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

	left: 1.3em;

}



/* Content */



#content-container {

	background: #f3f4ee 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: 880px;

	margin: 0 auto;

}



.double-right-sidebar #content {

	width: 947px;

}



#body {

	float: left;

	width: 610px;

	padding-left: 20px;

	padding-right: 20px;	

}



.double-right-sidebar #body {

	float: left;

	width: 520px;

	padding-left: 15px;

	padding-right: 15px;

}



.no-sidebar div div #body {

	width: 765px;

	padding-left: 50px;

	padding-right: 5px;

}



/* Sidebar */



#sidebar {

	float: right;

	font-size: 0.9em;

	width: 220px;

	position: relative;

	left: -4px;

}



.double-right-sidebar #sidebar {

	font-size: 0.8em;

	float: left;

	position: relative;

	left: 10px;

	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) no-repeat center top;

	padding-top: 68px;

	padding-bottom: 40px;

}



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

	min-height: 30px;

}





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

 **   Content

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



/* General */



h2 {

	font-size: 1.9em;

	font-weight: normal;

	font-style: normal;

	color: #3b3b3b;

	margin-top: 0px;

	margin-bottom: 0.3em;

}



h2 a {

	text-decoration: none;

	color: #3b3b3b;

}



h2 a:hover {

	text-decoration: underline;

}



.post .entry {

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

	font-size: 14px;

	clear: both;

	padding-top: 0.1px;

}



.digg {

    float: left;

    padding-top: 15px;

	padding-right: 8px;

}



.postmeta {

    width: 300px;

    display: block;

    position: relative;

    top: -5px;

    float: left;

    font-size: 0.7em;

    color: #949494;

}



.postauthor {

    height: 24px;

    background: transparent url(images/author-logo.jpg) left center no-repeat;

    padding-left: 15px;

    margin-right: 20px;

    float: left;

}



.postcategory{

    height: 12px;

    float: left;

    padding-left: 19px;

    background: transparent url(images/catg.gif) left center no-repeat; 

}



.postmeta a{

    text-decoration: none;

}



.postmeta a:hover{

    text-decoration: underline;

}



.post .author {

	color: #949494;

	font-size: 0.7em;

	position: relative;

	top: -2px;

	left: 5px;

}







.post .info {

	color: #bcbcbc;

	font-size: 0.8em;

}



.post .date {

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

	width: 77px;

	height: 63px;

	text-align: center;

	float: right;

	text-transform: uppercase;

}



.post .date .month {

	display: block;

	font-size: 14px;

	line-height: 17px;

	padding-top: 2px;

	color: #a9a9a9;

	font-weight: bold;

}



.post .date .day {

	display: block;

	font-weight: bold;

	font-size: 22px;

	padding-top: 1px;

	line-height: 13px;

	color: #afafaf;

}



.post .date .year {

	display: block;

	font-size: 13px;

	padding-top: 0px;

	color: #a5a5a5;

}



.metadata {

	margin-top: 30px;

	display: block;

    position: relative;

    top: 0px;

	text-align: center;

	font-size: 0.7em;

	color: #797979;

}



.metadata a {

	text-decoration: none;

}



.metadata a:hover {

	text-decoration: underline;

}



.postcomments {

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

    height: 17px;

    font-weight: bold; 

    padding-left: 18px;

    padding-right: 12px;

    position: relative;

    display: inline;

    top: 1px;

    

}



.posttags {

    background: url(images/tag.png) no-repeat;

    height: 16px;

    padding-left: 18px;

    padding-right: 12px;

    position: relative;

    top: 1px;

    display: inline;

}



.photoblog-thumbnail {

	display: inline;

	vertical-align: middle;

}



.more-link {

	clear: both;

	display: block;

	margin-top: 40px;

	margin-left: 30px;

	font-weight: bold;

	font-size: 1.2em;

	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: 60px;

	margin: -7px auto 0;

}



.hr hr {

	display: none;

}



.navigation {

	width: 100%;

	margin-top: 0px;

	padding-bottom: 60px;

}



.navigation a {

	text-decoration: none;

	font-size: 1.2em;

}



.navigation a:hover {

	text-decoration: underline;

}



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

  	padding-right: 10px;

}



.alignright {

   float: right;

}



.clear {

	clear:both;

}



.wp-caption {

   border: none;

   text-align: center;

   background-color: #f8faf7;

   padding-top: 0px;

   padding-right: 38px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 10px;

   line-height: 14px;

   padding: 0 4px 5px;

   margin: 0;

}







/* Comments */





.commentlist {

	padding: 0;

	list-style-type: none;

	margin-top: 16px;

	margin-left: 0px;

}



.commentlist li {

	margin-top: 0px;

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

	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: 30px;

	min-width: 150px;

	min-height: 150px;

	text-align: center;

	overflow: hidden;

}



.frame-outer span span span span * {

}



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

	text-align: center;

}



.frame-outer span span span span span {

	background: none;

}



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

	margin-top: 10px;

}



.frame-outer.tagpb span {

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

}



.frame-outer.tagpb span span {

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

}



.frame-outer.tagpb span span span {

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

}



.frame-outer.tagpb span span span span {

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

	padding: 10px;

	min-height: 38px;

	min-width: 38px;

}



.ie-frame {

    text-align: center;

}

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

 **   Sidebar

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



/* General */



.sidebar h2 {

	font-size: 1.3em;

	color: #676767;

	margin-bottom: 5px;

}



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

}



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



/* GOOGLE */



.sidebar #cse-search-box div {

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

	width: 226px;

	height: 49px;

	margin-left: -7px;

}

.sidebar #cse-search-box div #q {

	border: 0;

	margin-top: 14px;

	margin-left: 19px;

	width: 150px;

	height: 16px;

	color: #909090;

	font-size: 1.1em;

	outline: none;

}

.sidebar #cse-search-box div #sa {

	border: 0;

	background: none;

	width: 39px;

	height: 26px;

	margin-left: 4px;

	overflow: hidden;

	text-indent: -2000px;

	cursor: pointer;

}



.sidebar #searchform div {

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

	width: 226px;

	height: 43px;

	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: 115px;

	height: 16px;

	color: #909090;

	font-size: 0.9em;

	outline: none;

}





/* Tag cloud */



.widget_tag_cloud a {

	text-decoration: none;

}



.widget_tag_cloud a:hover {

	text-decoration: underline;

}



/* 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: 2.5px;

	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: -70px;

	text-indent: -2000px;

	overflow: hidden;

}



#footer .legal, #footer .credit {

	color: #5f5f5f;

}



#footer .legal {

	float: left;

	color: #a3a3a3;

	font-size: 1.3em;

}



#footer .credit a {

	text-decoration: none;

}



#footer .credit {

	float: right;

	font-size: 0.8em;

}





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

}