/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
  margin:0px; padding:0;
  background-color:#70697e;
  background-color:#584B58;
  text-align:center;
  position:relative;
/*  background: url(/images/new_homepage.png) no-repeat top center;
  opacity:.5;*/
}
#globalWrap {
  position:relative;
  color:#f0f0f0;
  color:#1a1a1a;
  margin:0 auto;
  width:960px;
  text-align:left;
  width:100%;
  font-size:1em;
}
#innerWrap {
  font-family:Trebuchet, "Trebuchet MS", Verdana, sans-serif;
  clear:both;
  margin:1em auto;
}
/*.info {
  background:#eaefe5 !important;
}*/
.wrap {
  font-size:1.3em;
  line-height:150%;
}
a, a:link, a:visited, a:active {
  color:#D9D7C5;
}
a:hover {
  color:#fff;
}
.info a, .info a:link, .info a:visited, .info a:active
.entry a, .entry a:link, .entry a:visited, .entry a:active {
  color:#584B58;
}
.info a:hover, .entry a:hover {
  color:#382b38;
}
h1, h2, h3, h4, h5 {
  font-weight:bold;
  color:#ffeebb;
}
br.clear_both {
  clear: both;
}
/**************************************/
/*              HEADER                */
/**************************************/
#header {
  float:left;
  width:100%;
  background:#181a18;
/*  background:#aca5ad;*/
/*  border-bottom:5px solid #181a18;*/
}
#header .wrap {
  width:960px;
  margin:0 auto;
  padding-top:10px;
}
.logolink {
  padding:0;margin:0;
  border:0;text-decoration:none;
}
#logo {
  width:100%;
  height:50px;
}
#logo h1 {
  float:left;
  position:relative;
  display:block;
  width:446px; height:50px;
  margin:0;padding:0;
  text-indent:-9999px;
  background: url(/images/dof_top_bg.png) no-repeat 0px -0px;  
}
#logo h3 {
  float:right;
  display:inline-block;
  margin:0; padding:0;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#primaryNav {
  display:block;
  position:absolute;
  top:0; right:0;
  margin:0;
  padding:0 10px 0 175px;
  font-size:1em;
  float:right;
/*  border-top:1px solid #2a2a2a;*/
  background:#584B58 url(/images/prinav_bg.png) no-repeat 0 0px;
}
#primaryNav li {
  margin:0; padding:0;
  display:inline-block;
  float:left;
}
#primaryNav li a {
  display:block;
  padding:0 .5em;
  line-height:25px;
  text-decoration:none;
  border-right:1px solid #2a2a2a;
  color:#D9D7C5;
}
#primaryNav li:first-child {border-left:1px solid #2a2a2a;}
#primaryNav li a:hover {
  background:#20252a;
}

#showsub {
  position:relative;
}
.subnav {
  display:none;
  position:absolute;
  left:-6.75em;
  width:7em;
  background:#181a18;
  z-index:10;
  opacity:.95;
}
.subnav li {
  position:relative;
  display:block;
  width:7em;
  float:left;
  opacity:1;
}
#showsub:hover .subnav {
  display:block;
}
div#nav-arrows {
  width: 100%;
}
a.nav-arrow {
  font-size: 6em;
  text-decoration: none;
}
a.nav-arrow.prev {
  float: left;
  margin-top: 150px;
}
a.nav-arrow.next {
  float: right;
  margin-top: 150px;
}

/** home page temps **/
h1, h2, h3, h4, h5 {
  font-weight:bold;
  color:#ffeebb;
}
.info h1, .info h2, .info h3,
.info h4, .info h5  {color:#584B58;}
h3.call-one, h3.call-two {
  color:#ffeebb;
  position:relative;
  display:block;
  left:-210px;
}
h3.call-two {
  left:-20px;
}

#contentwrap {
  border:5px solid #010101;
  float:left;
  clear:both;
  margin:0; padding:0;
  background:#858966;
}

.info #contentwrap {
  background:#d5dad5;
}
.leftcol {
  float:left;
  padding:0;
  margin:0;
  width:445px;
}
.rightcol {
  width:465px;
  padding:0 20px;
  float:left;
  font-size:1.5em;
  line-height:120%;
  font-weight:bold;
  background:#858966 url(/images/25_fee.png) no-repeat top right;
  position:relative;
}
.entry-form .rightcol {
  height: 600px;
}
.info .leftcol {
  width:669px;
  padding:40px;
  font-size:1.3em;
  line-height:130%;
  border-right:1px solid #584B58;
}
.info .rightcol {
  width:200px;
  padding:2em 0px;
  background:#d5dad5;
}
.info .rightcol ul {
  list-style:none;
  margin:0;padding:0;
  width:100%;
}
.info .rightcol ul li {
  margin:0; padding:0;
}
.info .rightcol ul a {
  display:block;
  color:#584B58;
  font-size:12px;
  line-height:2em;
  width:180px;
  padding:5px 10px;
}
.info .rightcol ul a:hover {
  background:#fff;
}
.entry #contentwrap {
  background:#d5dad5;
}
.entry .leftcol {
  width:405px;
  padding:120px 20px 20px;
  font-size:2em;
  line-height:120%;
  background:#d5dad5 url(/images/entryform_bg.png) no-repeat 0px 20px;
}
.entry .rightcol {
  font-size:1.4em;
  width:380px;
  padding:0 40px 40px 40px;
  border-left:5px solid #010101;
}
.entryPreview #contentwrap {
  padding:40px;
  text-align:center;
  font-size:1.3em;
  background:#101010;
  color:#fff;
}
#approve-photo {
  display:inline-block;
  margin-bottom:2em;
}
.thankyou {
  font-size:1.5em;
  line-height:140%;
  font-weight:bold;
  margin:10px 0;
  padding:20px;
  background:#d5dad5;
  color:#181a18;
}
.rightcol h3 {
  font-size:1.4em;
  margin:.75em 0 .35em 0;
}
.last-photo {
  width:440px;
  border:5px solid #101010;
  border-width:0 5px 0 0;
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0 0 15px 0;
  background:#101010;
}
.last-photo img {margin:0; padding:0;}
.last-photo .iconic-cred {
  position:absolute;
  bottom:-2px; right:5px;
  font-size:9px;
  color:#eaeaea;
}
.npo-desc {
  float:left;
  clear:both;
  background:#181a18;
  padding:5px;
  border-top:5px solid #010101;
  vertical-align:middle;
}
.npo-logo {
  float:left;
  width:250px;
  margin-right:20px;
  background:#fff;
  text-align:center;
  padding:5px 0;
}
.npo-logo img {
  text-align:center;
}
.npo-desc p {
  float:left;
  font-size:1.1em;
  color:#fff;
  padding:0 20px 0 0;
  margin:0;
  width:650px;
}
.npo-sell {
  font-size:1.7em;
  line-height:140%;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.main {
  display:block;
  position:relative;
  background: url(/images/dof_bot_bg.png) no-repeat 0px -1px;
  width:960px;
  padding:30px 0 200px 0;
  margin: -1em auto 0 auto;
}
.front .main, .info .main {
  width:960px;
  padding-bottom:70px;
}
.sidebar {
  width:150px;
  float:right;
  padding:0 5px 200px 5px;
}
.front .sidebar, .info .sidebar {display:none;}
/** front page styles **/
#contest {
  border-bottom:1px dashed #eaeaea;
  padding:0 0 4em 0;
  margin:0em;
  clear:both;
  float:left;
  font-size:1.3em;
}
#contest .contestInfo {
  width:800px;
  float:left;
}
#prizes {
  width:140px;
  height:150px;
  float:right;
  margin:0 0 0 20px;
}
#prizes ul {
  margin:0; padding:0;
  list-style:none;
}
#prizes li {
  padding:10px 0;
  margin:10px 0;
  border-bottom:1px solid #eaeaea;
}
#lastcontest {
  padding:2em 0;
  clear:both;
  position:relative;
}
.gallery {
  margin:0; padding:0;
  list-style:none;
}
.gallery li {
  margin:0; padding:0;
  display:block;
  width:160px; height:120px;
  border:2px solid #3a3a3a;
  margin:10px 40px 30px 0;
  float:left;
}
.gallery li.first {
  width:480px;
  height:360px;
  margin-left:20px;
}
.fullgallery {
  position:absolute;
  right:20px; top:2.5em;
  font-size:1.3em;
}
/** contest lists **/

.contestDesc {
  float:left;
  width:280px;
  padding-left:20px;
  margin-right:20px;
}
.contestImage {
  display:block;
  float:right;
  margin-top:1em;
  max-width: 480px; 
  max-height: 360px;
  border: 2px solid gray;
}
.contest h2 {
  display:block;
  font-size:2em;
  line-height:120%;
  width:100%;
  padding:0; margin:0;
}
.contestInfo h3 {
  display:block;
  font-size:1.2em;
  line-height:120%;
  padding-bottom:.25em;
}
.contestDesc p {
  line-height:140%;
  padding:0; margin:0;
}
#contestList {
  list-style:none;
  margin:0; padding:0;
}
#contestList .contestInfo {
  font-size:.85em;
  background:inherit;
  border:1px dotted #2a2a2a;
  clear:both;
  padding:0; margin:1.5em 0;
}

.contestInfo {
  min-height: 200px;
}

img.judge_bio_image {
  float: left;
  max-width: 120px;
  max-height: 100px;
  padding: 0px 10px 0px 0px;
}

/*** photo browse (gallery?) ***/

.photo {
  display:block;
  float:left;
  padding:0; margin:0;
  list-style:none;
  position:relative;
}
#browse-photos .photo {
  position:relative;
  height:100px;
  padding:5px 5px 5px 5px;
  border:1px solid #1a1a1a;
  margin:0 24px 24px 0;
}
.droplist .photo {
  position:relative;
  margin:0; padding:0;
  width:80px;
}
.droplist .photo img {
  max-width:80px;
  max-height:60px;
}

.this-photo img {
  max-width:80px;
  max-height:60px;  
}



#browse-photos {
  margin:0; padding:0;
  list-style:none;
  width:100%;
  clear:both; 
}
#browse-photos .ui-draggable-dragging {
  border-color:#f72;
  z-index: 1000;
}
.photo .details {display:none;}
.photo .remove {
  position:absolute;
  bottom:-10px; right:5px;
}
.judge-selections {
  margin:0; padding:0;
  width:100%;
  padding:20px 0 20px 0;
  float:left;
}
.dropslot {
  display:block;
  float:left;
  position:relative;
  margin:0 0 0 10px; padding:0;
  list-style:none;
  border:1px solid #909090;
}
.dropslot:hover {
  border:1px solid #f72;
}
.slotNumber {
  position:absolute;
  top:-18px; left:0px;
  color:#fff;
}
.droplist {
  position:relative;
  margin:0; padding:0;
  display:block;
  float:left;
  width:78px; height:75px;
  padding:5px;
  background:#000;
}

p.post_nav {
  display: block;
  clear: both;
  margin: 10px 20px 10px 20px;
}

/** specific page styles **/
#terms-of-service {
  line-height:120%;
}
#terms-of-service ol li {
  margin:1em 0;
}

.last-winner {
  position:absolute;
  bottom:0; left:0;
  width:420px;
  padding:0 15px;
  background:#101010;
  color:#fff;
  font-size:12px;
  text-align:right;
  opacity:.89;
}

div.winners_circle_container {
  background: black;
  margin-top: 10px;
  color: white;
  padding: 10px 0px 10px 80px;
}

div#winners_circle {
  text-align: center;
}

div#winners_circle img {
  vertical-align: middle;
}

div.winner_image_container {
  width: 120px;
  margin: 4px 20px;
  float: left;
}

span.winner_place_label {
  font-weight: bold;
  font-size: 1.2em;
  display: block;
}

span.image_info {
  display: block;
  color: #aaa;
  margin-top: 10px;
}

.prizes span {
  font-size:1em;
  line-height:120%;
}
.prizes h4 {
  font-size:1em;
}
.onethird {
  float:left;
  width:300px;
  padding:0 10px;
  color:#101010;
}
.onethird.last {
  clear:right;
}
.showhide {display:none;}
.showmore {
  display:block;
  text-align:right;
}
.enter-contest {
  display:block;
  position:absolute;
  bottom:-10px; right:-8px;
  width:132px; height:132px;
  overflow:hidden;
  padding:0;margin:0;
  line-height:132px;
  background:url(/images/entercontest_hov.png) no-repeat bottom left;
}
.enter-contest:hover img {
  visibility:hidden;
}
/** home page temp **/





/*** preview box ***/
#preview-drop {
  border:4px solid #151515;
  width:140px;
  margin-bottom:1em;
}
#preview-drop-inner {
  display:block;
  min-height:600px;
  width:138px;
  border:1px solid #3a3a3a;
}
#preview-drop:hover #preview-drop-inner {
  border-color:#f72;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
  position:fixed;
  bottom:0px !important;
  width:100%;
  font-size:12px;
  clear:both;
  border-bottom:10px solid #101010;
  border-top:2px solid #101010;
  background:transparent url(/images/footer_bg.png) repeat-x bottom left;
  color:#fff;
}
.info #footer {background-color:transparent;}
#footer .wrap {
  width:1150px;
  margin:0 auto;
  font-size:12px;
}

#footer p {
  text-align:center;
  padding:0;
  line-height:24px;
  position:relative;
  top:1em;
}
#footer p img {
  vertical-align:bottom;
}
#footer a {
  color:#fff;
}
#footer a:hover {
  color:#D9D7C5;
}


#submit-form {
  margin-left: auto;
  margin-right: auto;
}

#submit-form label {
  margin-top:1em;
  float: left;
  clear: left;
}
#submit-form input {
  float: left;
  clear: left;
}
#submit-form input[type="text"] {
  width: 300px;
}

#submit-form #entrySubmit {
  width:70px;
  margin:1em 0 0 0;
}
#approve-photo {
  max-width: 800px;
  max-height: 600px;
}

#logo a {
  text-decoration: none;
}

.photo-preview {
  max-width: 1000px;
  max-height: 600px;
}

.sponsor-logo-image {
  border: 1px solid;
  margin-left: auto;
  margin-right: auto;
}