/**
 * Example Print Preview site
 *
 *	screen.css
 *	author: Tim Connell
 */

/* 
 *	Table of contents
 *
 *		1. General
 *			1.1 Reset
 *			1.2 General Typography
 *			1.3 Headings
 *			1.4 Links
 *			1.5 Lists
 *			1.6 Tables
 *          1.7 Froms
 *          1.8 Images
 * /


 /*
  --------------------
  1. General
  --------------------
  */

 /* -- 1.1 Reset -- */
 html, body, blockquote, pre, abbr, acronym, address, code,
 em, img, dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: baseline;
 }

 /* Unordered lists for good not evil */
 ul {
 	list-style: none;
 } 

 /* Tables still need 'cellspacing="0"' in the markup. */
 table { border-collapse: separate; border-spacing: 0; }
 caption, th, td { text-align: left; font-weight: normal; }
 table, td, th { vertical-align: middle; }

 /* Remove possible quote marks (") from <q>, <blockquote>. */
 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
 blockquote, q { quotes: "" ""; }

 /* Remove annoying border on linked images. */
 a img { border: none; }


 /*-- 1.2 General Typography --*/
 body {
     font: 87.5%/1.5 Arial, sans-serif;
 }

 hr,
 div.hr {
    background: #d3d3d3;
    border: none;
    clear: both;
    height: 3px;
    margin: 1.5em 0;
 }

 .js-enabled hr {
     display: none;
 }

 #content p, #content table, #content-main ul, #content ol, #content dl {
     margin: 0 0 1em;
 }


 /*-- 1.3 Headings --*/
 h1,h2,h3,h4,h5 {
     font-size: 1em;
     font-weight: normal;
     margin: 2em 0 1em;
 }

 h1 {
     color: #FFF;
     font-size: 2em;
     margin: 0 0 0.25em;
 }

 h2 {
     color: #FFF;
     font-size: 1.58em;
 }

 h3 {
     color: #FFF;
     font-size: 1.58em;
 }

 h4 {
     color: #FFF;
     font-size: 1.58em;
 }

 h5 {
     color: #FFF;
     font-size: 1.42em;
 }

 /* -- 1.4 Links -- */
a {
     color: blue;
     text-decoration: underline;
 }

a:hover,
a:focus {
     color: red;
 }


 /*-- 1.8 Images --*/
img {
     border: 1px solid #cecccc;
 }
 .align-left {
     float: left;
     margin: 0 20px 10px 0;
     padding: 1px;
 }

 .align-right {
     float: right;
     margin: 0 0 10px 20px;
     padding: 1px;
 }

 div.image {
     border: 1px solid #ccc;
     margin: 1em 0;
     overflow: hidden;
     width: 389px;
 }

     #content-main div.image img {
         border: none;
         display: block;
     }

     div.image div.caption {
         margin: -1px 0 0;
         padding: 15px 20px;
     }


/*
 --------------------
 2. Page Eelemnts
 --------------------
 */

/*-- 2.1 Page structure --*/
body {
}

#footer {
    font-size: 0.85em;
    margin-top: 40px;
}
    
    #footer .footer-links {
        margin-left:-10px;
    }

        #footer .footer-links a {
            margin: 0 10px;
        }

/* -- 2.1 Header -- */
#header {
    padding: 60px 0 40px;
}

#header strong {
    color: #FCFEFF;
    display: block;
    font-weight: normal;
    font-size: 3em;
    margin: 0 10px;
    text-shadow: rgba(0, 0, 0, 0.44) 1px 1px 2px;
}

/*-- 2.3 Aside --*/
#aside {
    margin-top: 1em;
}

    #aside h2 {
        font-size: 1.3em;
        margin: 0 0 0.25em;
    }
    
    #aside ul {
        margin: 0 0 2em;
    }
    
    
/* -- 3.X Print preview -- */
a.print-preview {
    background: url(images/icon-print.png) no-repeat 0 0;
    cursor: pointer;
    display: block;
    margin: 10px 0 20px;
    padding: 0 0 0 35px;
    line-height: 25px;
}

table.printTable{
    border: 1px solid;
    border-collapse: collapse;
}
.printTable tr td{
    border: 1px solid;
}
.printTable tr th{
    border: 1px solid;
}