@import url(../css/reset.css);

html {
	background: #2d2d2d url(images/images/bgMain.png);
	}

body {
	width: 100%;
	color: #bdbdbd;
	font: 62.5% Verdana,Helvetica,Arial,sans-serif;
	line-height: 1.8;
	background: transparent url(images/bgTop.png) repeat-x;
	}

#container {
	width: 960px;
	margin: 0 auto;
	}

.hr {
	width: 100%;
	clear: both;
	}

hr {
	clear: both;
	}

	div.hr hr {
		display: none;
		}

.picleft {
	margin-right: 1em;
	}

.picright {
	margin-left: 1em;
	}

.left, .alignleft, .picleft {
	float: left;
	}

.right, .alignright, .picright  {
	float: right;
	}

h1, h2, h3, h4, ul#navigation {
	font-family: "Trebuchet MS",Helvetica,Arial;
	}

a:link {
	text-decoration: none;
	}

#content dd a:link    , #content a.backtotop:link    , #content p a:link    , #content p a { color: #ee9679; border-bottom: 1px solid #ee9679; text-decoration: none; }
#content dd a:visited , #content a.backtotop:visited , #content p a:visited { color: #c69a8c; border-bottom: 1px dotted #c69a8c; text-decoration: none; }
#content dd a:hover   , #content a.backtotop:hover   , #content p a:hover   { color: #ffd4c6; border-bottom: 1px solid #ffd4c6; }
#content dd a:focus   , #content a.backtotop:focus   , #content p a:focus   { color: #ffd4c6; border-bottom: 1px solid #ffd4c6; }
#content dd a:active  , #content a.backtotop:active  , #content p a:active  { color: #ffd4c6; }

#header {
	height: 268px;
	background: transparent url(images/bgTopTear.png) bottom center no-repeat;
	}

	#header h1 {
		position: relative;
		float: left;
		width: 320px;
		height: 249px;
		background: transparent url(images/hff07logo.png) top left no-repeat;
		}

		#header h1 a {
			display: block;
			position: absolute;
			width: 320px;
			height: 249px;
			text-indent: -7000px;
			border: 0 !important;
			}

	#header > ul li {
		float: left;
		margin: 56px 10px 0 0;
		width: 150px;
		}

		#header > ul li a {
			color: white;
			font-size: 1.8em;
			}

		#header ul li ul li {
			margin: 0 18px 6px;
			}

			#header ul li ul li a { font-size: 1.2em; }
			#header ul li ul li a:link { color: #ea977c; }
			#header ul li ul li a:visited { color: #ea977c; border-bottom: 0; text-decoration: none; }
			#header ul li ul li a:hover { color: white; }
			#header ul li ul li a:focus { color: white; }
			#header ul li ul li a:active { color: white; }

#content {
	margin: 25px 65px;
	}

body#entries #content {
	margin: 25px 0;
	}

	#content .boxy {
		position: relative;
		float: left;
		width: 792px;
		margin: 10px 5px;
		padding: 0 18px 0 0;
		background: #000 url(images/bgCornerBR.png) bottom right no-repeat;
		}

		#content .boxy h2 {
			width: 792px;
			background: #360f02 url(images/bgCornerTR.png) top right no-repeat;
			padding: 0 18px 0 0;
			}

			#content .boxy h2 a {
				display: block;
				font-size: 1.8em;
				line-height: 2.4;
				background: #360f02 url(images/bgCornerTL.png) top left no-repeat;
				padding: 0 0 0 1.2em;
				color: #fff;
				font-style: italic;
				}

			#content .boxy h2 a b {
				float: right;
				font-weight: normal;
				}

		#content .boxy .boxycontent {
			position: relative;
			margin: 1.2em 0 0 0;
			font-size: 1.2em;
			padding: 0 0 18px 18px;
			background: transparent url(images/bgCornerBL.png) bottom left no-repeat;
			}

	/* Half-width boxes */
	#content .half, #content .half h2 {
		width: 382px;
		}

		#content .half#recent, #content .half#recent .boxycontent {
			min-height: 16em;
			}

			#content .half h2 a, #content .half .boxycontent {
				width: 364px;
				}

	/* Half-width boxes */
	body#entries #content .boxy, body#entries #content .boxy h2 {
		width: 924px;
		padding-bottom: 0;
		}

			body#entries #content .boxy h2 a, body#entries #content .boxy .boxycontent {
				width: 906px;
				padding-bottom: 0;
				}

		/* Boxy content formatting */
		#content .boxy .boxycontent ul {
			margin-left: 1.2em;
			}

			#content .boxy .boxycontent ul li {
				margin-left: 1.8em;
				list-style: disc outside;
				}

		#content .boxy .boxycontent dl dt {
			padding: 0 0 0 2.4em;
			color: white;
			}

			#content .boxy .boxycontent dl dd {
				padding: 0 0 .6em 3.6em;
				}

		#content .boxy a.backtotop:link {
			position: absolute;
			bottom: 1.2em;
			right: 0;
			border: 0;
			}

		#content .boxy h3 {
			font-size: 1.5em;
			margin: 1.2em .6em 0 .6em;
			color: white;
			}

		#content .boxy h4 {
			font-size: 1.2em;
			margin: 1.2em .6em .6em 1.2em;
			color: white;
			}

		#content .boxy p {
			margin: .9em 1.2em .9em 1.8em;
			}

		#content .boxy#prizes ul li {
			margin-top: 3.6em;
			list-style: none;
			}

			#content .boxy#prizes ul li p {
				margin-bottom: 1.2em;
				padding-left: 225px;
				}

		/* Submissions content formatting */
		#content .boxy .boxycontent ul.submissions {
			margin-left: 0;
			}

			#content .boxy .boxycontent ul.submissions li {
				margin-left: 0;
				}

				#content .boxy .boxycontent ul.submissions li ul {
					margin-left: 0;
					}

		#content .boxy ul.submissions h3 {
			font-size: 1.5em;
			margin: 0 .6em;
			padding: 0;
			color: white;
			}

		#content .boxy ul.submissions h4 {
			font-size: 1.2em;
			margin: 0;
			padding: 0 0 0 85px;
			}

		#content .boxy ul.submissions p {
			margin: 0 0 0 85px;
			}