/*
********************************************************************************


  Master CSS for all website screens
  Copyright (C) 2009   Vintage Media Ltd   www.vintagewebworks.com
  Validated for CSS level 2.1


********************************************************************************
*/



/*  BODY DEFAULT, PARAGRAPHS, LISTS, HEADINGS...
------------------------------------------------------------------------------*/

body       { color: #555; background: #FFF; text-align: left; }

p          { margin-bottom: 1em; } /* @see baseline.css.php */
ul, ol     { }

ul, ul li  { list-style: square inside; }
ol, ol li  { list-style: decimal inside; }

h1         { font-weight: 700; color: #444; } /* Page title or headlines */
h2         { font-weight: 900; color: #444; text-transform: uppercase; } /* Crossheads */
h3         { font-weight: 100; color: #555; } /* Box titles */
h5         { font-weight: 100; color: #777; border-bottom: 1px solid #E4E4E4; margin-top: 0; } /* Gadget headers */



/*  HYPERLINKS, CONTENT IMAGES, BLOCKQUOTES, BOXES...
------------------------------------------------------------------------------*/

a            { padding: 0; }
a:link,
a:visited    { color: #007CB0; border-bottom: 1px dotted #007CB0; }
a:active     { color: #000; border-bottom: 1px solid #000; }
/* Hover effect in general.js */

#content img { padding: 0; border: 0; }

blockquote   { }
blockquote p { font-weight: 100; font-size: 2em; line-height: 1.4; color: #666; text-align: left;
               padding: 0.5em 0 0 0; margin: 0 0 2.5em 0; border-top: 2px solid #666;
               background: url(../imgs/quote_back.gif) repeat-x 0 0; }

/* Blockquote creditation: */
blockquote p span { font-size: 65%; font-weight: 100; line-height: 2em; font-variant: small-caps; text-transform: none; color: #888; }

.box         { color: #555; padding: 2.4em 1.5em 0.1em 1.5em; margin-bottom: 1.5em;
               background: #FAFAFA url(../imgs/box_back.gif) repeat-x 0 0; border: 1px solid #EEE;
               border-top: 2px solid #666; }
/* @note Bottom padding partly done by internal paragraph */



/*  VERTICAL AND HORIZONTAL RULERS
------------------------------------------------------------------------------*/

/* @note: colborder border widths are set in grid.css.php */
.border       { border-right-style: solid; border-right-color: #F4F4F4; }
.colborder    { border-right-style: solid; border-right-color: #F4F4F4; }

.hr           { clear: both; float: left; display: inline; overflow: hidden; width: 100%; height: 2px; min-height: 2px; border: none; margin: 0 0 1em 0; background: #EEE; }
.spacer       { clear: both; float: left; display: inline; overflow: hidden; width: 100%; height: 1px; min-height: 1px; border: none; margin: 0 0 1em 0; background: transparent; }



/*  LAYOUT RESOURCES
------------------------------------------------------------------------------*/

.row       { clear: both; float: left; display: inline; overflow: hidden; width: 100%; border: none; background: transparent; }
.container { background: transparent; margin: 0 auto; padding: 0; }
/* @note Margin centres page */



/*  MASTHEAD & LOGO:
------------------------------------------------------------------------------*/

#masthead      { background: transparent url(../imgs/body_back.gif) repeat-x 0 0; padding: 0 0 5px 0;
                 width: 100%; display: block; float: none; }
#logo          { background: transparent url('../imgs/logo.gif') no-repeat top left;
                 height: 61px; width: 286px; margin: 0; }
#logo a        { background: transparent; float: left; display: block; width: 100%; height: 100%; border-bottom: 0; }
#logo a:hover  { background: transparent; border-bottom: 0; }



/*  MENU 1:
------------------------------------------------------------------------------*/

ul#menu1                    { background: transparent; height: 30px; width: auto; display: block; margin: 0; padding: 31px 0 0 0; float: left; }
ul#menu1 li                 { list-style: none; font-size: 1em; font-weight: 700; line-height: 1; background: transparent; margin: 0 0 0 4px; display: inline; float: left; height: 30px; }
ul#menu1 li a               { cursor: pointer; float: left; display: block; text-decoration: none; border: 0; }
ul#menu1 li a:link,
ul#menu1 li a:visited       { background: url(../imgs/menu_item_default.png) no-repeat top right; padding: 9px 17px 0 0; }
ul#menu1 li a span          { float: left; padding-right: 15px; display: block; background: url(../imgs/menu_item_default.png) no-repeat top left; margin-top: -9px; height: 30px; }
ul#menu1 li a.selected,
ul#menu1 li a.selected:link,
ul#menu1 li a.selected:visited  { color: #333; background: url(../imgs/menu_item_selected.png) no-repeat top right; }
ul#menu1 li a.selected span     { background: url(../imgs/menu_item_selected.png) no-repeat top left; }



/*  MENU 2:
------------------------------------------------------------------------------*/

ul#menu2                    { background: transparent; margin: 0 0 1em 0; padding: 0; float: left; }
ul#menu2 li                 { list-style: none; font-size: 1em; font-weight: 700; line-height: 1; background: transparent; margin: 0 0 9px 0;}
ul#menu2 li a               { cursor: pointer; width: 100%; text-decoration: none; border: 0; }
ul#menu2 li a:link,
ul#menu2 li a:visited       { }
ul#menu2 li a span          { display: none; }
ul#menu2 li a:active        { color: #000; }
ul#menu2 li a.selected      { color: #555; }



/*  CONTENT AREA:
------------------------------------------------------------------------------*/

#content          { margin-bottom: 30px; }

/* Drop cap */
#body_text p span { float: left; color: #DDD; font-size: 60px; line-height: 40px; padding: 2px 5px 0 0; font-family: Times, serif, Georgia; }



/*  FOOTER:
------------------------------------------------------------------------------*/

#footer                   { height: 99px; background: #FAFAFA url(../imgs/footer_back.gif) repeat-x 0 0;; border-top: 2px solid #666; color: #888; }
#footer .container        { padding-top: 35px; }

ul#footer_links                        { width: auto; display: block; margin: 0; padding: 0; float: right; }
ul#footer_links li                     { list-style: none; margin: 0 0 0 20px; display: inline; float: left; }
ul#footer_links li a                   { cursor: pointer; }
ul#footer_links li a:link,
ul#footer_links li a:visited           { }
ul#footer_links li a span              { display: none; }
ul#footer_links li a.selected,
ul#footer_links li a.selected:link,
ul#footer_links li a.selected:visited  { }
ul#footer_links li a.selected span     { display: none; }

ul#footer_links li#copyright_notice    { font-weight: 700; }

#footer #powered_by                    { wifth: 118px; height: 24px; background: url(../imgs/footer_logo.gif) no-repeat 0 0; }
#footer #powered_by a                  { display: block; width: 100%; height: 100%; }

/* Force footer to bottom of screen: */
/* @see http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */

*              { margin: 0; }
html, body     { height: 100%; }
#footer,
#push_footer   { height: 100px; min-height: 100px; }

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
  }



/*  MESSAGES:
------------------------------------------------------------------------------*/

.messages { margin: 0 0 25px 0; padding: 5px 10px; border-width: 1px; border-style: solid; border-color: #DBDBDB; }
.messages p, .messages ul, .messages ul li { margin: 0; }

.messages.clean   { border-color: #DBDBDB; background-color: #F4F4F4; color: #555; }
.messages.info    { border-color: #90B3D4; background-color: #C5E9F9; color: #00529B; }
.messages.success { border-color: #A7C388; background-color: #DFF2BF; color: #4F8A10; }
.messages.warning { border-color: #FC6; background-color: #FEEFB3; color: #9F6000; }
.messages.error   { border-color: #E8969A; background-color: #FFD0D0; color: #D8000C; }



/*  INPUT FORMS:
------------------------------------------------------------------------------*/

.input_form               { margin: 0 0 10px 0; }

.input_form p             { margin: 0; }
.input_form p.note        { margin-left: 170px; font-size: 90%; color: #AAA; }
.input_form p.note.error  { color: #C00; font-weight: 900; }

.input_form fieldset      { margin: 10px 0; padding: 10px 0; border-top: 1px solid #DDD; }
.input_form legend        { font-size: 1.2em; font-weight: 900; color: #666; padding-right: 10px; }

.input_form .controlset   { padding: 0 0 10px 0; }

.input_form .controlset span.label    { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
.input_form .controlset span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }

.input_form .controlset div       { margin-left: 170px; }
.input_form .controlset div div   { margin-left: 0; }

.input_form input,
.input_form textarea         { border: 1px solid #CCC; font-size: 1.1em; padding: 0.3em 0.4em;  }
.input_form textarea         { font-size: 140%; overflow: auto; height: 100px; line-height: 1.5em; } /* For cross-browser consistency */

.input_form input:focus,
.input_form textarea:focus   { background-color: #FFC; border-color: #FC6; }

.input_form .terms_box       { overflow: auto; border: 1px solid #DDD; background: #EEE; height: 180px; padding: 1em; }



/*  BUTTONS:
------------------------------------------------------------------------------*/

.button_row    { margin: 0; padding: 0 0 0 170px; }

button         { font-size: 1em; font-weight: 700; line-height: 1; background: transparent; margin: 0 10px 0 0; padding: 0; border: 0; display: inline; height: auto; cursor: pointer; }
button span.l  { float: left; display: block; background-repeat: no-repeat; background-position: top left; padding: 0 15px 0 0; height: 30px; }
button span.r, button.positive span.r, button.negative span.r,
button:hover span.r, button.positive:hover span.r, button.negative:hover span.r,
button:active span.r, button.positive:active span.r, button.negative:active span.r {
  float: left;
  display: block;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 8px 15px 0 0;
  height: 22px;
  min-width: 80px;
  }

/* Default buttons: */
button span                  { background: url(../imgs/btn_default.png); color: #007CB0; }
button:active span           { background: url(../imgs/btn_active.png); color: #333; }

/* Positive buttons: */
button.positive span         { background: url(../imgs/btn_default.png); color: #007CB0; }
button.positive:active span  { background: url(../imgs/btn_active.png); color: #333; }

/* Negative buttons: */
button.negative span         { background: url(../imgs/btn_default.png); color: #007CB0; }
button.negative:active span  { background: url(../imgs/btn_active.png); color: #333; }



/*  USER OPTIONS:
------------------------------------------------------------------------------*/

/*

@note Not in use

#user_options {
  background: #38434B url('../imgs/user_bar_back.png') repeat-x 0 0;
  height: 26px;
  width: 100%;
  margin: 0;
  padding: 5px 0 0 0;
  }

#user_options p {
  font-size: 0.9em;
  line-height: 1.3;
  color: #999;
  margin: 0 0 0.2em;
  }

#user_options a:link, #user_options a:visited { color: #BBB; border-bottom: 1px dotted #BBB; }
#user_options a:hover { color: #DDD; border-bottom: 1px solid #DDD; }
#user_options a:active  { color: #000; background: #FFF; border-bottom: 1px solid #FFF; }

*/