/* ***************************
 * CSS for the depesjer style.
 * ***************************
 */


/*
 * First, some defaults.
 * ---------------------
 */
* {
       margin:             0;
       padding:            0;
       border:             solid 0px #000000;
}
body {
       background-color:   #ffffff;
       color:              #000000;
       font-family:        georgia, times new roman, times, serif;
       font-size:          12px;
       text-align:         center;
}
h1 {
       font-family:        georgia, times new roman, times, serif;
       font-size:          22px;
       font-weight:        normal;
}
h2 {
       font-size:          14px;
       clear:              left;
}
h3, h4 {
       font-size:          11px;
}
pre, .inline {
       display:            inline;
       float:              none;
}
.spamfilter {
       display:            none;
}

/*
 * Link colors.
 * ------------
 */
a:link, a:visited {
       color:              #777777;
       text-decoration:    none;
}
a:hover, a:active {
       color:              #999999;
}

/*
 * Hide PDF download links.
 * ------------------------
 */
.attribute-pdf {
       display:            none;
}

/*
 * The outer div of the page. Everything is inside this.
 * -----------------------------------------------------
 */
#page {
       width:              950px;
       margin:             0 auto;
       text-align:         left;
}

/*
 * The two horizontal menus.
 * -------------------------
 */
div.menu {
       font-size:          10px;
       font-family:        verdana, arial, helvetica, sans-serif;
       text-transform:     uppercase;
}
div.menu ul {
       list-style-type:    none;
       white-space:        nowrap;
}
div.menu ul li {
       display:            inline;
}
div.menu ul li form input {
       text-transform:     none;
}
div.menu ul li form input.searchimage {
       border-width:       0;
}
div.menu ul li form {
       display:            inline;
}
div.menu ul li span {
       padding:            0 25px;
}
div.menu ul li a {
       padding:            0 25px;
       font-size:          10px;
       text-decoration:    none;
}
div.menu ul li a:hover {
       text-decoration:    underline;
}
div.menu ul li img {
       vertical-align:     middle;
}

/*
 * Separate settings for the top and middle horizontal toolbars.
 * -------------------------------------------------------------
 */
#topmenu {
       height:             28px;
       text-align:         right;
       background-color:   #ebebeb;
/*       background-image:   url(../images/header_gradient.png);*/
       background-repeat:  no-repeat;
       border:             solid 1px #000000;
}
#topmenu ul {
       padding-right:      5px;
       padding-top:        3px;
}
#topmenu ul li a {
       color:              #000000;
       padding:            0 15px;
}

#middlemenu {
       height:             20px;
       line-height:        18px;
}
#middlemenu ul {
       display:            inline;
}
#middlemenu ul li {
       float:              left;
       text-align:         center;
       border-width:       1px 1px 0 0;
}
#middlemenu ul li img {
       vertical-align:     middle;
}
#middlemenu ul li a, #middlemenu ul li span {
       background-color:   #ebebeb;
       display:            block;
}
#middlemenu ul li.active a, #middlemenu ul li.active span {
       background-color:   #ffffff;
       border-bottom:      solid 1px #ffffff;
       position:           relative;
       z-index:            102;
}
#middlemenu ul li.first {
       border-left-width:  1px;
}
#middlemenu ul li a {
       color:              #000000;
}
#middlerightmenu {
       display:            inline;
}
#middlerightmenu ul li {
       float:              right;
       border-width:       1px 0 0 1px;
}
#middlerightmenu ul li.first {
       border-right-width: 1px;
}

#subfolders {
       height:             20px;
       position:           relative;
       top:                -1px;
       z-index:            101;
       width:              100%;
       margin-bottom:      10px;
       background:         #ffffff;
       border-top:         solid 1px #000000;
       font-size:          9px;
       font-family:        verdana, arial, helvetica, sans-serif;
}
.subs {
       line-height:        12px;
       text-align:         justify;
}
.subs a {
       margin:             0 14px 0 0;
       text-transform:     uppercase;
       white-space:        nowrap;
}
.nosubs {
       line-height:        20px;
}
.nosubs .time {
       float:              left;
}
.nosubs .newcomment {
       float:              right;
}

/*
 * Toolbar between keywords and middlemenu.
 * ----------------------------------------
 */
#spacermenu {
       padding:            16px 0;
}
#spacermenu .toolbar-item {
       display:            inline;
}
#spacermenu .toolbar-item img {
       vertical-align:     middle;
}
#spacermenu .first {
       margin-left:       52px;
/*       position:           relative;
       left:               54px;*/
}
#spacermenu .last {
       margin-left:       53px;
/*       position:           relative;
       left:               108px;*/
}

/*
 * Node contents.
 * --------------
 */
#content {
       clear:              left;
}
#content ul {
       margin:             0 0 0 15px;
       padding:            0;
       list-style:         square;
}
#content ol {
       margin:             0 0 0 15px;
       padding:            0;
       list-style:         decimal;
}
.image-sidebar {
       float:              right;
       width:              280px;
       margin:             0 0 5px 5px;
       overflow:           hidden;
       font-family:        arial, helvetica, sans-serif;
}
.image-sidebar .ad {
       margin:             5px 0;
}
.image-sidebar input.new_commentgfx {
       border-width:       0;
}
.image-sidebar h2 {
       margin-top:         5px;
}
.image-sidebar ul {
       line-height:        1.5em;
}
.tipafriendgfx {
       vertical-align:     middle;
}
.linkicon {
       vertical-align:     middle;
}
img.header {
       margin-top:         2px;
       margin-bottom:      5px;
}
.classcontent {
       width:              576px;
}
.node2 .classcontent {
       width:              394px;
}
.class-browser .classcontent {
       width:              758px;
       overflow:           hidden;
}
.wideclasscontent {
       width:              758px;
}
.attribute-byline {
       font-size:          10px;
       color:              #555555;
       font-family:        arial, helvetica, sans-serif;
       padding:            2px;
       margin:             0 0 2px 2px;
}
.attribute-byline .date {
       display:            inline;
}
.attribute-byline .authorgfx {
       vertical-align:     middle;
}
.attribute-byline .dategfx {
       float:              left;
}
.attribute-byline table {
       border:             1px solid #999999;
       background-color:   #ebebeb;
}
.attribute-byline .rightbox {
       padding-left:       60px;
       text-align:         right;
}
/* .attribute-byline .published, .attribute-byline .modified {
       display:            inline;
       margin:             0 1px;
} */
.class-comment {
       margin-top:         3px;
       padding-bottom:     5px;
}
.attribute-image {
       display:            inline;
}
.imageright {
       float:              right;
       margin-left:        5px;
}
.imagecaption, .attribute-caption {
       font-family:        arial, helvetica, sans-serif;
       font-size:          10px;
       margin-bottom:      5px;
       line-height:        1em;
}
.content-view-line .class-image {
       clear:              left;
}
.content-view-line .class-image img {
       margin-bottom:      15px;
}
.content-view-line .class-image .attribute-image {
       float:              left;
}
.content-view-line {
       padding:            0 0 3px;
}
.class-articleref .attribute-short,
.class-article .attribute-short, .forumshort {
       font-family:        arial, helvetica, sans-serif;
       font-size:          13px;
       font-weight:        bold;
}
.content-view-line .class-articleref,
.content-view-line .class-article {
       margin-bottom:      30px;
}
.content-view-line .class-folder .class-articleref, .folder-column .class-articleref,
.content-view-line .class-folder .class-article,    .folder-column .class-article {
       margin-bottom:      10px;
}
.content-view-line .class-articleref .attribute-short,
.content-view-line .class-article .attribute-short {
       font-size:          12px;
       font-family:        georgia, times new roman, times, serif;
       font-weight:        normal;
}
.content-view-line .class-articleref h2,
.content-view-line .class-article h2 {
       font-weight:        normal;
       font-size:          18px;
}
.class-article .authorimage {
       float:              right;
}
.class-article .attribute-long {
       line-height:        1.8em;
}
.class-article .attribute-long h2 {
       font-family:        arial, helvetica, sans-serif;
       font-size:          13px;
       font-weight:        bold;
}
.class-article .attribute-long p, .forumlong {
       padding:            .5em 0 .5em;
}
.class-folder .date, .class-browser .date {
       float:              right;
       padding-left:       5px;
       font-family:        arial, helvetica, sans-serif;
       font-size:          10px;
}
.class-folder .attribute-long p {
       margin-bottom:      0.5em;
}
.class-folder .class-link a, .class-folder .class-eznode-link a {
       font-size:          18px;
       display:            block;
}
.class-folder .class-link a.viewnode, .class-folder .class-eznode-link a.viewnode {
       font-size:          inherit;
       display:            inline;
}
.class-folder .pagenavigator {
       clear:              left;
}
.folder-column th, .class-browser th {
       text-align:         left;
       padding:            0 5px;
}
.folder-column th.no1, .class-browser th.no1 {
       padding-left:       0;
}
.folder-column td, .class-browser td {
       vertical-align:     top;
       padding:            0 5px;
}
.folder-column td.no1, .class-browser td.no1 {
       padding-left:       0;
}
.folder-column td h2, .class-browser td h2 {
       font-size:          12px;
       font-family:        arial, helvetica, sans-serif;
       font-weight:        bold;
}
.folder-column td .attribute-short, .class-browser td .attribute-short {
       font-size:          11px;
       font-family:        arial, helvetica, sans-serif;
}
.folder-column td .content-view-line, .class-browser td .content-view-line {
       padding-bottom:     4px;
       margin-bottom:      4px;
       border-bottom:      dotted 1px #999999;
}
.class-user table {
       border:             1px solid #999999;
       background-color:   #ebebeb;
}
.class-user .author {
       text-align:         center;
       vertical-align:     middle;
}
.class-user .author-type {
       font-family:        arial, helvetica, sans-serif;
       font-size:          10px;
}
/* .class-user .author-signature {
       vertical-align:     middle;
} */
.class-user .example {
       font-style:         italic;
}
.class-user p {
       margin-left:        5px;
       margin-bottom:      2px;
}
.class-user td {
       padding:            3px;
}
.class-user .info {
       margin-top:         1em;
}
.class-user .article-link {
       position:           relative;
}
.class-user .article-link .attribute-short {
       position:           absolute;
       left:               100px;
       width:              558px;
       background-color:   #ebebeb;
       border:             1px solid #999999;
       display:            none;
       z-index:            100;
}
* html .class-user .article-link .attribute-short {
       position:           static;
       background-color:   transparent;
       border:             0;
       display:            inline;
}
.class-user .article-link:hover .attribute-short {
       display:            block;
}
* html .class-user .article-link:hover .attribute-short {
       display:            inline;
}
.edit .class-user td {
       border-bottom:      1px solid #999999;
}
/* .feature .attribute-short {
       font-size:          12px;
}
.feature h2 {
       font-size:          18px;
} */
.feature .no1 .attribute-short {
       font-size:          14px;
}
.feature .no1 h2 {
       font-size:          22px;
}
.feature .folder-name {
       font-family:        arial, helvetica, sans-serif;
       font-size:          14px;
       margin-top:         2px;
       margin-bottom:      4px;
}
.class-folder .class-forum {
       width:              576px;
}
.linklistname {
       font-weight:        bold;
}
.content-view-full h1 {
       margin-bottom:      8px;
}
.content-view-embeddedmedia {
       padding:            5px 0;
}
.content-view-embeddedmedia .attribute-image p, .content-view-embeddedmedia .attribute-caption p {
       padding:            0;
       margin:             0;
}
.disclaimer {
       font-family:        arial, helvetica, sans-serif;
       font-size:          11px;
       margin:             5px;
}
.shortbyline {
       font-size:          10px;
       font-family:        arial, helvetica, sans-serif;
       font-weight:        bold;
       float:              left;
}
.readmore {
       float:              right;
}
.class-user_line_collector .attribute-short {
       line-height:        1.8em;
}
.class-user_line_collector .attribute-short p {
       padding:            .5em 0 .5em;
}

/*
 * Quotes.
 * -------
 */
.quote {
/*       float:              left;*/
/*       display:            inline;*/
       margin:             0 5px;
}
.quote p {
       display:            inline;
       position:           relative;
       top:                -5px;
       margin:             0 10px;
       z-index:            100;
       letter-spacing:     1px;
}
.quote-start, .quote-stop {
       color:              #cccccc;
       font-size:          72px;
       display:            inline;
       position:           relative;
       z-index:            99;
}
.quote-author {
       font-style:         italic;
       margin-left:        20px;
}
.quote-start {
       top:                15px;
       left:               30px;
       vertical-align:     text-bottom;
}
.quote-stop {
       top:                10px;
       vertical-align:     text-top;
       left:               -30px;
/*       display:            none;*/
}

/*
 * Ad-specific.
 * ------------
 */
.ad468x400 {
       margin:             8px 0;
       text-align:         center;
}

/*
 * Forums and browser.
 * -------------------
 */
.content-navigator {
       text-align:         center;
       margin:             5px 0;
}
.content-navigator-year, .content-navigator-month, .content-navigator-day {
       display:            inline;
       margin:             0 5px;
}
.content-navigator-separator, .content-navigator-separator-disabled,
.content-navigator-next, .content-navigator-next-disabled,
.content-navigator-previous, .content-navigator-previous-disabled,
.content-navigator-arrow, .content-navigator-forum-link, .content-navigator-current {
       display:            inline;
}
table.forum {
       margin-top:         5px;
}
table.forum tr.bgdark {
       background-color:   #d0d0d0;
}
table.forum tr td.author, table.forum tr td.lastreply {
       text-align:         center;
}
table.forum tr td.replies {
       text-align:         center;
       vertical-align:     middle;
}
table.forum tr td.topic {
       text-align:         left;
       vertical-align:     middle;
       width:              60%;
}
table.forum tr td.message {
       width:              100%;
}
table.forum tr td {
       padding:            5px;
       vertical-align:     top;
}
table.forum tr td .date {
       float:              right;
       padding-left:       5px;
       font-family:        arial, helvetica, sans-serif;
       font-size:          10px;
}
table.forum tr td .attribute-byline {
       color:              #000000;
}
table.forum tr td .attribute-byline .date {
       float:              none;
       display:            block;
}
.class-forum {
       margin-top:         10px;
}
.class-forum th {
       padding:            0 5px;
}
.class-forum .author-signature {
       margin-top:         10px;
       padding:            2px 5px 2px 0;
       border-top:         dotted 1px #000000;
}
.class-forum .infoline p {
       display:            inline;
       padding:            0 5px 0 0;
       font-family:        arial, helvetica, sans-serif;
       font-size:          10px;
}
.class-forum .content-view-children td {
       font-family:        arial, helvetica, sans-serif;
}

/*
 * Warnings and errors.
 * --------------------
 */
.warning {
       border:             dashed 2px #ff0000;
       padding:            4px;
       margin:             4px;
}

/*
 * Some form settings.
 * -------------------
 */
input, textarea, select {
       border:             solid 1px #000000;
       vertical-align:     middle;
}
input.forum-keep-me-updated {
       display:            none;
}
.button, .defaultbutton {
       padding:            1px 4px;
       margin:             3px 0px;
}
.element label {
       display:            block;
}

/*
 * The keyword list below the top menu.
 * --------------------------------
 */
#keywords {
       font-family:        verdana, arial, helvetica, sans-serif;
       overflow:           hidden;
       height:             29px;
       line-height:        29px;
       font-size:          9px;
       text-transform:     lowercase;
       text-align:         justify;
       color:              #999999;
       border-bottom:      dotted 1px #999999;
}

/*
 * Admin.
 * -------
 */
.admin {
       margin-top:         10px;
       border:             dotted #999999;
       border-width:       0 1px 1px;
       clear:              left;
}
.priority-box {
       margin-bottom:      5px;
       border:             dotted #999999;
       border-width:       0 1px 1px;
}

/*
 * Edit views.
 * -----------
 */
.block {
       margin-bottom:      10px;
       margin-left:        5px;
}
.required {
       border-left:        2px dotted #ff0000;
       padding-left:       2px;
}
table.list td, table.list th {
       padding:            5px 5px;
}

/*
 * Footer.
 * -------
 */
#footer {
       font-family:        arial, helvetica, sans-serif;
       margin-top:         10px;
       border-top:         dotted 1px #999999;
       font-size:          10px;
       clear:              both;
}
#footer .nodeid {
       font-style:         italic;
}

/*
 * Right side toolbars.
 * --------------------
 */
.bar * {
       font-family:        arial, helvetica, sans-serif;
}
.bar {
       float:              right;
       width:              180px;
       margin:             0 0 0 2px;
       font-size:          11px;
       overflow:           hidden;
}
.bar h2 {
       font-size:          14px;
       margin:             2px 5px 4px;
}
.bar h3 {
       clear:              both;
       font-size:          12px;
}
.bar .menuitems {
       border-left:        dotted 1px #999999;
       padding:            0 5px;
       margin-bottom:      5px;
}
.bar .menuitems img {
       float:              right;
}
.bar .menuitem {
       margin-bottom:      1em;
}
.bar .imageright {
       float:              none;
}
.bar .author {
       font-size:          10px;
       font-family:        arial, helvetica, sans-serif;
       font-weight:        bold;
       margin-bottom:      8px;
}
.bar form {
       text-align:         center;
}
.bar .content-view-children {
       border-left:        dotted 1px #999999;
       padding:            0 5px;
       margin-bottom:      5px;
}
.bar input.new_comment {
       margin-bottom:      5px;
}
.bar input.new_commentgfx {
       margin-bottom:      5px;
       border-width:       0;
}
.bar .class-article h2 {
       font-weight:        bold;
       margin-left:        0;
}
.bar img {
       margin-bottom:      2px;
}
#sidebar-published h3 {
       font-size:          11px;
}
#sidebar-caricature .caricature-child {
       border-left:        dotted 1px #999999;
}
#sidebar-caricature h3 {
       font-family:        arial, helvetica, sans-serif;
       padding:            0 5px;
}
#sidebar-caricature .caricature-image {
       text-align:         center;
}
#sidebar-caricature .caricature-caption {
       font-family:        arial, helvetica, sans-serif;
       padding:            0 5px;
}
#sidebar-container {
       float:              right;
       width:              364px;
       overflow:           hidden;
}
.bar2 {
       width:              364px;
}
.bar2 .class-article {
       clear:              both;
}
.bar2 .class-article .attribute-short {
       font-size:          11px;
}
.bar2 .class-article h2 {
       clear:              left;
       font-size:          12px;
}
.bar img.inline  {
       float:              none;
       display:            inline;
}


/*
 * Citizen Journalists section overrides.
 * --------------------------------------
 */
#page.citizen .classcontent, .node7608 .classcontent {
       width:              758px;
}
#page.citizen .node7608 .class-article h2 {
       font-size:          14px;
}
#page.citizen .node66 .classcontent {
       width:              576px;
}
#page.citizen #middlemenu ul li a, #page.citizen #middlemenu ul li span {
       background-color:   #c5b176;
}
#page.citizen #middlemenu ul li a, #page.citizen #middlemenu ul li span {
       background-color:   #c5b176;
}
#page.citizen #middlemenu ul li.active a, #page.citizen #middlemenu ul li.active span {
       background-color:   #ffffff;
}