/*
	Name: Project Morsel
	Description: Layout file for projectmorsel.com
	Version: 1.0
	Author: Jeremy Jorgensen
*/

/* Imports */
@import url("reset.css");

/* Global */
body {
	background: #F5F4eF;
	color: #000305;
	font-size: 87.5%;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 10px;
	padding: 10px;
	text-align: center;
}

h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */
	 
h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: .8em;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
    color: #C74350;
    padding: 0 1px;
    text-decoration: underline;
}
a:hover, a:active {
    background-color: #C74350;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #333;
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
 
strong, b {font-weight: bold;}
em, i {font-style: italic;}
 
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
 
/* Lists */
ul {
    list-style: outside disc;
    margin: 1em 0 1.5em 1.5em;
}
 
ol {
    list-style: outside decimal;
    margin: 1em 0 1.5em 1.5em;
}
 
dl{margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
 
/* Quotes */
blockquote {font-style: italic;}
cite {}
 
q {}
 
/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	 
    /* Thead */
    thead th {padding: .5em .4em; text-align: left;}
    thead td {}
 
    /* Tbody */
    tbody td {padding: .5em .4em;}
    tbody th {}
 
    tbody .alt td {}
    tbody .alt th {}
 
    /* Tfoot */
    tfoot th {}
    tfoot td {}
	
/* Header *****************/
#banner {
    margin: 0 auto;
    padding: 2.5em 0 0 0;
}
 
    /* Banner */
    #banner h1 {font-size: 3.571em; line-height: .6;}
    #banner h1 a:link, #banner h1 a:visited {
        color: #000305;
        display: block;
        font-weight: bold;
        margin: 0 0 .6em .2em;
        text-decoration: none;
        width: 427px;
    }
    #banner h1 a:hover, #banner h1 a:active {
        background: none;
        color: #C74350;
        text-shadow: none;
    }
 
    #banner h1 strong {font-size: 0.36em; font-weight: normal;}

#powered {
	color: #aaaaaa;
}