/* CSS Document */

/* Main Structure */
	
	body {
		background-color: #343434;
	}
	
	#wrapper {
		width: 875px;
		height: auto;
		margin: 30px auto; 
		background-color: #343434;
	}
	
	#header { 
		width: 180px; 
		height: 700px; 
		float: left;
		text-indent: -5000px;
		overflow: hidden;
		background: transparent url(../i/logo.gif) no-repeat 12px 48px;
	}
	
		div#header div#leftsash {
			width: 180px;
			position: relative;
			top: 190px;
			left: 15px;
			text-indent: 0px;
			color: #ffffff;
		}
		
		div#header .logo {
		display: block;
		width: 179px;
		height: 200px;
		margin-bottom: -180px;
		}
	
	#nav {
		width: 650px;
		margin-left: 35px; 
		float: left;
		background-color: #343434;
	}
	
	#content {
		width: 650px;
		margin-left: 35px;
		float:left; 
	}
	
	#footer { 
		width: 865px; 
		height: 15px;
		margin-top: 5px;
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		text-align: right;
		color: #ffffff;
	}
	
	/* End of Main Structure */
	/* Login Box Styling */
	
	div#header div#leftsash p {
		margin-bottom: 8px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		font-color: #ffffff;
	}
	
	div#header div#leftsash h2 {
		margin-bottom: 8px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 20px;
		font-color: #ffffff;
	}
	
	div#header div#leftsash form p {
		margin-bottom: 4px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		font-color: #ffffff;
	}
	
	div#header div#leftsash form input {
		width: 140px;
		margin-bottom: 10px;
		padding: 2px;
	}
	
	div#header div#leftsash form input.btn {
		width: 60px;
		padding: 2px;
	}
	
	div#header div#leftsash ul.in_menu {
		border-top: 1px dotted #ffffff;
		width: 80%;
	}
	
	div#header div#leftsash ul.in_menu a {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
	}
	
	div#header div#leftsash ul.in_menu a:hover {
		list-style-type: disc;
		text-decoration: none;
		color: #016549;
	}
	
	/* End of Login box styling */
	/* Navigation */
		
		#nav ul {
			font-family: Helvetica, Arial, Verdana, sans-serif;
			list-style-type: none;
			list-style-position: outside;
			margin-top: 10px;
		}
		
		#nav ul li {
			float: left;
			padding: 3px 25px 20px 0px;
			background: transparent url(../i/nav.gif) no-repeat -150px;
		}
		
		#nav ul a {
			width: 50px;
			float: none;
			display: block;
			font-size: 14px;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#nav > ul a {
			width: auto;
		}
		
		#nav ul li:hover {
		background-position: right 18px;
		}
		
		#nav ul li.current a {
		background: transparent url(../i/nav.gif) no-repeat left top;
		}
		
		#nav ul li.unkle {
		margin-left: 125px;
		}
		
	
	/* Navigation End */
	/* Blog Styling */
	
	div.blog {
	margin: 2px 0 20px;
	}
	
		/*Blog Header */
		div.blog .blog_head {
		height: 35px;
		width: 650px;
		float: left;
		background: #27a500 url(../i/blog/title_left.gif) no-repeat top left;
		}
		
		div.blog .blog_head p.blog_auth {
		float: left;
		position: relative;
		top: 18px;
		left: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		color: #ffffff;
		}
		
		div.blog .blog_head h3.blog_date {
		float: right;
		display: inline;
		position: relative;
		top: -20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 60px;
		color: #343434;
		_margin-bottom: -35px;
		}
		/*End of Blog Header */
		
		/*Blog Body*/
		
		div.blog .blog_body {
		width: 650px;
		height: auto;
		float: left;
		background-color: #FFFFFF;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #343434;
		}
		
		div.blog .blog_body p.blog_time {
		margin: 10px 30px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 38px;
		color: #343434;
		}
		
		div.blog .blog_body p {
		margin: 15px;
		}
		
		/*div.blog .blog_body p.comment {
		margin: 15px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		color: #343434;
		}*/
		
		div.blog .blog_body p.comment_options {
		margin: 20px 50px 20px 0;
		_margin: 20px 10px 20px 0;
		float: right;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		color: #343434;
		}
		
			/* Hidden Comments */
			
			div.comment_box {
			width: 600px;
			_width: 550px;
			margin: 0 25px;
			float: left;
			}
			
			div.comment_box div.full_comment {
			margin: 15px 0;
			float: left;
			}
			
			div.comment_box div.full_comment .com_head{
			background: transparent url(../i/blog/com_auth.gif) no-repeat bottom left;
			height: 16px;
			}
			
			div.comment_box div.full_comment .com_head p {
			margin-left: 15px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			color: #343434;
			}
			
			div.comment_box div.full_comment .comment {
			width: 600px;
			_width: 550px;
			float: left;
			display: inline;
			background-color: #343434;
			}
			
			div.comment_box div.full_comment .comment .com_num {
			float: right;
			line-height: 1px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 95px;
			color: #ffffff;
			}
			
			div.comment_box div.full_comment .comment .com_txt {
			margin: 20px 90px 20px 17px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 13px;
			color: #ffffff;
			}
			

			p.close_box a:link,
			p.close_box a:visited,
			p.close_box a:active {
			padding-right: 3px;
			display: inline;
			border-right: 20px solid #016549;
			text-decoration: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			color: #0000ee;
			}
			
			p.close_box a:hover {
			border-right: 20px solid #343434;
			color: #343434;
			}
			
			/* End of Hidden Comments Styling */
			/* Hidden form for adding comments */
			
			div.lcom {
			margin: 0 25px;
			float: left;
			width: 600px;
			_width: 550px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
			color: #343434;
			}
			
			div.lcom form {
			width: 550px;
			float: left;
			display: inline;
			font-family: Georgia, "Times New Roman", Times, serif;
			}
			
			div.lcom form input.name {
			width: 295px;
			margin-top: 20px;
			padding: 5px 10px;
			border: 1px dotted #343434;
			font-size: 11px;
			font-family: "Courier New", Courier, monospace;
			}
			
			div.lcom form textarea {
			width: 295px;
			height: 100px;
			margin-top: 10px;
			padding: 10px;
			float: left;
			border: 1px dotted #343434;
			font-size: 11px;
			}
			
			div.lcom form input.btn {
			margin: 8px 0px 0px 258px;
			padding: 3px;
			float: left;
			font-size: 14px;
			font-weight: bold;
			background-color: #343434;
			color: #ffffff;
			}
			
			div.lcom form p {
			width: 125px;
			margin: 10px 20px;
			float: left;
			display: inline;
			position: relative;
			}
			
			div.lcom form div {
			margin-top: 3px;
			float: left;
			}
			
			
			/* End of hidden form for adding */
		/*End of Blog Body*/
	
	/* End of Blog styling */
	/* Maps styling */
		
	#content #maps {
		height: 1000px;
		width: 640px;
}
	
	/* End of Maps styling */
	
	/* Add/Post a Blog Styling */
		
		div#content div.add_blog h1,
		h1.heading {
			padding: 6px 0;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 24px;
			color: #ffffff;
		}
		
		div#content div.add_blog form input, input.rego {
			margin: 20px 0 10px 0;
			padding: 5px;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 12px;
			background-color: #CCCCCC;
			border: 2px solid #666666;
		}
		
		div#content div.add_blog form input:hover, input.rego:hover {
			background-color: #343434;
			color: #ffffff;
			cursor: pointer;
		}
		
		div#content #recaptcha_widget_div {
		display: block;
		}
		
		div#leftsash .map_ctrl {
		width: 160px;
		float: left;
		margin-top: 45px;
		}
		
		div#leftsash .map_ctrl p {
		margin-bottom: 10px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		color: #ffffff;
		}
		
		div#leftsash .map_ctrl a,
		div#leftsash .map_ctrl span.pointer {
		margin: 10px 0;
		padding: 3px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		border: 1px dotted #ffffff;
		}
		
		div#leftsash .map_ctrl a:hover {
		text-decoration: underline;
		}
		
		
		div#content form#spot_form {
		margin-top: 30px;
		}
		
		div#content form#spot_form input {
		margin-top: 20px;
		}
	
	/* End of Add/Post a Blog Styling */
	
	/* Contact form styling */
	
	p.contact {
	margin-bottom: -12px;
	padding: 20px 200px 20px 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	}
	
	form.contact {
	padding: 20px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	}
	
	form.contact table tr td.left {
	text-align: right;
	padding: 4px;
	vertical-align: top;
	}
	
	form.contact table tr td.right {
	padding-bottom: 3px;
	}
	
	form.contact textarea {
	width: 313px;
	height: 200px;
	margin-bottom: 10px;
	}
	
	form.contact input.send {
	margin-top: 5px;
	padding: 2px;
	float: left;
	}
	
	form.contact p.error {
	font-size: 14px;
	font-weight: bold;
	margin: 13px 0;
	
	}

	#content h2 {
		margin-bottom: 8px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 16px;
		color: #ffffff;
	}
	
	/* End of contact form styling */
	
	/* COUSIN BARRYS CORNER */
	
	#content .bear_com {
	width: 560px;
	_width: 510px;
	padding: 20px;
	margin: 20px 0;
	background-color: #ffffff;
	}
	
	#content img.bear {
	margin-left: 85px;
	}
	
	#content .bear_com p.head {
	margin-bottom: 10px;
	font-family:Helvetica, Arial, Verdana, sans-serif; 
	font-size: 18px;
	font-weight: bold;
	}
	
	#content .bear_com p.body {
	margin-bottom: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 11px;
	}
	
	#content .bear_com p.end {
	font-family:Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	}
	
	#content .bear_res {
	width: 520px;
	_width: 490px;
	padding: 20px;
	margin: 20px 0 20px 40px;
	background-color: #FFCCFF;
	}
	
	#content .bear_res p.head {
	margin-bottom: 10px;
	font-family:Helvetica, Arial, Verdana, sans-serif; 
	font-size: 18px;
	font-weight: bold;
	}
	
	#content .bear_res p.body {
	margin-bottom: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 11px;
	}
	
	#content .bear_res p.end {
	font-family:Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	}
	/*-------------------------*/
	
	/* Clearfix Hack courtesy of www.positioniseverything.net */
	
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	
	.clearfix {
		display: inline-block;
	}
	
	html[xmlns] .clearfix {
		display: block;
	}
	
	* html .clearfix {
		height: 1%;
	}
	
	/* End of clearfix hack */
