﻿/*
Style Sheet
Cleans up the insanely messy original Witty Bit site
*/
body{
	background:#5CFA34;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:1em;
}

#content	{
	width:771px;
	height:741px;
	margin: auto;
	position:relative;
	text-align:center;
	background:#5cfa34 url('../images/masterbackground.jpg' ) no-repeat;
}

#head	{
	width:771px;
	height:200px;
}

#head ul {
  margin-left: 220px;
  padding: 70px 0 0 0;
  float: left;
  width: 500px;
  list-style: none;
  text-transform: uppercase;
  position:relative;
  font-weight:bold;
  font-size:.9em;
}

#head ul li {
  float:left;
}


#head ul a {
  padding: 0 .5em;
  /*line-height: .5em;*/
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}


#head ul a:hover {
  color: #FE0200;
}
#leftmenu	{
	background:#fff url('../images/widget.jpg') no-repeat;
	height:300px;
	width:150px;
	float:left;
	position:relative;
	margin:50px 0 0 -50px;
	text-align:right;
}

#leftmenu ul {
  margin-right: 15px;
  margin-left:-20px;
  list-style-type: none;
  font-weight:bold;
  text-align:right;
  position:relative;
}

#leftmenu li {
  display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
  /*margin:5px;*/
  line-height:3em;
}

#leftmenu a {
  display: block;
  color: #00a;
  text-decoration: none;
}

#leftmenu a:hover, .selected a {
  background-color: #369;
  color: #fff;
}


#heart	{
	width:480px;
	float:left;
	position:relative;
	margin:-40px 10px 5px 50px;
}

#rightmenu	{
	background:#fff url('../images/widget.jpg') no-repeat;
	height:300px;
	width:150px;
	float:right;
	position:relative;
	margin:50px -50px 0 0;
}

#bottomchars	{
	clear:left;
	float:left;
	margin-top:0;
	position:relative;
}

#footerblock	{
	color:#000;
	font-size:.7em;
	text-align:left;
	float:left;
	position:relative;
	margin:110px 0 0 -10px;
	width:150px;
}

/* fieldset styling */
fieldset {
  margin: .25em 0; /*  space out the fieldsets a little*/
  padding: .25em;
  border : 1px solid #ccc;
  width:85%;
  text-align:left;
}

/* legend styling */
legend {
  font-weight: bold;
}
/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
  font-size: 0.5em;
  color:#760000;
}

input.textarea {
  	width: 200px;
	font-size:12px;
}

input.text {
  	width: 300px;
	font-size:12px;
}

input.image {
  width: auto;
}

input.submit {
  width: auto;
}

input.radio {
  width: auto;
}

/* style form elements on focus */
textarea:focus {
	background: #fa2;
}

input:focus {
	background: #fa2;
}

fieldset p	{
	margin:0;
	padding:0 1em;
}

