/*
 * blueprint overrides
 */
h1,h2,h3,
h4,h5,h6,
body,pre,p
code { font-family: Arial, "Lucida Grande", Verdana, sans-serif; }
table { margin-bottom: 0px; border-top:0px solid #ddd; border-left:0px solid #ddd; }
th,td { height: 13px; padding:2px 4px; border-bottom:0px solid #ddd; border-right:0px solid #ddd; }
hr { background: #ddd; color: #ddd; }
textarea { width: auto; height: auto; margin: 0.1em 0.1em 0.1em 0; }
label { font-weight: normal; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; display: inline; }
a { color: #000; cursor: pointer; }
a:link { color: #000; }
a:visited { color: #777; }

/*
 * our colors for blueprint buttons
 */
a.button, button, a.button-spaced {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: .05em .65em;
  border: 1px solid grey;
  background-color: #edeac7;
  color: #000;
  display: inline;
  float: none;
  text-decoration: none;
  font-weight: bold;
}

a.button-spaced {
  margin: 0px 0px 0px .75em;
}

button:hover, a.button:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #faf8e1;
  border: 1px solid black;
  color: #000;
}

a.button:active {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #ccc9ab;
  border: 1px solid black;
  color: #fff;
}

.darkbutton {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: .05em .65em;
  border: 1px solid grey;
  background-color: #faf8e1;
  color: #000;
  display: inline;
  float: none;
  text-decoration: none;
  font-weight: bold;
}

.darkbutton:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #faf8e1;
  border: 1px solid black;
  color: #000;
}

.darkbutton:active {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #ccc9ab;
  border: 1px solid #ccc9ab;
  color: #fff;
}

a.bigbutton {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: .07em .65em;
  margin-right: 1.5em;
  border: 1px solid grey;
  background-color: #edeac7;
  color: #000;
  font-size: 1.1em;
  text-decoration: none;
}

a.bigbutton:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid black;
  background-color: #faf8e1;
}

a.bigbutton:active {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid black;
  background-color: #ccc9ab;
}

.smallbutton, .smallbutton-spaced {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: .08em .5em;
  background-color: #edeac7;
  border: 1px solid grey;
  color: #000;
  display: inline;
  float: none;
  text-decoration: none;
  font-weight: bold;
  font-size: .9em;
}

.smallbutton.hover, a.smallbutton:hover, .smallbutton-spaced:hover {
  border: 1px solid black;
}

.smallbutton-spaced {
  margin: 0px 0px 0px .75em;
}

/* on to our stuff... */

p {
  font-size: 1.1em;
}

body {
  background: #444;
  margin-top: 0;
  margin-bottom: 1em;
}

div#page-wrapper {
  width: 800px;
  margin: auto;
}

div#page {
  width: 800px;
  float: left;
}

.balloon-top {
  margin-bottom: 4px;
}

div.page-title {
  float: left;
  position: relative;
  left: -40px;
  top: -1.25em;
  margin-bottom: 20px;
  background: #e0debc url(/static/img/page_title_br_b.gif) no-repeat bottom right;
  padding: 3px 60px 3px 40px;
}

div.page-description {
  float: right;
  position: relative;
  top: -.75em;
  margin-right: 40px;
  padding: 4px 16px;
  display: inline; /* fix ie */
  font-style: italic;
  background: #eee;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

div.page-title p {
  margin: 0px;
  font-size: .9em;
  font-style: italic;
}

div.page-description b {
  margin: 0px;
  font-size: 1.4em;
  font-style: italic;
  line-height: 1.2em;
}

div.page-description p {
  margin: 0px;
  font-size: 1em;
  font-style: italic;
}

div.page-content {
  float: left;
  width: 720px;
}

img.plain {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

ul.plain {
  margin-bottom: 0px;
}

.ucw-collapsible {
  float:left;
}

.switch, .collapsible-body {
  float: left;
}

.collapsible-body {
  position: absolute;
  background: white;
  border: 1px solid black;
}

.collapsible-body-titlebar {
  text-align: right; 
}

.collapsible-body-contents {
  padding: .25em 1em 1em 1em;
}

.floater {
  float: left;
}

.left-margin {
  margin-left: 40px;
}

.dim-bg {
  background: #eee;
}

/*
 * header banner area
 */
div#header {
  background: #edeac7;
  float: left;
  width: 800px;
}

h1 {
  display: inline;
  font-size: 1em; 
  line-height: 1; 
  margin-bottom: 0;
}

h1 img {
  border: 0;
  display: inline;
  margin: 0;
  margin-left: -4px;
}

/*
 * login/session info component
 */
div#session-display {
  margin: 8px 40px 8px 0px;
  float: right;
  padding: 7px 8px 7px 12px;
  background: #e0debc;/* #ccc9ab; */
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: inline; /* fix ie */
}

.session-icon {
  float: left;
  padding-right: 8px;
  margin: 0px;
}

/*
 * main site navigation bar
 */
div#nav {
  background: #ccc9ab;
  width: 800px;
  float: left;
}

ul#navlist {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 40px;
}

ul#navlist li {
  display: inline;
  margin: 0;
  padding-right: 1.25em;
  font-size: 1.25em;
  font-weight: bold;
  cursor: pointer;
}

a.navbutton:visited,a.navbutton:link,a.navbutton:hover {
  font-weight: bold;
  color: #565656;
  text-decoration: none;
}

a.navbutton:hover {
  color: #fff;
}

/*
 * default content pane
 */
div#content {
  background: #fcfcfc;
  float: left;
}

.content-inset {
  padding: 1.25em 0 16px 40px;
  width: 760px;
}

.content-padded {
  padding: 1.25em 0 0 0px;
  width: 720px;
}

.content-noinset {
  padding: 1.25em 0 0 0px;
  width: 800px;
}

.content-text {
  width: 400px;
}

.content-bottom-padded {
  padding-bottom: 40px;
}

/* for the error pages. */
#content-standalone {
  background: #fcfcfc;
  padding: 2em;
  margin: 80px;
  float: left;
}

#error-image {
  float: left;
  width: 240px;
  margin-right: 2em;
}

#error-text {
  float: left;
  width: 500px;
}

ul.error-links {
  padding: 0;
  margin: 0;
  margin-left: 1.5em;
}

ul.error-links li {
  margin: 0;
  padding: 0;
  padding-right: 2em;
}

/*
 * page footer
 */
div#footer {
  float: left;
  width: 720px;
  margin: 0;
  padding: .25em 40px;
  font-size: 9pt;
  font-weight: bold;
  background: #edeac7;
  border-top: 1px solid #ccc9ab;
}

.footer-links {
  float: right;
  color: #aaa;
}

.footer-links a {
  text-decoration: none;
  color: #565656;
  border-bottom: 1px dotted #565656;
  margin-left: 1em;
}

.footer-links a:hover {
  border-bottom: 1px solid #565656;
}

/*
 * generic pages 
 */
p.intro-text {
  width: 500px;
  margin-left: 0px;
}

.plain-white {
  background: white;
  border: 0;
}

.secondary-area {
  background: #eee;
  width: 800px;
  float: left;
  margin-top: 2em;
  padding-bottom: 1em;
}

/*
 * front door
 */
.teaser {
  display: inline;
  position: absolute;
  left: 580px;
}

/*
 * search
 */
#search-box {
  float:right; 
  margin-right: 38px; 
  padding: 2px;
  display: inline;
}

/*
 * context navbar/menu
 */
div#context-menu {
  color: #777;
  float: right;
  margin: 0px 40px 40px 0px;
  display: inline; /* fix ie */
}

span.context-menu-text {
  float: left;
  text-align: right; 
  margin: 0 .5em;
}

ul.context-menu {
  list-style-type: none;
  margin: 0 0 0 .75em;
  display: inline;
}

ul.context-menu li {
  display: inline;
  text-align: center; 
  margin: 0px 0px .25em 0px;
  float: left;
}

.selected a:link, .selected a:visited, .selected a:hover {
  color: #000;
  text-decoration: none;
  background-color: #ccc9ab;
  float: left;
  padding: 0px .5em;
  border: 1px solid #ccc9ab;
}

.unselected a:link, .unselected a:visited, .unselected a:hover {
  color: #000;
  text-decoration: none;
  float: left;
  padding: 0px .5em;
  border: 1px solid #ccc9ab;
}

.unselected a:hover {
  background-color: #faf8e1;
}

/*
 * character tool
 */
div#flashcontent {
  float: left;
  border: 1px solid black;
  margin-right: 20px;
}

h2 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  font-size: 24px; 
  line-height: 36px;
}

div.shortcuts {
  background: #fff;
  border: 1px solid #ddd;
  margin-right: 20px;
  float: left;
  width: 200px;
}

div.shortcuts-wide {
  background: #fff;
  border: 1px solid #ddd;
  margin-right: 20px;
  float: left;
  width: 250px;
  display: inline;
}

table.shortcuts {
  width: 100%;
}

.shortcuts thead {
  font-weight: bold;
}

.shortcuts th {
  background: #ddd;
}

.shortcut-key {
  font-weight: bold;
  text-align: right;
}

body.white {
  background: #fff;
}

/*
 * archive
 */
div.archive-display {
  float: left;
}

div.callout {
  margin: 0px 10px 10px 40px;
  padding: 0px;
}

div.archive-display-footer {
  float: left;
  padding: .5em 0 0 40px;
  width: 100%;
}

/*
 * archive display component
 */
.title {
  font-size: 1.5em; 
  line-height: 1.25;
}

.title-small {
  font-weight: bold;
}

.byline {
  color: #333;
  font-style: italic;
}

.spaced {
  margin-left: .75em;
  display: inline; /* fix ie */
}

.archive-link {
  padding-right: 13px;
  background: transparent url(/static/img/extlink.gif) no-repeat scroll right center
}

img.featurestrip {
  margin: 0;
}

.strip-column {
  width: 720px;
  float: left;
  margin-right: 10px;
}

.feed-icon {
  float: left;
  padding-right: 0.5em;
}

/*
 * image carousel
 */
div.carousel {
  margin: 0;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 550px;
  float: left;
}

img.carousel {
  margin: 0;
  padding: 0;
}

.carousel-image, .carousel-image-current {
  float: left;
  padding: 2px 2px 2px 2px;
}

.carousel-image-current {
  background-color: #5c5935;
}

.carousel-button {
  float: left;
  border: 0;
}

.carousel-button-image {
  float: left;
  border: 0;
}

/*
 * reply
 */
.replies-display {
  width: 720px;
  margin: 2em 0 0 28px;
  padding: 12px;
  float: left;
  background: #f0f1f3; /* #f5f5f5;*/
  display: inline; /* fix ie bug */
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.replies-buttons {
  float: left;
  width: 700px;
}

.xreply-switch {
  width: 760px;
  margin-top: 2em;
}

.reply-switch h3 {
  padding-bottom: .5em;
  margin-bottom: .5em;
}

.reply-login-note {
  width: 6em;
  padding: 0 .5em .5em .5em;
}

.reply-body {
  position: absolute;
  background: white;
  padding: 10px 10px 0px 10px;
  z-index: 1010;
}

.small-reply-box {
  margin: .5em 0;
  float: left;
}

.small-reply-img {
  float: left;
  margin-right: .5em;
}

.small-reply-text {
  float: left;
}

.small-reply-text b,.small-reply-text i {
  display: block;
}

.small-reply-text p {
  font-size: 1em;
  margin: 0;
}

div#reply-range { 
  padding: 0;
  float: left;
}

table.range {
  width: 730px;
  padding: 0;
  margin: 0px 0px 2em 0px;
}

table.range td {
  padding: 12px 0 0 0;
  margin: 0;
}

.range-nav {
  text-align: center;
  background: #efefef;
  display: inline;
  margin: 2em 0px 0px 360px;
  padding: 4px 8px;
}

/*
 * forms
 */
input,select,textarea {
  border: 1px solid black;
  background: #edeac7;
}

input.nostyle {
  border: 0;
  background: #fcfcfc;
}

.monospace {
  font-family: courier,monospace;
  font-size: 1.1em;
}

.submit-default {
  border: 2px solid black;
}

.form-label {
  text-align: right;
  font-weight: bold;
}

.form-label-big {
  text-align: right;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: .1em;
}

.form-label-really-big {
  text-align: right;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: .25em;
}

.form-value {
  text-align: left;
}

.form-expl {
  text-align: left;
  font-size: .9em;
  color: #090;
}

.form-hint {
  font-size: .8em;
  color: #777;
  margin: 0;
}

/*
 * "follow" feature
 */
.follow-stats {
  margin-bottom: 10px;
  padding: 6px 6px 6px 10px;
  width: 132px;
  background: #edeac7;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.follow-head {
  padding: 4px;
  font-size: 1.2em;
}

.follow-list {
  float: left;
  width: 330px;
  margin-right: 4em;
  display: inline;
}

.follow-item {
  float: left;
  padding: 1px 4px;
  width: 330px;
  background: #efefef;
}

.follow-item:hover {
  background: #c0dbf9;
}

.follow-item-hi {
  background: #c0f9c5;
}

.follow-name {
  float: left;
}

.follow-buttons {
  text-align: right;
  float: right;
  font-size: .9em;
}

/*
 * user settings
 */
table.settings {
}

table.settings td {
  padding: 12px 4px 4px 4px;
  vertical-align: top;
}

td.settings-name {
  text-align: right;
  width: 10em;
  font-weight: bold;
}

td.settings-value {
}

td.settings-expl {
  width: 25em;
  font-size: .9em;
  color: #090;
}

/*
 * status bar flavors
 */
div#status-bar {
  padding: 1em 0 1em 0;
}

.ucw-status-bar-info, .ucw-status-bar-warn, .ucw-status-bar-error {
  margin: 0px;
  font-weight: bold;
}

.ucw-status-bar-info {
  color: #002e66;
}

.ucw-status-bar-warn {
  color: #ff7800;
}

.ucw-status-bar-error {
  color: #ff0000;
}

/*
 * validation
 */
.ucw-form-field-invalid {
  border: 1px solid #f00;
}

.ucw-form-field-valid {
  border: 1px solid #000;
}

/*
 * ajax status messages
 */
#ucw-progress-container {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.ucw-progress-indicator {
  background-color: #92d98c;
  color: #fff;
  padding: 2px 4px;
}

/*
 * ads
 */
#ad-top {
  width: 800px;
  margin: 4px;
  text-align: center;
}

#ad-side {
  float: right;
}

#ad-side-link {
  float: right;
}

/*
 * option dialog
 */
ul.invisible-list {
  list-style-type: none;
  margin: 0 0 0 .75em;
  display: inline;
}

ul.invisible-list li {
  display: inline;
  text-align: center; 
  float: left;
}

/*
 * for iframes
 */
.include-big {
  border: 1px solid black;
  margin: 4px;
  width: 720px;
  height: 400px;
  text-align: center;
}

/*
 * makes things noticable
 */
.big-warning {
  background: red; 
  border: 3px solid red;
}

.button-margin {
  margin-right: 15px;
}

.button-left-margin {
  margin-left: 15px;
}

.button-small-left-margin {
  margin-left: 5px;
}

/*
 * zazzle
 */
div.zazzle-product-icon {
  float: left;
  border: 1px dashed #ccc;
  background-color: white;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 1.5em;
  padding-bottom: .5em;
  text-align: center;
}

/* dumping ground.  get rid of needing this stuff. */

hr.invis {
  background: #fff;
  color: #fff;
}

hr.dark { 
  background: #000;
  color: #000;
}

table#recent {
  width: 100%;
}

/* old strips and characters pages. */
div#striprange { 
  padding: 1em 0;
}

div#charrange { 
  padding: 1em 0;
}

.social-button {
  margin-right: 8px;
  float: left;
}