/*
	Join My Dots.com 
	
	Layout and Design Stylesheet
	Author: Will@Silverstripe.com
	
	Copyright 2008.
*/

@import 'lib/reset.css';

html {
	background: #c8b15c url(../images/bg.jpg) repeat top left;
}
body {
	font-family: Georgia, Times, serif;
}
* {
	font-family: Georgia, Times, serif;
}

/* Layout of Main Site elements 
-------------------------------------------- */

#Header {
	width: 906px;
	height: 276px;
	margin: 0 auto;
	background: url(../images/header.png) no-repeat;
}
	#Header h1 {
		text-indent: -9000px;
	}
* html #Header {
	background-image:none;
	width: 906px;
	height: 276px;
	display: inline-block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/jmd/images/header.png', sizingMethod='crop');
}

#Content {
	width: 620px;
	text-align: center;
	margin: -40px auto 20px auto;
}
	#Content h1 {
		color: #4d3c12;
		font-weight: 500;
		font-size: 36px;
		margin-bottom: 12px;
	}
	#Content p {
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 16px;
		color: #544622;
	}
	#Content ul {
		width: 100%;
		margin: 12px 0 0 24px;
		text-align: left;
	}
		#Content li {
			color: #6b5a2e;
			margin-bottom: 12px;
		}
#Form {
	width: 832px;
	height: 637px;
	overflow: hidden;
	display: block;
	margin: 0 auto 30px auto;
}
.formTop {
	height: 150px;
	width: 830px;
	background: transparent url(../images/formTop.png) no-repeat center bottom;
}
	* html .formTop {
		background-image:none;
		width: 740px;
		margin: 0 auto;
		height: 150px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/jmd/images/formTop.png', sizingMethod='crop');
	}
.formBottom {
	height: 127px;
	width: 780px;
	margin: 0 0 0 35px;
	background: transparent url(../images/formBottom.png) no-repeat center top;
}
	* html .formBottom {
		background-image:none;
		width: 780px;
		margin: 0 0 0 35px;
		height: 127px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/jmd/images/formBottom.png', sizingMethod='crop');
	}
.formLeft {
	float: left;
	height: 360px;
	width: 130px;
	background: transparent url(../images/formLeft.png) no-repeat left top;
}
	* html .formLeft {
		background-image:none;
		width: 130px;
		height: 360px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/jmd/images/formLeft.png', sizingMethod='crop');
	}
.formMiddle {
	height: 360px;
	width: 600px;
	float: left;
	margin: 0;
	display: block;
	background: transparent url(../images/formBg.png) no-repeat left top;
}

.formContent {
	height: 360px;
}
.formRight {
	float: right;
	height: 360px;
	width: 102px;
	background: transparent url(../images/formRight.png) no-repeat right top;
}
	* html .formRight {
		background-image:none;
		width: 102px;
		height: 360px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/jmd/images/formRight.png', sizingMethod='crop');
}
#Form_PostCardForm fieldset {

}
#Form_PostCardForm .Actions {
	width: 295px;
	margin-top: -52px;
	float: right;
}
#Form_PostCardForm label {
	display: block;
	color: #6f6027;
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: 700;
	letter-spacing: -0.01em;
}
	#Form_PostCardForm label small {
		font-size: 10px;
	}
#Form_PostCardForm input.text,
#Form_PostCardForm textarea {
	width: 252px;
	background: #fff;
	border: 1px solid #cfccb7;
	padding: 6px 4px 5px 8px;
	font-size: 14px;
	margin: 3px 0 10px 0;
	line-height: 16px;
	color: #888;
}
#Form_PostCardForm textarea {
	height: 294px;
	font-size: 14px;
	width: 270px;
	color: #444;
	line-height: 18px;
}
	#Form_PostCardForm input.text:focus, {
	#Form_PostCardForm textarea:focus
		border: 1px solid #c0bca9;
	}
#Form_PostCardForm input.action {
	display: block;
	height: 52px;
	width: 200px;
	text-indent: -9000px;
	text-align: right;
	outline: none;
	cursor: pointer;
	font-size: 0px;
	color: #fbfbf2;
	border: none;
	background: #afa07b url(../images/inputButton.gif) no-repeat left top;
}
	#Form_PostCardForm input.action:hover,
	#Form_PostCardForm input.action:focus {
		background-position: left bottom;
	}
.message {
	font-size: 10px;
	margin: -5px 0 10px 10px;
	color: #7d0000;
}
.simpleimage {
	margin-bottom: 6px;
}
#Name,
#Location,
#Email,
#Image,
#Conditions {
	width: 295px;
	float: right;
	clear: right;
}
#Message {
	float: left;
	width: 295px;
}
a {
	color: #45381a;
	text-decoration: underline;
}
	a:hover {
		color: #9a834a;
	}
#Conditions label {
	font-size: 11px;
	display: inline;
}
/* Login form - basic styling so it at least looks good */
#MemberLoginForm_LoginForm_tab {
	background: #fff;
}
#OpenIDLoginForm_LoginForm_tab {
	background: #fff;
	padding-top: 0;
}