/* NEW STYLE SHEETS FOR SQUISHYSQUISHY.CO.NZ */

#html { background: #000; }

td, p { font-size: 12px; font-family : Arial; color: white; } 

form { padding:0; margin:0; }

textarea, select, input { font-size: 12px; font-family : arial; color: black; background: #fff; border:0; padding: 2px;}

h1 { padding: 0 0 0 0; margin-bottom: 15px; color: #fff; font-size: 18px; }
h2 { padding: 0 0 0 0; margin-bottom: 0px; color: Gray; font-size: 14px; }
h3, h6 { padding: 0px; margin-bottom: 5px; font-size: 15px;}	
h3 {color:#EE3535; }  /* red */
h4 {color:yellow; padding: 0px; margin-bottom: 5px; font-size: 13px;}  /* orange */
h5 { color: #C0C0C0; border-bottom : 1px dashed #363636; 	padding-top : 1px; font-size:13px;}  /* red */
h6 {color:#666; }  /* grey */

body{ margin:0;padding:0; line-height: 1.5em; background: #000; font-family : Arial;	font-size : 12px; color: #000;}
 
#container { padding:0; width: 990px; margin: 0px auto; background:#000; }

a { color : #649ff8; font-size : 12px; text-decoration: none; }
a:visited   { color: #649ff8; text-decoration: none; }
a:hover     { color: #649ff8; background-color: underline; }
a:link      { color: #649ff8; text-decoration: none; }
a:active    { color: #649ff8; text-decoration: none; }

	#header { height: 76px; background: #363636 url(images/underbar-bottom.gif) no-repeat bottom center;  }
	#header h1, #header h2 { margin: 0px; background: url(images/header-logo.gif) no-repeat; width: 256px; height: 36; position: relative; top: 6px; left: 5px; }
	#header h1 a, #header h2 a { display: block; width: 356px; height: 36px; }
	#header h1 a span, #header h2 a span { position: relative; top: -50px; }
	#header h1 a:hover, #header h2 a:hover { background: none; }
	#header a {text-decoration: underline; color: #fff;}
	#header a:visited {text-decoration: underline; color: #fff; }
	#header a:active {text-decoration: underline; color: #fff; }
	#header a:hover {text-decoration: underline; color: #fff; }
	#header .user { position: relative; top: 15px; right: 10px; color: #fff; float: right; }
	#header .user a { text-decoration: none; }
	#header .user a:hover {text-decoration: underline; color: yellow; }
	#header .menu{ width: 100%; height:25px; voice-family: "\"}\"";voice-family: inherit; position: relative; top: 12px;}
	#header .menu ul{ margin:0; margin-left: 10px; padding: 0;	list-style: none;	}
	#header .menu li{ font: bold 11px Arial; display: inline;	margin: 0 2px 0 0;	padding: 0;	}
	#header .menu a{ float: left;display: block;  padding: 5px 20px;text-decoration: none; letter-spacing: 1px; color: white;}
	#header .menu a:visited { float: left;display: block;color: white;margin: 0 1px 0 0; padding: 5px 10px;text-decoration: none;	letter-spacing: 1px; }
	#header .menu a:hover{ text-decoration: underline; color: yellow !important; padding-top: 6px;}
	#header .menu #current a{ text-decoration: none;color: yellow; !important; padding-top: 6px; background: #000; }
		
		.indentmenu { font: none 13px Arial; width: 100%; height: 37px; margin: 0;padding: 0;}
		.indentmenu ul{ margin: 0;padding: 0;float: left;width: 100%; background: #000;	}
		.indentmenu ul li{	display: inline;	}
		.indentmenu ul li a{ float: left;color: white; padding: 5px 11px; text-decoration: none;	 }
		.indentmenu ul li a:visited {color: white; text-decoration: none;}		
		.indentmenu ul li a:hover, #indentmenu ul li #current{ 	color: yellow !important; padding-top: 6px; text-decoration: underline;	}

	
	#footer {margin:0; padding:10px; font-size: 12px;color: #fff; text-align: center; background: #000; border-top: 3px solid #363636;}
	#footer a {text-decoration: none; color: #fff;}
	#footer a:visited {text-decoration: none; color: #fff; }
	#footer a:active {text-decoration: none; color: #fff; }
	#footer a:hover {text-decoration: none; color: #000; background : gray;}

	#main1 { margin:0; padding:0; }
	#main2 { margin:0; padding:0; }
	
	.cleaner { clear:both;	height:1px;	font-size:1px;	border:none; margin:0; padding:0; background:transparent; }

	/* Single Page with NO menus */
	
		#single_page_body { width: 970px; padding: 10px 10px 10px 10px; float: right; }
	
	/* Left Menu with main Body */
	
		#left_menu_body { width: 160px; margin: 10px 10px 10px 15px; float: left; color: white; }
		#right_main_body { width: 768px; margin: 10px 10px 10px 10px; float: left; color: white; } 
		#right_main_body .fillbox { width: 98%; padding-left: 10px; padding-right: 10px; border: 1px solid #363636; } 
		#right_main_body .fillbox a { text-decoration: none; } 
		#right_main_body .fillbox a:hover { text-decoration: underline; }
		#right_main_body .fillbox #count-menu-on { font: bold 16pt Arial;}
		#right_main_body .fillbox #count-menu-off { font: normal 12pt Arial;}
		#right_main_body .fillbox #selectbox { border-bottom: 1px solid #363636; padding-top: 5px; padding-bottom: 5px;}
		#right_main_body .normal {  }
	    #right_main_body .highlight { background-color: #363636; border-top: 0;}
	
	/* Left Menu Setup */
	
		#mainmenu{ width: 100%; border-right: 4px solid #363636; }
		* html #mainmenu{ /*IE 6 only */ w\idth: 160px; /*Box model bug: 180px minus all left and right paddings for #mainmenu */ }
		#mainmenu ul{ list-style: none;	margin: 0;	padding: 0;	border: none;}
		#mainmenu li { 	border-bottom: 1px solid #363636; margin: 0;	}
		#mainmenu li a{	display: block;	padding: 5px 5px 5px 8px; color: #fff;	text-decoration: none;	width: 100%; }
		html>body #mainmenu li a{ /*Non IE6 width*/ width: auto; }
		#mainmenu li a:hover{ color: #fff; background: #363636; }
		#mainmenu li .selected {color: #fff; background: #363636; }
		
	/* photo page setup */
	
		#thumb-holder { width: 120px; float: left; display: block; padding-left: 30px; padding-right:30px; }
		#thumb-holder .ytphoto{ overflow: hidden; width: 120px; height: 80px; border: 3px solid #363636; }
		#thumb-holder .title { height: 40px; text-align: left; display: block; overflow: hidden; }
		#thumb-holder .meta { height: 50px; text-align: left; display: block; overflow: hidden; font-size:10px; line-height: 12px;}
		#thumb-holder .meta a { font-size:10px; text-decoration: none; }
		
	/* form setup */
	
		#formbox-lable { width: 150px; padding: 10px; text-align: left; float: left; font-weight: bold; display: block; }
		#formbox-item { width: 400px; padding: 8px; float: left;  display: block; }
		#formbox-under { border-bottom: 1px dashed #363636; }
		
	/* comments setup */
	
		#comments-box { width: 430px;  }
		#comments-box #comments { width:400px; padding-top:0px;  }
		#comments-box .comment { background: #363636;  color:#fff; padding: 5px; float: left; }
		#comments-box #leaveComment { width:400px;  overflow:hidden; position:relative;  }
		.row { padding-left:5px; margin-bottom:5px; clear:both; overflow:hidden; }
		.row label { width:65px; background: #363636; text-align:middle; display:block; float:left; font-weight:bold; padding: 5px;}
		.row input { width:280px; display:block; float:left; }
		.row textarea, .row div { width:280px; display:block; float:left; }
		#add { background: gray; font-weight:bold; font-size:10px; width:70px; }
		
	/* uploads page */
	
		.img-border { text-align: left; display: block; overflow: hidden; float: left; border: 4px solid #000; }
		.img-border:hover { text-align: left; display: block; overflow: hidden; float: left; border: 4px solid blue; }
		.img-border-red { text-align: left; display: block; overflow: hidden; float: left; border: 4px solid RED; }
		
		#footstepform { background: #363636; padding: 5px 0 5px 5px; }
		
	/* member seach results page */
		
		#boxhead {background: #363636; padding: 3px; }