/* @override 
  http://blogs.ink19.com/~includes/otto/otto.css
  http://www.ink19.com/~includes/otto/otto.css
  http://staff.ink19.com/~includes/otto/otto.css
  http://beta.ink19.com/~includes/otto/otto.css
*/

/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* @group Structure */

#page {
  background-color: #fff;
  width: 700px;
  margin: 0px auto;
}

#ad-banner {
  padding: 0;
  padding-bottom: 10px;
  margin: 0 auto;
  width: 728px;
}

#ink19-banner {
  background: url(http://www.ink19.com/otto/logo_banner.gif) no-repeat 0 bottom;
  height: 90px;
}

#main-nav {
	background-color: #979797;
}

#main-nav td {
	padding: 2px;
}

#main-nav a {
	color: #fff;
	margin-bottom: 30px;
}

#header {
  margin-top: 10px;
}

#content-container {
  padding: 0;
}

#content-container .column {
  padding: 20px 5px;
  position: relative;
  float: left;
}

#main-content {
  width: 400px;
  /* LC width */
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#left-navigation {
  width: 125px;
  /* LC width */
}

#right-navigation {
  width: 135px;
  /* RC width */
}

#footer {
  clear: both;
}

#feature-main {
  
}

#notebook-main {
  padding-right: 10px;
}

#notebook-main .nav-link {
  padding: 5px;
}

/* @end */

/* @group Home Page */

#index-main #main-content {
  width: 540px;
  /* LC wid

th */
  border-left: none;
}

#index-main #right-navigation {
  width: 135px;
/* RC widt

h */
}

#notebook {
  width: 200px;
  position: relative;
  float: left;
  padding: 5px;
}

#search {
  width: 300px;
  float: right;
  margin-top: 5px;
}

#blogs,
#features {
  width: 320px;
  padding: 10px 10px 10px 5px;
  position: relative;
  float: left;
}

/* @end */
/* @group Old-School Nav */

.t-closedTable {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 12px;
  border: 1px solid #ccc;
  background-color: #fff;
}

#t-labelBlack {
  margin: 0;
  text-align: left;
  display: block;
  padding: 3px;
  font-size: 12px;
  color: #fff;
  background-color: #999;
}

#t-labelBlack a {
  color: #fff;
}

.t-closedCell {
  text-align: left;
  padding: 3px;
  background-color: #fff;
  font-weight: bold;
}
/* @end */

/* @group Tags */

body {
  margin: 0;
  padding: 10px;
  color: #333;
}

body, div, td, th {
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}

h1, h2, h3, h4, h5, h6,li {
  font-weight: bold;
  color: #27343C;
  margin: 0;
}

h1 {
  font-size: 250%;
}

h2 {
  font-size: 200%;
}

h3 {
  font-size: 150%;
}

h4 {
  font-size: 125%;
}

h5 {
  font-size: 110%;
}

h6 {
  font-size: 100%;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
li a {
  color: #1d0e89;
  text-decoration: none;
}

blockquote, p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 120%;
  line-height: 150%;
  margin: 0;
}

blockquote {
  margin: 0 0 0 1.5em;
}

#main-content p {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* @end */

/* @group Links */

a {
  color: #1d0e89;
}

a:link {
  color: #27343C;
  text-decoration: underline;
}

a:visited {
  color: #27343C;
  text-decoration: underline;
}

a:hover {
  color: #408AE0;
  text-decoration: underline;
}

#bodyarea a {
  text-decoration: underline;
}

/* @end */

/* @group Site Text */

.site-title {
  margin-top: 20px;
}

.site-subtitle {
  margin-bottom: 10px;
}

.small-text {
  font-size: 10px;
}

.big-text {
  font-size: 20px;
}

.p-section-description {
  text-align: justify;
  font-size: 11px;
  line-height: 1.5;
}

/* @end */

/* @group Navigation */

.nav-divider {
  height: 10px;
}

#sidebar {
  padding: 0;
  margin: 0;
}

#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sidebar ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sidebar ul ul {
  margin-top: 10px;
}


#sidebar ul ul,
.nav-list {
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px solid #ccc;
  background-color: #fff;
}

#sidebar ul li h2,
.nav-header {
  list-style: none;
  margin: 0;
  text-align: left;
  display: block;
  padding: 3px;
  font-size: 12px;
  color: #fff;
  background-color: #999;
}

.nav-header a {
  background-color: #999;
  color: #fff;
  text-decoration: none;
}

#sidebar ul li ul li,
.nav-link {
  list-style: none;
  margin: 0;
  text-align: left;
  display: block;
  padding: 3px;
  background-color: #fff;
}

.nav-footer {
  list-style: none;
  margin: 0;
  text-align: left;
  display: block;
  padding: 3px;
  background-color: #ccc;
}

.nav-link a:link {
  
}

.nav-link a:visited {
  
}

.nav-link a:hover {
  
}

/* @end */

/* @group Index */

.index-title {
  
}

.index-date-old {
  color: #fff;
  background-color: #999;
  font-size: 16px;
  padding: 5px;
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: 0;
}

.index-date {
  font-size: 175%;
  color: #666;
  border-bottom: 1px solid #666;
  text-align: left;
}

.index-date-small {
  font-size: 100%;
  color: #666;
  border-bottom: 1px solid #666;
  margin-bottom: 10px;
}

.index-date-spacer {
  padding: 10px;
}

.index-item-spacer {
  padding: 10px;
  margin-bottom: 0;
}

.index-spacer {
  padding: 10px;
  border-color: white;
  clear: both;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 0;
}

.index-volume {
  font-size: 100%;
  font-variant: normal;
  color: #666;
  text-transform: uppercase;
  border-bottom: 1px solid #666;
  clear: both;
  margin-top: 20px;
}

.index-badge {
  float: left;
  background-color: #ccc;
  padding: 5px;
  display: block;
  margin-left: 0px;
  margin-right: 5px;
}

.index-badge-alt,
.index-feature-lead-alt .index-badge,
.index-review-lead .index-badge {
  float: right;
  background-color: #ccc;
  padding: 5px;
  display: block;
  margin-left: 5px;
  margin-right: 0px;
}

.index-title {
  font-size: 130%;
  line-height: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
}

.index-section {
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 5px;
}

.index-section-nav {
  font-size: 100%;
  font-weight: normal;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
}

.index-description {
  font-size: 120%;
}

.index-description p {
  font-size: 100%;
  margin-bottom: 10px;
}

.index-tagline {
  font-size: 100%;
  font-weight: normal;
  margin-top: 5px;
}

/* @end */

/* @group Index Special Formatting */

.index-review-lead .index-title,
.index-feature-lead .index-title,
.index-feature-lead-alt .index-title {
  font-size: 170%;
  background: #ccc;
  padding: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.index-review-lead .index-description,
.index-feature-lead .index-section,
.index-feature-lead-alt .index-section {
  font-size: 120%;
  font-weight: normal;
  background: #ddd;
  padding: 3px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.index-review-item .index-title {
  margin-top: 10px;
  margin-bottom: 0px;
}

.index-review-item .index-description {
  margin-top: 5px;
  line-height: 120%;
}

.index-news-item .index-description {
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 90%;
  text-align: justify;
  margin-top: 5px;
  font-weight: normal;
}

.index-news-item .index-title {
  line-height: 120%;
}

ul.index-blog-listing {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

.index-blog-title {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 0.8em;
}

.index-first-blog-item .index-description,
.index-blog-item .index-description {
  font-size: 100%;
  margin-top: 5px;
  font-weight: normal;
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 0px;
}

#notebook .index-blog-item {
  display: none;
}

ul.index-blog-listing:hover .index-blog-item {
  display: block;
}

ul.index-blog-listing:hover .index-blog-more {
  display: none;
}

/* @end */

/* @group Tables */

.table-table {
  width: 600px;
  xborder: 1px solid #ccc;
  border-collapse: collapse;
}

.table-fit {
  background: #e5e5e5;
  width: 100%;
  xborder: 1px solid #ccc;
  border-collapse: collapse;
}

.table-calendar {
  width: 250px;
  xborder: 1px solid #ccc;
  border-collapse: collapse;
}

.table-popup, .table-nav, .table-fill {
  background-color: #FFF;
  width: 100%;
  xborder: 1px solid #ccc;
  border-collapse: collapse;
}

.table-notice {
  width: 100%;
  xborder: 1px solid #666;
  border-collapse: collapse;
}

.cell-open {
  padding: inherit;
}

.cell-closed {
  padding: inherit;
  xborder: 1px solid #ccc;
}

.row-header {
  padding: 3px;
  color: #FFF;
  font-weight: bold;
  background: #27343C;
}

.row-info {
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #C00;
  background: #c5d5e5;
}

.row-label {
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #000;
  font-weight: bold;
  font-size: 10px;
  background: #c5d5e5;
}

.row-data {
  padding: 3px;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.row-data-alt {
  padding: 3px;
  background: #c5d5e5;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.row-highlight {
  padding: 3px;
  background: #5294d6;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.row-footer {
  padding: 3px;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
  background: #6d91a8;
}

.row-header a,
.row-footer a {
  color: #fff;
}
/* @end */

/* @group Forms */

.input-text {
  width: 100%;
  background: #FFF;
  padding: 2px;
  border: 1px solid #CCC;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.input-text-bold {
  width: 100%;
  background: #FFF;
  padding: 2px;
  border: 1px solid #CCC;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.input-text-small {
  width: 100%;
  background: #FFF;
  padding: 1px;
  border: 1px solid #CCC;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

.input-action {
  background: #FFF;
  padding: 2px;
  border: 2px solid #CCC;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 10px;
}

.form-form {
  width: 600px;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.form-fit {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.form-fixed {
  width: 600px;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.form-name {
  padding: 3px;
  color: #FFF;
  font-weight: bold;
  background: #27343C;
}

.form-notes {
  background: #c5d5e5;
  color: #900;
  padding: 3px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}

.form-row {
  
}

.form-footer {
  background: #c5d5e5;
}

.form-action {
  padding: 5px;
}

.form-cell-whole {
  width: 600px;
  padding: 3px;
  border: 1px solid #ccc;
  vertical-align: top;
}

.form-cell-half {
  width: 300px;
  padding: 3px;
  border: 1px solid #ccc;
  vertical-align: top;
}

.form-cell-third {
  width: 200px;
  padding: 3px;
  border: 1px solid #ccc;
  vertical-align: top;
}

.form-label {
  background: #6d91a8;
  color: #fff;
  border-bottom: #27343C;
  padding: 0 5px;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 15px;
  font-weight: bold;
  border-width: 0 0 1px 0;
  border-style: none none dotted none;
}

.form-label a {
  color: #fff;
}

.form-input {
  padding: 3px;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 10px;
}

.form-field {
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 3px;
}

.input-text {
  width: 98%;
  background: #FFF;
  padding: 2px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.input-text-bold {
  width: 98%;
  background: #FFF;
  padding: 2px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.input-text-small {
  width: 98%;
  background: #FFF;
  padding: 1px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

.input-area-l {
  width: 98%;
  height: 20em;
  background: #FFF;
  padding: 2px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.input-area-m {
  width: 98%;
  height: 10em;
  background: #FFF;
  padding: 2px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.input-area-s {
  width: 98%;
  height: 5em;
  background: #FFF;
  padding: 2px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.input-select {
  width: 98%;
  background: #FFF;
  padding: 0px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.input-select-half {
  width: 49%;
  background: #FFF;
  padding: 0px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.input-select-quarter {
  width: 23%;
  background: #FFF;
  padding: 0px;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.input-action {
  background: #FFF;
  padding: 2px;
  border: 2px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
}


.input-action-mini {
  background: #FFF;
  border: 1px solid #ccc;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 9px;
}

/* @end */

/* @group Section Headers */

.section-badge {
  float: right;
  background: #ddd;
  padding: 5px;
  display: block;
  margin-left: 5px;
}

.section-section {
  background: #ddd;
  font-size: 20px;
  line-height: 100%;
  margin: 0;
  padding: 3px;
}

.section-title {
  background: #999;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 100%;
  margin: 0;
  padding: 3px;
}

/* @end */

/* @group Text Formatting (QT) */

.i-Title {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}

.i-Subtitle {
  font-weight: bold;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}

.b-Byline {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.b-First {
  text-align: justify;
  margin-bottom: 10px;
}

.b-Plain {
  text-align: justify;
  text-indent: 1.5em;
  margin-bottom: 10px;
}

.b-Subhead {
  font-weight: bold;
  font-size: 120%;
  margin-top: 15px;
  margin-bottom: 10px;
}

.b-Center {
  text-align: center;
  margin-bottom: 10px;
}

.b-Question {
  font-weight: bold;
  margin-bottom: 10px;
}

.b-Answer {
  margin-left: 1.5em;
  margin-bottom: 10px;
}

.l-Headline {
  font-weight: bold;
  color: #000033;
  margin-top: 5px;
  margin-bottom: 5px;
}

.l-Support {
  font-weight: bold;
  color: #000033;
  margin-top: 10px;
  margin-bottom: 10px;
}

.l-Coords {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.w-Artist {
  font-weight: bold;
  color: #000033;
  margin-bottom: 10px;
}

.w-Title {
  font-weight: bold;
  color: #000033;
  margin-bottom: 10px;
}

.w-Label {
  font-weight: bold;
  color: #000033;
  margin-bottom: 10px;
}

.w-First {
  text-align: justify;
  margin-bottom: 10px;
}

.w-Middle {
  text-align: justify;
  text-indent: 3em;
  margin-bottom: 10px;
}

.w-Address {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
}

.w-Byline {
  font-weight: bold;
  margin-bottom: 10px;
}

/* Images */

.i-left {
  float: left;
  margin: 5px 10px 5px 0;
}

.i-right {
  float: right;
  margin: 5px 0 5px 10px;
}

.i-center {
  width: 400px;
  margin: 10px 0 10px 0;
}

.i-image {
  margin: 0;
}

.i-credit {
  font-size: 80%;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: right;
}

.i-caption {
  font-size: 120%;
  font-family: "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* @end */

/* @group Text - Issues_F */

.f-p1 {
  font-size: 150%;
  margin-bottom: 5px;
}

.f-0 {
  margin-bottom: 5px;
}

.f-0r {
  text-align: right;
  margin-bottom: 5px;
}

.f-m1 {
  margin-bottom: 5px;
}

/* @end */

/* @group Blog Text */

#blog h2 {
  margin-top: 30px;
}

#blog h2 a {
  text-decoration: none;
}

#blog p {
  margin-top: 10px;
margin-bottom 10px;
}

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  width: 100%;
  padding: 2px;
}

#commentform #submit {
  margin: 0;
  float: right;
}

#blog .content-footer {
  background-color: #eee;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.blog-nav {
  width: 100%;
  margin: 10px;
}

.blog-nav-item {
  padding: 5px;
  margin: 10px 0 10PX 0;
  background-color: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.flickr-photo {
  border: 1px solid black;
}

/* @end */

/* @group Social */

.social-link {
  display: block;
  width: 100px;
  height: 25px;
  border: 1px solid #999;
  background-color: #FFF;
}

a.social-link {
  text-decoration: none;
}

a.social-link:hover {
  text-decoration: underline;
}

a.social-link .social-label {
  position: relative;
  top: 5px;
}

.social-link img {
  float: left;
  margin: 4px;
}

#social-delicious img {
  background: url(http://graphics.ink19.com/www/social.png) no-repeat 0 0;
}

#social-digg img {
  background: url(http://graphics.ink19.com/www/social.png) no-repeat -17px 0;
}

#social-facebook img {
  background: url(http://graphics.ink19.com/www/social.png) no-repeat -34px 0;
}

#social-myspace img {
  background: url(http://graphics.ink19.com/www/social.png) no-repeat 0 -17px;
}

#social-stumble img {
  background: url(http://graphics.ink19.com/www/social.png) no-repeat -17px -17px;
}

#social-twitter img {
  background: url(http://graphics.ink19.com/www/social.png) no-repeat -34px -17px;
}

/* @end */

/* @group SimpleModal jQuery Dialog */

#modal {
  display: none;
  padding: 8px;
  max-width: 500px;
  max-height: 580px;
  overflow: scroll;
}

#debug-buffer {
  display: none;
}

/*#show-debug {
  font-weight: bold;
  color: #fff;
  text-align: center;
}*/
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */

/* Overlay */

#simplemodal-overlay {
  background-color: #000;
  cursor: wait;
}

/* Container */

#simplemodal-container {
  height: auto;
  width: auto;
  background-color: #fff;
  border: 3px solid #ccc;
}

#simplemodal-container a.modalCloseImg {
  background: url(/~includes/img/x.png) no-repeat;
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  left: -18px;
  cursor: pointer;
}

#simplemodal-container #basicModalContent {
  padding: 8px;
}

/* @end */

ul#status-error,
ul#status-notice,
ul#status-info {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

ul#status-error {
  border: 1px solid #c82626;
}

ul#status-notice {
  border: 1px solid #3e7d00;
}

ul#status-info {
  border: 1px solid #2b7fd3;
}

#status-header {
  padding: 3px;
  font-weight: bold;
  color: #fff;
}

ul#status-error li#status-header {
  background-color: #c82626;
}

ul#status-notice li#status-header {
  background-color: #3e7d00;
}

ul#status-info li#status-header {
  background-color: #2b7fd3;
}

ul#status-error li,
ul#status-notice li,
ul#status-info li {
  padding: 3px 6px;
}

/* @group Comments */

.comment-author {
  border-top: 1px dotted #27343C;
  margin-top: 5px;
  padding-top: 5px;
  font-style: italic;
  font-size: 90%;
}

/* @end */

/* @group Form Grid */
.form-grid {
  width: 764px;
  margin: auto;
}

.form-grid-m1 {
  float: left;
  width: 9px;
  height: 1px;
}

.form-grid-c1 {
  float: left;
  width: 179px;
}

.form-grid-m2 {
  float: left;
  width: 10px;
  height: 1px;
}

.form-grid-c2 {
  float: left;
  width: 179px;
}

.form-grid-m3 {
  float: left;
  width: 10px;
  height: 1px;
}

.form-grid-c3 {
  float: left;
  width: 179px;
}

.form-grid-m4 {
  float: left;
  width: 10px;
  height: 1px;
}

.form-grid-c4 {
  float: left;
  width: 179px;
}



/* @end */

/* @group Media */

.media-row,
.media-row-alt {
  clear: both;
  padding: 5px;
  height: 125px;
}

.media-row-alt {
  background: #c5d5e5;
}

.media-cover {
  float: left;
  width: 125px;
}

.media-slug {
  float: left;
  width: 400px;
  padding-left: 5px;
  padding-right: 5px;
}

.media-notes {
  margin-bottom: 10px;
}

.media-request {
  font-size: 80%;
}

.media-artist {
  font-weight: bold;
  font-size: 150%;
}

.media-title {
  border-top: 1px dotted #27343C;
  margin-top: 5px;
  margin-right: 10px; 
  padding-top: 5px;
  font-style: italic;
  font-size: 120%;
}

.media-label {
  padding-top: 5px;
  font-size: 120%;
}

.media-format {
  padding-top: 5px;
  font-size: 120%;
  font-weight: bold;
}

.media-request-row .media-cover {
  width: 400px;
}

.media-request-row .media-slug {
  width: 350px;
}


/* @end */

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  border: 1px solid #ff3333;
}