/*
Theme Name: Homework NYPL
Theme URI: http://homeworknypl.org/
Description: Theme for the Homework NYPL site
Version: 1.0
Author: Jeremy Boggs
Author URI: http://clioweb.org/
*/

/* 
Grid: 846px wide, 12 columns at 54px each, 11 gutters at 18px each.
1 = 54px
2 = 126px (6 columns)
3 = 198px (4 columns)
4 = 270px (3 columns)
5 = 342px
6 = 414px (2 columns)
7 = 486px
8 = 558px
9 = 630px
10 = 702px
11 = 774px
12 = 846px
*/

/* 1. Reset Styles (courtesy of Eric Meyer)
---------------------------------------------------*/
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: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
    outline: 0;
}

body {
    color: black; 
    background: white;
}

ol, 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;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
    quotes: "" "";
}

/* 2. Default Styles
---------------------------------------------------*/

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     The League of Moveable Type
 * @vendorurl:  http://www.theleagueofmoveabletype.com
 * @licenseurl: http://www.fontsquirrel.com/license/ChunkFive
 *
 *
 */

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('fonts/Chunkfive.ttf') format('truetype');
}

body {
    font:62.5% Verdana, sans-serif;
    color: #444;
    background:#f1f6c7 url("images/pages2.png") 50% 0 no-repeat;
}

h1 {
    font-size:3em;
    line-height:1em;
    margin-bottom:1em;
}
h2 {
    font-size:2.4em;
    line-height:1em;
    margin-bottom:0.5em;
}

h3 {
    font-size:1.8em;
    line-height:1em;
    margin-bottom:1em;
    color: #999;
}

p,ul,ol,dl {
    font-size:1.2em;
    margin-bottom:1.5em;
    line-height:1.5em;
}

p.first {
    font-size:1.5em;
    font-weight:bold;
color:#B22222;
    /*color: #e14b01;*/
    margin-bottom:1em;
}

ol,ul{
    margin-left:1.5em;
}

ul ul,
ul ol,
ol ul,
ol ol,
ul *,
ol * {
    font-size:1em;
    margin-bottom:0;
}

a:link {color: #38c;}
a:visited {color: #38c;}
a:hover {color: #369;}
a:active {color: #38c;}

h1 a,
h2 a {
    text-decoration:none;
}

img,object {
    max-width:100%;
}

* html img,
* html object {
    width: 100%;
}

b,strong {
    font-weight:bold;
}

i,em {
    font-style:italic;
}

/* -- Reusable Classes -- */

.group {
    overflow:hidden;
    zoom:1;
}

.navigation {margin:0; list-style:none;}
.navigation a {text-decoration:none;}

.post-nav {margin-bottom:18px;}
.alignleft {float:left; width: 414px;}
.alignright {float:right; width: 414px; text-align:right;}

.deck {
    font-size:1.1em;
    font-weight:bold;
    color: #555;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:0.5em;
}

/* == Wrap == */

#wrap {
    width: 846px;
    margin: 50px auto;
    padding:36px;
    background: #fff;
    box-shadow: 0 0 32px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 32px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 32px rgba(0,0,0,0.2);
}

* html #wrap {
    border:2px solid #eee;
}

/* == Header == */
#header {
    margin-bottom: 18px;
    border-bottom: 6px solid #ccc;
    padding-bottom:18px;
}

#header h1 {
    display:block; width: 414px;
    margin:0;
}
#header h1 a {
    color: #e14b01;
    text-decoration:none;
}

#header p {
display:block; width: 414px;
}

#secondary-nav, 
#search {
    float:right; width: 414px; clear:right;
    text-align:right;
}

#secondary-nav {
    font-size:1.2em;
    margin-bottom:1.5em;
}

#search label {display:none;}
/* == Homepage == */

#news {
    border-top: 1px solid #ccc;
    padding-top:18px;
    clear:both;
}

#latest-post {
    float:left;
    width: 414px;
}

#latest-post h2 {
    font-size:2em;
}

#latest-post .entry-info {
    display:inline;
    font-weight:bold;
}

#latest-post .entry-info span {font-weight:bold;}

#latest-post .entry-excerpt,
#latest-post .entry-excerpt p {
    display:inline;
}

#previous-posts {
    float:right;
    width: 414px;
}

#previous-posts ul {
    list-style:square;
}

#previous-posts ul a {
    display:block;
    text-decoration:none;
    padding: 8px 0;
    
}

#previous-posts ul a:hover {
    background: #f0f0f0;
}
#home-section-navigation {
    margin-right: -18px;
    margin-left:0;
    margin-bottom:18px;
}

#home-section-navigation div,
#home-section-navigation li {
    width: 270px;
    float:left;
    margin-right:18px;
    display:block;
}

* html #home-section-navigation div,
* html #home-section-navigation li {
    margin-right:6px;
}

#home-section-navigation p {
    margin-top:18px;
}
#home-section-navigation h3 {
    text-decoration:none;
    padding:9px 18px 9px;
    display:block;
    color:#fff;
    font-size:1.5em;
    background-position:top left;
    background-repeat: no-repeat;
}

#for-librarians h3 {
    background:#7fc21f;
}

#for-teachers h3 {
    background:#e14b01;
}

#for-parents h3 {
    background:#2491bf;
}

#home-section-navigation li ul {
    font-family:Verdana, sans-serif;
    font-size:1em;
    margin-left:0;
    margin-bottom:0;
}
#home-section-navigation li ul li {
    margin-left:0;
}

#home-section-navigation li ul a {
    color: #38c; 
    padding:9px 0;
    display:block;
    text-decoration:none;
    border-bottom:1px dotted #eee;
}

/* == Content == */

#content {clear:both;}
#primary {float:left; width: 558px;}
#secondary {float:right; width: 270px;}

#secondary-navigation {
    font-weight:bold;
    border-top:1px solid #ddd;
}

#secondary-navigation li {
    border-bottom:1px solid #ddd;
}

#secondary-navigation li li {
    border-bottom:0;
    
}

#secondary-navigation a {
    display:block;
    padding: 9px 18px;
    font-weight:bold;
    
}

#secondary-navigation a:hover {
    background: rgba(0,0,0,0.05);
}

/* Single Post */

.single .entry,
.comment .comment-text {
    float:left;
    width: 550px;
}

.single .postmetadata,
.comment .comment-info {
    float:right;
    width: 270px;
}

#post-date {
    font-weight:bold;
}

#respond {
    border-top:1px solid #ccc;
    padding-top:18px;
}

#comments {
    border-top:1px solid #ccc;
    padding-top:18px;
}

#comment-list {
    margin-left:0;
}
/* == Footer == */
#footer {
    clear:both;
    margin-top:18px;
    border-top: 6px solid #ccc;
    padding-top:18px;
}