@charset "utf-8";
/**
 * Project: Herbud
 * Version: 1.0
 */

body {
	background: #666 url(../images/pattern.gif) 0 0 repeat;
	color: #fff;
	font: 62.5%/1.5 "Lucida Sans Unicode", "Lucida Grande", Garuda,sans-serif;
}

hr {display: none;}

p {text-align:justify;}

h2 {
	font-weight: bold;
	font-size: 1.3em;
	padding-top: 25px;
}

ul {
	text-align: justify;
	padding: 25px;
}

.red {
	color: #f00;
}

.center {
	display: block;
	margin: 0 auto;
}

.pad {
	padding-top: 25px;
	padding-bottom: 25px;
}

/* #accessibility
===========================================================*/
#accessibility {
	left: -9999em;
	position: absolute;
}

/* #container
===========================================================*/
#container {
	background: #e6e6e6 url(../images/content/background.jpg) bottom left no-repeat;
	color: #000;
	font-size: 1.2em;
	margin: 0 auto;
	width: 990px;
}

/* #header
===========================================================*/
#header {
	float: left;
	width: 990px;
	height: 200px;
}

/* #content
===========================================================*/
#content {
	background: url(../images/content/outer.gif) 0 0 no-repeat;
	clear: left;
	height: 750px;
	padding: 1px 397px 0 102px;
	position: relative;
	width: 491px;
}
	#content #outer {
		background: url(../images/content/inner.png) 0 0 no-repeat;
		height: 492px;
		padding: 1px;
	}
		#content #inner {
			overflow: auto;
			height: 492px;
		}
			#content #inner p.left {
				float: left;
				padding: 0 25px 25px 0;
			}
			#content #inner p {
				line-height: 1.8;
				padding: 25px;
				padding-top: 10px;
				padding-bottom: 5px;
			}
			#content #inner ul {
				list-style-type: square;
				padding-left: 45px;
			}
			#content #inner ol {
				list-style-type: square;
				padding-left: 45px;
			}
				#content #inner ol li, #content #inner ul li {
					line-height: 1.9;
				}
		/* #gallery
		===========================================================*/
		#content #inner #gallery {
			clear: left;
			list-style-type: none;
			margin-left: 10px;
			overflow: hidden;
			padding-top: 0;
			padding-bottom: 25px;
			width: 360px;
			_width: 370px;
		}
			#content #inner #gallery li {
				display: block;
				float: left;
				height: 150px;
				padding: 15px;
				width: 150px;
			}
				#content #inner #gallery li img {
					border: 1px solid #000;
				}
		/* #contact
		===========================================================*/
		#content #inner #contact {
			clear: left;
			padding: 0 25px;
		}
			#content #inner #contact label {
				display: block;
				font-weight: bold;
			}
			#content #inner #contact .input {
				border: 1px solid #999;
				display: block;
				font: 1em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
				margin-bottom: 10px;
				padding: 2px;
				width: 420px;
			}
			#content #inner #contact .textarea {
				border: 1px solid #999;
				display: block;
				font: 1em "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
				margin-bottom: 10px;
				padding: 2px;
				width: 420px;
			}
	#content #puzzle {
		height: 288px;
		position: absolute;
		right: 99px;
		top: 0;
		width: 298px;
	}

/* #pagination
===========================================================*/
div.pagination {
	margin: 3px;
	padding: 3px;
	padding-bottom: 20px;
	text-align: center;
}
	div.pagination a {
		border: 1px solid #db7611;
		color: #7f7f7f;
		margin-right: 2px;
		padding: 2px 5px 2px 5px;
		text-decoration: none; 
	}
		div.pagination a:hover, div.pagination a:active {
			background-color: #db7611;
			border:1px solid #b8620c;
			color: #fff;
		}
		div.pagination span.current {
			background-color: #f38314;
			border: 1px solid #db7611;
			color: #fff;
			font-weight: bold;
			margin-right: 2px;
			padding: 2px 5px 2px 5px;
		}
		div.pagination span.disabled {
			border: 1px solid #7f7f7f;
			color: #7f7f7f;
			margin-right: 2px;
			padding: 2px 5px 2px 5px;
		}

/* #footer
===========================================================*/
#footer {
	background: #f38114 url(../images/footer/pattern.jpg) 0 0 repeat-y;
	border-top: 2px solid #fff;
	height: 74px;
	position: relative;
}
	#footer #digg {
		float: left;
		left: 0;
		position: absolute;
		top: -230px;
	}
	#footer p {
		text-indent: -9999em;
	}