/*****************************************************************

	blueCart E-Commerce - (c) 2007-2008 Bergan Blue, Australia
	THIS IS COMMERCIAL SOFTWARE. DO NOT COPY/USE/SELL.
	
	Filename			: site.css (Stylesheet)
	File Version		: 1.00.00
	File Summary		: This CSS file is for site specific styles. In other words, all styles in this file
						  do not directly relate to BlueCart. They relate to the styling of the site itself and
						  its layout. For all BlueCart related styles, see bluecart.css.
	
	Developed by		: Jon Bergan <jbergan@berganblue.com.au>
	Creation Date		: 27 Sep 2007
	
	Modifications		: None
	
*****************************************************************/

body {
	background: #645c67;
	text-align: center;
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

a img {
	border: none;
}

#wrap {
	width: 911px;
	margin: auto;
	text-align: left;
}

#header {
	width: 911px;
	height: 265px;
	background: url(../images/header-image.png) no-repeat;
}

#content {
	background: url(../images/background-primary.png) repeat-y;
	width: 799px;
	padding: 0 56px 0 56px;
	position: relative;
}

#content-homepage-wrap {
	height: 506px;
}

#content-homepage {
	position: absolute;
	top: 31px;
	left: 56px;
	width: 837px;
	height: 506px;
	background: url(../images/background-homepage.png) no-repeat;
}

#footer {
	width: 911px;
	height: 45px;
	background: url(../images/background-footer.png) no-repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #dfdfdf;
	padding: 60px 0 0 0;
}

#footer p {
	margin: 0 0 6px 0;
	padding: 0;
}

#footer a {
	color: #dfdfdf;
}

#footer a:hover {
	color: #fff;
}

#homepage-intro {
	position: absolute;
	top: 150px;
	left: 20px;
	width: 400px;
}

#homepage-intro p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #513f53;
	margin: 7px 0 0 0;
	line-height: 17px;
}

#homepage-intro a {
	color: #68267e;
}

#homepage-intro a:hover {
	color: #f2d8ea;
}

#homepage-specials {
	position: absolute;
	top: 390px;
	left: 28px;
	width: 345px;
	height: 120px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #fff;
}

#homepage-specials p, #homepage-survey p {
	margin: 10px 0 10px 0;
	padding: 0;
}

#homepage-survey {
	position: absolute;
	top: 390px;
	left: 423px;
	width: 345px;
	height: 120px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #fff;
}

#content-area {
	padding: 30px 30px 1px 30px;
	margin: 0;
	position: relative;
	text-align: left;
}

#content-area h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20pt;
	color: #f2d8ea;
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
	border-bottom: 2px solid #a386a7;
	display: block;
	font-weight: normal;
	letter-spacing: -1px;
}

#content-area h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #5c4b5e;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0px 0 3px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #a183a5;
	display: block;
}

#content-area h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0;
	color: #4f2154;
}

#content-area p {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #000;
	line-height: 18px;
}

#content-area li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #000;
	line-height: 18px;
}

#content-area td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #000;
}

#content-area a {
	color: #6c4272;
}

#content-area a:hover {
	color: #895491;
}

div.information-box {
	background: url(../images/info-box-icon.png) no-repeat;
	padding: 0 0 0 55px;
}

#categoryDescription {
	display: block;
	padding: 8px;
	background: #dabacd;
	border: 3px dotted #f4dae9;
	text-align: center;
	font-style: italic;
}

#categoryDescription p {
	color: #654959 !important;
	margin: 10px 0 10px 0 !important;
	padding: 0 !important;
	font-size: 12pt;
}

#question-1 { background: url(/bluecart/templates/images/survey1.jpg) no-repeat; }
#question-2 { background: url(/bluecart/templates/images/survey2.jpg) no-repeat; }
#question-3 { background: url(/bluecart/templates/images/survey3.jpg) no-repeat; }
#question-4 { background: url(/bluecart/templates/images/survey4.jpg) no-repeat; }
#question-5 { background: url(/bluecart/templates/images/survey5.jpg) no-repeat; }
#question-6 { background: url(/bluecart/templates/images/survey6.jpg) no-repeat; }
#question-7 { background: url(/bluecart/templates/images/survey7.jpg) no-repeat; }
#question-8 { background: url(/bluecart/templates/images/survey8.jpg) no-repeat; }

div.question {
	display: block;
	padding: 10px 0 0 75px;
	margin: 15px 40px 15px 40px;
	min-height: 80px;
	border-bottom: 1px solid #9b7f9f;
}

div.question span {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #5a485d;
	font-style: italic;
}

div.question input, div.question textarea, div.question select {
	margin: 7px 0 7px 0;
}

div.question:hover span {
	color: #000;
	font-weight: bold;
}

#content-float {
	float: left;
	width: 520px;
}

#sidebar {
	float: right;
	margin: 0;
	padding: 0;
}

ol.commentlist li {
	background:#DABACD;
	border:3px dotted #F4DAE9;
	padding: 8px;
	display:block;
}

ol.commentlist li.alt {
	background:#e1c7d6 !important;
}

ol.commentlist li p {
	margin: 5px 0 5px 0 !important;
	padding: 0;
}

p.postmetadata {
	background: none !important;
	border: none !important;
	border-top: 1px solid #6c4272 !important;
	border-bottom: 1px solid #6c4272 !important;
	margin: 5px 0 5px 0 !important;
	padding: 10px 0 10px 0 !important;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.postmetadata small {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	color: #000 !important;
}

h1 {
	text-align: left !important;
}

h1 a {
	color: #f2d8ea !important;
	text-decoration: none;
}

h1 a:hover {
	color: #faedf6 !important;
	text-decoration: underline;
}

small {
	color: #000;
}

#content-float p {
	margin: 8px 0 8px 0 !important;
}