﻿/* GHopper er et produkt av Dreamsoft.no - Alle rettigheter tilhører eierene     */
*{list-style:none; border:none; outline:none; margin:0; padding:0;}
body {cursor:default;}

#gHopper {
	width:100%;
	font-family:Calibri, Arial, sans-serif;
}
	/* CATEGORY */
	#gHopper .category {
		background-color:#E5E5E5;
		color:#888;
		padding:6px;
		margin-bottom:6px;
		overflow:auto;
	}
		#gHopper .category:hover {
			background-color:#CCC;
			color:#333;
			cursor:pointer;
		}
		#gHopper .category h3 {
			font-size:20px;
		}
		#gHopper .category span {
			display:block;
			width:70%;
			float:left;
			font-size:14px;
		}
		#gHopper .category .infoBox {
			background-color:#F0F0F0;
			float:right;
			padding:4px 16px;
			font-size:12px;
			text-align:center;
			margin:-26px 20px 0 0;
		}
			#gHopper .category .infoBox b {
				display:block;
				font-size:28px;
				margin-top:-6px;
			}
	
	/* TOPICS */
	#gHopper .topic {
		background-color:#E5E5E5;
		color:#666;
		padding:6px;
		margin-bottom:6px;
		overflow:auto;
	}
		#gHopper .topic h3 {
			display:block;
			width:40%;
			float:left;
			margin-left:2px;
		}
		#gHopper .topic span {
			display:block;
			float:right;
			text-align:right;
			color:#888;
			padding-top:5px;
			font-size:12px;
		}
			#gHopper .topic img {
				position:absolute;
				margin:2px 0 0 -12px;
			}
		#gHopper .topic p {
			background-color:#F0F0F0;
			display:block;
			clear:both;
			font-size:15px;
			padding:6px;
			overflow:auto;
		}
			#gHopper .topic p a {
				color:#666;
				font-weight:700;
			}
			#gHopper .topic p a:hover {
				color:#339966;
			}
		
	/* POST FORM */
	#gHopper .postForm {
		background-color:#E5E5E5;
		color:#66;
		padding:6px;
		margin-bottom:5px;
		overflow:auto;
	}
		#gHopper .postForm .option {
			width:48%;
			float:left;
			padding:6px;
		}
		#gHopper .postForm .optionWide {
			padding:6px;
		}
		#gHopper .postForm span {
			display:block;
			color:#339966;
			font-size:12px;
			font-weight:700;
		}
		#gHopper .postForm input, textarea {
			padding:3px;
			border:1px solid #CCC;
			color:#666;
			width:99%;
		}
		#gHopper .postForm textarea {
			height:62px;
			width:75%;
			float:left;
			margin-right:6px;
		}
		#gHopper .postForm .submit {
			background-color:#F9F9F9;
			width:22.3%;
			height:70px;
			float:left;
		}
			#gHopper .postForm .submit:hover {
				background-color:#339966;
				border:1px solid #CCC;
				color:#FFF;
				cursor:pointer;
			}
		#gHopper .postForm .hidden {
			color:#666;
			font-size:12px;
			text-align:center;
			text-transform:uppercase;
			cursor:pointer;
		}
			#gHopper .postForm .hidden a {
				color:#666;
			}
			#gHopper .postForm .hidden a:hover {
				color:#000;
			}
			
	/* MISC */
	#gHopper .sitemap {
		color:#666;
		font-size:12px;
		margin-bottom:6px;
	}
		#gHopper .sitemap a {
			color:#666;
		}
		#gHopper .sitemap a:hover {
			color:#339966;
		}
	
	/* FOOTER */
	#gHopper .footer {
		font-size:12px;
		color:#888;
		margin-top:20px;
		text-align:center;
	}
		#gHopper .footer a {
			color:#888;
		}
		#gHopper .footer a:hover {
			color:#669933;
			cursor:pointer;
		}
