@import url("fonts.css");

/*   
Theme Name: Elegant Grunge Principien
Theme URI: http://principien.de/elegant-grunge-principien/
Description: The Modified Version of the Elegant Grunge Theme by Michael Tyson with additional features and lots of space for post area and decreased header space introduced by Rubayat Hasan now updated and adapted for Principien. An unwashed yet crisp theme with a feature footer, styled image frames, a page template with a uniquely configurable sidebar and the possibility for a photoblog tag page.
Author: Daniel Schmidthäussler
Author URI: http://principien.de/
Version: 0.2
Tags: tan, light, one-column, two-columns, three-columns, fixed-width, custom-header, right-sidebar, theme-options, threaded-comments, photoblogging

	Elegant Grunge Principien by Daniel Schmidthäussler
	http://principien.de/elegant-grunge-principien/
	
	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
	* Fonts
	* 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)
*/
	
/****************************
 **   Fonts
 ****************************/

/* Prepare theme for embedded fonts s.o.*/

/****************************
 **   General
 ****************************/

html {
    height: 100%;
    padding: 0 0 2px 0;
}

body {
	margin: 0;
	padding: 0;
	background: #4c4c4c;
	font-family: "Palatino", "Georgia", "Baskerville", serif;	
	color: #606060;
}

a {
	color: #5f5f5f;
}

img {
	border: 0;
}


/****************************
 **   Layout
 ****************************/

/* Header */

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

#header {
	height: 112px;    
  background: url(images/header-top.jpg) no-repeat center;
}

#header-wrap-bottom {
	background: url(images/header-repeat-bottom.jpg) repeat-x center top;
}

#header-bottom {
	height: 32px;
	background: url(images/header-bottom.jpg) no-repeat center;
}

#header-search {
  float: right;
	position: relative;
	top: 45px;
	color: #616161;
}

.no-sidebar div #header-bottom {
	background-image: url(images/header-bottom-no-sidebar.jpg);
}

.double-right-sidebar div #header-bottom {
	height: 32px;
	background: url(images/header-bottom-double-sidebar.jpg) no-repeat center;
}

#header div {
	width: 880px;
	margin: 0 auto;
}

.double-right-sidebar #header div {
	width: 947px;
}

#header h1 {
	font: 3em/112px "Fontin", Fontin, "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: 39px;
	color: #616161;
	text-shadow: #000 0 1px 1px;
	left: 4em;
}


/* 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: 820px;
	padding-left: 20px;
	padding-right: 25px;
}

/* Sidebar */

#sidebar {
	float: right;
	font-size: 0.9em;
	width: 220px;
	position: relative;
	left: -4px;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #3b3b3b;
}

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

blockquote {
	font-size: 14px;
	font-style: italic;
	font-family: FontinSans, "Fontin Sans", sans-serif;
	margin: 0px 59px 0px 10px;
	padding: 1px 19px 1px 69px;

}
.smallcaps {
	font-variant: small-caps;
}

.entry-title, entry-meta, .widgettitle, #header, .sociable_tagline, h1, h2, h3 {
font-family:"Fontin", "Palatino", "Georgia", "Baskerville", serif;
}

h2 {
	font-size: 2em;
	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:  Verdana, sans-serif, Arial, Helvetica;
	font-size: 12px;
	color: #666;
	line-height: 1.6em;
	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: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 15px;
	font-family: FontinSans, sans-serif;
	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;
  	min-height: inherit;
  	min-width: inherit;
}

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

/***** Header Search ******/

/* header.php *****
#header-search {
  float: right;
	position: relative;
	top: 65px;
	color: #616161;
}
*/

#header-search #h-searchform {

}


#header-search #h-searchform #s {
  background: #444444;
	border: 0;
	padding-left: 4px;
	margin-top: 0px;
	margin-left: 0px;
	width: 149px;
	height: 18px;
	color: #909090;
	font-size: 0.8em;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	text-shadow: rgba(255,255,255,1) 0 1px 0;

}

#header-search #h-searchform #h-searchsubmit {
	border: 0;
	background: #333333;
	cursor: pointer;
	font: normal 9px/16px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	padding: 4px 7px !important;
	cursor: pointer;
	border: 1px solid #666666;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #909090;
	text-shadow: rgba(255,255,255,1) 0 1px 0;

}


/**************** Regular */

.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.9em;
}


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

/****************************
 **   Menu
 ****************************/

#menu-wrap {
  background-color: #191919;
  display: block;
  text-align: center;
  position: relative;
}

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

.double-right-sidebar div #menu-space {
  width: 955px;
}

#menu { 
  float: left;
  border-bottom: 1px solid #373737;
  position:relative; 
  z-index:100;
}

/* 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:#868686;
  border:1px solid #000; 
  /* Top, right, down */
  border-width:0px 1px 0px 0px; 
  background:#191919;
  width:115px;
  padding-left:0px;
  line-height: 2.05em;
  font-family: "FontinSans", "Fontin Sans", "Fontin-Sans", "Fontin";
}

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

/* 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:#666666; 
  color:#000; 
  line-height:1.6em; 
  border-width:0 1px 1px 1px;
}

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

/* 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:#666666;
}

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


/* 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: #fff;
}

#rss a{
	position:relative;
	top: -10px;
	float: right;
	display: inline;
}

#idc-container-parent #idc-container {
float: none !important;
width: auto !important;
}

img#wpstats{display:none}

.dd_post_share {
margin-top:15px;

#dd_ajax_float {
	text-align: justify;
	position: fixed;
	margin: -35px 0 0 -160px;
}