/*
Title: CSS Styles for TechLab
Author: TechLab
*/

/* Table of Contents
==================================================
	# Reset
	# General Styles
	# Fonts & Color - General Styles
	# Fonts & Color - Scheme B
	# Page Width - Standard
	# Page Width - Narrow
	# Page Width - Wide
	# Page Layouts
	# Login/Logout Pages
	# Main Header / Navigation
	# Main Content
	# Tables
	# Form Elements
	# Preview
	# Search Header
	# Footer
	# Clear Fix
	# Browser Hacks
*/

/* @group Reset
================================================== */
/* Orig

    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
    blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q,
    samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video
        {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
    body {line-height:1;}
    article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;}
    nav ul {list-style:none;}
    blockquote, q {quotes:none;}
    blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
    table {border-collapse:collapse; border-spacing:0;}
    hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
    hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; clear: both;}
    input, select {vertical-align:middle;}

*/

    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
    blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q,
    samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video
        {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
    body {line-height:1;}
    article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;}
    nav ul {list-style:none;}
    blockquote, q {quotes:none;}
    blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
    table {border-collapse:collapse; border-spacing:0;}
    hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:20px 0; padding:0; clear: both;}
/* @end */



/* @group Definition
================================================== */
    body {
      background:        #CCCCDD;
    }
    #page {
      margin:            0px auto 0px auto;
      width:             1000px;
      height:            900px;
      background:        url('./i/sunset.jpg') no-repeat center top;
    }
    #header {
      padding:           50px;
    }
    #pagebody {
      margin:            10px 50px 20px 50px;
    }
    #footer {
      text-align:        center;
    }
    div.logo {
      font-family:       'Trebuchet MS', Tahoma, sans-serif;
      font-size:         40px;
      line-height:       45px;
      font-style:        italic;
      font-weight:       bold;
      color:             white;
      text-indent:       35px;
    }
    td.td_content {
      background:        rgba(255,255,255,0.4);
      border-radius:     10px;
      padding:           10px;
    }
    div.td_title {
      font-family:       'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
      font-size:         20px;
      line-height:       24px;
      font-weight:       bold;
      color:             gold;
      text-align:        left;
    }
    div.td_body {
      font-family:       Verdana, Geneva, sans-serif;
      font-size:         12px;
      line-height:       16px;
      color:             black;
      margin-top:        8px;
      padding-top:       12px;
      border-top:        thin solid;
      border-top-color:  gold;
      text-align:        left;
    }
    div.td_body p {
      margin-bottom:     12px;
    }
    div.copyright {
      font-family:       Verdana, Geneva, sans-serif;
      font-size:         10px;
      line-height:       12px;
      color:             black;
    }
/* @end */