/*===========================================================================
   Content CSS Stuff for Seven Thousand Oaks, (c) 2008

   Dominik Deak - dominikdeak.com - 25-04-2010
  ===========================================================================*/

#content
   {
   display: block;
   margin: 0 auto;
   max-width: 1100px;
   text-align: left;
   }


/*---------------------------------------------------------------------------
   General purpose stuff
  ---------------------------------------------------------------------------*/

/* Images */
#content img
   {
   margin: 0.75em;
   border: none;
   }

#content img.left
   {
   margin-left: 0em;
   float: left;
   }

#content img.right
   {
   margin-right: 0em;
   float: right;
   }

#content img.center
   {
   margin-left: auto;
   margin-right: auto;
   }

#content .nomargin_images img,
#content img.nomargin
   {margin: 0em;}

#content .column_set img,
#content .row_set img,
#content .column_set embed,
#content .row_set embed,
#content .column_set object,
#content .row_set object
   {
   max-width: 100%;
   }


/* Flash videos */
#content .flash_video
   {
   display: block;
   margin: 0.75em;
   }

#content .flash_video.left
   {
   margin-left: 0em;
   float: left;
   }

#content .flash_video.right
   {
   margin-right: 0em;
   float: right;
   }

#content .flash_video.center
   {
   margin-left: auto;
   margin-right: auto;
   }

#content .flash_video.nomargin
   {margin: 0em;}


/* Etc */
#content .clear
   {clear: both;}

#content .left
   {float: left;}

#content .right
   {float: right;}

#content .center
   {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   }

#content ol li
   {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   }

#content .divide
   {
   padding-top: 1em;
   border-top: 1px solid #777777;
   }


/*---------------------------------------------------------------------------
   Main content area.
  ---------------------------------------------------------------------------*/
#content .main
   {
   display: block;
/*background: orange;/**/
   }


/*---------------------------------------------------------------------------
   Column set.
  ---------------------------------------------------------------------------*/
#content .column_set
   {
   display: block;
   width: 100%;
   position: relative;
   float: left;
/*background: yellow;/**/
   }

#content .column_set .column_1of2
   {
   display: block;
   padding: -1em;
   width: 66%;
   float: left;
   position: relative;
   z-index: 100;
/*background: pink;/**/
   }

#content .column_set .column_2of2
   {
   display: block;
   margin: 0em 0em 0em 0em;
   padding: -1em;
   border-bottom: 1px solid #777777;
   width: 34%;
   float: right;
   position: relative;
   z-index: 50;
/*background: blue;/**/
   }


#content .column_set .column_1of3
   {
   display: block;
   padding: 0em;
   width: 33%;
   float: left;
   position: relative;
   z-index: 100;
/*background: pink;/**/
   }

#content .column_set .column_2of3
   {
   display: block;
   margin: 0em 0em 4em 0em;
   padding: 0em;
   left: 0em;
   width: 34%;
   float: left;
   position: relative;
   z-index: 50;
/*background: green;/**/
   }

#content .column_set .column_3of3
   {
   display: block;
   margin: 0em 0em 1em 0em;
   padding: 0em;
   top: 1em;
   border-bottom: 1px solid #777777;
   width: 33%;
   float: right;
   position: relative;
   z-index: 100;
/*background: blue;/**/
   }

/*
#content .column_set .column_1of2:hover,
#content .column_set .column_2of2:hover,
#content .column_set .column_1of3:hover,
#content .column_set .column_2of3:hover,
#content .column_set .column_3of3:hover
   {
   z-index: 200;
   }
/**/

/*---------------------------------------------------------------------------
   Row set.
  ---------------------------------------------------------------------------*/
#content .row_set
   {
   display: block;
   width: 100%;
   position: relative;
/*background: yellow;/**/
   }

#content .row_set .row_1of3
   {
   display: block;
   margin: 0em 4em 0em 0em;
   padding: 0em;
   border-bottom: 1px solid #777777;
   min-height: 6em;
   position: relative;
   z-index: 100;
/*background: red;/**/
   }

#content .row_set .row_2of3
   {
   display: block;
   margin: 0em 4em 0em 0em;
   padding: 0em;
   border-bottom: 1px solid #777777;
   min-height: 6em;
   position: relative;
   z-index: 50;
/*background: green;/**/
   }

#content .row_set .row_3of3
   {
   display: block;
   margin: 0em 4em 0em 0em;
   padding: 0em;
   min-height: 6em;
   position: relative;
   z-index: 100;
/*background: blue;/**/
   }

/*
#content .row_set .row_1of3:hover,
#content .row_set .row_2of3:hover,
#content .row_set .row_3of3:hover
   {
   z-index: 200;
   }
/**/

/*---------------------------------------------------------------------------
   Borders.
  ---------------------------------------------------------------------------*/
#content .layer_01      /* Top left corner */
   {
   /*padding-top: 16px;
   padding-left: 16px;*/
   }

#content .layer_02      /* Top right corner */
   {
   /*margin-top: -16px;
   padding-top: 16px;
   padding-right: 16px;*/
   }

#content .layer_03      /* Bottom right corner */
   {
   /*margin-right: -16px;
   padding-bottom: 16px;
   padding-right: 16px;*/
   }

#content .layer_04      /* Bottom left corner */
   {
   /*margin-bottom: -16px;
   margin-left: -16px;
   padding-bottom: 16px;
   padding-left: 16px;*/
   }

#content .layer_05      /* Top */
   {
   /*margin-top: -16px;
   padding-top: 16px;*/
   }

#content .layer_06      /* Bottom */
   {
   /*margin-bottom: -16px;
   padding-bottom: 16px;*/
   }

#content .layer_07      /* Left */
   {
   /*margin-left: -16px;
   padding-left: 16px;*/
   }

#content .layer_08      /* Right */
   {
   /*margin-right: -16px;
   padding-right: 16px;*/
   }

#content .layer_09      /* Centre */
   {
   margin: 0em;
   padding: 0em 2em;
   /*background: transparent url("/images/content_background.png") scroll repeat top left;*/
   }

/*
#content .main .layer_01,
#content .column_set .column_3of3 .layer_01,
#content .row_set    .row_3of3    .layer_01 
   {background-image: url("/images/content_layer_corner_01a.png");}
#content .main .layer_02, 
#content .column_set .column_3of3 .layer_02,
#content .row_set    .row_3of3    .layer_02 
   {background-image: url("/images/content_layer_corner_02a.png");}
#content .main .layer_03, 
#content .column_set .column_3of3 .layer_03,
#content .row_set    .row_3of3    .layer_03 
   {background-image: url("/images/content_layer_corner_03a.png");}
#content .main .layer_04, 
#content .column_set .column_3of3 .layer_04,
#content .row_set    .row_3of3    .layer_04 
   {background-image: url("/images/content_layer_corner_04a.png");}
#content .main .layer_05, 
#content .column_set .column_3of3 .layer_05,
#content .row_set    .row_3of3    .layer_05 
   {background-image: url("/images/content_layer_edges_ya.png");}
#content .main .layer_06, 
#content .column_set .column_3of3 .layer_06,
#content .row_set    .row_3of3    .layer_06 
   {background-image: url("/images/content_layer_edges_ya.png");}
#content .main .layer_07, 
#content .column_set .column_3of3 .layer_07,
#content .row_set    .row_3of3    .layer_07 
   {background-image: url("/images/content_layer_edges_xa.png");}
#content .main .layer_08, 
#content .column_set .column_3of3 .layer_08,
#content .row_set    .row_3of3    .layer_08 
   {background-image: url("/images/content_layer_edges_xa.png");}
#content .main .layer_09,
#content .column_set .column_3of3 .layer_09,
#content .row_set    .row_3of3    .layer_09 
   {background: #FFFFFF;}

#content .column_set .column_2of3 .layer_01,
#content .row_set    .row_2of3    .layer_01 
   {background-image: url("/images/content_layer_corner_01b.png");}
#content .column_set .column_2of3 .layer_02,
#content .row_set    .row_2of3    .layer_02 
   {background-image: url("/images/content_layer_corner_02b.png");}
#content .column_set .column_2of3 .layer_03,
#content .row_set    .row_2of3    .layer_03 
   {background-image: url("/images/content_layer_corner_03b.png");}
#content .column_set .column_2of3 .layer_04,
#content .row_set    .row_2of3    .layer_04 
   {background-image: url("/images/content_layer_corner_04b.png");}
#content .column_set .column_2of3 .layer_05,
#content .row_set    .row_2of3    .layer_05 
   {background-image: url("/images/content_layer_edges_yb.png");}
#content .column_set .column_2of3 .layer_06,
#content .row_set    .row_2of3    .layer_06 
   {background-image: url("/images/content_layer_edges_yb.png");}
#content .column_set .column_2of3 .layer_07,
#content .row_set    .row_2of3    .layer_07 
   {background-image: url("/images/content_layer_edges_xb.png");}
#content .column_set .column_2of3 .layer_08,
#content .row_set    .row_2of3    .layer_08 
   {background-image: url("/images/content_layer_edges_xb.png");}
#content .column_set .column_2of3 .layer_09,
#content .row_set    .row_2of3    .layer_09 
   {background: #FFFFFF;}/**/


/*---------------------------------------------------------------------------
   Database related.
  ---------------------------------------------------------------------------*/

/*-- Random items --*/
#content .db.random
   {
   display: table;
   margin: 0em auto;
   width: 66%;
   height: 190px;
   clear: both;
   }

#content .db.random .item
   {
   display: table-cell;
   height: 190px;
   vertical-align: top;
   }

#content .db.random .icon 
   {
   display: block;
   margin: 0em auto;
   padding: 0em;
   width: 128px;
   }

#content .db.random .item .icon a
   {display: block;}

#content .db.random img
   {
   display: block;
   margin: 0em auto;
   padding: 0em;
   width: 128px;
   height: 128px;
   border: none;
   }

#content .db.random .empty 
   {
   display: block;
   margin: 0em auto;
   padding: 0em;
   width: 128px;
   height: 128px;
   line-height: 32px;
   text-align: center;
   border: 1px solid #CCCCCC;
   background: #FFFFFF;
   }

#content .db.random .cat,
#content .db.random .name
   {
   display: block;
   padding: 0.4em 0.2em;
   text-align: center;
   }

/*-- Summary list --*/
#content .db.summary
   {display: block;}

#content .db.summary .item
   {
   display: block;
   padding: 1em 1em;
   clear: both;
   border-top: 1px solid #777777;
   }

#content .db.summary .item.odd {/*background: #FFFFFF;*/}
#content .db.summary .item.even {}

#content .db.summary .name 
   {
   margin-top: 0em;
   padding-top: 0em;
   }

#content .db.summary .more
   {
   text-transform: uppercase;
   font-size: 0.75em;
   }

#content .db.summary .icon
   {
   display: block;
   float: left;
   }

#content .db.summary .icon img
   {
   margin-left: 0em;
   width: 128px;
   height: 128px;
   }

#content .db.summary hr 
   {display: none;}

/*-- Profile view --*/
#content .db.profile
   {display: block;}

/*-- Search related --*/
#content .db.searchinputwrap
   {
   display: block;
   margin-bottom: 1em;
   padding: 0em;
   width: 100%;
   float: left;
   }

#content .db.searchform
   {
   display: block;
   margin: 0em 0em 2em 0em;
   height: 2em;
   line-height: 2em;
   float: left;
   white-space: nowrap;
   }

#content .db.search_a2z
   {
   display: block;
   margin-left: 2em;
   height: 2em;
   line-height: 2em;
   float: left;
   white-space: nowrap;
   }

#content .db.search_a2z a {padding: 0em 0.25em;}
#content .db.search_a2z a:hover {background: #FFFFFF;}

#content .db.issueform,
#content .db.locationform,
#content .db.productform
   {
   display: block;
   margin: 0em auto 2em auto;
   padding: 0em 0em 0em 0em;
   width: 25em;
   text-align: center;
   white-space: nowrap;
   }


/*---------------------------------------------------------------------------
   News content.
  ---------------------------------------------------------------------------*/

/*-- Summary Items --*/
#content .NewsSummary
   {
   display: block;
   padding: 1em 1em 1em 1em;
   clear: both;
   border-top: 1px solid #777777;
   }

#content .NewsSummary.odd {}
#content .NewsSummary.even {}

#content .NewsSummaryMorelink
   {float: left;}

#content .NewsSummaryPostdate
   {float: right;}

/*-- Datail Items --*/
#content #NewsPostDetailSummary
   {font-style: italic;}

#content #NewsPostDetailPrintLink,
#content #NewsPostDetailReturnLink
   {float: left;}

#content #NewsPostDetailDate
   {float: right;}


/*---------------------------------------------------------------------------
   Calendar content.
  ---------------------------------------------------------------------------*/
table.calendar
   {
   width: 100%;
   }

table.calendar th,
table.calendar td
   {
   height: 2em;
   text-align: center;
   }

table.calendar .calendar-today
   {
   font-weight: bold;
   border: 1px solid #AAAAAA;
   border-radius: 0.6em;                                 /* CSS3 Draft */
   -moz-border-radius: 0.6em;                            /* Mozilla extensions only */
   -webkit-border-radius: 0.6em;                         /* WebKit based browsers only */
   }

.calendar-list h1,
.calendar-list h2
   {
   font-size: 1.1em;
   }

.calendar-event
   {
   margin-bottom: 1em;
   }


/*---------------------------------------------------------------------------
   Message boxes.
  ---------------------------------------------------------------------------*/
.message
   {
   margin: 1em;
   padding: 1em;
   border-radius: 0.6em;                                 /* CSS3 Draft */
   -moz-border-radius: 0.6em;                            /* Mozilla extensions only */
   -webkit-border-radius: 0.6em;                         /* WebKit based browsers only */
   }

.message.info
   {
   border: 1px solid #4A4B86;
   background: #C4DDFF;
   }

.message.error
   {
   border: 1px solid #DD0000;
   background: #FFDDCC;
   }


/*---------------------------------------------------------------------------
   Etc.
  ---------------------------------------------------------------------------*/
.home #content a.logo
   {
   display: block;
   margin: 8% auto;
   width: 400px;
   }

.home #content a.logo img
   {
   display: block;
   margin: 0em auto;
   }