/**
 * Master Stylesheet
 * 
 * @project Jack Holcomb Music Archive
 * @site http://www.JackHolcomb.org
 * @copyright 2009
 * @author Colin Michael <grassyhillsoftware@gmail.com>
 * @date 2009-12-31
 * @version 2009.00.00.1
 * @cssdoc version 1.0-pre
 * @colordef #f0f0f0;  (Background)
 * @colordef #1e1e1e; light black (Content)
 * @colordef #1e1e1e;  (h1)
 * @colordef #808080; (h2, h3, a:all)
 * @fontdef "Palatino Linotype", "Lucida Grande", Lucida, serif
 */

/**
 * Reset
 * 
 * @section reset
 * @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus {
	outline:0;
}
body {
	line-height:1;
	color:black;
	background:white;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
 

/**
 * HTML Tag Selectors
 * 
 * General tags and pseudos only
 * 
 * @section tags
 */
html {
    background-color:gray;
    border:1px maroon solid;
    margin:5px auto !important;
    width:800px;
}
body {
	background:#f0f0f0;
	color:#1e1e1e;
	font:1.2em/1.4em "Palatino Linotype", "Lucida Grande", Lucida, serif;
}
a {
	color: #800000;
}
h1 {
	color:#1e1e1e;
	font-size:1.7em;
	font-variant:small-caps;
	margin:10px;
}
h2 {
	color:#303030;
	font-size:1.5em;
	font-variant:small-caps;
	margin:10px;
}
h3 {
	color:#505050;
	font-size:1.2em;
	font-variant:small-caps;
	margin:10px;
}
p {
	padding:10px;
	text-align:justify;
}
p:first-letter {
	margin-left:25px;
}

/**
 * ID Selectors
 * 
 * @section id
 */
#album {
    border-collapse:collapse;
    margin:0 auto;
    width:500px;
}
    #album tr th {
        background-color:black;
        border:1px solid #77a;
        color:#bbbb00;
        font-size:0.9em;
        font-weight:bold;
        text-align:center;
    }
    #album tr td {
        border:1px solid #77a;
        font-size:0.8em;
        padding:3px;
        text-align:center;
        vertical-align:middle;
    }
#discography {
    border-collapse:collapse;
    margin:0 auto;
    width:750px;
}
    #discography tr th {
        border:1px solid #77a;
        font-size:0.9em;
        font-weight:bold;
        text-align:center;
    }
    #discography tr td {
        border:1px solid #77a;
        font-size:0.8em;
        padding:3px;
        vertical-align:middle;
    }
#navSquare {
        margin:0;
        padding:0 0 20px 10px;
        border-bottom:1px solid #9FB1BC;
}
    #navSquare li {
            margin:0;
            padding:0;
            display:inline;
            list-style-type:none;
    }
    #navSquare a:link, #navSquare a:visited {
            float:left;
            font-size:14px;
            line-height:14px;
            font-weight:bold;
            padding:0 12px 6px 12px;
            text-decoration:none;
            color:#708491;
    }
    #navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
            color:#000;
            background:url('/images/Rounded.gif') no-repeat bottom center;
    }
/**
 * Class Selectors
 * 
 * @section class	
 */
.alc {
	text-align:center;
}
.alr {
	text-align:right;
}
.b {
	font-weight:bold;
}
.banner {
    background-color:#191919;
    height:152px;
    margin:0 auto;
    text-align:center;
    width:100%;
}
.border1 {
	border:1px solid black;
	padding:4px;
}
.box {
    background-color:white;
    border:1px black solid;
	font:0.9em/1.1em "Palatino Linotype", "Lucida Grande", Lucida, serif;
    margin:5px 15px 5px -5px;
    padding:3px;
}
.credits {
	font:0.8em/1.1em Arial, sans-serif;
	text-align:center;
}
.format {
    color:gray;
}
.fr {
    float:right;
}
.i {
	font-style:italic;
}
.indent5 {
	margin-left:5px;
}
.indent10 {
	margin-left:10px;
}
.indent25 {
	margin-left:25px;
}
.indent100 {
	margin-left:100px;
}
.justify {
	text-align:justify;
}
.m5 {
	margin:5px;
}
.m10 {
	margin:10px;
}
.m25 {
	margin-left:25px;
}
.mauto {
	margin-left:auto;
	margin-right:auto;
}
.nav {
    width:769px;
    padding:15px;
    margin:0;
    background:#fff;
}
.padtop14 {
    float:left;
    margin-left:125px;
    padding-top:14px;
}
.small {
	font-size:1.0em;
}
.u {
	text-decoration:underline;
}
.ulist li {
	list-style-type:disc;
	line-height:1.3em;
	margin:0 0 0 25px;
	text-align:justify;
}
.xsmall {
	font-size:0.9em;
}