/*--------------------------------+
 | Site: Design Excellence Awards |
 | Part: 2008, Master styles      |
 +--------------------------------*/

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */


/* Fonts
=====================================================================*/
body, input, select, textarea { font-family: Verdana, Arial, sans-serif; }
h1, h2, #features { font-family: Tahoma, Geneva, Arial, sans-serif; }


/* Basics
=====================================================================*/
a, h1, legend { color: #ee4038; }
a:hover { text-decoration: none; }
acronym, abbr { border: 0; cursor: help; }
body { background: #fff url(../images/bgNav.gif) repeat-x; font-size: 76%; line-height: 1.5; padding: 21px 0 3em; }
dl, hr, ol, p, table, ul { margin-bottom: 1em; }
dt { color: #777; font-weight: bold; margin-top: 1em; }
dt:first-child { margin: 0; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { font-size: 1.7em; margin-bottom: 0.3em; }
h1, h1 a, h2, th { font-weight: normal; }
h2, h2 a { color: #8f8e8f; }
h1 a:hover { background: #74777a; color: #fff; }
h2 { font-size: 1.3em; margin-bottom: 0.2em; }
h3 { font-size: 1.2em; }
hr { background: #a6a8aa; border: 0; clear: both; color: #a6a8aa; height: 1px; }
img { border: 0; }
legend { background: #fff; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
ul { list-style: none; }
ul li { background: url(../images/bullet.gif) no-repeat 0 0.6em; padding-left: 15px; }
table { border-collapse: collapse; font-size: 0.9em; width: 100%; }
td { vertical-align: top; }
td, th { border: 1px solid #ddd; border-width: 1px 0; padding: 0.3em 0.7em 0.4em; text-align: left; }
th { background: #f0f0f0; vertical-align: bottom; }
th a { color: #000; }
tr:hover { background: #f0f0f0; }


/* Core layout
=====================================================================*/
.clear { clear: both; }
#content, #footer, #header a, #nav ul { margin: 0 auto; width: 720px; }

/*--- Columns ---*/
.c2l { float: left; }
.c2l, .c2r { width: 48.5%; }
.c2r { float: right; }

/*--- Content areas ---*/
#content { background: url(../images/bgDotsV.gif) repeat-y 75% 0; }
#content-primary { float: left; margin-bottom: 2em; padding: 1em 0; width: 73%; }
#content-secondary { float: right; margin-bottom: 2em; padding: 1em 0; width: 23%; }

/*--- Footer ---*/
#footer { background: url(../images/bgDotsH.gif) repeat-x; padding-top: 0.5em; }

/*--- Header ---*/
#header { background: url(../images/bgDotsH.gif) repeat-x 0 100%; }

/*--- Home ---*/
#home #content { background: none; }
#home #content-primary { float: none; width: 100%; }
#home #content-secondary { display: none; }

/*--- Navigation ---*/
#nav { background: url(../images/bgDotsH.gif) repeat-x 0 100%; }


/* Content
======================================================================*/

/*--- Callouts ---*/
.call-l { clear: left; float: left; margin: 0 1em 1em 0; }
.call-l, .call-r { color: #8f8e8f; font-size: 0.9em; }
.call-r { clear: right; float: right; margin: 0 0 1em 1em; }

/*--- Completed submissions ---*/
tr.complete { background: #ddd; }
tr.complete a { color: #999; }

/*--- Current photo ---*/
#current-photo { border: 1px solid #ddd; display: block; margin: 2em auto; padding: 5px; }

/*--- Detail lists ---*/
.details li { background: none; padding: 0; }

/*--- Features ---*/
#features { font-size: 1.3em; margin-top: 2em; }
#features img { display: block; margin: 0 auto 0.3em; }
#features li { background: none; float: left; padding: 0 0 2em; text-align: center; width: 48.5%; }
#features li.first { margin-right: 2%; }
#features p { margin: 0; }
#features .mute { font-size: 0.7em; }

/*--- Footer ---*/
#footer { font-size: 0.9em; }

/*--- Forms ---*/
.form { font-size: 1em; }
.form p { margin: 0; }
.form th { background: none; text-align: right; vertical-align: top; width: 20%; }
.form td, .form th { border: 0; padding-bottom: 0.5em; padding-top: 0.5em; }
.form tr:hover { background: none; }

	/* Alerts */
	.alert { color: #f00; }
	
	/* Buttons */
	.btn { margin-right: 0.5em; overflow: visible; padding: 0.2em 0.7em 0.3em; }
	
	/* Options */
	.form .options-h, .form .options-v { margin: 0; }
	.options-h, .options-v { list-style: none; margin-left: 0; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
	.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v li p { margin: 0; text-indent: 0; }
	
	/* Text boxes */
	.c2l .txt, .c2r .txt { width: 98%; }
	.txt { width: 75%; padding: 0.2em; }
	.txt-sm { width: 4em; }

/*--- Gallery ---*/
.gallery a { background: url(../images/shared/slide-bg.gif) no-repeat 0 0; display: table-cell; height: 131px; margin: 0 1em 1em 0; text-align: center; vertical-align: middle; width: 131px; }
.gallery a:hover { background-position: 0 -131px; }
.gallery img { padding: 0; vertical-align: middle; }
.gallery li { background: none; float: left; margin: 0 1em 1em 0; padding: 0; }
.gallery th { width: 150px; }
.gallery th a { cursor: default; }
.gallery th a:hover { background-position: 0 0; }
.gallery th a:hover img { border-color: #d3c194; }
.gallery span { display: inline-block; height: 100%; vertical-align: middle; }
#gallery-nav { text-align: center; }

/*--- Header ---*/
#header a, #header img { display: block; }

/*--- Muted text ---*/
.mute { font-size: 0.9em; }
.mute, .mute a { color: #999; }

/*--- Navigation ---*/
#nav a { color: #000; display: block; padding: 0.9em 1em 1em; text-decoration: none; }
#nav a:hover { background: #666; color: #fff; text-decoration: none; }
#nav li { background: none; float: left; margin-right: 1px; padding: 0; }
#nav li.current a, #nav li.current a:hover { background: #ee4038; color: #fff; }

/*--- Secondary content ---*/
#content-secondary { font-size: 0.9em; }
#nav-secondary .current { color: #000; font-weight: bold; }
#nav-secondary ul { margin: 0 0 0 1.5em; }
#nav-secondary li { background: none; padding: 0; }

/*--- Sorting options ---*/
#sort a, #sort strong { margin: 0 0.5em; }

/*--- Thumbnails ---*/
.thumbs { font-size: 0.9em; }
.thumbs, .thumbs ul { list-style: none; }
.thumbs .alt { float: right; }
.thumbs a, .thumbs a:hover { background: none; }
.thumbs a { font-weight: bold; }
.thumbs a:hover strong { background: #282425; }
.thumbs .img { display: block; height: 120px; position: relative; width: 260px; }

.thumbs .img strong {
	background: #b60005;
	color: #fff;
	font-weight: normal;
	left: 0;
	padding: 0.4em 0.7em 0.5em;
	position: absolute;
	text-decoration: none;
	top: 0;
}

.thumbs li { background: none; float: left; margin: 0 1px 0.5em 0; padding: 0; width: 49.6%; }
.thumbs li li { float: none; margin: 0; width: 100%; }
.thumbs li.clear { float: none; height: 2px; width: 100%; }
.thumbs p { margin: 0; }
.thumbs ul { margin-top: 0; }


/*--- Winner flag ---*/
.winner {
	background: #ee4038;
	color: #fff;
	font-size: 0.6em;
	letter-spacing: 0.05em;
	margin-right: 0.5em;
	padding: 0.2em 0.5em 0.4em;
	text-transform: uppercase;
	vertical-align: middle;
}