body {
	background: url(../img/main-bg.jpg) top center repeat-x;
	font-family: Verdana, Verdana;
	font-size: 11px;
	color: #707070;
	
	line-height: 160%;	
	height:100%;
	
	margin:0;
	padding:0;
}

#stage {
	width: 829px;
	height:100%;
	margin: 0 auto;
	text-align: center;
}

#header {
	text-align:left;
	width:830px;
}


#logo {
	foat:left;
}

/* Search */
#search {
	float:right;
	width:200px;
	margin-top:-34px;
	text-align:right;
}

#search input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	padding:3px;
}

.submitSearch {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	cursor:pointer;
}

#searchResult {
	width:500px; 
	margin-top:-5px; 
	padding-bottom:5px; 
	border-bottom:1px solid #CCCCCC
}

#searchResult a {
	color:#31bfde;
	text-decoration:underline;
}

.noBorder {
	border:none;
}

#navigation {
	width:815px;
	height:28px;	
		
	margin-left:7px;	
	margin-bottom:8px;
		
	z-index:9999;	
	text-align:center;
	background: url(../img/nav-bg.gif) repeat-x top center;
	
}



#content {
	background: url(../img/content-bg.png) repeat-y;
	height:100%;
	width:829px;
	
}

#maincontent {
	
	text-align:left;
	width:829px;
				
	padding-left:10px;
	padding-right:10px; 	
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}


#main-left {	
		
	text-align:left;
	float:left;	
	width:580px;	
	
		
	
}

#sub-right {
	
	float:left;	
	width:130px;	
	padding:15px;	
	background:url(../img/line.gif) top left white no-repeat;
	
	
}

#footer {
	clear:both;
	text-align: center;
	width:830px;
	height:20px;
	background:url(../img/footer.png) no-repeat;
}

/* general styles */
#textarea,select {
	display: block;
	padding: 5px;
	font-family: Verdana, Verdana;
	font-size: 11px;
	color: #646464;
	border: 1px solid #a2a2a2;
	background-color: #f0f0f0;
}	

a img {
	border: 0;
}
	
a:link {
	text-decoration:none;
	color: #7f7f7f;
	padding:1px;
}

a:hover {
	text-decoration:none;
	color: #7f7f7f;
}

a:visited {
	text-decoration:none;
	color: #7f7f7f;
	text-decoration:none;
}


/* headlines */
h1 {
	font-family:Arial;
	font-size:22px;
	color:white;
	margin-bottom:0;
}


h2 {
	font-weight:normal;
	font-size:11px;
}

h3 {
	font-family:Arial;
	color:#3e3e3e;
	font-size:14px;
	margin-bottom:0;
}

#large {
	width: 350px;
	height: 350px;
	float: left;
	background: url(img/indicator.gif) no-repeat 40% 60%;
	margin-left:15px;
}

#large img {
	border: 1px solid #223348;
}

	
/* diary-entries overview */
.diary-preview a{
	color: #707070;
	width:90%; 
	display:block; 
	padding:5px; 
	border-bottom:1px solid #e2e2e2;
}

.diary-preview a:hover{
	border-bottom:1px solid #cecece;
}

/* diary entry detail */
#diary-entry {
	color: #707070;
	line-height:150%;
	display:block;
}

#diary-entry a {
	color:#3395da;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom: 1px solid #f2f2f2;
	width:110px;
}

#diary-entry a:hover {
	color:#3395da;
	text-decoration:none;
	padding-bottom:3px;
	border-bottom: 1px solid #3395da;
	width:110px;
}

/* diary entry module */
#entry ul{
	background:url(../img/diary-entry-bg.gif) repeat-x top left;
	list-style-type: none;
	line-height:120%;
	width:205px;
	margin:0;
	padding:0;
}

#entry ul li {
	display:block;
	width:200px;
	padding:3px;
	border-bottom: 1px solid #f2f2f2;
}

#entry .link {
	border-bottom: 0;	
}

#entry .link a {
	color:#3395da;
	text-decoration:none;
	padding-bottom:3px;
	border-bottom: 1px solid #f2f2f2;
	width:110px;
}

#entry .link a:hover {
	color:#3395da;
	text-decoration:none;
	padding-bottom:3px;
	border-bottom: 1px solid #3395da;
	width:110px;
}

#entry ul li a {
	display:block;
}

/* news */ 
ul#news {
	line-height:130%;
	width:200px;
	list-style-type: none;
	padding:0;
	margin:0;
}

ul#news li {
	background:url(../img/diary-entry-bg.gif) repeat-x top left;
	width:200px;
	padding:3px;
	margin-left:-5px;
}

/* webcam preview pics */
ul#portfolio {
	line-height:130%;
	list-style-type: none;
	padding:0;
	margin:0;
}

/* gallery */
#thumbnail {

	width: 500px;
	height: 500px;	
	
	float: left;	
	margin-top:10px;
	margin-left:0px;	
	list-style: none;
	padding: 5px;
	background: #fff;
}

#thumbnail li {
	float: left;
	/* width: 79px; */
	margin: 8px;	
	height:8em;
}

#thumbnail a {
	display: block;
	
	/* width: 75px; */
	
		
	padding: 1px;
	border: 1px solid #ccc;
}

#thumbnail a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

.lazy {
	border:0;
}

/* Webcam dropdown */ 
.changeWebcam {
	padding:2px;
	background:white;
	width:150px;
}

.noparagraph p {
	margin:0;
	padding:0;
	color:#2f2f2f;
}