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

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset */
@import "ie.css"; /* IE */
@import "forms.css"; /* Forms */


/* Fonts
=====================================================================*/
body, input, select, textarea { font-family: Arial, sans-serif; }


/* Basics
=====================================================================*/
a { color: #cb2525; }
a:hover { text-decoration: none; }
body { font-size: 0.87em; line-height: 1.57; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.57em; }
cite, em { font-style: italic; }
dt { margin-top: 1.57em; }
h1 { color: #cb2525; font-size: 1.57em; font-weight: normal; margin-bottom: 1.36em; }
h2, h3, h4, h5, h6, strong { font-weight: bold; }
h2 { font-size: 1.36em; margin-bottom: 0.25em; }
table { border-collapse: collapse; width: 100%; }
td { border: 1px solid #d0d1d3; border-width: 1px 0; }
td, th { padding: 0.3em 1em; vertical-align: middle; }
th { background: #cb2525; border: 1px solid #d85c5c; border-width: 1px 0; color: #fff; font-weight: bold; }
ul { list-style: square; margin-left: 1.5em; }

/*--- Stock ---*/
ul.flat { list-style: none; margin-left: 0; }


/* Core layout
=====================================================================*/
#content, #footer, #header, #identity, #nav { padding-left: 1em; padding-right: 1em; }
#content, #footer-content, #header-content, #identity-content, #nav ul { margin: 0 auto; width: 960px; }

/*--- Clearing ---*/
.clear { clear: both; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*--- Content ---*/
#content { padding-bottom: 2em; padding-top: 2em; }

  /* Archives */
  #content-archives #content-primary { float: left; width: 23%; }
  #content-archives #content-secondary { float: right; width: 74%; }
  
  /* Winners */
  #content-winner #content-primary { float: left; width: 76%; }
  #content-winner #content-secondary { float: right; width: 21%; }


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

/*--- Archives ---*/
#archives { width: 100%; }
#archives * { text-align: center; }
#archives a { display: block; padding: 0.5em 0; width: 100%; }
#archives a:hover { background: #f0f0f0; }
#archives a { font-weight: bold; }
#archives td { color: #babcbf; padding: 0; width: 14.16%; }
#archives th { width: 10%; }

/*--- Facets ---*/
#facets { list-style: none; margin-left: 0; }
#facets li { display: inline; margin-right: 0.75em; }

/*--- Footer ---*/
#footer {
  background: url(../images/footer-bg.jpg) no-repeat 50% 0;
  border-top: 8px solid #850000;
  padding-bottom: 2em;
  padding-top: 2em;
}

#footer-content { font-size: 0.8em; }
#footer, #footer a { color: #7f7f7f; }
#footer-logo { margin: 0 1em -5px 0; }

/*--- Gallery ---*/
.gallery { list-style: none; margin-left: 0; }
.gallery * { cursor: hand; }
.gallery a { text-decoration: none; }
.gallery a:hover .details { background: #e6e6e7; }
.gallery a:hover .title { text-decoration: underline; }
.gallery img { display: block; height: 230px; width: 100%; }
.gallery li { float: left; font-size: 0.8em; height: 350px; margin: 0 10px 2em 0; position: relative; width: 230px; }
.gallery .details { background: #f4f4f4; border-bottom: 5px solid #e6e6e7; color: #000; height: 100px; padding: 1em; }
.gallery .details .mute { font-size: 1em; }
.gallery .details .title { color: #cb2525; font-size: 1.3em; font-weight: normal; line-height: 1.2; }
.gallery span { display: block; }

.gallery .winner {
  background: #cb2525;
  color: #fff;
  display: block;
  font-size: 1.14em;
  left: 0;
  padding: 0.5em 0;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  top: 0;
  width: 100%;
}

.gallery .winner:hover { text-decoration: none; }

  /* Winner photo gallery */
  .gallery-winner li { height: 300px; }
  .gallery-winner .details { height: 50px; }

/*--- Header ---*/
#header { background: #8f0000 url(../images/header-bg.jpg) no-repeat 50% 0; height: 84px; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header li { display: inline; margin-left: 0.75em; }
#header li.current { font-weight: bold; }
#header ul { list-style: none; margin: 0; padding: 2em 0 0; text-align: right; text-transform: uppercase; }

  /* Identity */
  #identity { background: #860000; border-bottom: 8px solid #d9cece; padding: 0.5em 0 0.25em; }
  #identity img { display: block; }

/*--- Logos ---*/
.logos { clear: both; list-style: none; margin: 0; padding: 0; }
.logos img { vertical-align: middle; }
.logos li { background: none; float: left; height: 9em; margin: 0 2em 1em 0; padding: 0; text-align: center; width: 150px; }
.logos p { margin: 0; }
.logos .shim { height: 100%; vertical-align: middle; }
.logos .thumb { background: #fff; border: 2px solid #f0f0f0; display: table-cell; height: 100px; text-align: center; vertical-align: middle; width: 150px; }

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

/*--- Navigation ---*/
#nav { background: #6f050e; border-top: 8px solid #7c7c7c; padding-top: 1em; }

#nav a {
  color: #fff;
  display: block;
  font-size: 1.07em;
  padding: 0.3em 1em;
  text-decoration: none;
  text-transform: uppercase;
}

#nav a:hover { text-decoration: underline; }
#nav .current a { background: #fff; color: #000; font-weight: bold; }
#nav li { float: left; margin-right: 1px; }
#nav ul { list-style: none; }

/*--- Project index ---*/
#index a { text-decoration: none; }
#index a:hover { background: #f0f0f0; }
#index a:hover .entry { text-decoration: underline; }
#index a.entry { border-color: #cb2525; }
#index .entry { border: 1px solid #ddd; display: block; height: 100%; padding: 0.5em; }
#index li { float: left; height: 4em; line-height: 1.2; margin: 0 0.5% 1.5em 0; width: 31%; }
#index .mute { font-size: 0.8em; }
#index .title { display: block; font-size: 0.9em; }

/*--- Sorting ---*/
#sort a, #sort strong { margin-left: 0.75em; }

/*--- Submissions ---*/
.complete { background: #ddd; }

/*--- Winner details ---*/
#winner-details dd { margin-bottom: 1.57em; }
#winner-details dt { color: #777; margin: 0; }