/* This is the default style sheet for the site */

/* THIS STYLE SHEET CONTROLS THE PRESENTATION OF THE SITE */ 
body {
	margin : 15px 0px auto;
	padding : 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size : 70%;
	color : #000;
	background-color: #666666;
}

a:active, a:visited, a:link { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; } 
a:Hover { color: #787878; } 

/* Remove borders around all images */
img{
	border: 0px;
}	


/* Make the spacer image invisible. display:none is bad here */
img.spacer{
	width: 0px;
	height: 0px;
}


/* SIZES FOR ALL HEADINGS */
h1 {
	font-size: 130%;
}

	
h2 {
	font-size: 120%;
}
	
	
h3 {
	font-size: 110%;
}

	
h4{
	font-size: 100%;
}


h5, h6{
	font-size: 90%
}


/* Remove margin from all forms */
form{
	margin:0;
}


/* LAYOUT STYLES HERE */
#content {
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
    text-align:left;
	background: #fff;
	min-width: 680px;	
	width:680px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:680px;
	border: 0px solid #999;
}


html>body #hood {
	width:680px; /* ie5win fudge ends */
}

	
#header h1{
	text-align: center;
	font-family: times;
	padding-top: 10px;
	font-style: oblique;
	font-size: 24px;
}


.right_head{
	font-size: 100%;
}

		
#left {
	float:left;
	width:68%;
	margin:9px;	
}


#right {
	margin-top:0;
  	margin-left:71%;
  	margin-bottom:9px;
  	margin-right:0;
  	display:block;
	border-left:1px solid #ddd;
}

		
#right_content{
	padding:5px 5px;
	margin-right:0;
	font-size: 12px;
}	

		
#content_wrapper {
	padding:0px;
	margin-bottom:8px;
}

		
#content_wrapper h1{

}

		
#footer {
	clear: both;
	padding: 2px 0px 7px 0px;
	margin: 0px;
	border-top:1px solid #999;
	background: #ddd;
	text-align: center;
	font-size: 12px;
}


/* NAVIGATION STYLES (thanks to listamatic) */
#navcontainer ul{
	text-align: center;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color: #036;
	color: white;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}


#navcontainer ul li{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
}


#navcontainer ul li a{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-top: 3px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #fff;
}


#navcontainer ul li a:hover{
	background-color: #369;
	color: white;
}


#navcontainer #home { 
	border-left: 1px solid #fff; 
}


/* Nested DIVs on that right side */

/* This is the bottom right side div that persists */
#bottom_right{
	margin-top: 20px;
}

/* These are the divs inside the one above */
#bottom_right div{
	margin: 5px 0px 8px 0px;
}

/* The right-side boxes for things like the style switcher */
.right_box{
	border: 1px solid #036;
	margin-bottom: 10px;
}


.right_box h2{
	background-color: #036;
	margin: 0px -1px 5px  0px;
	padding: 3px;
	color: #fff;
	font-size: 12px;
}


.right_box div{
	margin: 5px;
}


/* The little pointer next to the style switchers */
.curr_style{
	font-size: 11px;
}


/* The date for each blog entry */
.entry_date{
	color: #666;
	font-size: 100%;
}


/* Fix the fact that IE makes LEGEND elements blue. Also add some style */
legend{
	font-weight: bold; 
	padding: 10px;
	color: 000;
}


/* LINKS PAGE STYLES */

.link_cat{
/* Wrapper for the entire block of links in the category */
	margin: 10px;
}


.link_cathead{
/* The header for each category */
	background-color: #ddd;
	font-weight: bold;
	padding: 2px;
}


.link_result{
/* Wrapper for the block of info about the link */

}


.link_date_added{
/* Date and other info about the link */
	font-size: 12px;
}


/* CONTACT FORM STYLES */
#contact_form{
/* The contact form table */
	border: 0;
	border-collapse: collapse;
}


#contact_form td{
/* Table cells in the contact form */
	padding: 3px;
	vertical-align: top;
	text-align: right;
}

/* Even though these next three are under the contact form styles, they're shared among all forms */
.form_text{
/* Text Input Fields */
	width: 250px;
}


.form_txt_area{
/* Textarea in the form */
	width: 250px;
}


.form_label{
	text-align: right;
}


/* INACTIVE TEXT (defaulted to be "greyed out") */
.inactive_text{
	color: #999;
}


/* WARNING STYLES */ 
#warn_box{
	border: 2px solid #ddd;
	margin: 5px;
	padding: 5px;
	font-size: 12px;
	background-color: #fff;
}


#warn_list{
	list-style-type: square;
}


.warn_msg{
	padding: 3px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #ff0000;
}


/* The DIV that wraps each comment */
.comment{
	margin: 10px; 
	border-top: 1px dashed #ccc; 
	padding: 10px;
}

#comment_header{
	font-size: 100%;
}

/* The DIV that holds the comment form */
#comm_form_wrapper{
	margin: 10px;
}

#comment_form{
	border: 0;
	border-collapse: collapse;
}

#comment_form td{
	padding: 3px;
	vertical-align: top;
	text-align: right;
}


/* The DIV that holds the horizontal rule under every entry intro */
.h_rule{
	border-bottom: 1px dashed #ccc;
}


.h_rule hr{
	display: none;
}


/*  "*" Mark used to denote required elements in a form*/
sup.reqd{
	font-weight: bold;
	color: #ff0000;
	font-size: 14px;
}


acronym, abbr {
	border-bottom: 1px dotted #ccc;
	font-style: normal;
	cursor: help;
}


.abbrev {
	border-bottom: 1px dotted #ccc;
	font-style: normal;
	cursor: help;
}


.entry_footer{
	font-size: 12px; 
	line-height: 20px;
}


/* The table which lists entries on the userdetail.php page */
#user_entries{
	border: 0;
	border-collapse: collapse;
	width: 100%;
}


#user_entries td{
	padding: 3px;
	border: 1px solid #666;
	text-align: left;
}


#user_entries th{
	padding: 3px;
	background-color: #ddd;
	border: 1px solid #666;
	text-align: left;
}