/*
	sayhitome
	
	styles.css - main styles
	
	May 23, 2008
	
	Alan Woo - www.alanwoo.ca

	Feel free to modify these styles as you wish to suit your own site!
	They should be pretty well commented to help you understand what you need
	to do to customize everything.
	
	The styles of the actual messages themselves are located in style-messages.css
*/

body {
	padding: 0;
	margin: 0;
	text-align: left;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 11px;
}

#wrapper {
	width: 600px;
	margin-bottom: 50px;
}

h2 {
	font-size: 1.1em;
}

#emailprivate, #moreinfotext {
	font-size: 0.85em;
	margin-top: 5px;
}

#moreinfotext {
	margin-left: 120px;
}

#moreinfo{
	margin: 7px 0 0 115px;
}

#moreinfo-toggle {
	cursor: pointer;
}

#moreinfo-toggle:hover {
	background-color: #e7e7e7;
}

#emailprivate {
	
	color: #9a9a9a;
	
}

#title {
	border-top: 1px solid #ccc;
	color: #131112;
	margin: 10px 0;
	padding: 5px 0;
}

#stats, #credit {
	float: left;
	font-size: 0.9em;
}

#stats {
	margin-top: 7px;
}


/* links styles */
a, a:link, a:visited {
	text-decoration: none;
	color: #59d8a9;	
}

a:hover {
	background-color: #e7e7e7;
}

/* Navigation Buttons (prev/next) */
.navbuttons {
	float: right;
	background-color: #fff;
}

.button {
	font-size: 10px;
	float: left;
	padding: 3px 5px 3px 5px;
	margin-left: 2px;
	background-color: #2a2a2a;
}

.button:hover {
	background-color: #6b6b6b;
}

.button a {
	color: #dedede;
	text-decoration: none;
}

.button a:hover {
	color: #dedede;
	text-decoration: none;
	background: none;
}

/* specific forms */
input {
	color: #727272;
	font-size: 11px;
	padding: 3px;
}

#inputbox {
	background-color: #ebebeb;
	padding: 7px;
}

#msgform {
	background-color: white;
}

#form-name {
	width: 95px;
	float: left;
}

#form-message {
	float: left;
	width: 405px;
	margin-left: 7px;
}

#form-email {
	width: 160px;
	margin-left: 0px;
}

#form-www {
	width: 160px;
}

#form-submit {
	margin-top: 4px;
	float: right;
}

/* alert boxes */
.jqiwarning .jqi{
      background-color: white;
}
.jqifade{
      background-color: #4d4d4d;
}
div.jqi{
      position: absolute;
      background-color: #d4d4d4;
      padding: 10px;
      width: 300px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      font-size: .9em;
      line-height: 140%;
      background-color: #383838;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #747474;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}

