@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("backpackit.com") {

/*********************************************************/
/* Global Styles */
/*********************************************************/
body, .page, .content, .widget_parent, .hover_target,
.widget, .page_widget, .list_wrapper, .inner, .page_tags, .page_header,
.widget_bar, h1, h2, .link_to_add_child, .note, .separator * > span
, .item_wrapper, #Container, div.list, .reminder > div.widget_content,
label, #token, .big
  {
   background:#222 !important;
   color:#D0D0D0 !important;
  }

  h1 > * *,
  .page_header h1
  {
  color:#428BAB !important;
  }

input, textarea
  {
    background: #CCC !important;
  }

a.current
  {
   background:#222 !important;
   color:#D0D0D0 !important;
   border-color: #222 !important;   
  }

.widget_bar_links * > a, .admin > a
  {
    color: #0B5B00 !important;
    text-decoration: none !important;
  }

#account_links * > a:hover
  {
    background-color: transparent !important;
  }

.widget_bar_links * > a:hover,
.widget_bar_links * > a:hover > span,
.admin > a:hover, .blank_slate > a,
div.comment_form div.options_container a:link, div.comment_form div.options_container a:visited,
.utility_bar a
  {
    color: #0B5B00 !important;
    text-decoration: underline !important;
    background-color: #222 !important;
  }

/* links inside of notes and lists */
.note_wrapper * > a, .list_wrapper a
  {
    color: #0B5B00 !important;
  }

/* keep link on shared pages from cutting off */
span.sharing_link
  {
    width: 40% !important;
  }

img[src*="footer-logo.gif"]
  {
    width: 0 !important;
    padding-right:49px!important;
    background-image: url(http://qwertyful.com/img/stylish/bp_footer_logo.gif) !important;
  }

/*** Add Comment icon ***/
.commentable_icon img
  {
    width: 0px !important;
    height: 16px !important;
    padding-right:18px!important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAAXNSR0IArs4c6QAAAPxQTFRFAgICdXV1AwMDCAgICQkJeXl5DQ0NExMTDg4OdHR0jY2NDAwMc3Nzb29vfn5+Dw8PdnZ2BgYGV1dXVlZWW1tbBQUFWVlZJiYmEhISPj4+Ozs7FhYWTExMVFRUUVFRaGhoT09Pj4+PRUVFGhoaSEhICgoKGxsblZWVioqKHR0dhoaGXFxcMjIyUlJSbGxsQEBAZWVle3t7ICAgenp6a2trGBgYPDw8BAQES0tLYmJiZGRkfHx8RkZGKCgoAQEBMTExSkpKcHBwTk5OTU1NQUFBIyMjY2NjQ0NDh4eHYGBgcnJybm5ufX19Hh4eFRUVERERNDQ0CwsLBwcHAAAArDbsLAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfZARsRJBcsQrNPAAAAlklEQVQY02NwxQAMYNLWwovVmFHPUxwm5O6tC5bQdBIQgwgpuUnDNVlZgoR8OdmRDGKVAwrJCiObbcMHFGLURxYSVwcKmcggCwUo+jG4SvIgC8kzsgNt5JNCiEhqSYEcYSAEE1AT8TCTAAkZGrGLcYo4qAjxcjHaSwDdpewjoMDoKMypwcWqrQN2M4MLD6+1symmt1EAAO3APOOkHubzAAAAAElFTkSuQmCC) !important;
    background-repeat: no-repeat !important;
  }

/*********************************************************/
/* Announcements */
/*********************************************************/
.system_announcement, .system_announcement > h1
  {
    background-color: #333 !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

.system_announcement a, .system_announcement a span
  {
    color: #118B00 !important;
    text-decoration: none !important;
  }

.system_announcement a:hover, .system_announcement a:hover span
  {
    text-decoration: underline !important;
  }
/*********************************************************/
/* Hide some things */
/*********************************************************/

#PageLimit, .SidebarAd, .shadow, #Upgrade
  {
    display:none !important;
  }

/*********************************************************/
/* Hover item menus */
/*********************************************************/
.wrapper
  {
   background:#444 !important;
   -moz-border-radius: 10px !important;
  }

  a > span[hover_container*="show_item"],
  a > span[hover_container*="show_list"],
  a > span[hover_container*="show_note"],
  a > span[hover_container*="show_separator"],
  a > span[hover_container*="title_page"],
  a > span[hover_container*="reminder"],
  a > span[hover_container*="comment"]
  {
       color: #009000 !important;
    border-bottom-color: #009000 !important;
  }

a[hover_container] > span[hover_container]
{
   background:#444!important;
}

div.cancel_link > a.admin
  {
    color: red !important;
  }
div.cancel_link > a.admin:hover > span
  {
    color: red !important;
    background-color: #222 !important;
    text-decoration: underline !important;
  }

/*********************************************************/
/* add section */
/*********************************************************/
.add > form
  {
   background:#333!important;
   color:#D0D0D0 !important;

   -moz-border-radius: 10px !important;
  }

a.admin
  {
    color: green !important;
  }


/*********************************************************/
/* Completed items */
/*********************************************************/
.done, .completed_item > .content > span.content > highlightable
  {
   background:#222 !important;
   color:#555 !important;
  }

/*********************************************************/
/* Edit section */
/*********************************************************/
 div.form, .new_journal_entry
{
   background:#333!important;
   border: solid 1px #444 !important;
   padding-left: 2px !important;
   padding-top: 1px !important;
   -moz-border-radius: 10px !important;
}

.edit > form, .edit_list_name, div.form,
div.page_title * > div.widget_content, div.form > h2,
.new_journal_entry > h2, tr.checkbox label
{
   background:#333!important;
   -moz-border-radius: 10px !important;
}

/* fix wierd span in Rename Divider div */
span.inline_background {background: transparent !important}

/*********************************************************/
/* Navigation */
/*********************************************************/
  #Pages
  {
   background:#222 !important;
}

  .pagesnav > a, .pages > a
  {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9gKFg4pEF4UhoUAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAATUlEQVQI10XISw5AQBAGYV09yLCydghr9z+TR5j+x4ZYVPKlmnlZGdrM6D0pLqSg1oJCqBak+N9rqQCOmQNfCcNxEhgYiS5PbPfBHucDBrEmyN5BjwkAAAAASUVORK5CYII=") !important;

   background-repeat:repeat-x !important;
   background-position:bottom !important;
   border: solid #214957 1px !important;
   margin-top: 5px  !important;
   margin-bottom: 5px  !important;
   color:#387993 !important;
   text-decoration:none !important;
   -moz-border-radius: 15px !important;
  }

  .pages > a > span, .pagesnav > a > span
  {
   text-decoration:none !important;
  }

  .pagesnav > a:hover, .pages > a:hover
{
   border: solid #BF5E24 1px !important;

}
 
.pages > a:hover > span, .pagesnav > a:hover > span
{
   background-color:transparent !important;
   color:#387993 !important;
}

.pagesnav > a.current, .pages > a.current
{
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9gKFg04DBuKR4MAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAPklEQVQI1zXKsQ3AMBDDwDelLOL9N4wEpLBT8QrO3hvWQja2sYX090EWtrB8n+OZIQlNSXPc3oakJKV5SfsBJW8hqCo2Q/kAAAAASUVORK5CYII=") !important;

   background-repeat:repeat-x !important;
   border: dashed #BF5E24 1px !important;
   color:#BF5E24 !important;
}

  .pages > a.current > span, .pagesnav > a.current > span
  {
   color:#BF5E24 !important;
   background-color: transparent !important;
  }

/* Replace New Page image */
img[src*="make_a_new_page.gif"]
  {
    padding-left: 200px !important;
    width: 0 !important;
    background-image: url(http://qwertyful.com/img/stylish/new_page.gif) !important;
    background-repeat: no-repeat !important;
  }

/*"New Page" button */
div.button_to_add_new
  {

  }

/* Nav drag handles */
div#Sidebar div.sidebar_links_container div.bookmarks a:hover div.drag_handle, 
div#Sidebar div.sidebar_links_container div.bookmarks a.dragging div.drag_handle
  {
    background-color: transparent !important;
  }

/*********************************************************/
/* Footer */
/*********************************************************/
.utility_bar
  {
   background:#222 !important;
   color:#D0D0D0 !important;
   border-color: #666 !important;
   border-bottom: solid 1px #666 !important;
  }

.utility_bar * > a > span
  {
    color: #0B5B00 !important;
    text-decoration: none !important;
  }

.utility_bar * > a > span:hover
  {
    color: #0B5B00 !important;
    text-decoration: underline !important;
    background-color: #222 !important;
  }

#BottomShadow
  {
    background: #222 !important;
  }


/*********************************************************/
/* Separator */
/*********************************************************/
h2[hover_container*="show_separator"]
  {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAIAAABol6gpAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9gKFhIsLvc+NX8AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAD0lEQVQI12O8cOECA24AAEbuAnI+w3HdAAAAAElFTkSuQmCC") !important;

    background-repeat: repeat-x !important;
    background-position: center !important;
  }

.add_flag
  {
    background-image: url(http://qwertyful.com/img/stylish/add_flag2.gif) !important;
  }

/*********************************************************/
/* Writeboards */
/*********************************************************/
#newWriteboardBlock
  {
   background:#333!important;
   border: solid 1px #444 !important;
   padding-left: 2px !important;
   padding-top: 1px !important;
   -moz-border-radius: 10px !important;
  }

#newWriteboardBlock h2
  {
   background:#333!important;
  }

#newWriteboardBlock a
  {
   color: green !important;
  }

li[id*="show_writeboard"] > a
  {
       color: #009000 !important;
    border-bottom-color: #009000 !important;
  }

/*********************************************************/
/* Newsroom */
/*********************************************************/
.latest_activity_section a, .feeds a
  {
    color: #0B5B00 !important;
    text-decoration: none !important;
    background-color: #222 !important;
  }
.upgrade a
  {
    color: green !important;
    text-decoration: none !important;
    background-color: #333 !important;
  }
.latest_activity_section a:hover, .feeds a:hover, .upgrade a:hover
  {
    text-decoration: underline !important;
  }

.colored_box
  {
   background:#333 !important;
   color:#D0D0D0 !important;
   border: solid 1px #444 !important;
  -moz-border-radius: 10px !important;
  margin-right: 3px !important;
  }
.upgrade
  {
   background:#333 !important;
   color:#D0D0D0 !important;
  -moz-border-radius: 10px !important;
  padding-right:0!important;
  }
.colored_box h1, .colored_box > .header
  {
   background:#222 !important;
  -moz-border-radius-topleft: 10px !important;
  -moz-border-radius-topright: 10px !important;
  }

h1.events
  {
  color:#428BAB !important;
  }

/*********************************************************/
/* Calander (for free accounts :) ) */
/*********************************************************/
.calendar_blank_slate .page_header a,
.calendar_blank_slate .inner a
  {
    color: #0B5B00 !important;
    text-decoration: none !important;
    background-color: #222 !important;
  }

.calendar_blank_slate .page_header a:hover,
.calendar_blank_slate .inner a:hover
  {
    text-decoration: underline !important;
  }

/*********************************************************/
/* links on various pages */
/*********************************************************/
.reminders .inner a,
.journal .inner a,
.account .inner a,
.settings .inner a,
.commentable_back_link > a
  {
    color: #0B5B00 !important;
    text-decoration: none !important;
    background-color: #222 !important;
  }

.reminders .inner a:hover,
.journal .inner a:hover,
.account .inner a:hover,
.settings .inner a:hover,
.commentable_back_link > a:hover
  {
    text-decoration: underline !important;
  }

/*********************************************************/
/* Journal */
/*********************************************************/
.new_journal_entry
  {
    padding-bottom: 2px !important;
  }

.journal .page_header
  {
    border: 0 !important;
  }

.journal #Main
  {
    background: #222 !important;
  }

.edit_journal_entry
  {
    padding: 4px !important;
  }
.edit_journal_entry a:link
  {
    background-color: #333 !important;
  }

/*********************************************************/
/* Account page */
/*********************************************************/
table.account_chart
  {
    border: 1px solid #444 !important;
  }
.account_chart td
  {
    background: #222 !important;
  }
.account_chart th
  {
    background: #333 !important;
  }

/*********************************************************/
/* "All Pages" page */
/*********************************************************/
  a.link_to_page
  {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9gKFg4pEF4UhoUAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAATUlEQVQI10XISw5AQBAGYV09yLCydghr9z+TR5j+x4ZYVPKlmnlZGdrM6D0pLqSg1oJCqBak+N9rqQCOmQNfCcNxEhgYiS5PbPfBHucDBrEmyN5BjwkAAAAASUVORK5CYII=") !important;

   background-repeat:repeat-x !important;
   background-position:bottom !important;
   border: solid #214957 1px !important;
   color:#387993 !important;
   text-decoration:none !important;
   -moz-border-radius: 15px !important;
   padding: 3px !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 15px !important;
   margin-right: 10px !important;
  }

  a.link_to_page:hover
  {
   border: solid #BF5E24 1px !important;
  }

/*********************************************************/
/* Confirm Delete page */
/*********************************************************/
.confirm_delete .highlight
  {
    background-color: yellow !important;
    color: black !important;
    padding: 4px !important;
  }

/*********************************************************/
/* Comments page */
/*********************************************************/
div.commentable, .commentable_back_link
  {
   background:#222 !important;
   color:#D0D0D0 !important;
   border: none !important;
  }

.commentable_back_link > a.arrow:hover
  {
    text-decoration: none !important;
  }

.commentable .highlight
  {
    background-color: yellow !important;
    color: black !important;
  }

.expanded_options
  {
    border-left-color: #444 !important;
  }

.comment_form h3
  {
    color: #777 !important;
  }

}