/*
* CSS
* 
* @version 1.0
* @author Dave Bastian
*/

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #333;
	background: white;
}

strong { font-weight: bold; }
p { margin: 0 0 .5em 0; }

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end css reset */

body {
	margin: 0;
	padding: 0;
	background-color: #86a2ab;
	background-image: url('/imgs/loveloops.gif');
	background-repeat: repeat;
	font: small/18px Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #333;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

div#pageWrapper {
	margin: 0 auto;
	width: 720px;
	height: auto;
	background-color: #f6f6f6;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #a9a9a9;
	}
	
a:link { text-decoration: none; color: #D76200; }
a:visited { text-decoration: none; color: #ff9900; }
a:hover { text-decoration: underline; color: #ff9900; }
a:active { text-decoration: none; color: #FF9600; }

a img { border: none; }

h1 { font-size: 24px; font-weight: bold; }
h2 { font-size: 18px; font-weight: bold; }
h3 { font-size: 16px; font-weight: bold; }
h4 { font-size: 12px; font-weight: bold; }

#img-container	{ margin: 0; padding: 1em 0 0 0; border: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 10px 0; }
	
	div#header { }
		
		div#header-candy {
			margin: 0px 20px;
			padding-top: 10px;
			z-index: 1;
			}
			
		div#content {
			margin: 0 200px 0 0;
			}
			
			div#content-candy {
				min-height: 300px;
				height: auto !important;
				height: 300px;
				margin: 10px;
				padding: 18px;;
				border-right: 1px solid #ebe7dd;
				}
				
		div#sidebar {
			float: right;
			margin: 0;
			padding: 0;
			width: 200px;
			}
			
			div#sidebar-candy {
				min-height: 300px;
				height: auto !important;
				height: 300px;
				margin: 0 10px 0 0;
				padding: 20px;
				}
				
				#sidebar-candy ul {
				list-style: none;
				margin: 0 0 12px 0;
				padding: 0;
				}
				
				#sidebar-candy ul li.section-title { }
				
		div#footer { }
	
		div#footer-candy {
			margin: 10px;
			padding: 20px;
			font-size: 10px;
			color: #696969;
			text-align: center;
			border-top: 1px solid #ebe7dd;
			}