/*
trudilynnsmith.com

CSS by Sarah Mundy.
sarah@alohamedia.net
November 2009

Share and share alike.
*/



/* reset defaults
   Based on work by Eric Meyer: 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;
}

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

body{line-height:1;color:#000;background:#fff;}

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:400;}

/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

a img{border:none;}


/* colours and typography 
--------------------------------------------------*/

body {
 font:normal 75%/1.6em "Lucida Sans","Lucida Grande","Trebuchet MS",Helvetica,sans-serif;
 color: #444;
 background-color: white;
}

p, input, label, 
blockquote,
ul, ol, dl {
 margin-bottom: 0.8em;
}

a,a:link,a:visited {
 color: #888;
 text-decoration: none;
}
a:hover,a:active {
 color: #444;
 text-decoration: underline;
}

.byline {
 font-size: 0.9em;
 line-height: 1.778;
}

h1, h2 {
 margin: 0.8em 0 1.6em 0;
}
h3 {
 margin: 1.6em 0 0 0;
}


ul, dl, ol,
blockquote { 
 margin-left: 20px; 
}
li { 
 list-style: square; 
 margin-bottom: 0.4em;
}

strong { 
 font-weight: bold;
}
em {
 font-style: italic;
}

img, a img {
 border: 1px solid #ccc;
}


/* page layout
--------------------------------------------------*/
#accessibility {
 display: none;
}

body { text-align: center; } /*centering hack*/

#container {
 margin: 10px auto;
 width: 984px;
 text-align: left;
 padding: 0 10px;
}

#content {

}

#foot {
 margin-top: 5px;
 clear: both;
 text-align: center;
}



/* header
--------------------------------------------------*/
#head {
 clear:both;
 float: left;
 width: 100%;
 border-bottom: 1px solid #ccc;
 padding-top: 0.8em;
 margin-bottom: 1.6em;
}

#site-name {
 font-size: 1.25em;
 line-height: 1.28;
 float: left;
 letter-spacing: -.02em;
 margin: 0;
}

#site-name a, #site-name a:link, #site-name a:visited, #site-name a:active {
 text-decoration: none;
 text-transform: uppercase;
}
#site-name a:hover{}

#menu {
 float: right;
 margin: 0;
}

#menu li {
 display: block;
 float: left;
 margin: 0;
}

#menu li a,#menu li a:link,#menu li a:visited,#menu li a:active {
 height: 1.6em;
 display: block;
 float: left;
 font-weight: normal;
 letter-spacing: normal;
 margin-right: 10px;
 text-transform: uppercase;
}

#menu li.first a { border-left: 0; }

#searchbox {
 margin-bottom: 0;
 padding: 2px; 
 border: 1px solid #ccc;
 border-bottom: 0;
 font-size: 90%;
 line-height: 2.0;
 text-align: center;
 text-transform: lowercase;
 color: #888;
 background: #fff;

}
#searchform p { margin-bottom: 0; }



/* content
--------------------------------------------------*/
#content {
 clear:both;
}



/* photo collections
----------------------------------------------- */

.historical-post,
.featured-repeat-post,
.project-post
 {
 width: 492px;
 float: left;
 overflow: hidden;
}
.front-post {
 width: 450px;
 float: left;
 margin-right: 42px;
}
.captioned {
 margin-bottom: 0;
}

.caption { 
 font-weight: normal; 
 margin-bottom: 0.8em;
}

.gallery {
 clear: both;
 width: 100%;
 float: left;
 border-bottom: 1px solid #ccc;
 margin-top: 0.8em;
 padding: 0.8em 0 1.6em 0;
}
.thumbnail,
.textthumb {
 height: 150px;
 float: left;
 margin-right: 5px;
}
.textthumb {
 border: 1px solid #ccc;
 overflow: auto;
}
.textthumb p {
 margin: 10px;
}

.nav {
 width: 492px;
 float: left;
 font: bold 4.8em/1.0 "Courier New",Courier,"Lucida Mono",mono-space;
}
.nav p {
 margin-right: 10px;
}
.nav a {
 text-decoration: none;
}
.next {
 text-align: right;
}