/* CSS Document by Samuel Larcher. Copyright 2008 */

/* --- CLEAR ALL ELEMENTS--- */

* {
	padding: 0px;
	margin: 0px;
	}
	
a:link, a:visited { text-decoration: underline; border: none; color: white;  }
 a:hover, a:active { text-decoration: none; }
img { border: none; }	

textarea { 
	font: normal normal 14px "Trebuchet MS", sans-serif; color: #444;
	}
button { background: none; border: none; }	

/* --- TYPO --- */

h1 { font: normal normal 25px "Trebuchet MS", sans-serif; color: #ccc; }
p { line-height: 25px; }	
.comment { font: normal normal 14px "Trebuchet MS", sans-serif; color: #848484; }
.showWrite:link, .showWrite:visited { font: normal normal 14px "Trebuchet MS", sans-serif; color: #b3b3b3; text-decoration: underline; }
.showWrite:hover, .showWrite:active { text-decoration: none; }	
.clockCity { position: absolute; right: 0px; padding-right: 60px; padding-top: 15px; font: normal normal 11px "Trebuchet MS", sans-serif; color: white; }


/* --- MAIN ELEMENTS --- */
	
body { background: #4a4a4a url(../images/main/BG.jpg) left top repeat-x; font: normal normal 14px "Trebuchet MS", sans-serif; color: #ccc; width: 100%; }	
	
#logo { display: block; background: url(../images/main/logo.jpg) left top no-repeat; width: 163px; height: 64px; position: absolute; left: 32px;  top: 21px; z-index: 100; }

#MainWrapper { position: relative; margin-top: 152px; z-index: 1; }
#MainAreaWrapper { padding-top: 20px; }

#bar { height: 52px; background: url(../images/main/bar_bg.jpg) left top repeat-x; }	
#clock { width: 150px; height:150px; position: absolute; right: 0px; margin-top: 15px; }
#content { background: url(../images/main/sydney.jpg) center top repeat-x; padding: 20px 0 25px 142px; padding-right: 30%; }
.calendar { background: url(../images/main/calendar.png) left top no-repeat; height: 110px; width: 90px; position: absolute; margin-left: 23px; z-index: 101; }
.months {
	text-align: center;
	position: relative; 
	top: 32px;
	}
.days {
	text-align: center;
	}
.picBox_top {
	background: url(../images/main/picBox_top.png) left top no-repeat; height: 8px; width: 428px; 
	}
.picBox_middle {
	background: url(../images/main/picBox_middle.png) left top repeat-y; width: 388px; padding: 12px 20px 18px 20px;
	}
.picBox_bottom { background:url(../images/main/picBox_bottom.png) left top no-repeat; height: 12px; width: 428px;
	}	
	
	
#writeComment, #readcomment {
	padding: 25px 0 0 140px; 
	}
.close {
	background: url(../images/button/close.gif) left top no-repeat; width: 64px; height: 29px; display: block; overflow: hidden;
	}	
.close:hover {
	background-position: 0px -29px;
	}	
.commentForm_middle {
	background: #d7d7d7;
	}
.commentForm_top {
	background: url(../images/comment/commentForm_top.gif) left top no-repeat;
	}
.commentForm_bottom {
	background: url(../images/comment/commentForm_bottom.gif) left bottom no-repeat;
	padding: 6px 0 56px 17px;
	}	
	
.inputTop_middle {
	background: url(../images/comment/inputTop_middle.gif) left top repeat-x; height: 26px;
	}
.inputTop_left {
	background: url(../images/comment/inputTop_left.gif) left top no-repeat; height: 26px;
	}
.inputTop_right {
	background: url(../images/comment/inputTop_right.gif) right top no-repeat; height: 20px;
	padding: 6px 0 0 6px;
	}						
.inputTop {
	width: 147px;
	}	
.inputfield {
	width: 137px;
	}	
	
.commentInput_middle {
	background: url(../images/comment/comment_middle.gif) left top repeat-y;
	}
.commentInput_top {
	background: url(../images/comment/comment_top.gif) left top no-repeat;
	}
.commentInput_bottom {
	background: url(../images/comment/comment_bottom.gif) left bottom no-repeat;
	padding: 8px 0 0 8px;
	}
.textareaField {
	height: 122px; 
	width: 360px; 					
	}
.code { background: url(../images/comment/code.gif) left top no-repeat; height: 28px; width: 98px; }
.arrow { background: url(../images/comment/code_arrow.gif) center center no-repeat; height: 28px; width: 28px; }

.codeInput_middle {
	background: url(../images/comment/codeInput_center.gif) left top repeat-x; height: 26px;
	}
.codeInput_left {
	background: url(../images/comment/codeInput_left.gif) left top no-repeat; height: 26px;
	}
.codeInput_right {
	background: url(../images/comment/codeInput_right.gif) right top no-repeat; height: 20px;
	padding: 6px 0 0 6px;
	}	
	
.submit { background: url(../images/button/submit.gif) left top no-repeat; width: 74px; height: 36px; overflow: hidden; cursor: pointer; cursor: hand; }
.submit:hover { background-position: left -36px; }

.read_header { background: url(../images/comment/read_header.jpg) left top no-repeat; height: 37px; font: normal normal 12px "Trebuchet MS", sans-serif; color: #939393; }
.read_footer { background: url(../images/comment/read_footer.jpg) left top no-repeat; height: 47px; }
.read_content { background: #0a1419; }
								
/* --- NAVIGATION --- */		
	
#lifeblog:link, #lifeblog:visited, #portfolio:link, #portfolio:visited, #designblog:link, #designblog:visited, #about:link, #about:visited, #getaquote:link, #getaquote:visited  {
	position: absolute;
	top: 89px;
	left: 135px;
	background: url(../images/navigation/lifeblog.jpg) left top no-repeat;
	display: block;
	overflow: hidden;
	width: 145px;
	height: 63px;
	z-index: 100;
}

#lifeblog:hover, #lifeblog:active { background-position: 0px -63px; }
	
#designblog:link, #designblog:visited  { left: 134px; background: url(../images/navigation/designblog.jpg) left top no-repeat; width: 142px; }
#designblog:hover, #designblog:active { background-position: 0px -63px; }	
	
#portfolio:link, #portfolio:visited { left: 418px; background: url(../images/navigation/portfolio.jpg) left top no-repeat; width: 147px; }
#portfolio:hover, #portfolio:active { background-position: 0px -63px; }

#about:link, #about:visited { left: 276px; background: url(../images/navigation/about.jpg) left top no-repeat; width: 147px; }
#about:hover, #about:active { background-position: 0px -63px; }

#getaquote:link, #getaquote:visited { left: 418px; background: url(../images/navigation/getaQuote.jpg) left top no-repeat; width: 147px; }
#getaquote:hover, #getaquote:active { background-position: 0px -63px; }
	
	
#lifeblog.on:link, #lifeblog.on:visited, #lifeblog.on:hover, #lifeblog.on:active { background-position: 0px -63px; }
#designblog.on:link, #designblog.on:visited, #designblog.on:hover, #designblog.on:active { background-position: 0px -63px; }		
#portfolio.on:link, #portfolio.on:visited, #portfolio.on:hover, #portfolio.on:active { background-position: 0px -63px; }
#about.on:link, #about.on:visited, #about.on:hover, #about.on:active { background-position: 0px -63px; }
#getaquote.on:link, #getaquote.on:visited, #getaquote.on:hover, #getaquote.on:active { background-position: 0px -63px; }	




/* --- BAR --- */

.buttonWrapper {
	padding-top:8px; 
	padding-left: 30px;
	width: 110px;
	height: 44px;
	}
.headlineWrapper {
	padding-top: 12px;
	height: 40px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.barRightWrapper {
	height: 40px;	
	width: 400px;
	padding-top: 12px;
	background: url(../images/main/bar_bg.jpg) left top repeat-x;
	position: relative;
	z-index: 100;
	}
.commentsWrapper {
	padding-top: 7px;
	color: #848484;
	padding-right: 10px;
	padding-left: 10px;
	}	
		
#previousButton:link, #previousButton:visited {
	display: block;
	background: url(../images/button/previous.jpg) left top no-repeat;
	height: 40px;
	width: 39px;
	overflow: hidden;
}

#previousButton:hover, #previousButton:active {
	background-position: 0px -40px;
}

#nextButton:link, #nextButton:visited {
	display: block;
	background: url(../images/button/next.jpg) left top no-repeat;
	height: 40px;
	width: 38px;
	overflow: hidden;
}

#nextButton:hover, #nextButton:active {
	background-position: 0px -40px;
}

#archiv:link, #archiv:visited {
	display: block;
	background: url(../images/button/archiv.gif) left top no-repeat;
	height: 29px;
	/* old width without padding +5 width: 65px; */
	width: 70px;
	overflow: hidden;
	}
	
#archiv:hover, #archiv:active {
	background-position: 0px -29px;
	}
	
#contact:link, #contact:visited {
	display: block;
	background: url(../images/button/contact.gif) left top no-repeat;
	/* old width without padding +5 width: 76px; */
	width: 81px;
	height: 29px;
	overflow: hidden;
	}	
	
#contact:hover, #contact:active {
	background-position: 0px -29px;
	}
	
#rss:link, #rss:visited, #rss:hover, #rss:active {
	display: block;
	background: url(../images/button/rss.gif) left top no-repeat;
	height: 20px;
	width: 20px;
	position: relative;
	margin-top: 5px;
	}
	
/* Google ad */
.GoogleAd { height: 60px; width: 468px; position: absolute; z-index: 100; top: 25px; margin-left: 645px; }










/* --- SPECIALS --- */	

.left { float: left; }
.right { float: right; }
.clear { clear: both; }	
.paddingLeft15 { padding-left: 15px; }	
.white { color: white; }
.paddingB10 { padding-bottom: 10px; }
.displayNone { display: none; }