﻿/*----------------------------------------------------------------------------- 
JayBaldwin.com Screen Stylesheet 

version:   1.0 
date:      2010-07-24
author:    Jay Baldwin IV
email:     contact at jaybaldwin dot com
website:   jaybaldwin.com

version history: 

DATE         AUTHOR     CHANGES
2010-07-24   JJBIV      Initial version
-----------------------------------------------------------------------------*/


/* FONTS
-----------------------------------------------------------------------------*/
@font-face
{
    font-family: "TrajanPro";
    src: url( /assets/fonts/trajanpro/TrajanPro-Bold.eot ); /* IE */
    src: local("Trajan Pro"), url( /assets/fonts/trajanpro/TrajanPro-Bold.ttf ) format("truetype"); /* non-IE */
}



/* INTERFACE
-----------------------------------------------------------------------------*/

html, body
{
    background: url('/assets/images/site/wallpaper.jpg') #0c0c0c top center no-repeat;
    min-width: 1013px;
}
body, td, span, div
{

    font-family: Arial, 'Trebuchet MS' , Tahoma, Verdana, Sans-serif;
    font-size: 10pt;
}

.page
{
    width: 1013px;
    margin: 0 auto;
}
.page-top
{
    background-image: url('/assets/images/site/PageTop.png');
    width: 100%;
    height: 95px;
}
.page-body
{
    background-image: url('/assets/images/site/PageBG.png');
    width: 100%;
}
.page-body-padding
{
    padding: 0px 26px;
}
.page-body-content-padding
{
    padding: 15px 40px 40px;
}
.page-footer
{
    text-align: center;
    font-size: 8pt;
    color: #333;
    font-family: 'Trajan Pro', "TrajanPro", Tahoma, Verdana, Arial, Sans-serif;
}

.page-bottom
{
    text-align: center;
    font-size: 8pt;
    color: #333;
    font-family: 'Trajan Pro', "TrajanPro", Tahoma, Verdana, Arial, Sans-serif;
    background: url('/assets/images/site/PageBottom.png') top center no-repeat;
    width: 1013px;
    height: 39px;
}

.favicons
{
    padding-top: 28px;
    padding-right: 30px;
    text-align: right;
}
ul.nav
{
    padding-top: 6px;
    padding-left: 360px;
    margin: 0;
}

ul.nav li
{
    margin: 0px;
    font-family: Tahoma;
    display: inline; 
    border-right: 1px solid #E0E0E0;
    padding: 2px 12px 2px 10px;
}

ul.nav li.last-item { border-right: 0; }
        
ul.nav a:link, ul.nav a:visited
{
    color: black;
    text-decoration: none;
}
ul.nav a:hover
{
    color: #2f5f95;
    text-decoration: underline;
}
        

.footer
{
    width: 930px;
    margin: 0 auto 80px auto;
}

.footer * { font-size: 9pt; }

.footer ul  
{
    margin: 0 6px 0 56px; 
}
.footer li
{
    list-style: none outside none;
}

.footer-column
{
    float: left;
    /* width: 16.666666666666666666666666666667%; */
    width: 20%;
}

.footer a:link
{
    color: #888;
    text-decoration: none;
}
.footer a:visited
{
    color: #444;
    text-decoration: none;
}
.footer a:hover
{
    color: #ccc;
    text-decoration: none;
}

.footer-column-header
{
    padding-left: 45px;
    font-weight: bold;
    color: #cecece;
}

.footer-column-header, .footer li
{
    margin: 8px 0;
}

.form-error
{
    font-style: italic;
    color: Red;
}


.print-logo, .print-url
{
	display: none;
}




/* GLOBAL ELEMENT DEFAULTS
-----------------------------------------------------------------------------*/

html, body, form
{
    height: 100%;
    padding: 0;
    margin: 0;
}

h1
{
    font-size: 16pt;
    font-weight: bold;
    font-family: 'Trajan Pro', "TrajanPro", Arial, Tahoma, Verdana, Sans-serif;
    border-bottom: 1px solid #BBB;
}

h2
{
    font-size: 13pt;
    border-bottom: 1px solid #BBB;
    margin-bottom: 5px;
}


fieldset { border: 1px solid #BBB; padding: 10px; }
legend { /* border: 1px solid #333; */ padding: 4px 6px; font-weight: bold; text-transform: uppercase; }

img { border: 0; }
ol, ul { margin: 10px 40px 10px 40px; }
li  
{
    list-style: disc url('/assets/images/site/bullet.gif') outside;
    display: list-item;
    }

strong { font-weight: bold; }
em { font-style: italic; }
blockquote
{
    margin: 10px 40px;
}

a:hover
{
    color: Red;
}


textarea
{
    -moz-border-radius: 4px;
    background-color: #ededed;
    border: 1px solid #bbb;
    padding: 5px;
    font-size: 10pt;
}
input[type="checkbox"]
{
    margin-right: 10px;
}
input[type="text"], input[type="password"], select
{
    -moz-border-radius: 4px;
    background-color: #ededed;
    border: 1px solid #bbb;
    padding: 5px;
    font-size: 10pt;
    width: 200px;
}
input[type="text"]:focus
{
    background-color: White;
}

p { display: inline; }



/* REUSABLE CLASSES
-----------------------------------------------------------------------------*/

.ClearBoth { clear: both; }
.FullWidth { width: 100%; }
.Small { font-size: 8pt; }


