/* *** Initially Generated by www.csscreator.com *** */
/* *** Modified by Ralph Miarka */

html, body{ 
	font-family:arial,tahoma,verdana,helvetica,sans-serif;
	margin:0px; 
	padding:0px; 
 } 

#pagewidth{ 
 width:100%; 
  min-width: 500px; 
} 
 
#head{ 
 height:60px; 
 width:100%; 
 background-color: #FF00FF;
 } 


#leftcol{
	width:180px; 
	float:left; 
	position:relative; 
	margin-left:-180px; 
	margin-right:1px; 
}
 
#outer{ 
	border:solid white 0px; 
	/*/*/ border-left-width: 180px ;  /* left column width. NN4 hack to hide borders */ 
	border-left-color: #FFFFFF;   /* left column colour */ 
	border-left-style: solid; 
	background-color: #FFFFFF; /* center column colour */ 
	width: auto; 
} 
 
#foot{
	height:43px; 
	width:100%; 
	background: url(images/bg2.gif); 
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
	float: left; 
	width: 100%; 
	position: relative; 
	margin: 0 -8px 0 -2px; 
}
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:0px; margin: 0px;} /*padding for content */ 

/* #head .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

#head .content {
	padding:0px;
} /*padding bottom 0 to remove space in IE5 Mac*/ 

#maincol .content {
	padding: 5px 10px 10px 10px;
	border-left: 1px solid #666666;
	font-family:arial,tahoma,verdana,helvetica,sans-serif;
	font-size:14px;
}

#maincol h1 { color: #333333;}
#maincol h2 { color: #666666;}
#maincol h3 { color: #999999;}

#leftcol .content {
	padding: 5px 10px 10px 10px; 
	border-right: 1px solid #666666;
}



#head img {
	position: absolute;
	top: 0px;
	width: 100%; 
	height: 60px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#head h1 {
	position: absolute;
	top: 0px;
	z-index: 2;
	font-size: 28px;
	font-weight: bold;
	margin: 12px 0px 0px 10px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	filter:Alpha(opacity=70, finishopacity=70, style=0);
    -moz-opacity:0.70; 
	opacity:0.70;
	left: 0px;
}

#head a {
    color: #FFFFFF;
    text-decoration:none;	
}
 
p {
	margin-top: 0px; 
}

#foot p { 
	margin: 0.3em 0.3em 0 0;
	padding: 0em;
	font-size: 9px;
}

#foot .copyright {
	text-align: left;
	margin-left: 14px;
	padding: 1px;
	color: #666666;
}

#foot .w3c img {
	border: 0;
}

#foot .w3c {
	float: right;
	margin-left: 14px;
	padding: 1px;
	visibility: visible;
}

#foot a {
	color: #000000;
}
#foot a:hover {
	color: #666666;
}
#foot a:active {
	color: #999999;
}
#foot a:visited {
	color: #333333;
}


div#leftcol ul {
	padding: 0px 0 5px 0 ;
	margin: 0 0 0 0;
	list-style-type: none;
	font-family:arial,tahoma,verdana,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;

}
div#leftcol ul a {
	display: inline;
    text-decoration:none;
	color: #666666;
}

div#leftcol .menu {
	border-bottom: 1px dashed #666666;
	font-size: 12px;
}


div#leftcol .menu ul {
    margin:0;
    padding:0;
	font-size: 12px;
}

div#leftcol .menu li {
	margin: 0;
	padding: 0 0 1px 0;
	font-size: 12px;
}

div#leftcol .menu li a {
	display: block;
	padding: 0.55em 0 0.55em 0em;
    text-decoration:none;
	border: 1px solid white;
	color: #666666;
	width: 150px;
}

div#leftcol .menu ul li {
	font-size: 10px;

}

div#leftcol .menu>li a {width: auto;}

div#leftcol .menu a:hover {
	border-color:gray;
	background: url(images/bg2.gif); 
	background-color:#ddd;
	color:#0000cc;
}

	
/* for a mozilla better display with key nav */
div#leftcol .menu a:focus{
    background-color: #ddd;
}

.onlinestatus {
	padding: 10px 0 10px 0;
	text-align: center;
	border-top: 1px dashed #666666;
}

.onlinestatus img {
	border: 0px;
}

div#weather {
	padding: 10px 0 10px 0;
	text-align: center;
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
}

div#weather img {
	border: 0px;
}

div#webcam {
	font-family:arial,tahoma,verdana,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
    text-decoration:none;
	color: #666666;
}

span#by {
	font-weight: normal;
	color: #000000;
}

#webcam a
{
    text-decoration:none;
	color: #666666;
}

#webcam a:visited
{
	color: #666666;
}

#geourl {
    text-decoration:none;
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	font-weight:bold;
	color: white;
	background-color: #8ca3c3;
	border-left:1px solid #ccf;
	border-top:1px solid #ccf;
	border-right:1px solid #55a;
	border-bottom:1px solid #55a;
	padding:0px 3px 0px 3px;
	margin:0px;
}

div#daymessage {
	padding: 0px 0 0px 0;
	margin: 10px 0 10px 0;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

table#wp-calendar {
	width: 100%;
	font-size: 8pt;
	padding: 0px 0 0px 0;
	margin: 10px 0 0 0;
	color: #666666;
	border: 1px solid #666666;
}

table#wp-calendar a {
	color: blue;
	font-weight: bold;
}

table#wp-calendar #today {
	background: silver;
	font-weight: bold;
}


#funlist {
	list-style-type: circle;
}

#funlist li {
	padding-bottom: 5px;
}

div#leftcol h2 {
	font-size: 12px;
	text-align: center;
}

div#leftcol .link_cats li {
	font-size: 11px;
}

div#leftcol .link_cats li li {
	display : inline;
	padding-left: 5px;
}

#searchform {
	text-align: center;
	margin: 10px 0 5px 0;
}

.postmetadata {
	color: #666666;
	font-size: 11px;
}
.postmetadata a {
	color: #666666;
}

.post h2 {
	margin: 5px 0px 0 0;
}

.post h2 a {
	text-decoration: none;
	color: #0000FF;
}

.post {
	margin: 0 0 10px 0;
}

.entry {
	margin-top: 15px;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

 /*printer styles*/ 
@media print{ 
	/*hide the left column when printing*/
	#leftcol{display:none;} 
	#outer{border-left:0;} 
	#foot{display: none;}
	#head img {z-index: 1; display: none;}
	#head h1 {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		font-size: 28px;
		font-weight: bold;
		margin: 12px 0px 0px 10px;
		padding: 0px;
		color: #000000;
		font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
		filter:Alpha(opacity=100, finishopacity=100, style=0);
		-moz-opacity:1; 
		opacity:1; 
	}
	#head a {
	    text-decoration:none;
	}
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */