iframe.lj_embedcontent {
    border: 0;
}

form {
    margin: 0px;
    padding: 0px;
}

.ljclear {
    clear: both;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

.nowrap {
    white-space: nowrap;
}

.lj_progresscontainer {
    height: 25px;
    width: 400px;
    margin: 1em;
    background: url(../img/progress/inactive.gif) repeat;
}

.lj_progressoverlay {
    background: url(../img/progress/active.gif) repeat;
}

.lj_progressindefinite {
    background-image: url(../img/progress/barber.gif);
}

.lj_hourglass {
        z-index: 20000;
}

.ErrorNote .Inner {
    background-color: #FFEEEE;
    background-repeat: repeat-x;
    border: 1px solid #FF9999;
    padding: 8px;
    color: #000000;
}

.Note .Inner {
    background: #eee;
    border: 1px solid #ccc;
    padding: 8px;
    color: #000000;
}

div.lj_ippu {
    background-color: #fff;
    border: 2px solid #444;
    padding: 2px;
}

div.lj_ippu_titlebar {
    background-color: #444;
    height: 20px;
    font-weight: bold;
    color: #fff;
    width: auto !important;
    padding: 5px 0 0 5px;
}

	div.lj_ippu_titlebar div {
		
	}

	.lj_ippu_titlebar img {
		opacity: .25;
	}
	
		.lj_ippu_titlebar img:hover {
			opacity: 1;
		}

.LJ_Placeholder_Container { /* see also lj_base-ie.css */
        display: table-cell;
        vertical-align: middle;
        border: 1px dashed #ccc;
        _position: relative;
        overflow: hidden;
}

.LJ_Placeholder_Container img { /* see also lj_base-ie.css */
        cursor: pointer;
        display: block;
        margin: 0 auto;
        _position: absolute;
        _top: 45%;
        _left: 45%;
}

.ljhidden {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        margin: 0;
        border: 0;
        padding: 0;
        font-size: 0.1px;
        line-height: 0;
        opacity: 0;
        filter: alpha(opacity=0);
}

.lj_pollanswer {
}

.lj_pollanswer_loading {
        color: #CCC;
        border: 1px solid #EEE;
}

.super {
    vertical-align: super;
    font-size: .7em;
}

.notice {
    color: #f00;
}

.edittime {
    font-size: smaller;
}

.warning-background {
    background-image: url('../img/message-warning.gif');
}

.user-search-display {
    width: 300px;
    height: 105px;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    vertical-align: top;
}

.user-search-display table td {
    vertical-align: middle;
}

.example {
    vertical-align: top;
}
/*---------- Manage Settings ----------*/
/*-------------------------------------*/

#manageSettings {
    }

.Subscribe {
    width: 100%;
    padding: 0;
    margin: .5em 0 0 0;
    clear: both;
    }

.Subscribe td {
    padding: .3em;
}

.Subscribe td img {
    border: 0;
}

.Subscribe td label {
    cursor: pointer !important;
}

.Subscribe td p {
    cursor: default !important;
}

.Subscribe tr.altrow {
    background-color: #f1f1f1;
}

.CategoryRow .Caption {
    text-align: right;
    vertical-align: bottom;
}

.CategoryRow {
    width: 100%;
}

.CategoryRow td {
    vertical-align: middle;
    padding: 2em .4em .2em .4em;
}

.CategoryRowFirst td {
    padding-top: .2em;
}

.CategoryRow .caption {
    text-align: right;
}

.CategoryRow label {
}

.CategoryHeading {
    font-weight: bold;
}

.CategoryHeadingNote {
}

#Subscriptions {
    width: 100%;
}
#Subscriptions th {
    text-align: left;
}
#Subscriptions td, #Subscriptions th {
    padding-left: .5em;
    padding-right: .5em;
}

div.argOptsContainer {
    display: none;
}

#SubscribeSaveButtons {
    text-align: center;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    }

#SubscribeSaveButtons input {
    margin: 5px;
}

#SubscriptionInfo {
    width: 95%;
    text-align: center;
    margin: 1em auto;
}

#SubscriptionInfo p, #SubscriptionInfo div {
    font-size: 1em;
    margin: 0;
    padding: .2em;
}

/*----------- Message Center ----------*/
/*-------------------------------------*/


.NotificationTable {
    width: 100%;
}

#NotificationSidebar {

}

#NotificationSidebar p {
    margin: 0;
    padding: 0;
}

#NotificationSidebar .Blurb {
    margin: 0 0 1em 0;
    padding: 0;
}

#NotificationSidebar .BlurbTitle {
    font-weight: bold;
    margin: 0 0 .4em 0;
}

#NotificationSidebar .ljad {
    float: left;
    margin-right: 1em;
}

.esnlinks {
    float: right;
    display: block;
    margin: 0 0 0 0;
    font-weight: normal;
    }

.NotificationTable .inbox {
    padding: 0;
    margin: 0em 0 0em 0;
}

.inbox .header {
    width: 100%;
    margin: 0;
    vertical-align: middle;
    border: 0;
    padding: 3px;
	background: #eee;
}

.actions {
    font-size: 0.9em;
}

span.Pages {
    float: right;
}

span.Pages input {
}

.inbox tr {
    cursor: pointer;
}

.inbox_newitems {
    font-weight: bold;
    overflow: hidden;
}

.InboxItem_Controls {
    float: left;
    width: 40px;
}

.InboxItem_Unread {
    font-weight: bold;
    }

.InboxItem_Meta {

}

.InboxItem_Meta td {
    padding: 0 0 0 0;
}

.inbox .alt td {
}

.inbox .checkbox {
    width: 1%;
    padding: .1em;
    vertical-align: top;
}

.inbox td.NoItems {
    font-size: 3em;
    text-align: center;
    padding: 1em;
    cursor: default !important;
}

.inbox td.item {
    padding: .3em 0 .2em .4em !important;
    vertical-align: middle;
}

.InboxItem_Content {
    padding: .5em 0 .2em 0;
    width: 95%;
}

.inbox td.time {
    width: 8.5em;
    font-size: .8em;
    vertical-align: top;
    padding-top: .4em;
}

.inbox .JournalNewComment {
}

.inbox .Subject {
    font-weight: bold;
}

.inbox .ManageButtons {
    float: right;
    width: 104px;
    position: relative;
    top: 4px;
    margin: 0 0 .5em 0;
}

.inbox .Body {
}

.NotificationTable tr.Selected .Body {
}

/* folder links */
.folders a {
    white-space: nowrap;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px 3px 1px 2px; 
}
.folders a:hover {
    background-color: #eee;
}
.folders a.active {
    background-color: #eee;
}
.folders a.subs {
    padding-left: 1em;
}
.folders .subs {
    padding-left: 1em;
}
.folders a.subsubs {
    padding-left: 2em;
}


/**** ESN AJAX ****/
.ippu .track_title {
    font-weight: bold;
    margin: 4px;
}

.ippu .track_btncontainer {
    margin-top: 5px;
    padding: 1px;
    width: 250px;
}

.ippu .track_moreopts {
    margin: auto auto auto 1em;
    width: 49%;
}

.ippu .track_savechanges {
    margin: auto auto auto auto;
    width: 49%;
}

#compose label {
    font-weight: bold;
}

td#table_inbox_folders { vertical-align: top; }

.folders { margin-top: 1em; }
div.ContextualPopup {
    position: relative;
    margin: 5px 0 0 20px;
    font: normal 11px "Arial", "Verdana", sans-serif !important;
    text-align: left;
    }

* html div.ContextualPopup {
    background: none !important;
    }

div.ContextualPopup img {
    border: 0;
    }

div.ContextualPopup div.Inner {
    position: relative;
    top: -2px;
    left: -2px;
    padding: 0px;
    width: 20em;
	background-color: #fff;
    color: #000;
    border: 1px solid #000; 
    }

* html div.ContextualPopup div.Inner {
    top: 0px;
    left: 0px;
    }

div.ContextualPopup .Content {
    padding: 2px 4px 6px 4px;
    margin-right: 50px;
    line-height: 1.4;
    }

   div.ContextualPopup .Relation {
       font-weight: bold !important;
       }

   div.ContextualPopup .Content .OnlineStatus {
       font-weight: bold;
       }

   div.ContextualPopup .Content .GizmoBlurb {
       font-size: smaller;
       }

div.ContextualPopup .Userpic {
    float: right;
    top: 0;
    right: 0px;
    padding: 4px 4px 0 0;
    }

* html div.ContextualPopup .Userpic {
    top: 2px;
    }

   div.ContextualPopup .Userpic img {
        margin: 0 auto;
        max-width: 50px;
        width:expression(this.width > 50 ? "50px" : this.width); /*IE Max-width */
        height: auto;
        vertical-align: middle;
        }

   div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
        text-decoration: underline !important;
        font-weight: bold;
        color: #000;
        }
/*
    This is utility css that can be used anywhere in the app
    It should be included on all app pages in all schemes
*/

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg[class] { height: auto; }
.pkg { display: block; }
/* */

/* form styles */
label.left {
    display: block;
    float: left;
}
input.text,
textarea.text,
select.select {
    margin: 0px 3px 0px 0px;
    padding: 2px 2px;
}
select.select {
    padding: 1px;
}
fieldset.nostyle {
    border: none;
    margin: 0;
    padding: 0;
}
input.create-account {
    font-size: 110%;
    margin: 0;
}

.detail {
    font-size: 90%;
}
p.detail {
    margin: 0 0 10px 0;
    padding: 0;
}
h2.widget-header {
    margin: 0 0 6px 0;
    padding: 0 0 6px 0;
}
ul.detail li {
    font-size: 90%;
}
hr.hr {
    border: 0;
    width: 100%;
    height: 1px;
}
/* generic class for removing styling from ul */
ul.nostyle {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* tables where rows alternate colors */
table.alternating-rows th {
    text-align: left;
    padding: 6px 4px;
}
table.alternating-rows td {
    padding: 6px 4px;
    text-align: left;
}
table.alternating-rows tr.altrow1 {
    background-color: #fff;
}
table.alternating-rows tr.altrow2 {
    background-color: #eee;
}

/* columns for content layouts */

div.columns-2 .columns-2-left {
    float: left;
    width: 49%;
}
div.columns-2 .columns-2-right {
    float: right;
    width: 49%;
}
div.columns-2-r300 {
    width: 720px;
}
div.columns-2-r300 .columns-2-left {
    float: left;
    width: 405px;
    margin-right: 15px;
}
div.columns-2-r300 .columns-2-right {
    float: left;
    width: 300px;
}

/* default margin for widgets */

.appwidget {
    margin-bottom: 15px;
    position: relative;
}
.appwidget .more-link {
    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 11px;
    text-decoration: none;
    padding-left: 10px;
    text-transform: lowercase;
}
.appwidget .more-link:hover {
    text-decoration: underline;
}
/* add this class to anything to make upgrade icon appear next to it */

.upgrade-account {
    padding-right: 18px;
    background: url('../horizon/upgrade-paid-icon.html') no-repeat right 50%;
}

.arrow-link,
.more-link {
    padding-left: 12px;
}

/* Used to encapsualte message forms like Invite and Tell a Friend */
.message {
    margin-bottom: 15px;
}

.message blockquote {
    margin: 0;
    padding: 15px;
}

.standout-border {
    padding: 6px;
}


/* Sidebars floated to the right */
div.right-sidebar {
    float: right;
    width: 300px;
    margin: 10px;
    padding: 10px;
}
div.ad-sidebar {
    width: 300px;
    float: right;
}

.textbutton { 
    cursor: pointer;
}

/* Solid background headings */
h2.solid-neutral {
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding: 5px 8px;
}
h2.solid-blue {
    position: relative;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding: 5px 8px;
}

input.bright {
    font-weight: bold;
}

.helper {
    font-size: 0.8em;
}

.formitemName {
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 10px;
}

/**
  * Apply a baseline display to all user-generated content
  */
.usercontent h1,
.usercontent h2,
.usercontent h3,
.usercontent h4,
.usercontent h5,
.usercontent h6,
.usercontent strong,
.usercontent dt {
    font-weight: bold;
}
.usercontent ul,
.usercontent ol,
.usercontent dl,
.usercontent menu,
.usercontent blockquote {
    margin: 1em;
}
.usercontent ul,
.usercontent ol,
.usercontent dl,
.usercontent menu,
.usercontent dl dd {
    margin-left: 2em;
}
.usercontent ol > li {
    list-style: decimal outside;
}
.usercontent ul > li { 
    list-style: disc outside;
}
.usercontent sup {
    vertical-align: super;
    font-size: smaller;
}
.usercontent sub { 
    vertical-align: sub;
    font-size: smaller;
}
.usercontent p,
.usercontent fieldset,
.usercontent table,
.usercontent pre { 
    margin-bottom: 1em;
}

/* clearing element at the foot of Support index */
.clear-floats { clear: both; }
/**
 * Erik Meyer's CSS Reset Reloaded
 *
 * @link            http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * @version            1.0
 * @revision        $Revision$
 * @lastmodified    $Date$
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:          0;
    padding:         0;
    border:          0;
    outline:         0;
    font-size:       100%;
    vertical-align:  baseline;
    background:      transparent;
}
body {
    line-height:     1;
}
ol, ul {
    list-style:      none;
}
blockquote, q {
    quotes:          none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:         '';
    content:         none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* @note    tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing:  0;
}
/* @note    remove default border of linked images */
a img, :link img, :visited img {
    border: none;
}
/* @note    turn on bicubic sampling for image resizing in IE */
img {
    -ms-interpolation-mode: bicubic;
}
/** Tropospherical CSS
 *
 * Authors:
 *     Janine Smith <janine@netrophic.com>
 *     Jesse Proulx <jproulx@jproulx.net>
 *     Elizabeth Lubowitz <grrliz@gmail.com>
 *     Denise Paolucci <denise@dreamwidth.org>
 *
 * Copyright (c) 2009 by Dreamwidth Studios, LLC.
 *
 * This program is NOT free software or open-source; you can use it as an
 * example of how to implement your own site-specific extensions to the
 * Dreamwidth Studios open-source code, but you cannot use it on your site
 * or redistribute it, with or without modifications.
 *
 */

/**
 * Dreamwidth Site Scheme
 *
 * Standard layout for Dreamwidth
 *
 * Mockups designed by grrliz, hence grrliz.css
 *
 * @project         Dreamwidth Site Design
 * @author          Jesse Proulx
 * @date            2009-01-07
 * @version         Alpha
 * @revision        $Revision$
 * @copyright       Copyright (c) 2009 by Dreamwidth Studios, LLC
 */

body {
    font: 100%/1 Verdana, Helvetica, Arial, sans-serif;
}

/**
 * Default browser font size is 16px, we want 12px. All width/height measurements
 * are now calculated using the element's font-size in pixels.
 *
 * For example, a 30px wide box with a font-size of 12px = 30/12 = 2.5em
 */

#canvas {
    font-size: .75em;
    line-height: 1.5;
    margin: 2em 0 2em 0;
    width: 92%;
    padding: 0 4%;
}
#page {
    max-width: 80em;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/**
 * Masthead is the space for our logo and account links
 */

#masthead {
    height: 8.833333em;
    width: 100%;
    position: relative;
}
#masthead #logo {
    display: block;
    position: absolute;
    top: 2.25em;
    left: 0;
}

#account-links {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 1em;
    text-align: right;
}
#account-links ul li {
    float: left;
    margin: 0 .5em;
}
#account-links #login-table {
    margin-top: 1em;
}
#account-links #login-table td {
    padding: 3px;
    text-align: right;
}
#account-links #login-table td.input-cell,
#account-links #login-table td.remember-me-cell {
    text-align: left;
}
#account-links #login-table td.input-cell a {
    font-size: .8em;
}
#account-links-text {
    float: right;
    padding-right: 1em;
    padding-top: 2em;
}
#account-links-text .ljuser {
    font-size: 1.5em;
}
#account-links-text .ljuser img {
    vertical-align: middle !important;
}
#account-links-userpic {
    float: right;
}
#account-links-userpic img {
    margin-top: 10px;
}

/**
 * Menu navigation
 *
 * The menu follows the content in the markup source, so we absolutely position it underneath the masthead
 */

#menu {
    position: absolute;
    top: 8.833333em;
    left: 0;
    height: 2.5em;
    width: 100%;
    line-height: 2.5em;
    clear: both;
}
#menu ul li {
    float: left;
    position: relative;
    display: block;
    height: 100%;
    width: 0;
}
#menu ul > li {
    width: auto;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    text-indent: 2em;
    padding-right: .75em;
}

/* .hover is a class added by js for the currently hovered/focused menu */
#menu ul li.hover a {
    height: 100%;
    width: auto;
}
#menu ul li.hover a:hover {
    cursor: pointer;
}
#menu ul li ul {
    display: none;
}
#menu ul li.hover ul {
    display: block;
    position: absolute;
    top: 2.5em;
    left: 0;
    width: 18em;
}
#menu ul li ul li {
    float: none;
    width: 100%;
}
#menu ul li ul li a {
    text-align: left;
    display: block;
    width: 100%;
}
#menu .appwidget-search {
    text-align: right;
    line-height: 2.1em;
    padding-right: .833333em;
    position: static;
}
#menu .appwidget-search input#search {
    width: 15.5em;
}

/**
 * Footer
 */

#footer {
    width: 100%;
    height: 4.166667em;
    clear: both;
    padding: .45em 0 0 .63em;
}
#footer ul {
    overflow: hidden;
}
#footer ul li {
    float: left;
    margin-right: .8em;
}

/**
 * #content houses the page-specific innards, and creates margins for the absolutely
 * positioned masthead and footer
 */

#content {
    margin-top: 4.6em;
    margin-bottom: 2.75em;
    overflow: hidden;
}
#content h1 {
    font: bold 2em/1.5 Arial, sans-serif;
    margin: 0;
    padding: 0;
}
#content h2 {
    font: 1.5em/1.5 Arial, sans-serif;
    margin: 0;
    padding: 0;
}
#content p {
    margin-bottom: 1em;
}
#content p.note {
    font-style: italic;
    font-size: .8em;
}
#content ul.bullet-list {
    list-style: disc outside;
    margin-left: 2em;
    margin-bottom: 1em;
}

/**
 * Content Layouts
 *
 * Content layouts are determined based on the class assigned to #content. Potential layouts include:
 * -- wide sidebars
 * -- thin sidebars
 * -- equal width/height columns
 * -- full page (default)
 *
 * Columns/rows inside of #content are named primary, secondary, tertiary, etc and
 * content is placed inside based on order of importance.
 */

/* full page (default) */
#primary,
#secondary {
    width: 100%;
    margin-bottom: 2em;
}

/* 2 column wide right sidebar */
.layout-wide-right-sidebar #primary {
    width: 65%;
    margin-right: 1.25em;
    float: left;
    padding: 0;
}
.layout-wide-right-sidebar #secondary {
    float: right;
    width: 30%;
    margin: 0;
    padding: 0;
    padding-top: .5em;
}

/**
 * Panels are generic boxes for divs inside of #content
 */

#content #primary .panel,
#content #secondary .panel {
    width: 100%;
    border-width: 1px 0 1px 0;
    border-style: solid;
    margin: 0 0 .166667em 0;
    overflow: hidden;
}
#content #primary .panel h2 {
    line-height: 2em;
    border-style: none;
    font: bold 1.5em/2 Arial, sans-serif;
}
#content #primary .panel p {
    clear: both;
}
#content #secondary .panel h2 {
    line-height: 30px;
    border-style: none;
    font: bold 1.166667em/2.142857 Arial, sans-serif;
}
#content .panel .sidebar ul {
     list-style: none;
     margin-left: 0;
}
#content .panel ul {
    list-style: circle;
    margin-left: 2em;
}

/**
 * Panels have different styles for different content layouts
 */

.layout-wide-right-sidebar #primary .panel .sidebar {
    float: left;
    width: 22%;
}
.layout-wide-right-sidebar #primary .panel .contents {
    float: left;
    padding-top: 6px;
    padding-left: 14px;
    width: 75%;
    line-height: 1.8;
}
.layout-wide-right-sidebar #secondary .panel .contents {
    margin: 0.5em 0;
    line-height: 1.8;
}

/* panel-first class is added through js */
#content .panel-first {
    border-top: 0 !important;
}

/**
 * Scheme-specific blocks
 */

#shim-alpha {
    font-size: .75em;
    position: absolute;
    top: 2em;
    left: 0;
    height: 7.833333em;
    width: 100%;
}
#updateinsobject {
    z-index: 5;
}

/**
 * Form field styles
 */

.dw-field-default {
    font-style: italic;
}
.standout {
    text-align: center;
}
.standout .standout-inner {
    margin-top: .5em;
    margin-left: auto;
    margin-right: auto;
}
.standout .standout-inner td {
    padding: 0.5em;
}

/* update.bml */
#draft {
    font-size: medium;
}

/**
 * Start overriding some classes set in dw-free/htdocs/stc/
 * Other site scheme designers: use your own colors here
 * /

/* editicons.css */
#uploadBox {
    margin: 0 20px 0 0;
}

/* profile.css */
.section img, .username img {
    padding-left: 3px;
}

/* widgets/customizetheme.css, themechooser.css, themenav.css,
currenttheme.css */
.theme-item {
    overflow-x: visible;
    overflow-y: visible;
}
.theme-nav li a:visited, .customize-nav li a:visited {
    font-weight: bold;
}

/* more, detailed by page*/
/*customizetheme.css*/
.customize-content .subheader {
    background-position: left center;
    background-repeat: no-repeat;
}
.customize-content .subheader.on {
    background-position: left center;
    background-repeat: no-repeat;
}

/*currentheme.css*/
.theme-current h2.widget-header {
    background-image: none;
}
.theme-current-links {
    padding: 3px 5px;
}

/* inbox */
.folders a.active {
    font-weight: bold;
}

/* lj_settings.css */
.section_head, table.alternating-rows th, div.username {
    border: none;
}

/* allpics styling */
table.allpics {
    margin-left: 50px;
}
.allpics td {
    vertical-align: bottom;
}
.allpics .pic img {
    margin-right: 1em;
    margin-top: 15px;
}
.allpics blank {
    width: 50px;
}
.allpics td.desc {
padding-right: 10px;
}

/* editfilters styling */
table.editfilters td {
    padding: 5px;
}


/* FAQ */
.faqlist {
    list-style: disc outside;
    margin-bottom: 2em;
}

/* Inbox - Compose */
.inbox-compose {
    width: 100%;
}
.inbox-compose td {
    vertical-align: top;
}

/* Support Highscores */
table#support-highscores {
    line-height: 2.2;
}

/* manage/invitecodes.bml */
.invitecodes td {
    padding: 5px;
}

/* create flow */
.create-form td {
    padding: 5px;
}

/* Comments */
.cmtbar-odd {
    min-width: 50em;
}
.cmtbar-even {
    min-width: 50em;
}

#Comments {
    overflow: auto;
    max-width: 80em;
}

/* lj_base-app.css */
.rounded-box {
    background: no-repeat;
    zoom: 1;
}
.rounded-box .rounded-box-tr {
    background: 100% 0 no-repeat;
}
.rounded-box .rounded-box-bl {
    background: 0 100% no-repeat;
}
.rounded-box .rounded-box-br {
    background: 100% 100% no-repeat;
    padding: 2px; /* border width */
}

/* Adult warning interstitals */
div.adult_warning {
    padding: 0 10px;
}
/* CSS-style some things that users like to use */
q {
    margin-left: 1em;
    font-style: italic;
}
small {
    font-size: smaller;
}
big {
    font-size: larger;
}
/** Tropospherical Red CSS
 *
 * Authors:
 *     Janine Smith <janine@netrophic.com>
 *     Jesse Proulx <jproulx@jproulx.net>
 *     Elizabeth Lubowitz <grrliz@gmail.com>
 *     Denise Paolucci <denise@dreamwidth.org>
 *
 * Copyright (c) 2009 by Dreamwidth Studios, LLC.
 *
 * This program is NOT free software or open-source; you can use it as an
 * example of how to implement your own site-specific extensions to the
 * Dreamwidth Studios open-source code, but you cannot use it on your site
 * or redistribute it, with or without modifications.
 *
 */

/**
 * Dreamwidth Site Scheme
 *
 * Standard layout for Dreamwidth
 *
 * Mockups designed by grrliz, hence grrliz.css
 *
 * @project         Dreamwidth Site Design
 * @author          Jesse Proulx
 * @date            2009-01-07
 * @version         Alpha
 * @revision        $Revision$
 * @copyright       Copyright (c) 2009 by Dreamwidth Studios, LLC
 *
 * @colordef        #f7f7f7 Almost White (body background)
 * @colordef        #111111 Almost Black (copy)
 */

body {
    background-color: #c1272d;
    color: #111;
}

/**
 * Links and a pseudo link class
 */

a:link,
a:visited,
.link {
    color: #c1272d;
}
a:hover,
a:active,
.link:hover {
    color: #f4717a;
}
#canvas {
    background-color: #f7f7f7;
}

/**
 * Menu navigation
 */

#menu {
    background: #ddd url(../img/tropo-red/bg_menu_gradient.png) repeat-x;
}
#menu ul li a {
    background: transparent url(../img/tropo-red/icon_menu_swirl.png) 0.833333em 0.916667em no-repeat;
    color: #111;
}
/* .hover is a class added by js for the currently hovered/focused menu */
#menu ul li.hover a {
    background: #f4717a url(../img/tropo-red/icon_menu_swirl_dropdown.png) 0.833333em 0.916667em no-repeat;
    color: #fff;
}
#menu ul li.hover a:hover {
    background-color: #c1272d;
}
#menu ul li.hover ul {
    background-color: #f4717a;
}

/**
 * Footer
 */

#footer {
    background: #ddd url(../img/tropo-red/bg_footer_gradient.png) repeat-x;
}

/**
 * #content houses the page-specific innards, and creates margins for the absolutely
 * positioned masthead and footer
 */

#content h1 {
    color: #c1272d;
}
#content h2 {
    color: #c1272d;
}

/**
 * Content Layouts
 *
 * Content layouts are determined based on the class assigned to #content. Potential layouts include:
 * -- wide sidebars
 * -- thin sidebars
 * -- equal width/height columns
 * -- full page (default)
 *
 * Columns/rows inside of #content are named primary, secondary, tertiary, etc and
 * content is placed inside based on order of importance.
 */

/**
 * Panels are generic boxes for divs inside of #content
 */

#content #primary .panel,
#content #secondary .panel {
    border-color: #ccc;
}
#content .panel .sidebar,
#content .panel .contents,
#content .panel .item,
#content .panel .actions {
    border-color: #ccc;
}
#content #primary .panel h2 {
    color: #c1272d;
    border-bottom: 1px solid #ccc;
}
#content #secondary .panel h2 {
    color: #c1272d;
    border-bottom: 1px solid #ccc;
}

/**
 * Panels have different styles for different content layouts
 */

.layout-wide-right-sidebar #primary .panel .contents {
    border-left: 1px solid #ccc;
}

/**
 * Scheme-specific blocks
 */

#shim-alpha {
    background: #fff;
    border-top: 0.5em solid #e3e3e3;
    border-bottom: 0.5em solid #f4717a;
}

/**
 * Form field styles
 */

.dw-field-default {
    color: #333;
}
.standout .standout-inner, .standout-colors {
    background-color: #ffafb6;
    color: #111;
    border: 1px solid #c1272d;
}
.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
    color: #000;
}

/**
 * Start overriding some classes set in dw-free/htdocs/stc/
 * Other site scheme designers: use your own colors here
 * /

/* editicons.css */
#uploadBox {
    background-color: #ffd8d8;
    border: 1px solid #c1272c;
}

/* profile.css */
.section, .username, .actions li {
    background-color: #f7f7f7;
    border-bottom: 1px dotted #666;
    border-left: 1px dotted #666;
    color: #c1272d;
}

/* customize.css */
h2.widget-header {
    background: #ededed url(../img/tropo-red/corner.gif) no-repeat 0 0;
    color: #222;
}
.theme-current {
    background-color: #ffd8d8;
    border: 1px solid #c1272c;
}

/* widgets/customizetheme.css, themechooser.css, themenav.css,
currenttheme.css */
.theme-current h2.widget-header, .layout-item.current {
    background-color: #ffd8d8;
    border: 1px solid #c1272c;
}
h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
    border: 1px solid #c1272c;
}
.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
    background: #f4717a;
}
.customize-button, .theme-item .theme-button, .layout-item .layout-button {
    background: #f4717a;
    border: 2px solid #541e1a;
    border-top: 2px solid #f4717a;
    border-left: 2px solid #f4717a;
}
.theme-nav-content, .customize-content {
    border: 1px solid #c1272c;
    border-left: none;
}
.theme-selector-nav {
    background-color: #ffd8d8;
}
.theme-nav li a, .theme-nav-small li {
    border-right: 1px solid #c1272c;
}
.theme-nav li.on a {
    border: 1px solid #c1272c;
    border-right: none;
}
.theme-nav-separator {
    border-right: 1px solid #c1272c;
}
.theme-nav-separator hr {
    border-top: 1px solid #f4717a;
}
.customize-content .subheader {
    background-color: #ffd8d8;
    border-bottom: 1px solid #c1272c;
}
.customize-content .subheader.on {
    background-color: #ffd8d8;
}
.customize-nav {
    background-color: #ffd8d8;
}
.customize-nav li a, .customize-nav li li  {
    border-right: 1px solid #c1272c;
}
.customize-nav li.on a, .customize-nav li.on ul {
    border: 1px solid #c1272c;
    border-right: none;
    border-top: none;
}
.customize-nav li.on {
    border-top: 1px solid #c1272c;
}
.moodtheme-preview, .appwidget-linkslist .tips-box {
    background-color: #ffd8d8;
    border: 1px solid #c1272c;
}
.theme-current-links {
    border-bottom: 1px solid #c1272c;
    border-right: 1px solid #c1272c;
}
.theme-nav li a:visited, .customize-nav li a:visited {
    color: #c1272c;
}

/* more, detailed by page*/
/*customizetheme.css*/
.customize-button {
    color: #fff;
    background: #f4717a;
    border: 2px solid #f6828b;
    border-bottom: 2px solid #c1272d;
    border-right: 2px solid #c1272d;
}
.customize-inner-wrapper {
    background: url("../img/tropo-red/tropred-borderpixel.gif") repeat-y scroll 134px 50%;
}
.customize-content .subheader {
    background-image: url("../img/tropo-red/tropred-arrow-right.gif");
    border-bottom: 1px solid #ffd8d8;
}
.customize-content .subheader.on {
    background-image: url("../img/tropo-red/tropred-arrow-down.gif");
}
.customize-content fieldset legend {
    color: #777;
}
.customize-content h3 {
    color: #777;
}
.customize-nav li.on a,
.customize-nav li.on ul {
    background: #fff;
}
.customize-nav li.on a {
    /*background: #fff url("/img/tropo-red/tropred-arrow-right.gif") no-repeat right 50%;*/
    border-right: 1px solid #fff;
}
.customize-nav li.on li a {
    background: #fff;
    border-right: 1px solid #fff;
}
.customize-nav li.on li {
    border-right: 1px solid #fff;
}
.customize-nav li a:visited {
    color: #c1272c;
}

/*themenav.css*/
.theme-nav-inner-wrapper {
    background: url("../img/tropo-red/tropred-borderpixel.gif") repeat-y scroll 134px 50%;
}
.theme-selector-nav {
    background-color: #ffd8d8;
}
.theme-nav li.on a {
    /*background: url("/img/tropo-red/tropred-arrow-right.gif") no-repeat right 50%;*/
    background-color: #fff ;
}
.theme-nav li a:visited,
.theme-nav-small a:visited {
    color: #c1272c;
}
.theme-nav-separator {
    border-right: 1px solid #ffd8d8;
}
.theme-nav-separator hr {
    border-top: 1px solid #ffd8d8;
}

/*currentheme.css*/
.theme-current h2.widget-header {
    background-color: #ffd8d8;
}
.theme-current-content h3 {
    color: #000;
}
.theme-current-image {
     border: 1px solid #fff;
}
.theme-current-links {
    background-color: #fff;
    border-right: 1px solid #f4717a;
    border-bottom: 1px solid #f4717a;
    color: #777;
}
.theme-current ul li {
    background: url("../img/customize/arrow.gif") no-repeat 0 5px;
}

/*themechooser*/
.theme-selector-content h3 {
    color: #777;
}
.theme-item.current {
    border: 1px solid #f4717a;
    background-color: #ffd8d8;
}
.theme-item img.theme-preview {
    border: 1px solid #ffd8d8;
}
.theme-item.special h4,
.theme-item.special .theme-desc {
    background-color: #ffc;
}
.theme-item .theme-button {
    color: #fff;
    background: #f4717a;
    border: 2px solid #f6828b;
    border-bottom: 2px solid #c1272d;
    border-right: 2px solid #c1272d;
}
.theme-item .theme-button-disabled {
    background: #88CD73;
}
.theme-item .theme-icons {
    border: 1px solid #ffd8d8;
    background-color: #fff;
}
.theme-item.upgrade h4,
.theme-item.upgrade .theme-desc {
    color: #777;
}
.theme-time,
.theme-upgrade-icon {
    color: #333 !important;
}
.theme-upgrade-icon:hover .theme-upgrade-level,
.theme-time:hover span.theme-availability {
    background-color: #fff;
}
.theme-paging a:visited {
    color: #c1272c;
}

/* inbox */
.folders a.active {
    background-color: #ffd8d8;
    border: 1px solid #bbb;
}

/* lj_settings.css */
.section_head, table.alternating-rows th, div.username {
    background-color: #d1ced2;
    color: #333;
    border-bottom: 1px solid #c1272c;
}
.cat_head {
    background-color: #ddd;
}
.field_name {
    color: #333;
    background-color: #eee;
}
.field_desc {
    color: #505050;
}
.view_options {
    color: #333;
}

/* comm_promo.css */
div.CommunityPromoBox {
    border: 1px solid #f4717a;
}

/* settings.css */
#settings_save {
    background: #ffd8d8;
}
#settings_nav li a {
    background: #f4717a;
    border: 1px solid #c1272c;
    border-bottom: none;
}
#settings_nav li a:hover, #settings_nav li a.active {
    background: #ffd8d8;
}
#settings_nav_title p {
    background: #ffd8d8;
    border-left: 1px solid #c1272c;
}

/* cprod.css */
.cprod.h3 {
    background: #f4717a;
}
.cprod content {
    border: 1px solid #c1271c;
}

/* create flow */
.appwidget-createaccount .create-button {
    color: #111;
    background-color: #f4717a;
}
.appwidget-createaccountprogressmeter .step-block-active {
    color: #fff;
    background-color: #c1272d;
}
.appwidget-createaccountprogressmeter .step-block-inactive {
    color: #fff;
    background-color: #f4717a;
}
.appwidget-createaccountprogressmeter .step-selected {
    color: #c1272d;
}
.appwidget-createaccountprogressmeter .step-previous {
    color: #f4717a;
}
.appwidget-createaccountprogressmeter .step-next {
    color: #666;
}
.appwidget-createaccountprofile .header {
    color: #c1272d;
}
.appwidget-createaccountprofile .field-name {
    background-color: #e0e0e0;
}

/* Comments */
.cmtbar-odd {
    border-bottom: 1px solid #c1272c;
    border-right: 1px solid #c1272c;
    background-color: #c0c0c0;
}
.cmtbar-even {
    border-bottom: 1px solid #f4717a;
    border-right: 1px solid #f4717a;
    background-color: #e2e2e2;
}

/* Profile */
.username {
    border-bottom: 1px solid #c7e0f6;
    background-color: #ecf6ff;
}

/* lj_base-app.css */
hr.hr {
    color: #c1272d;
    background-color: #c1272d;
}
input.create-account {
    color: #fff;
    background: #f4717a;
    border: 2px solid #f6828b;
    border-bottom: 2px solid #c1272d;
    border-right: 2px solid #c1272d;
}
input.text,
textarea.text,
select.select {
    background: #fff url("../img/input-bg.gif") repeat-x 0 -1px;
    border: 1px solid #bbb;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}
.detail {
    color: #111;
}
h2.widget-header {
    border-bottom: 1px solid #ccc;
}
table.alternating-rows th {
    border-top: 1px solid #c1272d;
    border-bottom: 1px solid #c1272d;
    background-color: #ffd8d8;
}
table.alternating-rows tr.altrow1 {
    background-color: #fff;
}
table.alternating-rows tr.altrow2 {
    background-color: #eee;
}
table.alternating-rows td {
    border-bottom: 1px solid #ccc;
}
.appwidget .more-link {
    color: #c1272d !important;
    background: url('../img/arrow-double-black.gif') no-repeat 0 60%;
}
.arrow-link,
.more-link {
    background: url('../img/arrow-double-black.gif') no-repeat 0 50%;
}
.message {
    border: 5px solid #eee;
}
.message blockquote {
    border: 1px solid #aaa;
}
.standout-border {
    border: 1px solid #c1272d;
}
.standout-background {
    background-color: #f4717a;
}
div.right-sidebar {
    color: #000000;
    background-color: #f4717a;
    border: 1px solid #c1272d;
}
.textbutton {
    color: #c1272c;
}
/*NOTE: tropo-red/corner.gif is #f7f7f7*/
h2.solid-neutral {
    background: #ededed url("../img/tropo-red/corner.gif") no-repeat 0 0;
    color: #222;
}
h2.solid-blue { /*which is now solid pink*/
    background: #f4717a url("../img/tropo-red/corner.gif") no-repeat 0 0;
    color: #222;
}
.solid-neutral {
    background: #ededed;
}
input.bright {
    background-color: #f4717a;
    border: 1px solid #c1272c;
    color: #fff;
}
.helper {
    color: #666;
}

/* esn.css */
.Subscribe tr.Inactive {
    color: #aaa;
}
.Subscribe tr.Disabled {
    background-color: #eee;
}
.Subscribe tr.altrow {
    background-color: #f1f1f1;
}
.Subscribe tr.Inactive a {
    color: #aaa;
}
.Subscribe td p {
    color: #666;
    background: #fff;
}
.CategoryRow td {
    border-bottom: 1px solid #ddd;
}
#Subscriptions tr.lighter {
    background-color: #ffd8d8;
}
#Subscriptions tr.darker {
    background-color: #f4717a;
}
#SubscribeSaveButtons {
    border: 1px solid #333;
}
.NotificationTable tr.Selected {
    background-color: #f4717a;
}
.NotificationTable tr.Selected td {
    border-top: 1px solid #ccc;
}
.NotificationTable td {
    border-top: 1px solid #ddd;
}
.NotificationTable .inbox {
    border-top: 1px solid #ddd;
}
.inbox .header {
    background: #ddd;
}
.InboxItem_Read {
    color: #888;
}
span.InboxItem_Read:hover {
    color: #000;
}
span.InboxItem_Read a {
    color: #999 !important;
}
span.InboxItem_Read:hover a {
    color: inherit !important;
}
.inbox .alt {
    background: #f6f6f6;
}
.inbox td.NoItems {
    color: #ddd;
}
.inbox td.time {
    color: #555;
}
.folders a {
    color: #000;
    border: 1px solid #fff;
}
.folders a:visited, .folders a:link {
    color: #000;
}
.folders a:hover {
    border: 1px solid #bbb;
    background-color: #eee;
}
.ippu {
    color: #000;
}
.ippu .track_title {
    color: #f4717a;
}

/* entry.css */
a#lj_userpicselect {
    color: #c1272c;
}
#lj_userpicselect_img {
    border: 1px solid #fff;
}
#lj_userpicselect_img:hover {
    border: 1px solid #c1272c;
}
#lj_userpicselect_img_txt {
    color: #c1272c !important;
}
#userpic_preview_image.userpic_loggedout {
    border: 1px solid #c1272c;
}
.userpic_preview_border {
    border: 1px solid #ccc;
}
#infobox {
    border-left: 1px solid #000;
}
#compose-entry {
    /*background: url("/img/tropo-red/tropred-borderpixel.gif") repeat-x 0 bottom;*/
    border-bottom: 1px solid #bbb;
}
#compose-entry ul li a {
    background-color: #fff;
    border: 1px solid #f4717a;
    border-bottom: none;
}
#compose-entry ul li.on a {
    border-bottom: 1px solid #fff;
}
#draft-container {
    border: 1px solid #bbb;
    border-top: none;
}
#draftstatus {
    background-color: #fff;
}
#spellcheck-results {
    border: 1px solid #f4717a;
    background-color: #fff; /*was ffffdd; seemed odd and clashy, changed to fff*/
}
#htmltools {
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    background: #fff;
}
#htmltools ul {
    border-bottom: 1px solid #8d8d8d;
}
#options, #public {
    border: 1px solid #bbb;
    background-color: #eee;
}
#public {
    color:#666;
}
#submitbar {
    background-color: #ddd;
    border: 1px solid #aaa;
}

/* contextualhover.css */
div.ContextualPopup div.Inner {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #c1272c;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    color: #c1272c !important;
}

/* profile.css */
.tooltip {
    border-bottom: 1px dotted #000;
}
li.profile_join_disabled, li.profile_addtrust_disabled,
li.profile_addsub_comm_disabled, li.profile_addsub_feed_disabled,
li.profile_addsub_person_disabled, li.profile_postentry_disabled,
li.profile_trackuser_disabled, li.profile_sendmessage_disabled {
    color: #999;
}
.details_stats p {
    color: #666;
}
.details_stats .account_level {
    color: #000;
}
.section span.section_link {
    color: #000;
}
.section_body .inner_section_header {
    color: #111;
}
.section_body_title {
    color: #111;
}
.userinfo th {
    color: #111;
}

/* tags.css */
#selected_tags {
    color: #777;
}
.tagsort {
    /*border-top: 1px solid #cdcdcd;*/
}
.tagfield {
    color: #777;
    border: 1px solid #ccc;
}
.tagfield:focus {
    color: #000;
    border: 1px solid #999;
}
.tagfield_error {
    border: 1px solid red;
    background-color: #ecd7d7;
}
.proptbl .t {
    color: #777;
    background-color: #fbfbfb;
    border-right: 1px solid #cdcdcd;
}
.proptbl .r {
    color: #777;
    background-color: #fbfbfb;
    border-right: 1px solid #cdcdcd;
}
.proptbl .rv {
    background-color: #eee;
}
.edittbl .l, .lsep {
    border-right: 1px solid #777;
}
.edittbl .sep {
    border-top: 1px solid #777;
}
.curtags {
    color: #777;
}
.tagbox_nohist {
    background-color: #eee;
}

/* Adult warning interstitals */
div.adult_warning {
    background-color: #ffd8d8;
    border: 1px solid #c1272d;
}

/* For the manage/banusers page */
.userslist-table tr.odd {
    background-color: #efefef;
}
.userslist-table tr.even {
    background-color: #fff;
}