/* $Id: holidailies-styles.css,v 1.24 2009-12-07 04:26:11 chip Exp $ */

/* $Id: holidailies-styles.css,v 1.24 2009-12-07 04:26:11 chip Exp $ */

body {
    font-size: 14px;
    text-align: left;
    background: #fff;
    color: #000;
}

p, pre, blockquote {
    margin: 0.5em 0;
}

blockquote {
    margin-left: 1.5em;
}

em, cite {
    font-style: italic;
}

strong {
    font-weight: bold;
}

th {
    font-weight: bold;
}

h1, h2, h3 {
    color: #ffffff;
    background: #221172;
    font-weight: bold;
}

h1 {
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 0.5em;
    padding: 1px 0 1px 3px; /* T R B L */
}

h2 {
    font-size: 1.2em;
    margin-top: 1.0em;
    margin-bottom: 0.5em;
    padding: 1px 0 1px 3px; /* T R B L */
}

h3 {
    font-size: 1.0em;
    margin-top: 1.0em;
    margin-bottom: 0.5em;
    padding: 1px 0 1px 3px; /* T R B L */
}

ul li {
    list-style-type: disc;
    margin-left: 1em;
}

a {
    color: #333399;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #6666ee;
}


/*****************************************************************************
 *
 * layout styles
 *
 ****************************************************************************/

.left {
    float: left;
}

td.left, span.left {
    float: none;
    text-align: left !important;
}

.right {
    float: right;
}

td.right, span.right {
    float: none;
    text-align: right !important;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

td.center, span.center {
    float: none;
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.clear, .clear-both {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.ital {
    font-style: italic;
}

.indent {
    margin-left: 1.5em;
}

.shade-green {
    background: #bfb;
}

.shade-red {
    background: #fbb;
}

.shade-yellow {
    background: #ffb;
}

.shade-gray {
    background: #ccc;
}


/*****************************************************************************
 *
 * header
 *
 ****************************************************************************/

#page-header {
    text-align: center;
    background-image: url(../img/pinkbubbles.gif);
    margin-bottom: 5px;
}

img.holilogo {
    border: none;
}


/*****************************************************************************
 *
 * messages styles
 *
 ****************************************************************************/

div#flashMessage {
    background: #ffea65;
    color: #02a;
    border: 1px solid #02a;
    margin: 4pt 0;
    padding: 5px 10px;
}

div#authMessage {
    background: #ffea65;
    color: #e63f4f;
    border: 1px solid #02a;
    margin: 4pt 0;
    padding: 5px 10px;
}


/*****************************************************************************
 *
 * entry styles
 *
 ****************************************************************************/

.entry-boxed {
    margin: 1em -5px 1em -5px; /* T R B L */
    padding: 0 5px 0 5px; /* T R B L */
    border: solid #221172 1px;
}

.entry-boxed h3 {
    margin: 0 -5px 0 -5px; /* T R B L */
}

.entry {
    font-size: 0.9em;
    margin: 0.75em 0;
}

.entry p {
    margin: 0;
    padding: 0;
}

.entry .entry-title {
    padding: 0 0 2px 2px; /* T R B L */
    border-left: solid #E4BCBC 1px;
    border-bottom: solid #E4BCBC 1px;
}

.entry .entry-body, .entry .entry-not-published {
    padding: 3px 1px 0 0; /* T R B L */
    border-right: solid #E4BCBC 1px;
}

.entry .bestof-selection {
    color: #221172;
    background: #FDBDE2;
    font-size: 0.85em;
    padding: 1px 3px;
    font-weight: bold;
}

.entry .edit-link {
    color: #333;
    background: #eddede;
    font-size: 0.9em;
    padding: 1px 3px;
    margin: 0 3px;
}


/*****************************************************************************
 *
 * form styles
 *
 ****************************************************************************/

form div.input {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 1em;
}

form div.input input {
    font-size: 1.1em;
    padding: 3px;
}

form div.input textarea {
    padding: 3px;
}

form div.input label, form div.input legend {
    display: block;
    color: COLOR_HEADING;
    margin: 0.75em 0 1px -0.9em; /* T R B L */
}

form div.checkbox label, form div.checkbox legend,
form div.radio label, form div.radio legend {
    display: inline ! important;
    margin: 0 0 0 0.5em; /* T R B L */
}

form div.submit {
    display: inline;
    margin: 0;
}

form div.submit input {
    margin: 0.5em 0.5em 0 0; /* T R B L */
}

form div.input .help-text {
    font-size: 0.9em;
    font-style: italic;
}

form div.input .help-text-bbcode {
    font-size: 0.85em;
    font-family: monospace;
}

form div.input .error-message {
    color: #e63f4f;
    background: #ffea65;
    border: solid #02a 1px;
    padding: 1px;
}


/*****************************************************************************
 *
 * pager styles
 *
 ****************************************************************************/

.pagination-index {
    font-size: 0.9em;
    width: 100%;
}

.pagination-index td, .pagination-index th {
    padding: 3px;
    border: solid #fff 1px;
}

.pagination-index th {
    background: #c8c8c8;
}

.pagination-index td {
    background: #eddede;
}

.pagination-index .action-links {
    white-space: nowrap;
}

.paginator-pagelinks {
    margin-top: 1em;
    text-align: center;
    font-size: 0.9em;
}

.paginator-pagelinks div {
    display: inline;
}

.paginator-pagelinks .disabled {
    color: #333;
}

.paginator-pagelinks .current {
    font-weight: bold;
}


/*****************************************************************************
 *
 * sidebar block
 *
 ****************************************************************************/

.block {
    background: #eddede;
    margin-bottom: 10px;
    padding: 0;
}

.block-corner-tl {
    position: relative;
    top: 0;
    left: 0;
    background: url(../img/boxcorner_tl.png) no-repeat top left;
}

.block-corner-tr {
    position: relative;
    top: 0;
    right: 0;
    background: url(../img/boxcorner_tr.png) no-repeat top right;
}

.block .block-title {
    color: #ffffff;
    background: #221172;
    font-size: 1.0em;
    font-weight: normal;
    margin: 0 5px 0 5px; /* T R B L */
    padding: 1px 3px 1px 3px; /* T R B L */
}

.block-content {
    background: #eddede;
    font-size: 0.9em;
    line-height: 120%;
    margin: 0;
    padding: 0 5px 3px 5px; /* T R B L */
    border: solid 1px #221172;
}

.block-content p, .block-content ul {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.block .more-link {
    text-align: right;
}


/**************************************************************************** 
 *
 * specific sidebar block styles
 *
 ****************************************************************************/

#block-participants .block-content {
    font-size: 0.85em;
    line-height: 100%;
}

#block-participants li {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

#block-participants li.divider-of-doom {
    list-style-type: none;
    margin: 0.5em 1em; /* T R B L */
    border-bottom: solid #E4BCBC 1px;
}

#block-participants .total {
    color: #333;
    border-top: solid #333 1px;
    margin-top: 0.6em;
    padding-top: 2px;
}

#block-about .welcome {
    text-align: center;
    border-bottom: solid #E4BCBC 1px;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
}

#block-nav .welcome {
    color: #333;
}

#block-bestof .entry-adult-content {
    border: 1px solid #333;
    color: #333;
    font-size: smaller;
    padding: 0 2px;
}

#block-badges img, #block-poweredby img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    border: solid #555 1px;
}

#block-poweredby .currtime {
    color: #333;
    font-size: 0.8em;
    line-height: 100%;
    text-align: center;
}

/**************************************************************************** 
 *
 * page-specific styles
 *
 ****************************************************************************/

.request-readers-stats table.statistics {
    margin: 0.5em auto;
}

.request-readers-stats table.statistics th, table.statistics td {
    text-align: center;
    padding: 3px 5px;
    border: solid #333 1px;
}

.request-portal-bestof .entry-boxed {
    margin-bottom: 0; /* reduce normal bottom margin */
}

.request-portal-bestof .bestof-controls {
    margin-top: 0;
    margin-bottom: 2.0em;
}

.request-portal-bestof .bestof-controls form {
    float: left;
}

.request-portal-bestof .bestof-controls p {
    margin-left: 1em;
    padding-top: 0.6em;
}

.body-block {
    background: #eddede;
    border: solid 1px #221172;
    margin-bottom: 0.5em;
    padding: 0 0.5em;;
}

ul.prompts .today {
    font-weight: bold;
    margin-bottom: 0.5em;
}

/*****************************************************************************
 *
 * SQL log output from CakePHP
 *
 ****************************************************************************/

table.cake-sql-log {
    /* empty */
}

table.cake-sql-log td, table.cake-sql-log th {
    padding: 3px;
    border: solid #333 1px;
}


/**************************************************************************** 
 *
 * HtmlxHelper record detail styles
 *
 ****************************************************************************/

.rss-button {
    padding: 0 3px;
    vertical-align: baseline;
}


/**************************************************************************** 
 *
 * HoliHelper record detail styles
 *
 ****************************************************************************/

table.record-detail {
    width: 100%;
    margin: 0;
    padding: 0;
}

table.record-detail tr.section th {
    text-align: center;
    font-style: italic;
    foreground: #221172;
    background: #ffffff;
    border-bottom: solid #221172 1px;
    padding-bottom: 1px;
    padding-top: 0.75em;
}

table.record-detail th {
    white-space: nowrap;
    padding: 0.25em 0.25em 0.25em 0; /* T R B L */
}

table.record-detail td {
    width: 100%;
    padding: 0.25em 0 0.25em 0; /* T R B L */
}


/**************************************************************************** 
 *
 * HoliHelper action styles
 *
 ****************************************************************************/

.actions-list {
    background: #eddede;
    padding: 3px 0;
    margin: 1.0em 0;
}

.actions-list li {
    display: inline;
    border-left: solid 1px #999;
    margin: 0;
    padding-left: 7px;
    padding-right: 5px;
}

.actions-list li.first {
    border: none;
}


/**************************************************************************** 
 *
 * HoliHelper misc styles
 *
 ****************************************************************************/

.adult-content-marker {
    color: #333;
    border: solid #333 1px;
    font-size: 0.7em;
    padding: 1px 2px;
    margin: 0 1px;
}

.boolstr {
    font-style: italic;
}

.visibility-toggle-block .toggle-link {
    color: #333;
    font-size: 0.9em;
}
