/****************************
*  Honeytones.com css sheet
*  Created at: 06/06/09
*  Last Modified: 06/04/09
*  Author: Sam Sherar
****************************/

/****************************
* Resets and Globals
****************************/

* {
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	word-spacing:1px;
	color:#fff;
}

body {
	background:#000;
}

.clear {
	clear:both;
}

/****************************
* Containers
****************************/

#container {
	margin:0 auto;
	width:766px;
}

#container #headimg {
	background:url(images/head-img.png) no-repeat;
	width:766px;
	height:57px;
}

#container #wrapper {
	background:url(images/body-img.png) repeat-y;
	min-height:500px;
	width:766px;
	padding:20px;
	padding-top:80px;
}

#container #footer {
	background:url(images/footer-img.png) no-repeat;
	height:47px;
	width:766px;
	padding:5px;
}

#nav {
	float:left;
	width:200px;
}

.textWrapper {
	padding:0 30px;
	margin-top:10px;
	width:85%;
}

#lottery {
	float:right;
	margin-right:50px;
}

#gallery {
	padding:10px;
}

#imageStrip {
	width:95%;
}

#iLove, #iLoveGemma {
	background:url(images/love_border.png) no-repeat;
	width:705px;
	height:350px;
	margin-left:10px;
}

#iLoveGemma {
	background:url(images/love_border_gemma.png) no-repeat;
}

#millions {
	width:700px;
	margin-left:10px;
}

#millions #top {
	background:url(images/pm_header.png) no-repeat;
	width:700px;
	height:50px;
}

#millions #main {
	background:#fff;
	width:700px;
	min-height:300px;
	padding-top:20px;
}

#millions #bottom {
	background:url(images/pm_footer.png) no-repeat;
	width:700px;
	height:50px;
}

#links {
	width:700px;
	text-align:center;
}

fieldset {
	border:2px solid #ea3e00;
	width:75%;
	margin-left:50px;
	padding:20px;
}

input {
	border:1px solid #fff;
	background:#000;
	color:#fff;
	padding:5px;
	width:90%;
	margin-top:5px;
}

select, textarea {
	border:1px solid #fff;
	background:#000;
	color:#fff;
	margin-top:5px;
	padding:5px;
}

input:hover, select:hover, textarea:hover {
	background:#0d0d0d;
}

pre {
	border:1px solid #fff;
	font-family:Courier New;
	padding:5px;
}


/****************************
* Content
****************************/
.header {
	position:relative;
	left:100px;
	top:20px;
}

#nav ul {
	list-style:none;
}

#nav ul li {
	padding:5px 0;
}

#nav ul li a {
	display:block;
	width:163px;
	height:43px;
}

.textWrapper p {
	line-height:1.3em;
	word-spacing:2px;
	padding-bottom:10px;
}

.textWrapper a {
	color:#ea3e00;
	font-weight:bold;
	text-decoration:none;
}

.textWrapper a:hover {
	text-decoration:underline;
}

#footer p {
	text-align:center;
	color:#ea3e00;
}

#gallery ul {
	list-style:none;
	width:100%;
}

#gallery ul li {
	display:inline;
	float:left;
	padding:0 5px;
}

#gallery ul li a {
	display:block;
	width:20%;
	height:70px;
	height:152px;
	padding-bottom:10px;
}

.aboutLeft {
	float:left;
	width:60%;
}

.aboutRight {
	float:right;
	width:39%;
}

#imageStrip ul {
	list-style:none;
}

#imageStrip ul li {
	float:left;
	display:inline;
	padding:5px;
}

p.caption {
	width:106px;
	text-align:center
}

#iLove table, #iLoveGemma table {
	padding-left:20px;
	padding-top:10px;
	line-height:17px;
	word-spacing:2px;
}

#millions #top p {
	text-align:center;
	font-size:16pt;
	color:#F3C;
	padding-top:15px;
}

#millions .textWrapper {
	margin-top:0;
}

#millions .textWrapper p {
	color:#000;
}

#millions #top .leftimg {
	float:left;
	padding-left:50px;
}

#millions #top .rightimg {
	float:right;
	padding-right:50px;
	padding-top:10px;
}

#links a {
	margin:10px;
}