body {
	padding: 0 0 4em 0;
	margin: 0;
	background-color: #f3ecd0;
	font-family: trebuchet ms, arial, verdana, deja vu;
	font-size: 12pt;
	color: #000;
	min-width: 760px;
}

/* default elements
-------------------------------------------------------------------------- */

h1 {
	margin: 1em 0 0.3em 0;
	color: #634d4b;
	font-size: 200%;
}

h2 {
	margin: 1.2em 0 0.3em 0;
	color: #634d4b;
	font-size: 150%;
}

h3 {
	margin: 1.2em 0 0.3em 0;
	color: #634d4b;
	font-size: 130%;
}

p {
	margin: 0.8em 0;
}

img {
	border: 0;
}

#logo a:hover {
	background-color: transparent;
}

a {
	color: #0285cb;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background-color: #03a3f8
}

ul.menu {
	list-style-type: none;
	display: block;
	padding: 0.4em;
	margin: 0;
}

u.menu li {
	margin: 0;	
	display: block;
	width: 100%;
}

hr {
	color: #444;
	background-color: #444;
	height: 1px;
	border: 0;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}



/* page layout
-------------------------------------------------------------------------- */

#head {
	background-image: url( head-bg.png );
	background-repeat: repeat-x;
	height: 149px;
	padding: 20px 0 0 55px;
}

	#logo {
		float: left;
	}
	
	#searchBox {
		float: right;
		margin: 60px 55px auto 0;
	}
		
		#q {
			float: left;
			background-image: url( search-box.png );
			background-color: transparent;
			border: 0;
			width: 167px;
			height: 18px;
			font-size: 11pt;
			padding: 3px;
			margin-right: 10px;
		}
		
		#search {
			color: #fff;
			float: left;
			background-image: url( search-button.png );
			background-color: transparent;
			border: 0;
			width: 111px;
			height: 24px;
			font-size: 10px;
			font-weight: bold;
			font-style: italic;
			padding: 5px;
		}
		
		#search:hover, #search:focus, .searchHover {
			background-position: 111px 0;
			cursor: pointer;
		}

	
#page {
	position: relative;
	width: 100%;
}
	
#sidebar {
	position: absolute;
	right: 0;
	top: 0;
	width: 35%;
}

#content {
	margin-right: 35%;
}


/* default box
-------------------------------------------------------------------------- */

div.box {
	margin: 0 40px;
	padding-top: 10px;
	background-image: url( box-top-bg.png );
	background-color: #f6f1dc;
	background-repeat: repeat-x;
}

	div.boxContent {
		padding: 0 15px 0 15px;
		height: 1%; /* IE FTW \o/ */
	}
	
	#sidebar p {
		margin-left: 0.3em;
	}

	div.boxBottom {
		position: relative;
		bottom: 0;
		width: 100%;
		background-image: url( box-bottom.png );
		background-position: bottom center;
		background-repeat: repeat-x;
		height: 48px;
	}

	div.boxBottomLeft {
		position: absolute;
		background-image: url( box-bottom-left.png );
		background-repeat: no-repeat;
		top: 0;
		left: -14px;
		width: 29px;
		height: 48px;
	}
	div.boxBottomRight {
		position: absolute;
		background-image: url( box-bottom-right.png );
		background-repeat: no-repeat;
		top: 0;
		right: -14px;
		width: 29px;
		height: 48px;
	}


/* coupon
-------------------------------------------------------------------------- */

/* yeah well... css sucks sometimes... */
div.clear {
	clear: both;
}

div.coupon {
	border: 1px dashed #f2ebcf;
	background-color: #fbf7e5;
	margin: 1.5em 0.5em 0 0.5em;
}

	div.inner {
		padding: 0.3em;
	}

	div.description {
		background-color: #fffcef;
		float: left;
		width: 70%;
	}
	
		div.successRate {
			font-size: 80%;
		}
			span.success {
				padding: 0 0.4em;
				margin-right: 0.4em;
			}			
				span.gt90 { background-color: #e6ffb4; }
				span.gt70 { background-color: #f1fda9; }
				span.gt50 { background-color: #fafba8; }
				span.gt30 { background-color: #fbe3a8; }
				span.gt0 { background-color: #fbc2a8; }
	
	div.info {
		font-size: 80%;
		text-align: center;
		float: right;
		width: 28%;
	}
		
		div.info p {
			margin: 0.2em;
		}
	
		img.inline {
			vertical-align: bottom;
		}
		
		form.vote {
			margin: 0 0 0.6em 0;
		}
		
			form.vote input {
				padding: 4px;
				background-position: center center;
				background-repeat: no-repeat;
				background-color: transparent;
				border: 1px solid #fbf7e5;
			}
			
			input.disabled {
				opacity: 0.33;
				filter: alpha(Opacity=33);
			}
			
			form.vote input:hover, input.voteHover {
				background-color: #fff;
				border: 1px dashed #f2ebcf;
				cursor: pointer;
			}
		
	div.snip {
		position: relative;
		background-color: #fffcef;
		border-top: 2px dashed #f2ebcf;
		width: 100%;
	}
		
		div.code {
			margin: 0.3em;
			float: left;
			font-family: Bitstream Vera Sans Mono, Courier New, Courier, monospace; 
		}
		
		a.claim {
			padding: 0.3em 0.8em;
			font-weight: bold;
			float: right;
		}
		
		
		
		img.scissor {
			position: absolute;
			top: -9px;
			right: -14px;
		}
		
		
	
	h3.title{
		margin: 0 0 0.2em 0;
		padding: 0;
	}

	span.mono {
		font-family: Bitstream Vera Sans Mono, Courier New, Courier, monospace; 
	}


/* comments
-------------------------------------------------------------------------- */
div.comments {
	border: 1px dashed #f2ebcf;
	background-color: #fbf7e5;
	margin: 0 0.5em 0 0.5em;
	padding: 0.3em;
}

	div.comment {
		background-color: #fffcef;
		border: 1px dashed #f2ebcf;
		margin: 0.8em 0;
		font-size: 80%;
	}
	
		div.commentHead {
			background-color: #fff;
			font-style: italic;
			padding: 0.2em;
		}
		
		div.comment p {
			margin: 0;
			padding: 0.4em;
		}
		
	dl.addComment dt {
		width: 8em;
		text-align: right;
		display: block;
		float: left;
		font-style: italic;
	}
	
	dl.addComment dd {
		margin: 0.4em 0 0.4em 8em;
		padding: 0 0.5em;
	}
	
	input.text {
		width: 12em;
		border: 1px solid #876;
		background-color: #fbf7e5;
	}
	
	input.button {
		border: 1px solid #876;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background-color: #fbf7e5;
		font-style: italic;
	}
	
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	textarea {
		background-color: #fbf7e5;
		width: 95%;
		height: 8em;
		border: 1px solid #876;
	}
	
	input.button:hover, input:focus, textarea:focus {
		background-color: #fff;
	}
	
	
div.warn {
	background-color: #ffc0a2;
	color: #400000;
	padding: 0.4em;
	margin: 0.4em;
	border: 1px solid #ff6a6a;
}