/*
	sayhitome
	
	styles.css - main styles
	
	March 10, 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: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#wrapper {
	width: 705px;
	margin: 15px;
	margin-bottom: 50px;
	margin:15px auto 50px auto;
	position: relative;
}

h2 {
	font-size: 1.1em;
}

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

#moreinfotext {
	margin-left: 155px;
}

#moreinfo{
	margin-left: 170px;
	margin-top: 2px;
}

#moreinfo-toggle {
	cursor: pointer;
}

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

#title {
	font-size: 1.5em;
	color: #131112;
	margin: 10px 0;
}

#stats, #credit {
	float: left;
	font-size: 0.9em;
	padding: 0 0 5px 0;
}


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

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

/* Navigation Buttons (prev/next) */
.navbuttons {
	font-size: 0.9em;
	float: right;
}

.navbuttons a {
	padding: 3px;
	color: #dedede;
	background-color: #3e3e3e;
	text-decoration: none;
}

.navbuttons a:hover {
	color: #dedede;
	background-color: #6b6b6b;
	text-decoration: none;
}

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

#inputbox {
	margin-bottom: 25px;
}

#form-name {
	width: 107px;
}

#form-message {
	width: 300px;
}

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

#form-www {
	width: 115px;
}

/* 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;
}
.image{
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}
.float{
	left: 20%;
	top: 20px;
	z-index: 10;
	position: relative;
	height: 190px;
	width: 196px;
}

input.btn {
	color:#FFF;
	background-color:#4B4C4D;
	border:1px solid;
	border-color: #fff;
	font-size: 84%;
	font-family: 'Lucida Grande', Arial, sans-serif;
	cursor:pointer;
}