/*
Theme Name: Pulled Resources
Theme URI: http://wordpress.org/
Version: 0.1
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
*/

/* == Reset == */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* == Generic styles ======== */
body {
    font:62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; 
    color:#222;
    background:#f3f3f3 url('images/pulledresources-bg.jpg') 0 0 no-repeat;
    padding:0 20px;
    }

/* Headings */
h1 {font-size:2em; line-height:1em; margin-bottom:1em;font-weight:bold; color: #c53;}
h2 {font-size:2em; line-height:1em; margin-bottom:1em; font-weight:bold;}
h3 {font-size:1.5em; line-height:1.3333em; margin-bottom:1.3333em; font-weight:bold;}
h4 {font-size:1.2em; line-height:1.66666667em; margin-bottom:1.66666667em; font-weight:bold;}
h5 {}
h6 {}


/* Links */
a {color:#333;}
a:link {}
a:visited {}
a:focus {}
a:hover {color: #999;}
a:active {}

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

/* Misc Elements */
p,
ul,
ol,
dl,
blockquote,
address {
    font-size:1.2em; 
    line-height:1.66666667em; 
    margin-bottom:1.66666667em;
}

/* Misc Classes */
.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .group {
    zoom: 1;
}

/* == Wrap == */
#wrap {
    width:800px; 
    margin:60px auto;
}

/* == Header == */
#header {}

#navigation {
    font-weight:bold;
    line-height:4em;
    border-top:1px solid #ccc;
    margin-bottom:0;
}

#navigation li {
    display:inline;
    margin-right:1em;
}

#navigation a {
    text-decoration:none;
}

/* == Content == */
#content {
    
    border-top:1px solid #ccc;
}	

#content h2 {
    float:left;
    width: 180px;
}

#content h3,
#content p,
#content ul {
    margin-left: 200px;
}

#primary .group {
    border-bottom:1px solid #ccc;
    margin-bottom:2em;
}

#primary {
    padding-top:2em;
}
/* -- Homepage styles -- */


/* -- projects-gallery -- */

#work-gallery {
}

#work-gallery .group {
    border-bottom:0 !important;
}
#work-gallery,
#project-images {
    margin-left:200px;
}
#work-gallery .project {

}
.project img {
    max-width:100%;
}

.project h3 {
    margin-bottom:0.5em;
    float:left;
    width: 220px;
}
.project .work-preview {
    height:150px;
    width:360px;
    float:right;
    overflow:hidden;
    position:relative;
    display:block;
    border:5px solid #fff;
}

#work-gallery .work-preview img {

}

#project-show {
    border-bottom:1px solid #ccc;
    padding-bottom:2em;
    margin-bottom:2em;
}

#content .project p,
#content .project h3 {
    margin-left:0;
}

#image-links {
    margin-bottom:4px;
}
#image-links a {
    text-decoration:none;
    padding:2px 6px;
    background: #333;
    color: #fff;
    font-weight:bold;
    font-size:1.1em;
    margin-right:2px;
}

#image-links a.current {
    background-color: #c60;
}