/* 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; }

h1 { padding: 0 0 0 0; margin-bottom: 0px; color: #fff; font-size: 18px; }
h2 { padding: 0 0 0 0; margin-bottom: 0px; color: Gray; font-size: 14px; }
h3, h4, h5, h6 { padding: 0px; margin-bottom: 5px; font-size: 15px;}	
h3 {color:#EE3535; }  /* red */
h4 {color:#E09E45; }  /* orange */
h5 { color: #CC0000; border-bottom : 1px dashed Gray; 	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: white;}
 
#container { margin:0; padding:0; width: 990px; margin: 0px auto; background:#363636; }

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

	#header { height: 150px; background: #000; background: url(images/website-logo-squishysquishy.jpg) no-repeat; }
	#header span { margin-top: 10px; padding:10px; width: 100%; height: 10px; color: #fff; text-align: right; position: relative; top: 8px;}
	#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; }
	
		#modernbricksmenu{ width: 80%; height:15px; voice-family: "\"}\"";voice-family: inherit; position: absolute; top: 124px; }
		#modernbricksmenu ul{ font: bold 13px Arial;	margin:0;margin-left: 10px; padding: 0;	list-style: none;	}
		#modernbricksmenu li{	font: bold 11px Arial; display: inline;	margin: 0 2px 0 0;	padding: 0;	}
		#modernbricksmenu a{ float: left;display: block; margin: 0 1px 0 0; padding: 5px 10px;text-decoration: none; letter-spacing: 1px; color: white;}
		#modernbricksmenu a:visited { float: left;display: block;color: white;margin: 0 1px 0 0; padding: 5px 10px;text-decoration: none;	letter-spacing: 1px; }
		#modernbricksmenu a:hover{ text-decoration: underline; color: yellow !important; padding-top: 6px; }
		#modernbricksmenu #current a{ text-decoration: none;color: yellow; !important; padding-top: 6px; background: black; }
		
		.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:5px; background: #000; font-size: 12px;color: #fff;text-align: center;}
	#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 right hand ad layout */
	
		#middle_half_left { width:49%; float: left; }
		#middle_half_right { width:49%; float: right; margin-right: 3px;}
		
		#middle_video_left { width:616px; float: left; }
		#middle_video_right { width: 350px; padding-left: 20px; float: left; }
	
	.thumb-holder { display: block; overflow: hidden;  width: 120px; height:75px; position: relative;  }
	.thumb-mem-small { display: block; overflow: hidden;  border : 1px solid #464646; width: 90px; height:60px; position: relative;  }
	.thumb-mem-big {  position: relative; top:-11px; left: -18px; }
	.thumb-box-big { position: relative; top:-11px; left: -18px; }
	.thumb-text { position: relative; display: block; overflow: hidden; height: 36px; width: 126px; font-size : 12px; line-height : 14px; text-align: left;}
	.thumb-small-text { position: relative; top: 5px; display: block; overflow: hidden; height: 36px; width: 126px; font-size : 10px; line-height : 11px; text-align: left;}

	#boxHead { 	background : #201D58;font-family : Arial;font-size: 10pt;color : White;	font-weight : bolder;font-variant : small-caps;	border : 1px solid #464646;	padding-left : 5px;	padding-right : 5px;}
	#boxBody {	padding : 5px;	border-left : 1px solid #464646;border-right : 1px solid #464646;	border-bottom : 1px solid #464646;	background: #000000; font-family : Arial; 	font-size: 10pt; }

	#count-menu-on { font-weight: bold; font-size: 20px;  }
	#count-menu-off { font-weight: normal; font-size: 15px; }
	















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


	#left-menu { width:140px; float:left; position: relative; left: 0px; padding-top:5px; background: #000; border-right: 1px solid #464646;}
	#right-body { width:830px; float:left; padding-top:5px; padding-left:10px;}



.topMenu { font-family : Arial;	font-size : 12px;	background : #000;	padding: 0px 4px 0px 4px;	color : White;	line-height : 17px; }

	.topMenu  a { text-decoration: none; color: #FFF;padding : 2px 5px 2px 5px;font-size : 12px;}
	.topMenu  a:visited {text-decoration: none; color: #FFF; padding : 2px 5px 2px 5px;font-size : 12px;}
	.topMenu  a:active {text-decoration: none; color: #FFF; padding : 2px 5px 2px 5px; font-size : 12px;}
	.topMenu  a:hover {text-decoration: none; color: #FFF;  padding: 2px 5px 2px 5px; background : #510000;font-size : 12px;}

	
		#header2 { height: 22px; background : #222111; position: relative; top: -25px; left: 0px; padding-left: 152px;padding-top: 3px; color:#fff;} 
			#header2 a {text-decoration: none; color: #fff;}
			#header2 a:visited {text-decoration: none; color: #fff; }
			#header2 a:active {text-decoration: none; color: #fff; }
			#header2 a:hover {text-decoration: none; color: #000; background : gray;}
			


#main1 {
	margin:0; padding:0;
	background: #000;
	}
#main2 {
	margin:0; padding:0;
	}

	#left { width:140px; float:left; position: relative; left: 0px; padding-top:0px; background: #000; border-right: 1px solid #464646;}
	#right { width:0px; float:right; padding-right: 6px; }
	#members { width:100px; float: left; background: #000; position: relative; left: 10px;}
	#middle_members { color: #ffffff; padding: 10px; margin-left:260px; position: relative;  }
	#middle { color: #ffffff; padding: 10px; margin-left:150px; position: relative;  }


	

	
.copy { text-align:center; font-size:80% }



	
.menuButton {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 10px;	
	font-family : Arial;
}

.menuSelect {
	color : #000000;
	font-family : Arial;
	border-color : C0C0C0;
	border-top-width: 1px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size : 10px;
}

	#dropmenudiv{ position:absolute; border:1px solid black;border-bottom-width: 0;font:normal 10px Arial;line-height:18px;z-index:100; color: Black;}
	#dropmenudiv a{ width: 100%;display: block; text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;text-decoration: none;font-weight: bold;color: Black;}
	#dropmenudiv a:hover{ background-color: #c0c0c0; color: #000;}
	#dropmenudiv a:active{ background-color: #c0c0c0;}
	#dropmenudiv a:visited {text-decoration: none; color: #fff; }