/* Profile Settings
------------------------------------------------------------------------------*/

div#profile_avatar div#profile_avatar_information{
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 10px;
}

div#profile_avatar div#profile_avatar_information div#profile_username{
    font-size: x-large;
}

/* Pagination Controls
-----------------------------------------------------------------------------*/

table.pagination_controls {
    
    /* border: 1px solid #999; */
    border-width: 1px 0 1px 0;
    
    margin: 8px 0 8px 0;
    
    padding: 4px 0 4px 0;
    
}

table.pagination_controls.before {
    border-top: 0;
    
    margin-top: 0;
    
    padding-top: 0;
}

table.pagination_controls.after {
    border-bottom: 0;

    margin-bottom: 0;
    
    padding-top: 0;
}


/*
Notification Bars
-----------------------------------------------------------------------------*/

div.notification_bar {

    border-width: 2px;
    border-style: solid;
    
    padding: 8px;
    
    margin-bottom: 8px;
    
    color: white;
    
}

div.notification_bar#flash_error {
    background-color: #BD0000;
    border-color: #800000;
}

div.notification_bar#flash_notice {
    background-color: #7A7A7A;
    border-color: #5C5C5C;
}

div.notification_bar#flash_success {
    background-color: #52A300;
    border-color: #006600;
}


/* Menus
-----------------------------------------------------------------------------*/

/* General Menu Styling */
div.menu {
    
    font-size: 12px;

    color: white;

    padding: 8px;
    
    word-spacing: 0;

}

/* The list that makes up the menu bodies. */
div.menu ol.menu_body {
       
    display: inline;
    margin: 0;
    padding: 0;
    
}

div.menu ol.menu_body li {

    display: inline;
    
    padding-right: 8px;
    margin-right: 8px;
    
    border: 0;
    
    /* border-right: 1px solid #777; */
}

div.menu ol.menu_body li.special {
    border-style: dashed;
    
    margin-right: 16px;
    padding-right: 16px;
}

div.menu ol.menu_body li.last {
    border-right: 0px;
}

div.menu ol.menu_body li.first {
    margin-left: 0;
}

div.menu ol.menu_body li.right {
    float: right;
}

/*
Small, bold uppercase inline title field.
*/
div.menu div.menu_title {

    display: none;
    
    text-transform: uppercase;
    font-weight: bold;
    
}

/*
Inline body div
*/
div.menu ol.menu_body {
    display: inline;
}

/*
Forms should be inlined.
*/
div.menu ol.menu_body form {
    display: inline;
}

/*
Site Navigation Menu
*/
div.menu#primary_nav {
    margin-top: 0;
}


/*

Input elements should a fixed size, have a custom
background color, and a custom border.

The margin right is for whitespace.

*/
div.menu input {
    
    font-size: x-small;

    margin-right: 4px;

    width: 96px;
    
}

div.menu input.submit {

    width: auto;
    
    border: 0;
    
}

/* Panel Styling
-----------------------------------------------------------------------------*/

div.panel {

  margin-bottom: 8px;
  
  padding: 8px;
  
  overflow: hidden;

}

div.panel div.panel_title {

  position: relative;
  
  font-weight: bold;
  
  /* font-size: 16px; */
  
  /* color: #C54300; */

  margin: -8px;  
  padding: 8px;
  
  margin-bottom: 16px;
  
  padding-bottom: 8px;
  
  /* border-bottom: 1px solid #333; */

}

div.panel div.panel_body {
  
    position: relative;
    z-index: 1;

}

div.panel div.body p {
  line-height: 150%;
}

div.panel div.body div.header {
  margin-bottom: .5em;
}

div.panel div.body div.footer {
  margin-top: .5em;
}



/*
Message Panels
------------------------------------ */

div.panel.message {
  

}

div.panel.message div.panel_title {
 
}

/* Clipping for panel bodies */

div.panel div.body.clipped {
	overflow: auto;
}

/*
Sections
---------------------------------------------------------------------------- */

div.section {
    margin: 16px 0 16px 0;
}
    

div.section div.section_title {

    border-bottom: 1px solid #777;
    
    font-weight: bold;
    
    margin-bottom: 8px;
    
    padding-bottom: 4px;

}

div.section div.section_body {
    padding: 0 4px 0 4px;
}


/* Rows
---------------------------------------------------------------------------- */

*.row {
    padding: 10px;
    margin-top: 4px;
}

*.row.odd {
    /* background-color: #000; */
}

*.row.even {
    /* background-color: #222; */
}    


/* Tiles
---------------------------------------------------------------------------- */

div.tile {
    float: left;
    
    /* And for internet explorer: */
    position: relative;
}

*.clear_hack {
    
    clear: both;

}


/* Blog Entries
---------------------------------------------------------------------------- */

/*
Make the blog entry title element larger
*/
div.blog_entry div.blog_entry_title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
}

/*
Meta-information about the blog entry should be smaller.
*/
div.blog_entry div.blog_entry_header,
div.blog_entry div.blog_entry_footer {

    font-size: 10px;
        
}

/*
Blog entry bodies
*/
div.blog_entry div.blog_entry_body {

    margin: 8px 0 8px 0;

}

/*
Blog entry titles
*/
div.blog_entry div.blog_title,
div.blog_entry div.blog_title a {

}


/*
Blog entry comment controls
*/
div.blog_entry div.comment_controls,
div.blog_entry div.comment_controls a {

}

/* Microformats
---------------------------------------------------------------------------- */

div.microformat-icon.user a:link,
div.microformat-icon.user a:visited,
div.microformat-icon.user a:hover   {

  text-decoration: none;

}

div.microformat-icon.user  {

  /* background-color: black; */

  /* border: 1px solid #333; */

  display: block;

  margin: 6px;
  
  overflow: hidden;

  padding: 4px;

  width: 48px;
  
}


div.microformat-icon.user div.username {

  text-align: center;

  padding-top: 4px;

  font-size: 10px;

}

div.microformat-icon.user div.avatar_image {

  /* background-color: black; */

  background-position: 50% 50%;
  background-repeat: no-repeat;
  
  margin: auto;
  
  width: 48px;
  height: 36px;

}



table.microformat-table {
    width: 100%;
}

table.microformat-table tr.microformat-header_row th {
    /* border-bottom: 1px solid white; */
    margin-bottom: 4px;
}

table.microformat-table ol{
    margin: 0pt;
    padding: 4px;
}

table.microformat-table li{
    display: block;
    list-style: none;
}

/* topic header
------------------------------------ */

table.microformat-table tr.topic th.subject_column {
    width: 50%
}


table.microformat-table tr.topic th.creator_column {
    width: 10%
}

table.microformat-table tr.topic th.poast_view_column {
    width: 10%
}

table.microformat-table tr.topic th.last_post_column {
    width: 10%
}


/* category table
------------------------------------ */


/* (Microformat) Rows
---------------------------------------------------------------------------- */
table.microformat-table tr.category .category_name {
    font-weight: bold;
}

table.microformat-table tr.category .category_description {
    font-size: 11px;
    margin: 4px 4px;
}

/* Form
------------------------------------ */

form.microformat-form {

}

ol.microformat-form {
    display: block;
    
    margin-left: 0;
    padding-left: 0;
}

ol.microformat-form li {

    display: block;
    
    margin: 16px 0;
    
    padding: 0;
}

ol.microformat-form label {

    display: block;
    
    font-weight: bold;
    
    margin-bottom: 4px;
    
}

ol.microformat-form div.field_header {
    margin-bottom: 4px;
}

ol.microformat-form div.description {

    /* color: silver; */

    display: block;

    font-size: x-small;
    
    margin-top: 4px;
    
}

/* Pictures
-------------------------------- */

img.microformat-picture.user.inline {

    height: 2ex;
    display: inline;

}

/* Ordered Lists
------------------------------------ */

ol.microformat-ordered_list {
    padding: 0;
    margin: 0;
    list-style: none;
}
ol.microformat-ordered_list ol.item_actions {
    margin: 4px 0;
    padding: 0;
}

ol.microformat-ordered_list ol.item_actions li {
    display: inline;
    list-style: none;
}



/* List items
------------------------------------ */

li.microformat-list_item.blog_entry {
    display: block;
    list-style: none;
    
    margin-bottom: 8px;
}

li.microformat-list_item.blog_entry div.entry_title {
    font-size: 12px;
    font-weight: bold;
}

li.microformat-list_item.blog_entry div.metadata {
    color: #666;
    
    font-size: 11px;
    
    margin-top: 4px;
}

/* Topic */
li.microformat-list_item.topic {
    display: block;
    list-style: none;
    
    margin-bottom: 8px;
    
    overflow: auto;
}

li.microformat-list_item.topic div.last_post_author {
    float: left;
}

li.microformat-list_item.topic div.topic_title {
    font-size: 12px;
    font-weight: bold;
    
    margin: 8px 0 0 0;   
}

li.microformat-list_item.topic div.metadata {
    font-size: 11px;
}

li.microformat-list_item.topic blockquote.last_post_quote {
    
    margin: 4px 0 0 0;
}


/* Content Block Table
---------------------------------------------------------------------------- */

table.content_block_table {
    
    margin: 0;
    
    padding: 0;
    
    table-layout: fixed;
    
    width: 100%;
}


table.content_block_table tr {
}

table.content_block_table tr.tall {
}

table.content_block_table td.content_block {
    
    padding: 2px;    
    
    vertical-align: top;
}

/* Sidebars
---------------------------------------------------------------------------- */

*.sidebar {
    width: 240px;
}

div.sidebar.right {
    padding-left: 8px;
}

div.sidebar.left {
    padding-right: 8px;
}