@charset "utf-8";

/* CSS Document */

body {
	font-family: Andale Mono, monospace, sans-serif;
	font-family: arial;
	font-size: 10pt;
	background:#ccc;
	
}

p {
	font-family: Andale Mono, monospace, sans-serif;
	font-family: arial;
	font-size: 10pt;
}

td{	box-shadow: 10px 10px 10px #888888;}



table {

background:#fff;

}

.content-a{

font-family: arial;
font-size: 9pt;
font-weight:bold;

}

a:hover{	
	color:red;
}

a:visited{	
	color:blue;
}

a:hover{	
	color:#57F95F;
	color:green;
	
}

table.main{
	table-layout:auto;
	position:relative;
	margin:auto;
	left :25px;
	width: 900px;
	height:auto;
	border:solid 1px #57F95F;
}


p{
	margin: 25px;
}

h1{

	margin: 25px;
	text-shadow:3px 3px 3px #888888;

	
	
}

h2{
	color:grey;
	margin: 25px;
	text-shadow:3px 3px 3px #888888;
}

h3{

	margin: 25px;

}

.example{
	position: relative;
	background: #efefef;
	margin: 25px;
	border:solid 1px #57F95F;
	clear:both;
}


/*img{

clear:both;
margin: 25px;

}
*/

.topBorder {

	height:31px;
	background-image: url(../images/mrarrowhead_01.jpg);
	background-repeat: repeat-x;

}

.topBorder a{
	
	color:#FFF;
	
	
}

.header {

	background-repeat: no-repeat;
	height:auto;
	
}

.header span.span01{
	position:relative;
	float:left;
		
}

.header span.span02{
	position:relative;
	float:right;
	border: solid black thin;
	margin:5px;

}

.header span input{
	margin-bottom: 5px;

}
.small-h1{
	position:relative;
	font-size: 14pt;
	margin-bottom:1px;


}
.newheader img{


}





.leftside{
	/* background-image: url(../images/sides.jpg);
	background-repeat: repeat-y; */
	
	height: auto;
	width:250px;	

}



.rightside{


	background-repeat: repeat-y;
	height: auto;
	width:100px;
}

.right_nav{
	background-image: url(../images/sides.jpg);
	background-repeat: repeat-y;
	height: auto;
	width:250px;
}


.content{
width:auto;
}

.footer{

	

}

.TopNav {
	height: 20px;
	max-height: auto;
	background-color:#333;

}

.tags{

	font-size:9pt;
	padding:10px;
	margin:10px;
	width:auto;
	height:100px;

}

.tags a:hover{

	font-size:15pt;
	

}


.TopNav a{
		color:#fff;
}

.new_nav{
	position:relative;
	height:auto;
	width:auto;
	padding-right:2px;
	margin-bottom:5px;
	/*background-color:#000;*/

}

.new_nav a{	

	font-size:14pt;
}
/*
.new_nav a:visited{	
	color:#fff;
}

.new_nav a:hover{	
	color:#57F95F;
	
}
*/
.site-navigation{
	position:relative;
	height:auto;
	width:150px;
	/*margin-left: auto;
	margin-right: auto;*/
	left:25px;
	top:25px;

}



/*########################################## COMMENTS CSS ########################################################### */

.comments {

	position:relative;
	width:100%;
	

}
.author{	
	position:relative;
	margin-left:10px;
	width:25%;
	
}
.website {	
	position:relative;
	margin-right:10px;
	width:25%;
	
}
.post_date {	
	position:relative;
	margin-right:10px;
	
}

.displayComments{	
	position:relative;
	top:0px;
	left:0px;
	width:95%;
	height:auto;
	border:#ccc 3px solid;
	margin:10px;
	background-color:#fff;
}
.displayComments p{

word-wrap: break-word;

}


.commentHeader {	
	position:relative;
	margin:10px;
}

.commentTop{	
	position:relative;
	margin:10px;
	width:95%;
	background-color:#333;
	border-bottom:#ccc 3px solid;
	color:#fff;
}
.leaveComment{
	position:relative;
	background-color:#ccc;
	border:000 10px solid;
	background-color:#fff;
	color:#000;
}

.leaveComment a{

	color:#green;
}

.com{	
	position:relative;
	margin:auto;
	width:98%;
	background-color:#fff;
	font-weight:bold;
	color:#000;
}

 input{	
	background-color:#CCFF99;
	border:solid 1px #57F95F;
}
	
	
.com textarea{	
width: 95%;
height: 200px;
margin:auto;
background-color:#CCFF99;
border:solid 1px #57F95F;
}

.website a{
color: #ffffff;
}

.website a:hover{
color: red;
}

.comments2 {
position:relative;
width: 100%;
height: auto;
margin:auto;
}

.facebook-like{
	position:relative;
	width:auto;
	height:auto;
	border-bottom:solid thin black;

}