@charset "utf-8";
/* CSS Document */

.transparent_class {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.body-style{
	background-image:url(retro-square.png);
	background-repeat:repeat;
}

.header{
	background-color:#FFFFFF;
	border-left:#999999 5px;
	border-top:#999999 30px;
	border-right:#999999 5px;
	height:170px;
	position:relative; top:0px;
	vertical-align:top;
	margin-left:200px;
}

.content{
	margin-left:200px;
	position:relative; left:0px; width:808px;
	color:#000000;
	background-image:url(middle_background.png);
	background-repeat:repeat-y;
}

.footer{
	position:relative; left:0px; width:808px;
	background-color:#000000;
	text-align:center;
	border-top:50px;
	padding-top:30px;
	height:70px;
	vertical-align:middle;
	margin-left:200px;
}

.side_box{
	position:relative; left:808px; width:100px;
	height:100%;
	margin:0px 0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	background-color:#ffffff;
	border:1px #999999;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}

.left_column{
	float:left; 
}

.clearboth { clear: both; }

.standard_link{
	color:#0033CC; 
	text-decoration:underline;
}

.highlight {
	color:#CC0033;
	text-shadow:0 0 0.2em #F87, 0 0 0.2em #F87; color:#FF0000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.logged_in_message {
	float:right;
	margin-right:30px;
	margin-top:20px;
	text-align:right;
	vertical-align:top;
	width:450px;
}

.search{
	border-color:#000000;
	border-bottom-width:1px;
	position:absolute; left:300px; top:135px; height:30px; width:475px; z-index:2;
}

.category{
	border-color:#000000;
	border-bottom-width:1px;
	position:absolute; left:162px; top:135px; height:30px; width:275px; z-index:2;
}

.menu{
	position:absolute; 
	left:330px; 
	top: 90px; 
	background:none;
	z-index:2000;
}

.comment_display_area{
	position:relative;
	float:right;
	margin:0 auto;
	width:600px;
	background:url(website_images/comment_background_middle.png);
	background-repeat:repeat-y;
}

.display_squirrel_background{
	background-color:#FFFFFF;
	margin:0 auto;
	width:750px;
}

#logo-position{
	position:relative;
	left:85px;
	top:15px;
	z-index:2;
	clear:none;
}

#squirrel_eye_position{
	position:relative;
	left:185px;
	top:-65px;
	z-index:5000;
	clear:none;
}

.style1 {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#999999;
}

.style2 {
	color: #999999;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 14px;
	
}
.style3 {
	color: #999999;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.style4 {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#999999;
}

.style5 {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#999999;
}

.font_heading {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

.font_standard {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
}

.heading-font{
	color: #000000;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin: 20px;
}

.textfont{
	color:#000000;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:20px;
}

.blue-glow{
	color:#0033FF;
	text-shadow:0 0 0.2em #F87, 0 0 0.2em #F87; color:#0099FF;
}


#navigation {
	position:absolute; 
	top: 60px;
	width: 808px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(website_images/navigation-bg.jpg) no-repeat left top;
} 
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#navigation ul li {
	display: inline;
	margin: 0px;
} 
#navigation ul li a {
	height:33px;
	display: block;
	float: right;
	padding: 17px 15px 0 15px;
	font: bold 12px Arial;
	color: #FFF;
	text-decoration: none;
	background: url(website_images/navigation-separator.png) no-repeat right center;
} 

#navigation ul li a:hover {
	color:#FFF;
	background: url(website_images/navigation-hover.png) repeat-x left top;
}

#navigation ul li#active a {
	color:#FFF;
	background: url(website_images/navigation-hover.png) repeat-x left top;
}

.no_link {
	height:33px;
	display: block;
	float: right;
	padding: 17px 15px 0 15px;
	font: bold 12px Arial;
	color: #CCCCCC;
	text-decoration: none;
	background: url(website_images/navigation-separator.png) no-repeat right center;
}

.crop{
	float:left;
	margin:.5em 10px .5em 0;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	border:1px solid #ccc;
	width:232px;
	height:160px;
	}
.crop img{
	position:absolute;
	top:0px;
	left:0px;
	vertical-align:middle;
	cursor:pointer;
	}

.crazy_link_1{
	font-size:14px;
	text-decoration:none; 
	color: #87A800;
	}
	
.crazy_link_2{
	font-size:19px;
	text-decoration:none; 
	color: #87A800;
	}
	
.crazy_link_3{
	font-size:18px;
	text-decoration:none; 
	color: #DE2159;
	}
	
.crazy_link_4{
	font-size:14px;
	text-decoration:none; 
	color: #FF7600;
	}
	
.crazy_link_5{
	font-size:16px;
	text-decoration:none; 
	color: #039FAF;
	}
	
.crazy_link_6{
	font-size:20px;
	text-decoration:none; 
	color: #87A800;
	}