Ticket #7277: local.css

/******************************/
/* LOCAL CSS FOR SHIJIN 3     */
/* Theme for haiku-os.org     */
/* By Jorge G. Mare           */
/* Updated: Nov 22, 2009      */
/******************************/

/*
#COLORS
    Background colors:
        Top         #121933
        Bottom      #3b5378
    Green:          #94CE18
    Orange:         #ff9c00
    Yellow:         #f6f43f
    Box borders:    #cacaca
    Blue (light):   #336698
    Blue (dark):    #22476A

# ROUNDED CORNERS

    -webkit-border-top-left-radius
    -khtml-border-radius-topleft
    -moz-border-radius-topleft
    border-top-left-radius
*/

/* GENERAL */

html {
    background: #3b5378 url(haiku-images/bg-page.png) repeat-x;
/*  color: #333; Changed from #666 to darken text a bit */
}

body {
    color: #333333;
    font-family: "DejaVu Sans", Arial, Helvetica, sans-serif;
}

#page { /* To avoid lack of BG image when shrinking window width */
    background: #3b5378 url(haiku-images/bg-page.png) repeat-x;
}

.centeredImage {
    text-align:center;
    display:block;
}


a {
    color: #3b5378;
}

a:link, a:visited {
    color: #336698;
}

ol {
    list-style-position: outside;
    padding-left: 15px;
}

ul li {
    list-style-position: outside;
    padding-left: 0px;
    margin-left: 0px;
}

h1.title {
    margin-bottom: 5px;
    border-bottom: 1px solid #cacaca;
    color: #22476A !important;
}

#content-wrapper h1, h2, h3, h4, h5 {
    margin-top: 20px !important;
}

h1, h2, h3, h4, h5 {
    color: #22476A;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1.0em;
}

#header-wrapper {
    width: 984px;
    height: 90px;
}

#header {
    background: none;
    margin: auto;
    height: 144px;
    width: 984px;
    padding-left: 0;
}

#header-front {
    margin: auto;
    height: 144px;
    width: 984px;
    padding-left: 0;
}

#logo img {
    margin: 0px 0 0 -12px;
    padding: 10px 0 0 0;
}

#header-first {
    margin-top: 0;
    height: 90px;
}

#header-first #logo {
    margin: 0;
}

#header-first #slogan {
    display:block;
    font-size:1.5em;
    width: 750px;
    margin: 64px 0 0 115px;
    color: white;
    line-height: 0.9em;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#header-middle {
    width: 20px;
}

#header-last {
    margin: 0;
    padding-right: 10px;
    color: #fff;
    width: auto;
    float: right;
}

#header-last a {
    color: #fff;
}

#header-last .block-wrapper {
    margin: 0px;
}

/* TOP NAVIGATION LINKS */

#top-links {
    background: transparent url(haiku-images/topnav-main.png) top left repeat-x;
    width: auto;
    padding-top: 0px;
    height: 48px;
    padding: 5px 8px 2px 5px;
}

#top-links a:hover {
    text-decoration: none !important; /* No underline on hover in Opera */
}

/* MENU SECTION */

#menu-wrapper {
    background: url(haiku-images/bg-menu.png) center top no-repeat;
    width: 984px;
    height: 54px;
    float: center;
    margin: 0px;
}

#menu-wrapper-front {
    background: url(haiku-images/bg-menu.png) center top no-repeat;
    width: 984px;
    height: 54px;
    float: center;
    margin: 0px;
}

#primary-menu {
    font-size: 1.2em;
    font-weight: normal;
    text-transform: none;
    color: #000 !important;
    float: left;
    padding-left: 20px;
    margin-top: 18px;
}

#primary-menu ul {
    margin-left: 0px;
}

/* text styling for the top (primary) menu */
#primary-menu ul.links li {
    color: #000;
}

/* .first and .last classes applied to first and last menu & list items */
#primary-menu ul.links li.first {
    color: #000;
}

/* .first and .last classes applied to first and last menu & list items */
#primary-menu ul.links li.last {
    color: #000;
}

#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
    color: #000;
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {
    color: #000 !important;
}

#primary-menu ul.menu li {
    background: none;
}

#primary-menu ul.menu li a {
    background: none;
    color: #333 !important;
}

#primary-menu ul.menu li a:hover {
    color: #FFF !important;
}

/* PULL DOWN PRIMARY MENU */
#primary-menu ul.menu li ul li {
    margin: 0;
    top: 10px; /* Adjust vertical position */
    background: #ffcc05;
    border-bottom:1px solid #ffe276;
    z-order: 100;
}

#primary-menu ul.menu li ul {
    background: none !important; /* No BG on primary menu links */
}

#primary-menu ul.menu li ul {
    padding-top: 0 !important;
    font-size: 90%;
}

#secondary-menu {
    width: 984px;
    margin: auto;
    background: #ff9c00;
}

ul.links li {
    padding: 0 0.5em;
}

/* BREADCRUMBS */

#breadcrumb {
    top: 25px;
    left: 4px;
    margin-bottom: 20px;
}

.breadcrumb {
    margin: 0 0 0 30px;
}

/* FRONT PAGE PREFACE AREA */

#mission {
    line-height: 1.8em;
    font-weight: normal;
    color: #336698;
}

#preface-wrapper {
    width: 984px;
    height: 384px;
    padding: 10px 0 0 0;
}

#preface-wrapper a:link,
#preface-wrapper a:visited {
    color: #ff9c00;
    text-decoration: none;
    font-weight: normal;
}

#preface-wrapper a:hover {
    text-decoration: underline !important;
}

#preface-wrapper div.block ul li {
    background: none;
    padding: 0;
    margin: 0 0 0 15px;
    list-style-type: disc;
}

#preface {
    background: url(haiku-images/bg-preface.png) top left no-repeat;
    width: 984px;
    margin: 0px auto 0 auto;
    max-height: 394 !important;
    padding: 0;
}

#preface:before {
    width: 984px;
    min-height: 20px;
}

#preface h2,
#preface h3,
#preface h4,
#preface h5 {
    color: #FFF;
}

#preface-wrapper.prefaces-3 div.column {
    margin: 0px 10px 0px 0;
    height: 370px;
}

#preface-first, #preface-middle, #preface-last {
    font-size: 0.9em;
    color: #FFF;
}

#preface-first {
    width: 260px !important;
    padding-left: 40px;
    padding-right: 15px;
}

#preface-first h2.title {
    border: none !important;
    color: #94CE18;
    margin-top: 0px;
    line-height: 1.2em;
}

#preface-first .view-News h2.title a {
    border: none !important;
    text-decoration: none;
    color: #94CE18;
}

#preface-first p {
    font-size: 115%;
}

#preface-first img {
}

#preface-first .links a {
    font-size: 90%;
}

#preface-first li {
    margin-left: 15px; /* Align bullet */
    font-size: 0.9em;
}

#preface-first h3 {
    margin-bottom: 10px;
    margin: 22px 0 0px 0;
    text-transform: uppercase;
    color: #ff9c00;
}

#preface-first-links {
    background: url(haiku-images/links-box.png) no-repeat;
    margin-top: 20px;
    padding-top: 0px;
    width: 240px;
    height: 83px;
}

#preface-first-links li {
    display: inline;
    position: relative;
}

#block-block-27 { /* Middle preface column Block # */
}

#preface-middle {
    width: 300px !important;
    padding: 10px 20px 0 15px;
}

#preface-middle h2 {
    font-size: 1.0em;
    line-height: 1.0em;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0px;
}

.download-box {
    padding-left: 90px;
    padding-top: 20px;
    background: url(haiku-images/bg-download-box.png) no-repeat;
    width: 340px;
    min-height: 95px; /* So that the alpha stamp displays fully */
}

.download-box p {
    line-height: 1.3em;
    margin-top: 0px;
    padding-top: 0px;
}

.download-box h2 {
    color: #313989 !important;
    margin-top: 0px !important;
}

.download-box a {
    color: #fff !important;
}

.download-box li {
    margin-left: 13px; /* Align bullet */
    font-size: 0.9em;
}

.download-box span.ext {
    display: none;
}

.preface-install-links {
    background: url(haiku-icons/installer_64.png) no-repeat;
    padding-left: 70px;
    padding-top: 0px;
    min-height: 80px;
    margin-top: 20px;
}

.preface-install-links h2,
.preface-install-links p {
    margin: 10px 0 3px 0;
    font-size: 90%;
}

.preface-install-links li {
    margin-left: 13px; /* Align bullet */
    font-size: 0.9em;
}

.preface-community-links {
    background: url(haiku-icons/people_64.png) no-repeat;
    padding-left: 70px;
    padding-top: 0px;
    min-height: 80px;
}

.preface-community-links h2,
.preface-community-links p {
    margin: 15px 0 3px 0;
    font-size: 90%;
}

.preface-community-links li {
    margin-left: 13px; /* Align bullet */
    font-size: 0.9em;
}

.preface-feed-links {
    background: url(haiku-icons/File_RSS_Feed_64.png) 0px 20px no-repeat;
    padding-left: 70px;
    padding-top: 20px;
}

.preface-feed-links h2,
.preface-feed-links p {
    margin: 0;
}

.preface-feed-links p {
    font-size: 90%;
}

.preface-feed-links li {
    margin-left: 13px; /* Align bullet */
    font-size: 0.9em;
}

#preface-last {
    width: 280px !important;
    padding-left: 10px;
    padding-top: 0px;
}

#preface-last h3 {
    margin-bottom: 10px;
    margin: 15px 0 15px 0;
    text-transform: uppercase;
    color: #ff9c00;
}

#preface-last h2.title {
    font-size: 1.3em;
    font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
    font-weight: bold;
    padding: 5px 0 20px 0;
}

#preface-last p {
    margin-left: 0px;
    line-height: 1.2em;
    font-size: 0.9em;
    padding-bottom: 5px;
}

#preface-last div.block ul li {
    margin-bottom: 10px;
    font-size: 0.9em; /* Same size as other preface bullet lists */
}

/* SEARCH BOX & BUTTON */

#search {
    margin-right: 20px;
}

#search-box {
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    background-color: transparent;
    border: none !important;
    top: 20px;
    right: 0px;
    width: 280px;
    padding: 0;
}

#search-box form {
    margin-right: 20px;
    width: 300px;
}

#search-box input#edit-search-theme-form-1 {
/*  background: #EEE url(haiku-images/bg-search-button.png) center left no-repeat; */
    background: transparent !important;
    padding-left: 5px;
    padding-top: 6px;
    height: 15px;
    width: 170px;
    border: none !important;
    color: #777; /* User light color */
}

#search-box input.form-submit {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-outline-radius-bottomleft: 0px;
    -moz-outline-radius-bottomright: 0px;
    -moz-outline-radius-topleft: 0px;
    -moz-outline-radius-topright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-outline-bottom-left-radius: 0px;
    -webkit-outline-bottom-right-radius: 0px;
    -webkit-outline-top-left-radius: 0px;
    -webkit-outline-top-right-radius: 0px;
    border: none !important;
    margin-left: 15px;
    text-indent: -100em;
    height: 25px;
    width: 50px; /* Match BG image width regardless of text length */
    padding-bottom: 5px;
    color: transparent;
    background: transparent url(haiku-images/search-button.png) no-repeat;
}

/* CONTENT AREA */

#main {
    background: none;
    width: 984px;
    margin: 0px auto;
    padding-left: 0;
}

#main-front {
    background: none;
    width: 984px;
    margin: auto;
    padding-left: 0;
    height: 100%;
}

#main-wrapper {
    width: 984px;
    margin: auto;
    background: url(haiku-images/bg-main.png) top center repeat-y;
    z-order: 100;
}

#main-wrapper-front {
    width: 984px;
    margin: auto;
    background: url(haiku-images/bg-main.png) top center repeat-y;
    z-order: 50;
}

/* #content-wrapper {
    margin-left: 20px;
} Note: IS THIS NEEDED? */

#content-top div.block-wrapper {
    margin-top: 0px;
}

#content-top {
    margin-left: 30px;
    margin-right: 40px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.latest-posts-headline {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    color:#333;
    margin-top: 15px;
}

#content-inner {
    padding-left: 30px;
    padding-right: 40px;
    margin-top: 25px;
}

#content-inner h2,
#content-inner h3,
#content-inner h4,
#content-inner h5 {
    margin-bottom: 15px; /* Add white space after all headlines... */
}

#content-inner h2.title {
    margin-bottom: 0px; /* ...except to node titles */
}

#content-inner .views-row-odd h2 {
    padding: 0px 10px 5px 0px;
}

#content-inner .views-row-even h2 {
    padding: 10px 10px 5px 0px;
}

#content-tabs {
    margin-left: 30px;
}

#content-content .node ul.inline li {
    padding: 0px;
}

div.view div.views-admin-links ul {
    width: 300px;
}

#content-content {
    font-size: 110%;
    line-height: 1.5em;
}

#content-content .views-field-item-title-url {
    font-size: 1.1em;
    font-weight: bold;
}

#content-content .views-field-title {
    font-weight: bold;
}

div.node.full-node div.content {
    margin-top: 15px;
}

h2.title {                   /* block titles, node titles */
    text-transform: none;
}

h2.title a {                   /* block titles, node titles */
    color: #22476A !important;
}

h2.title a:hover, h2.title a:active {
    text-decoration:none;
}

/* FRONT PAGE SOURCE COMMITS AGGREGATOR BLOCK */

#main-wrapper-front #block-aggregator-feed-5,
#main-wrapper-front #block-aggregator-feed-6,
#main-wrapper-front #block-aggregator-feed-7,
#main-wrapper-front #block-aggregator-feed-13,
#main-wrapper-front #block-aggregator-feed-8 {
    background: transparent url('images/block-gradient.png') no-repeat center bottom;
    border-style: solid;
    border-width: 1px;
    border-color: #cacaca; /* Color picked from actual screenshot */
    border-top: none;
    margin-top: 0px !important;
    padding: 20px 15px 10px 15px;
    top: -1px; /* Align top left & right corner joints */
}

#block-aggregator-feed-5 h2 {
    background: transparent url(haiku-icons/ide_project_48.png) bottom left no-repeat;
    padding: 10px 0 0px 53px;
    line-height: 48px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 1.5em;
}

#main-wrapper-front #block-aggregator-feed-5 ul li a,
#main-wrapper-front #block-aggregator-feed-6 ul li a,
#main-wrapper-front #block-aggregator-feed-7 ul li a,
#main-wrapper-front #block-aggregator-feed-13 ul li a,
#main-wrapper-front #block-aggregator-feed-8 ul li a {
    font-weight: normal;
    font-size: 1.0em;
}

ul.quicktabs_tabs.quicktabs-style-zen {
    margin-bottom: 0;
}

ul.quicktabs_tabs.quicktabs-style-zen li.active a,
ul.quicktabs_tabs.quicktabs-style-zen li.active a:hover {
    color: #22476A;
}

ul.quicktabs_tabs.quicktabs-style-zen li a {
    color: #333;
}


/*--- COMMENTS & FORUMS BLOCKS ---*/

div.block-comment div.block-icon,
div.comments-block-icon,
#block-views-comments_recent-block div.block-icon {
    background: transparent url('haiku-icons/App_Chat_48.png') no-repeat left center;
}

#comments h2.comments {
/*  background-color:#ff9c00; */ Green instead of orange
    color:#FFFFFF;
    margin: 0 !important;
    text-shadow: none;
}

div.rounded-block-top-left,
div.rounded-block-top-right,
div.rounded-block-bottom-left,
div.rounded-block-bottom-right,
div.rounded-outside,
div.rounded-inside {
    background: none !important; /* Hide outside border */
}

.comment .links a {
    font-size: 1.0em;
}

.comment h3.title {
    margin-bottom: 0px !important;
}

.new, /* Theming for new comments? */
.comment-folded .new {
    text-align: right;
    float: right;
    background-color: #ff9c00; /* was #FFDDAA */
    color: #FFF;
    font-weight: bold;
    font-size: 0.8em;
    padding: 2px 4px;
}

.comment-new {
  margin: 0.5em 1.0em 2.0em 1.0em;
  padding-left: 1.5em; 
}

#comments .odd {
    background-color:#F4F7E7;
    border: none;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    margin: 0px;
}

#comments .even {
    border: none;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    margin: 0px;
}

#main-wrapper #comments a.active {
    color: #22476A;
    text-decoration:none;
}

/* Forum buttons */
input.form-submit, input.teaser-button {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-outline-radius-bottomleft: 0px;
    -moz-outline-radius-bottomright: 0px;
    -moz-outline-radius-topleft: 0px;
    -moz-outline-radius-topright:0px;
    background: transparent url(images/blue-button.png) no-repeat scroll left center;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.916em;
    font-weight: bold;
    margin: 0 4px;
    outline-color: none;
    padding: 3px;
    text-transform: none;
}

/* FORMS */

div.form-item label { /* Bold for form field labels */
    font-weight: bold;
}

.form-item .description { /* Increase size of form field descriptions */
    font-size: 1.0em;
}

.form-item .links {
    float: left !important;
    display: block;
    text-align: left;
}

.form-item ul.links li a {
    display: inline;
    text-align: left;
    margin-right: 15px;
}

.form-item ul li {
    padding: 0 0 0 14px !important;
    background-position: left 0.4em !important;
}

select.form-select, input.form-text, textarea.form-textarea { /* Don't use rounded corners */
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
}

/* FOOTER AREA */

#footer {
    background: transparent url(haiku-images/bg-legal.png) center top no-repeat;
    border-bottom: none;
    border-top: none;
    width: 984px;
    color: #555;
    height: 100px;
    padding-top: 25px;
    text-align: left;
    margin: auto;
}

#footer a {
    color: #ff9c00;
    color: #ff6c00;
}

#footer p {
    margin-left: 30px;
}

legal,
#legal-notice { /* Hide legal stuff */
    display: none;
}

/**************************/
/*   TWO COLUMN LAYOUT    */
/* (Main Content:Sidebar) */
/**************************/

body.layout-main-last #content-wrapper {
    margin: 24px 0 0 30px;
    width: 710px;
}

body.layout-main-last #sidebar-last {
  margin: 24px 35px 0 0;
  width: 200px;
}

body.layout-main-last #content-wrapper {
}

/**************************/
/*   TWO COLUMN LAYOUT    */
/* (Sidebar:Main Content) */
/**************************/

body.layout-first-main #sidebar-first {
    width: 200px !important;
    margin: 24px 0 0 35px;
/*  margin-top: 15px; Align with top of main content
    margin-left: 30px; */
}

body.layout-first-main #content-wrapper {
    width: 740px;
    margin-left: 0px;
    margin-top: 20px;
}

/**************************/
/*   ONE COLUMN LAYOUT    */
/*   (Main Content)       */
/**************************/

body.layout-main #content-wrapper {
    width: 940px; /* Same width as two-column layouts */
    margin-left: 30px; /* Margins for single-column pages */
}

/******************************/
/* CALENDAR NODES DEFINITIONS */
/******************************/

table .mini-day-on a {
    font-weight: bold;
    border-bottom: 2px solid  #336698;
    text-decoration: none;
}

#preface-first .comment-item {
    padding-right: 15px;
}

.comment-item {
    line-height: 18px;
}

/* IMCE FILE MANAGER BUTTONS */

#ops-wrapper ul.secondary li {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -moz-outline-radius-bottomleft:4px;
    -moz-outline-radius-bottomright:4px;
    -moz-outline-radius-topleft:4px;
    -moz-outline-radius-topright:4px;
    background:transparent url(images/blue-button.png) no-repeat scroll left center;
    cursor:pointer;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:0.916em;
    font-weight:bold;
    margin:0 4px;
    outline-color:#9BABB0;
    outline-style:solid;
    outline-width:1px;
    padding:2px 4px;
    text-transform:uppercase;
}

#ops-wrapper ul.secondary li a {
    color:#FFFFFF;
}

/* IMCE FILE MANAGER RESIZERS */

.y-resizer {
    height:7px;
}

.x-resizer {
    width:7px;
}

/* IMCE FILE MANAGER UPLOAD */

.op-content {
    min-width:400px;
    padding:0.3em;
    text-align:left;
    width:80%; /* Make it all fit in one line */
}

#help-box-title {
    font-weight: bold;
}

/* ERROR/WARNING/STATUS MESSAGES */

.help,
div.error,
div.messages,
div.status {
    margin-left: 30px !important;
    margin-right: 50px !important;
}

ul li {
    padding-left: 15px;
}

/* PAGER CUSTOMIZATION */

.pager-item,
.pager-next,
.pager-last,
.pager-current,
.pager-previous,
.pager-first,
.pager-ellipsis {
    background-image: none !important;
    margin: 0 !important;
    padding: 5px 10px 5px 10px !important;
    font-size: 90%;
}

.pager-item,
.pager-next,
.pager-last,
.pager-previous,
.pager-first {
    background-color: #94CE18 !important;
    color: #fff;
}

.pager-current {
    background-color: #ff9c00 !important;
    color: #fff;
}

.pager-ellipsis {
    border: none;
}

.item-list .pager li a {
    color: #333;
}

#main-wrapper .item-list .pager {
    margin: 30px 0 20px 0;
}

/* img_assist classes */

span.left, span.inline-left { /* Line added for compatibility with D5 version */
    float: left;
    margin: 5px 30px 5px 0px;  /* Increasing right spacing from 10px to 30px. */
}

span.right, span.inline-right { /* Line added for compatibility with D5 version */
    float: right;
    margin: 5px 0px 5px 30px; /* Increasing left spacing from 10px to 30px. */
}

span.center, span.inline-center { /* Line added for compatibility with D5 version */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

span.caption {
    display: block; /* put the caption under the image (not next to it) */
    font-size: 90% !important;
    margin: 0 0 15px 0;
    line-height: 1.2em; /* Added to adjust caption line spacing */
}

.inline img {
    border: 0px solid #777 !important; /* put a border around inline images */
}

/* Haiku User Guide s tyles and layout */

/* Info/Warning/Stop boxes */
.box-info,
.box-stop,
.box-warning,
.box-right,
.box-info-right {
    border-style: solid;
    border-width: 2px;
    border-color: #dcdcdc;
    padding: 10px 15px 10px 60px;
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 42px;
}

.box-info {
    background: #e4ffde url(haiku-icons/alert_info_32.png) 15px 15px no-repeat;
    border-color: #94CE18;
}

.box-info-right {
    float: right;
    background: #e4ffde url(haiku-icons/installer_64.png) 15px 15px no-repeat;
    margin: 0 80px 20px 120px;
    padding: 15px 40px 15px 90px;
}

.box-release-info-right {
    float: right;
    background: #e4ffde url(haiku-icons/installer_64.png) 15px 15px no-repeat;
    margin: 0 0px 20px 80px;
    padding: 15px 40px 15px 90px;
}

.box-people-right {
    float: right;
    background: #e4ffde url(haiku-icons/App_People_64.png) 15px 15px no-repeat;
    margin: 0 0 20px 80px;
    padding: 15px 40px 15px 90px;
    max-width: 250px;
}

.box-registration-right {
    float: right;
    background-color: #e4ffde;
    margin: 20px 0 20px 45px;
    padding: 15px 20px 15px 20px;
    max-width: 270px;
}

.box-contact-right {
    float: right;
    background: #e4ffde;
    margin: 0 0 20px 15px;
    padding: 15px 40px 15px 20px;
    max-width: 260px;
}

.box-contact-right h4,
.box-contact-right h3 {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.box-document-right {
    float: right;
    background: #e4ffde url(haiku-icons/File_Text_64.png) 15px 15px no-repeat;
    margin: 0 0px 20px 80px;
    padding: 15px 40px 15px 90px;
    max-width: 250px;
}

.intro {
    font-size: 1.2em;
    line-height: 1.9em;
}

.box-warning {
    background: #fffbc6 url(haiku-icons/alert_warning_32.png) 15px 15px no-repeat;
    border-color: #EED300;
}

.box-stop {
    background: #ffeae6 url(haiku-icons/alert_stop_32.png) 15px 15px no-repeat;
    border-color: #FF0000;
}

.box-right {
    display: block;
    float: right;
    background: #EEE;
    border: 2px solid #DDD;
    padding: 10px;
    width: 45%;
    margin-right: 20px;
    font-size: 1.2em;
    line-height: 1.3em;
}

.box-right ul {
    margin-left: 10px;
}

.box-right ul li {
    list-style-type: disc;
}

/* More layout and styles */

pre {
    border-color: #0c3762;
    border-style: dotted;
    border-width: thin;
    margin: 15px 0 15px 0;
    padding: 1.5em;
    background-color: #efefef;
    overflow: auto;
}

pre.terminal {          /* Terminal output*/
    border-color: #ffb11f;
    border-style: dotted;
    border-width: thin;
    margin: 15px 0 15px 0;
    padding: 1.5em;
    background-color: #3a3a3a;
    color: #ffb11f;
}

pre.terminal span.mailto,
pre.terminal span.ext {
    display: none;
}

pre.terminal a {
    color: #ffb11f;
    text-decoration: none !important;
}

/* HIGHLIGHTED CODE */
.geshifilter {
    font-size: 1.1em !important;
    overflow: auto;
    margin: 15px 0 15px 0 !important;
}

div.geshifilter > pre ol, div.geshifilter > div ol {
    padding-left: 2.5em;
}

div.geshifilter {
    margin: 0em;
    background-color: #efefef;
}

div.geshifilter > pre, div.geshifilter > div {
    margin:0;
    overflow:auto;
    padding:0;
    border: none;
}

div.geshifilter a.ext { /* Don't theme external links inside highlighted code */
  background: none;
  padding-right:0;
}

.button-old {           /* Old button class from User Guide */
    font-size: 1.0em;
    font-family: serif;
    font-style: italic;
    color: #33583c;
}

.button {               /* New button class */
    border-color: #c7c7c7;
    border-style: solid;
    border-width: 1px;
    padding: 2px 5px 2px 5px;
    background-color: #e8e8e8;
    font-size: 0.9em;
    margin: 0 3px 0 3px;
}

.app {              /* GUI Application name */
    font-size: 1.0em;
    font-family: serif;
    font-style: italic;
    color: #5e1c1c;
}

.cli {              /* Shell command or file */
    background-color: #e8e8e8;
    font-size: 0.9em;
    font-family: monospace;
}

.path {             /* File path */
    background-color: #e8e8e8;
    font-size: 0.9em;
    font-family: monospace;
}

.key {              /* Shortcut (separate with   */
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;  
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: #c7c7c7;
    border-style: solid;
    border-width: 1px;
    padding: 0px 2px 0px 2px;
    background-color: #e8e8e8;
    font-family: serif;
    font-variant: small-caps;
    font-size: 0.8em;
}

/* FORUM CUSTOMIZATIONS */

#forum tr td.icon {
    background-image: url(haiku-links/link_email-post.png);
    background-position: 5px 5px;
    background-repeat:no-repeat;
    padding-left: 25px;
}

#forum tr td.icon img {
    display: none;
}

#forum tr td.forum {
    background-image: url(haiku-links/link_email-post.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

#forum table {
    margin-top: 60px;
    clear: right;
}

.forum-topic-navigation {
    display: none;
}

.marker {
    background-color: #ff9c00; /* was #FFDDAA */
    color:#FFF;
    font-size:0.8em;
    padding:2px 4px;
}

/* TABLE FORMATTING OVERRIDES */

td {
vertical-align: top;
}

/* LIGHTBOX CUSTOMIZATION */

#imageDetails #caption {
    margin-left: 0px; /* Move popup caption to left margin */
}

#bottomNavClose {
    margin-top:40px; /* Move closer to bottom egde */
}

#slideshowcs-outer {
    height: 162px !important;
    width: 200px !important;
}

#block-slideshowcs-0 {
    background: url(haiku-images/bg-screen.png) 0px 0px no-repeat !important;
    width: 207px;
    padding: 8px 0 0 10px;
}

#slideshowCS-0 {
}

#slideshowcs-outer element.style {
    width: 150px !important;
}

/* BOOK-BASED CONTENT TYPE CUSTOMIZATIONS */

.book-navigation .menu {
    display: none;
}

.book-navigation,
.book-navigation .page-links {
    margin-top: 30px;
    display: none;
}

/* Fix table width in Book Edit Order page */
#book-outline {
    min-width: 90%;
}

/* HIGHLIGHT IMAGE HOVER EFFECT */

.toggleopacity img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.toggleopacity:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.toggleopacity img {
}

/* NODE AND COMMENT LINKS */

#content-content .comment ul.links li,
#content-content .node ul.links li,
#content-content .node ul.inline li,
#content-content .node .links a,
span.comment-item {
    background: transparent none no-repeat scroll 0 0;
}

.comment_delete,
.comment_edit,
.comment_reply,
.comment_add,
.comment_forbidden,
.comment-item,
.quote,
.book_printer {
    padding-left: 20px !important;
}

.comment_delete {
    background-image: url(haiku-links/link_comment-delete.png) !important;
}

.comment_edit {
    background-image: url(haiku-links/link_comment-edit.png) !important;
}

.comment_reply {
    background-image: url(haiku-links/link_comment-reply.png) !important;
}

.comment_add {
    background-image: url(haiku-links/link_comment-add.png) !important;
}

.comment-item {
    background-image: url(haiku-links/link_comments.png) !important;
}

.comment_forbidden {
/*  background-image: url(haiku-links/link_login.png) !important; */
}

.quote {
    background-image: url(haiku-links/link_quote.png) !important;
}

.book_printer {
    background-image: url(haiku-icons/Prefs_Printer_16.png) !important;
}

div.node.full-node div.content {
    border-bottom: none !important;
}

/* GALLERIA & JCAROUSEL THEMING */
#galleria-content ul li {
    background: none !important;
}

#galleria-content element.style {
    width: 560px !important;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    background: #EEE;
    height:75px;
    width: 560px !important;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    background: #EEE;
    padding: 20px 40px;
    width: 560px;
}

.galleria-nav {
    text-align: center;
    margin-bottom: 10px;
}

.item-list .galleria {
    display: none !important;
}

#galleria-content span.caption {
    font-weight: normal !important;
    font-size: 1.1em !important;
    width: 800px;
    margin: auto;
    margin-bottom: 10px;
    text-align: left;
    min-height: 100px;
}

#main-image {
    text-align: center;
}

/* TAXONOMY TERMS & OTHER LINKS IN TEASERS */

.meta {
    font-size: 0.9em;
    margin-bottom: 20px; /* Some extra space between headline and teaser body */
}

.terms {
    background: url(haiku-links/link_tags.png) no-repeat;
    display: inline;
    margin-left: 10px;
    font-size: 1.0em; /* Same size as "submitted by" */
}

.terms:before {
    content: "Tags: ";
    display: inline;
    margin-left: 18px;
}

.taxonomy {
    display: inline;
}

.terms ul {
    margin-left: 0px;
}

.vocab-term li {
    display: inline;
}

#content-content .blog_usernames_blog a {
    font-weight: bold !important;
    color: #22476A;
}

/* MISCELLANEOUS */

.links {
    display: inline;
    float: right;
    height: 24px;
    padding-top: 5px;
    margin: 15px 0 0 0;
    text-align: right;
}

.links a {
    font-weight: normal !important;
}

.more-button {              /* Shortcut (separate with   */
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;  
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: #c7c7c7;
    border-style: solid;
    border-width: 1px;
    padding: 2px 4px 2px 4px;
    background-color: #e8e8e8;
    font-family: serif;
    font-variant: small-caps;
    font-size: 1.0em;
    width: auto;
}

.button-video,
.button-guide {
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;  
    -moz-border-radius: 3px;
    padding: 8px 8px 8px 48px;
    font-family: serif;
    font-variant: small-caps;
    font-size: 1.0em;
    width: auto;
}

.button-video a:hover,
.button-guide a:hover {
    text-decoration: none;
}

.button-video {
    background: #e8e8e8 url(haiku-icons/video_32.png) 8px 0px no-repeat !important;
}

.button-guide {
    background: #e8e8e8 url(haiku-icons/File_Bookmark_32.png) 8px 0px no-repeat !important;
}

.button-video a:hover {
    text-decoration: none;
}

/* Image Picker */

#imgp .messages {
    width: 700px !important;
}

#main-imagepicker html.js .resizable-textarea textarea {
    width: 800px;
}

#main-imagepicker html.js fieldset.collapsible {
    width: 800px;
}

#main-imagepicker html.js fieldset.collapsible .fieldset-wrapper {
    width: 750px;
}

#imgp,
#imgp .form-item .description,
#imgp div.form-item label,
#imgp form,
#imgp td,
#imgp #main,
#imgp .tabs ul li,
#imgp ul.primary,
#main-imagepicker {
    width: 840px;
}

#main-imagepicker ul li {
    padding-left: 0px;
}

#main-imagepicker .form-item {
    width: 750px;
}

#main-imagepicker .resizable-textarea .grippie {
    width: 713px;
}

/* SIDE BLOCKS */

#sidebar-first div.block div.content,
#sidebar-last div.block div.content,
#postscript-wrapper div.block div.content {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    background: transparent url(images/block-gradient.png) no-repeat scroll center bottom;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 10px 10px 8px;
    margin-bottom: 25px;
}

/*--- BLOCK HEADER ---*/
#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
    background-color: #ff9c00;
    text-shadow: none;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-radius-topleft: 0px;
    -khtml-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/**************/
div.block-blog div.block-icon,
div.block-comment div.block-icon,
div.block-forum div.block-icon,
div.block-search div.block-icon,
div.block-menu div.block-icon,
div.comments-block-icon,
div.block-user div.block-icon,
#block-block-32 div.block-icon,
#block-views-conference_views-block_1 div.block-icon,
#block-blog-0 div.block-icon,
#block-book-0 div.block-icon,
#block-menu-devel div.block-icon,
#block-user-0 div.block-icon,
#block-cafepress-0 div.block-icon,
#block-views-archive-block div.block-icon,
#block-views-docs_dev_all-block_1 div.block-icon,
#block-views-article_views-block_1 div.block-icon,
#block-views-comments_recent-block div.block-icon {
    height:48px;
    left:0;
    position:absolute;
    top:-0.666em;
    width:48px;
}
/**************/

/*--- ADMIN BLOCK ---*/
div.block-menu div.block-icon,
body.layout-main-last #sidebar-last div.block-menu h2.block-title {
    background: transparent url(haiku-icons/folder_config_48.png) no-repeat scroll left center;
}

/*--- USER BLOCK ---*/
div.block-user div.block-icon,
body.layout-main-last #sidebar-last div.block-user h2.block-title {
    background: transparent url('haiku-icons/folder_people_48.png') no-repeat 5px center;
    width: 70px;
}

/*--- USER LOGIN BLOCK ---*/
#block-user-0 div.block-icon,
body.layout-main-last #sidebar-last #block-user-0 h2.block-title {
    background: transparent url('haiku-icons/Action_Logout_48.png') no-repeat left center;
}

#block-blog-0 div.block-icon, /* Blog-O-Sphere block */
body.layout-main-last #sidebar-last #block-blog-0 h2.block-title {
    background: transparent url('haiku-icons/styled_edit_48.png') no-repeat left center;
}


#block-block-32 div.block-icon, /* Google Summer of Code block */
body.layout-main-last #sidebar-last #block-block-32 h2.block-title {
    background: transparent url('haiku-icons/App_Terminal_48.png') no-repeat scroll left center;
}

#block-views-conference_views-block_1 div.block-icon, /* Event Highlights block */
body.layout-main-last #sidebar-last #block-views-conference_views-block_1 h2.block-title {
    background: transparent url('haiku-icons/microphone_48.png') no-repeat scroll left center;
}

#block-views-article_views-block_1 div.block-icon, /* Latest articles block */
body.layout-main-last #sidebar-last #block-views-article_views-block_1 h2.block-title {
    background: transparent url('haiku-icons/File_Text_48.png') no-repeat left center;
}

#block-cafepress-0 div.block-icon, /* CafePress block */
body.layout-main-last #sidebar-last #block-cafepress-0 h2.block-title {
    background: transparent url('haiku-icons/people_48.png') no-repeat left center;
}

#block-forum-0 div.block-icon, /* Forums block */
body.layout-main-last #sidebar-last #block-forum-0 h2.block-title {
    background: transparent url('haiku-icons/App_Chat_48.png') no-repeat left center;
}

#block-views-docs_dev_all-block_1 div.block-icon, /* Latest Docs block */
body.layout-main-last #sidebar-last #block-views-docs_dev_all-block_1 h2.block-title {
    background: transparent url('haiku-icons/file_bookmark_48.png') no-repeat left top;
}

#block-book-0 div.block-icon, /* Book Navigation Block */
body.layout-main-last #sidebar-last #block-book-0 h2.block-title {
    background: transparent url(haiku-icons/folder_haiku_48.png) no-repeat scroll left center;
}

/*--- FEEDS BLOCK ---*/
#block-block-13 .content {
    border-top: 1px solid #cacaca;
}

/*--- DEVEL BLOCK ---*/
#block-menu-devel div.block-icon,
body.layout-main-last #sidebar-last #block-menu-devel h2.block-title {
    background: transparent url('icons/icon-gears-48.png') no-repeat left center;
}

/*--- BLOG BLOCKS ---*/
div.block-blog div.block-icon {
    background: transparent url('icons/icon-comment-48.png') no-repeat left center;
}

ul.chooser li {
    padding: 0px;
    list-style: none !important;
    background: none !important;
}

ul.chooser {
    margin-left: 10px !important;
}

/* CafePress Showcase Page */

ul.cafepress150 li {
    list-style: none !important;
    background: none !important;
    margin: 0px !important;
    padding: 25px !important;
    font-size: 0.9em;
    text-align: center;
}

#block-cafepress-0 .content {
/*  border: none !important;
    background-image: none !important; */
    margin-bottom: 0px !important;
}

#block-cafepress-0 .content img {
    margin-bottom: 0px;
    margin-top: 0px;
}

body.layout-main-last #sidebar-last li.leaf,
body.layout-main-last #sidebar-last ul.menu li,
body.layout-main-last #sidebar-last .item-list ul li,
#content-content ul li,
#content-bottom ul li {
    background: transparent url(haiku-images/bullet_orange.gif) no-repeat scroll left 0.5em;
    margin-bottom: 8px;
}

/* SUBSCRIPTIONS */

#subscribe .fieldset-wrapper {
    height: 200px; /* Adjust height to avoid displaying vertical scrollbar */
    padding-top: 10px;
}

#subscribe .collapse-processed {
    margin-left: 0px;
}

html.js fieldset.collapsed legend a {
    padding-left: 10px;
    margin-left: 0px;
    background-position: 0px;
}

html.js fieldset.collapsible legend a {
    padding-left: 15px;
    margin-left: 0px;
}

fieldset {
    padding-left: 0px;
}

/** DOWNLOAD PAGE **/

span#clientLocationText { /* Highlight client location */
    font-weight: bold;
}

tr.firstMirror td.location { /* Add Haiku leaf to preferred location row */
/*  background: #ff9c00 url(haiku-icons/Haiku_Leaf_16.png) 5px 5px no-repeat;
    padding-left: 24px !important; */
}

tr.firstMirror td,
tr.firstMirror td a { /* Highlight preferred location row with different color */
/*  background: #ff9c00; /*#94CE18; */
/*  color: #FFF; */
}

/* Google Map Theming */
.views-field-latitude,
.views-field-longitude,
.gmap-popup .views-label-field-event-starts-value,
.gmap-popup .views-label-field-event-homepage-url,
.gmap-popup .views-label-country,
.gmap-popup .views-label-title {
    display: none; /* Hide all labels & latitude/longitude */
}

/* Front page EVENT HIGHLIGHTS block theming */
.view-display-id-block_1 .views-label-field-event-starts-value,
.view-display-id-block_1 .views-label-field-event-homepage-url,
.view-display-id-block_1 .views-label-country,
.view-display-id-block_1 .views-label-title {
    display: none; /* Hide all labels & latitude/longitude */
}

.view-display-id-block_1 .views-field-title span.field-content a {
    font-weight: bold !important;
}

#autocomplete {
    background: #FFF !important;
}

#hide {
    display: none !important;
}

#attachments {
    margin-top: 20px; /* Some extra space before Attachment table */
}


.view-tracker table {
    font-size: 0.9em;
}

/* USER PROFILE */

.profile dd {
    margin-left: 195px; /* Align fields */
}

.profile .geo {
    display: none;
}

#pcp-percent-bar {
    background-color: #336698 !important;
    height: 15px !important;
}

#pcp-percent-bar-wrapper {
    border: 1px solid #cacaca !important;
    padding: 1px !important;
    width: 100% !important;
    margin: 0 0 5px 0 !important;
}

body.layout-main-last #sidebar-last {
    width: 200px;
}

#sidebar-last {
    float:left;
    margin:0 0 0 10px;
}

body.layout-main-last #sidebar-last h2.block-title {
    background-color:transparent;
    border-bottom:1px solid #D6DDB9;
    color:#666666;
    padding:0;
    text-align:left;
    text-shadow:none;
    width:200px;
}

blockquote {
    background-color: #F6F6F6 !important;
    background-image: none !important;
    border: 1px solid #DDDDDD !important;
    margin: 1em 2em;
    padding: 1em;
    color: #666666;
}

blockquote :first-child {
    background-image: none !important;
    padding: 1em;
    color: #666666;
}

/* IDENTIFY UNPUBLISHED NODES BY USING A LIGHT GREY BACKGROUND*/

#content-content .node-unpublished {
    background-color: #DDD;
}