@import url(base-weblog.css);

/*
name: Relaxation Subvert
designer: Eric Boer Nielsen
designer_url: http://amalgamar.f2o.org/blog/
description: Based on the Wordpress design by John Wrana (http://www.jowra.de/)
layouts: one-column, two-column-left, two-column-right, three-column
*/

/* ========================================================================= *
 * You can customize it with your own banner images changing the code below, *
 * replacing 'header-x.gif' with your image path and filenames. You may also *
 * change the banner-description color accordingly. Try it!                  *
 * ========================================================================= */

.layout-one-column #banner-inner { 
	background-image: url(header-1.gif);
}

.layout-one-column #banner-description,
.layout-one-column #banner-description a {
	color: #000;
}

.layout-two-column-left #banner-inner {
	background-image: url(header-2.gif);
}

.layout-two-column-left #banner-description,
.layout-two-column-left #banner-description a {
	color: #fff;
}

.layout-two-column-right #banner-inner {
	background-image: url(header-2.gif);
}

.layout-two-column-right #banner-description,
.layout-two-column-right #banner-description a {
	color: #fff;
}

.layout-three-column #banner-inner { 
	background-image: url(images/hipbanner_front1.jpg);
}


.layout-three-column #banner-description,
.layout-three-column #banner-description a {
	color: #fff;
}

/* ========================================================================= */

/* basic page elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	font-size: 13px;
}

acronym {
	text-decoration: none;
	border-bottom: 1px dotted #808979;
}

blockquote {
	margin: 1em 1em 1em 0;
	padding-left: 2em;
}

.entry-content blockquote {
	background: url(quote.gif) no-repeat top left;
	color : #808979;
}

code, pre {
	color: #005577;
	text-align: left;
}

hr {
	border: 0;
	color: #808979;
	background-color: #808979;
	height: 1px;
	margin: 1.5em 0;
	margin-right: 38.197%;
}

p {
	line-height: 1.5em;
	margin: 1em 0;
	text-align: justify;
}

ul, ol {
	padding-left: 1em;
	margin: 1em 0 1em 1em;
}

small { font-size: 0.85em; }

.smallcaps {
	font-variant: small-caps;
	letter-spacing: 0.09em;
}

a { color: #a06000; text-decoration: none; }
a:hover { text-decoration: underline; }

#banner a { color: #a0a999; }
#banner a:hover { text-decoration: none; }

.module-content a { color: #443; }
.module-content a:hover { color: #a06000; text-decoration: none; }

/* page layout */

body {
	min-width: 714px;
	padding: 20px 0;
	color: #000;
	background-color: #a9ac99;
}

#container {
	width: 714px;
	background: url(middle-2r.gif) repeat-y top center;
}

#container-inner {
	padding-bottom: 30px;
	background: url(bottom-2r.gif) no-repeat bottom center;
}

#banner {
	color: #a0a999;
	font-size: 11px;
	height: 170px;
	width: 714px;
	padding-top: 10px;
	background: url(top-2r.gif) no-repeat top center;
}

#banner-inner { 
	margin: 0 10px;
	width: 694px;
	height: 170px;
	background-position: top left;
	background-repeat: repeat;
}

/*h1*/#banner-header {
	margin: 0;
	width: 100%;

	background: url(header-alpha.gif) no-repeat top left;
	font-size: 0;
}

#banner-header a {
	display: block;
	width: 100%;
                     height: 130px;
}

h2 {
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	font-size: 20px;
	color: #057;
}

/*h2*/#banner-description {
	position: absolute;
	top: 0;
	right: 4px;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px;
	letter-spacing: 0;
	text-align: right;
}

#alpha {
	margin: 12px 30px 35px 67px;
	width: 430px;
}

#beta {
	margin: 26px 27px 0 32px;
	width: 128px;
}

/* content */

.content-nav {
	font-size: 11px;
	margin-bottom: 13px;
}

/*h2*/.date-header {
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	font-size: 11px;
	color: #900;
	letter-spacing: 0.09em;
	text-align: right;
	margin-top: 14px;
}

h3,
/*h2*/.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	font-size: 13px;
	color: #057;
	margin: 15px 0;
	font-weight: bold;
}

h3 a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a {
	color: #057;
}

.entry { margin: 10px 0 40px 0; }

.trackbacks,
.comments,
.archive {
	margin: 0;
}

/*h3*/.entry-header {
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	font-size: 20px;
	color: #057;
	margin: 0;
	font-weight: normal;
}

.entry-header a { 
                     color: #057; 
                     text-decoration: none;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
	margin: 0;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
	margin: 10px 0;
}

.entry-footer {
	color: #808979;
	font-size: 11px;
	letter-spacing: 0.09em;
	margin: 10px 0 0 0;
	text-align: right;
}

.entry-footer a { color: #808979; }

.post-footers { display: block; }

.separator { color: #fdfdfa; }

.entry-body img { border: 1px solid #e0e0d0; }
.entry-body img[align="right"] { margin: 0 0 1em 1em; }
.entry-body img[align="left"] { margin: 0 1em 1em 0; }

.entry-userpic { display: none; }

.comment-userpic { 
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid #e0e0d0;
}

/* modules */

.module { font-size: 11px; }

/*h2*/.module-header {
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	font-size: 11px;
	color: #005080;
	letter-spacing: 0.3em;
	margin: 0 0 10px 0;
}

.module-header a { color: #005080; }

.module-content {
	margin: 0 0 20px 0;
	text-align: left;
}

.module-list,
.archive-list {
	margin-left: 10px;
}

.module-list-item {
	line-height: 1.5em;
	margin: 0;
}

.module-powered .module-content {
	color: #595949;
	padding: 5px;
	background: #fff;
	border: 1px solid #e0e0d0;
	text-align: center;
	width: 105px;
}

#trackbacks-info {
	color: #595949;
	padding: 5px 15px;
	background: #fff;
	border: 1px solid #e0e0d0;
	font-size: 11px;
	text-align: center;
}

#trackbacks-info p { text-align: center; }

.comment,
.trackback {
	color: #595949;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 5px 15px;
	background: #f7f7f0;
	border: 1px solid #f0f0e0;
}

.comment-content p,
.trackback-content p {
	line-height: 1.2em;
}

.module-search input {
	background: #fff;
	border: 1px solid #9E9E9E;
	color: #595949;
	vertical-align: middle;
                     margin-top: 20px;
}

.module-search #search,
#comment-author,
#comment-email,
#comment-url,
#comment-text {
	background: #fff;
	border: 1px solid #e9e9d9;
	color: #595949;
	padding: 1px 0 1px 2px;
	vertical-align: middle;
}

.module-search #search {
	border-color: #9E9E9E;
	font-size: 11px;
	height: 15px;
	width: 61px;
                     margin-top: 20px;
}

#comment-text { width: 350px; }

input[type=text] {
	background: #fff;
	border: 1px solid #e9e9d9;
	color: #595949;
	padding-left: 2px;
	vertical-align: middle;
}

#comment-preview, 
#comment-post,
#comment-cancel {
	background: #fff;
	border: 1px solid #e9e9d9;
	color: #595949;
	vertical-align: middle;
}

input[type=submit] {
	background: #fff;
	border: 1px solid #e9e9d9;
	color: #595949;
	vertical-align: middle;
	padding: 0 4px;
}

.comments-open-footer {	margin: 0; }

.module-mmt-calendar .module-content th,
.module-calendar .module-content th { font-size: 8px; }

.module-mmt-calendar .module-content td,
.module-calendar .module-content td { font-size: 10px; }

/* one-column tweaks */

body.layout-one-column { min-width: 564px; }

.layout-one-column #container {
	width: 564px;
	background-image: url(middle-1.gif);
}

.layout-one-column #container-inner {
	background-image: url(bottom-1.gif);
}

.layout-one-column #banner {
	width: 564px;
	background-image: url(top-1.gif);
}

.layout-one-column #banner-inner { width: 544px; }

.layout-one-column #banner-header {
	background-image: url(header-alpha-1.gif);
}

.layout-one-column #alpha { margin-right: 67px; }

/* two-column-left tweaks */

.layout-two-column-left #container {
	background-image: url(middle-2l.gif);
}

.layout-two-column-left #container-inner {
	background-image: url(bottom-2l.gif);
}

.layout-two-column-left #banner {
	background-image: url(top-2l.gif);
}

.layout-two-column-left #alpha { 
	margin: 26px 23px 0 36px;
	width: 128px;
}

.layout-two-column-left #beta { 
	margin: 12px 67px 35px 30px ;
	width: 430px;
}

/* three-column tweaks */

.layout-three-column #container {
	background-image: url(middle-3.gif);
}

.layout-three-column #container-inner {
	background-image: url(bottom-3.gif);
}

.layout-three-column #banner {
	background-image: url(top-3.gif);
}

.layout-three-column #alpha { 
	margin: 26px 23px 0 36px;
	width: 128px; 
}

.layout-three-column #beta { 
	margin: 12px 30px 35px 30px ;
	width: 280px;
}

.layout-three-column #gamma {
	margin: 26px 27px 0 32px;
	width: 128px;
}

/*
customizations for houseinprogress.net
*/

.housephoto img {
	padding-top: 4px;
	padding-bottom: 5px;
}

	.nav	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: x-small; 
		color: #003366;
  		padding-left:0px;
		margin-bottom:20px; 
		}

.layout-three-column #alpha { 
	margin: 26px 0px 0 36px;
	width: 168px; 
                     overflow: hidden;
}

.layout-three-column #beta { 
	margin: 12px 30px 35px 30px ;
	width: 400px;
                     overflow: hidden;
}

.layout-three-column #gamma {
	margin: 26px 27px 0 32px;
	width: 135px;
                     overflow: hidden;
}

.layout-three-column #wide { 
	margin: 12px 30px 35px 30px ;
	width: 875px;
                     overflow: hidden;
}

	.sideadboxed {
		font-size:small;
		width:120px;
  		padding-left:10px;
  		padding-top:10px;
  		padding-right:10px;	
  		padding-bottom:10px;	
		margin-top:10px;
		margin-bottom:20px;
		border-bottom:1px solid #000000;
		border-top:1px solid #000000;	
		border-left:1px solid #000000;
		border-right:1px solid #000000;	
	        background-color: #FFFFFF;
		}	

.adHeadline {font: bold; text-decoration: underline;}
.adText {font: normal; text-decoration: none; color: black;}

.entry-footer img {
                      border: none;
}

	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: x-small; 
		color: #003366;
		margin-bottom:15px; 
		}

body {
	min-width: 863px;
	padding: 20px 0;
	color: #000;
	background-color: #a9ac99;
}

#container {
	width: 863px;
	background: url(middle-3.gif) repeat-y top center;
}

#banner {
	color: #a0a999;
	font-size: 11px;
	height: 130px;
	width: 863px;
	padding-top: 10px;
	background: url(top-3.gif) no-repeat top center;
}

.layout-three-column #banner {
	background-image: url(top-3.gif);
	width: 863px;
}

#banner-inner { 
	margin: 0 10px;
	width: 843px;
	height: 130px;
	background-position: top left;
	background-repeat: repeat;
}

#copyright {
	text-align: center;
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
	}


	.date	{ 
		font-family:georgia, verdana, arial, sans-serif; 
		font-size: small; 
		color: #666; 
		border-bottom:1px solid #999;
		padding:5px;
		margin-bottom:10px;
		font-weight:bold;
		}

.layout-three-column #featured-entry { 
	margin: 0px 0px 0 0px;
	width: 450px;
                     overflow: hidden;
}


.layout-three-column #featured-entry-inner { 
	margin: 0px 20px 0 0px;
	width: 200px;
                     overflow: hidden;
                     float: left;
}


//  Extra CSS for dtree.js expanding blogroll

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: Arial, sans-serif;
	font-size: 3px !important;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	font-size: x-small;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}