html {
  background:#333;
  font:13px/20px "Helvetica Neue", Arial, sans-serif;
  color:#666;
}

a {
  text-decoration:none;
  color:#5AF;
  outline:none;
}
a:hover {
  color:#000;
}
a:focus {
  color:#5D8;
}

p {
  margin-bottom:20px;
}

/* --- Headers, special Paragraphs --- */

h1 {
  font-family:"HelveticaNeue-UltraLight","Helvetica Neue", Arial;
  font-size:34px;
  font-weight:100;
  line-height:40px;
}

h2, h3,
p.gigante, p.special,
.zemContactForm legend {
  font-family:"HelveticaNeue-Light","Helvetica Neue", "Helvetica Neue Light",Arial;
  font-weight:200;
  margin-bottom:20px;
}

h2, p.gigante {
  font-size:34px;
  line-height:40px;
}
h2 a, p.gigante a {
  color:#F90;
}

h3, .zemContactForm legend {
  font-size:18px;
}
h3 a {
  color:#F90;
}

h4 {
  font-weight:bold;
  font-size:14px;
  color:#DCE;
  text-transform:uppercase;
}
.starboard h4 {
  margin-top:20px;
}

p.special {
  color:#DDD;
  font-size:22px;
}
p.special a {
  color:#BCF;
}

p.gigante a:hover,
p.special a:hover {
  color:#000;
}

/* --- Structure --- */

#content {
  background:#FFF url('http://nemoorange.com/images/grad_up_02.png') top repeat-x; 
  min-width:920px;
  overflow:auto;
  padding-top:20px;
  clear: both;
}

.port {
  clear:left;
  color:#BBB;
}
.port p {
  margin:0;
}

.starboard {
  border-bottom:1px solid #CEF;
  margin-bottom:19px;

}

/* --- Header --- */


#header {
  overflow:hidden;
}

#header a:focus {
  color:#5B8;
}

h1 a { /* IE6 fixes */
  display: block; 
  position: relative;
  text-indent:-5555px;  
}
h1 a:link, h1 a:visited {
  color:#F90;
  background:url(http://nemoorange.com/images/helv_header06.png)  0px 0px no-repeat;
}
h1 a:hover {
  color:#5AF;
  background-position:0px -40px;
}
h1 a:focus, h1 a:active {
  color:#5B8;
  background-position: 0px -80px;
}

.search-box input {
  margin:10px 0;
  display:inline;
  width:204px;
  padding:0px 2px;
  background:#444;
  border:1px solid #555;
  color:#BBB;
  font-size:16px;
}

ul.section_list li {
  float:left;
  font-family:"HelveticaNeue-UltraLight","Helvetica Neue", "Helvetica Neue Ultra Light",Arial;
  font-weight:100;
  font-size:15px;
  text-transform:uppercase;
  margin-right:0px;
}

ul.section_list li a {
  padding:0px 20px 0px 0;
  color:#FFF;
  display:block;
}
ul.section_list li a.active-section {
  color:#5AF;
}
ul.section_list li a:hover {
  color:#F90;
}

/* --- Article Box --- */

.article-box {
  height:340px;
  overflow:hidden;
  margin-bottom:20px;
}

.article-box h3 {
  margin:0;
}

/* --- Topper --- */

.topper {
  padding:17px 0;
  border-top:3px solid #666;
  border-bottom:3px solid #666;
  margin-bottom:20px;
}

/* --- Latest --- */

#latest {
  clear:left;
}

/* --- Prevnext --- */

.prevnext {
  color:#BBB;
  font-weight:bold;
  text-transform:uppercase;
}

.prevnext p {
  margin:0;
}

.prevnext.prev {
  clear:left;
}

.prevnext.next {
  border-bottom:1px solid #CEF;
  margin-bottom:20px;
  padding:0 0 19px 230px;
  text-align:right;
}

/* --- Plank --- */

ul.plank-list li a {
  display:block;
  height:19px;
  border-bottom:1px solid #CEF;
  color:#F90;
}

ul.plank-list li a:hover {
  color:#000;
  border-bottom:1px solid #000;
}

/* --- Photo-Preview --- */

.photo-preview a {
  display:block;
  height:160px;
}


/* --- Flickr --- */

.flickr-post {
  width:440px;
  overflow:hidden;
  height:300px;
  margin-bottom:20px;
}

/* --- Search --- */

#search span {
  color:#5AF;
  font-weight:bold;
}

/* --- Comments, Forms --- */

#comments {
  clear:left;
}

#comments .port h3 {
  margin:0;
}

#comment-entry p,
form.zemContactForm p {
  margin-bottom:6px;
}

.comment-form-label,
label.zemText,
label.zemTextarea {
  width:105px;
  display:block;
  float:left;
  clear:both;
}

input.zemSubmit,
input.zemCheckbox {
  margin-left:105px;
}

label.zemCheckbox {
  margin-left:10px;
}

input.comment_name_input,
input.comment_email_input,
input.comment_web_input,
input.zemText {
  width:327px;
  border:1px solid #CCC;;
  color:#333;
  padding:3px;
  font:inherit;
}

textarea.txpCommentInputMessage,
textarea.zemTextarea {
  height:160px;
  width:321px;
  padding:6px;
  font:inherit;
  border:1px solid #CCC;;
  color:#333;
  }

input#txpCommentSubmit,
input#txpCommentPreview {
  margin-left:105px;
}

.comments_error p {
  color:#F90;
  font-weight:bold;
}

ul.zemError {
  color:#F90;
}
ul.zemError strong {
  font-weight:bold;
}

input.comments_error,
textarea.comments_error {
  background:#FD5;
}


/* --- Footer --- */

#footer {
  padding-top:20px;
  background:url(http://nemoorange.com/images/333grad03.png) top repeat-x;
  font-family:"HelveticaNeue-UltraLight","Helvetica Neue", "Helvetica Neue Ultra Light",Arial;
  font-weight:100;
  font-size:13px;
  text-transform:uppercase;
}

#footer a:hover {
  color:#FFF;
}


/* ---- End times ---- */

p#no-active {
  margin: 10px;
  color: #FF0;
}
p#no-active a:hover {
  color: #FFF;
}