/*

Loaf-Off 2006! | default stylesheet

Copyright 2006, Loaf-Off Industries and various parties.  Design and programming by littlethinky, http://littlethinky.com.

*/



/* --------------------[ global styles ]-------------------- */

*	{
	margin: 0;
	padding: 0;
}

body	{
	color: #333;
	font: 11px/1.6 verdana, sans-serif;
	background: url(../images/background.png) repeat-y center top;
}

p	{
	margin: 1em 0;
}

a img	{
	border: none;
}

blockquote	{
	margin: 0 1.5em;
	color: #666;
}

a:link		{ color: #758449; text-decoration: none; border-bottom: dotted 1px; }
a:visited	{ color: #666; text-decoration: none; border-bottom: dotted 1px; }
a:hover		{ color: #8D9C61; text-decoration: none; border-bottom: dotted 1px; }
a:active	{ color: #8D9C61; text-decoration: none; border-bottom: dotted 1px; }

#sidebar a:link		{ color: #fff; text-decoration: none; border-bottom: dotted 1px; }
#sidebar a:visited	{ color: #fff; text-decoration: none; border-bottom: dotted 1px; }
#sidebar a:hover	{ color: #eee; text-decoration: none; border-bottom: dotted 1px; }
#sidebar a:active	{ color: #fff; text-decoration: none; border-bottom: dotted 1px; }

/* --------------------[ accessibility ]-------------------- */

#header p	{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* --------------------[ image replacement ]-------------------- */

h1, #nav li	{
	text-indent: -9999px;
	overflow: hidden;
}

h1 a, #nav li a	{
	text-decoration: none;
}

/* --------------------[ container setup ]-------------------- */

#wrapper	{
	width: 770px;
	margin: 0 auto;
}

#main	{
	float: left;
	width: 500px;
	margin: 15px 20px;
}

#sidebar	{
	width: 210px;
	margin: 15px 10px;
	float: right;
	color: #fff;
}

#footer	{
	clear: both;
	margin: 20px 10px 5px 0;
}


/* --------------------[ headings ]-------------------- */

h1	{
	height: 220px;
	background: url(../images/loafoff2006.jpg) no-repeat left top;
}

h1 a	{
	display: block;
	height: 220px;
}

h2	{
	font-size: 16px;
	font-weight: bold;
}

#sidebar h2	{
	font-size: 14px;
}

h3	{
	font-size: 1.2em;
	margin: 1.5em 0 -.5em 0;
}

h3 a:link	{ color: #333; border: none; }
h3 a:visited	{ color: #333; border: none; }
h3 a:hover	{ color: #8D9C61; border: none; }
h3 a:active	{ color: #333; border: none; }

#playbyplay .section h3	{
	margin-bottom: -.75em;
}

h4	{
	margin: 1em 0 -.5em 0;
	font-size: 1.1em;
	color: #333;
}

/* --------------------[ navigation ]-------------------- */

#nav	{
	border-bottom: solid 1px #C5CBB1;
	height: 38px;
	background: #F7F8F4;
}

#nav li	{
	list-style: none;
	height: 38px;
	float: left;
}

#nav li a	{
	display: block;
	height: 38px;
	padding: 0 20px;
	margin-right: 15px;
}

#nav #nav_playbyplay a	{
	margin-right: 0;
}

#nav li a:hover	{
	background-position: 20px -40px;
}

#nav_contest a		{ width: 93px; background: url(../images/nav/contest.gif) no-repeat 20px 0; }
#nav_rules a            { width: 75px; background: url(../images/nav/rules.gif) no-repeat 20px 0; }
#nav_competitors a      { width: 126px; background: url(../images/nav/competitors.gif) no-repeat 20px 0; }
#nav_judges a           { width: 88px; background: url(../images/nav/judges.gif) no-repeat 20px 0; }
#nav_playbyplay a       { width: 126px; background: url(../images/nav/playbyplay.gif) no-repeat 20px 0; }

/* --------------------[ article styles ]-------------------- */

.article_image img, #competitors dt img, #judges dt img	{
	display: block;
}


.article_image, #competitors dt, #judges dt	{
	padding: 3px;
	border: solid 1px #ccc;
	float: right;
	margin: 1.3em 0 1em 1em;
}

#competitors dt, #judges dt	{
	float: left;
	margin: .3em 0 3em 0;
	line-height: 0;
}

#competitors .section, #judges .section	{
	clear: both;
	margin: 1em 0 4em 0;
}

#playbyplay .section	{
	margin: 1em 0 3em 0;
}

#competitors dd, #judges dd	{
	margin-left: 150px;
}

#competitors dd.title, #judges dd.title	{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: -1em;
}

.article_info	{
	font-size: .95em;
	color: #999;
	margin-bottom: 0;
}

#sidebar .section	{
	margin-bottom: 3em;
}

/* --------------------[ flickr ]-------------------- */

#flickr	{
	margin: 1.5em 0 -8px 0;
}

#flickr a	{
	margin: 0 8px 8px 0;
	display: block;
	line-height: 0;
	float: left;
}

#flickr a:link		{ border: solid 2px #cecece; }
#flickr a:visited	{ border: solid 2px #cecece; }
#flickr a:hover		{ border: solid 2px #fff; }
#flickr a:active	{ border: solid 2px #fff; }


/* --------------------[ comments ]-------------------- */

#article_comments	{
	margin: 3em 0;
}

#comments	{
	margin-top: 2em;
}

#comments .even, #comments .odd	{
	border-top: solid 1px #eee;
}

fieldset	{
	border: none;
}

fieldset#form_inputs	{
	width: 252px;
	float: left;
}

fieldset#form_submit	{
	clear: both;
}

label, fieldset input, input.button, textarea	{
	display: block;
	width: 250px;
	font: 1em/1.5 verdana, sans-serif;
	height: 1.4em;
}

fieldset input, input.button, textarea	{
	padding: 2px;
	margin-bottom: 1em;
	border: solid 1px #ccc;
	border-width: 1px;
}

textarea	{
	height: 8em;
}

fieldset#form_info label, fieldset#form_info input	{
	width: auto;
	margin: 0 .5em 0 0;
	height: auto;
	display: inline;
}

fieldset#form_info	{
	width: 200px;
	padding: 1.5em 0 1.5em 20px;
	border-left: dotted 1px #ccc;
	margin-left: 20px;
}

fieldset#form_submit input	{
	width: auto;
	padding: 0 2em 2px 2em;
	margin-top: 1em;
	font-weight: bold;
	display: inline;
	height: 2em;
	border: solid 1px #666;
}

/* --------------------[ footer ]-------------------- */

#footer p	{
	color: #BFC8A6;
	font-size: .9em;
	text-align: right;
	margin: 0;
}

#footer a span	{
	font-weight: bold;
}

#footer a:link		{ color: #DADFCB; }
#footer a:visited	{ color: #DADFCB; }
#footer a:hover		{ color: #BFC8A6; }
#footer a:active	{ color: #DADFCB; }

/* --------------------[ clear the floats ]-------------------- */

#nav ul:after, #flickr:after	{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* --------------------[ sifr ]-------------------- */

/* standard sIFR styles */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* "decoy" styles */

.sIFR-hasFlash #main h2 {
	visibility: hidden;
	font-size: 24px;
	line-height: 28px;
	height: 28px;
}

.sIFR-hasFlash #main h4#comment_invite {
	visibility: hidden;
	font-size: 14px;
	margin: 1em 0 .5em 0;
}

.sIFR-hasFlash #sidebar h2 {
	visibility: hidden;
	height: 22px;
	line-height: 16px;
	border-bottom: solid 1px #ccc;
}
