body {
font-family:Times, Georgia, serif;
font-size:small;
line-height:1.6em;
color:#505153;
}

a:link, a:visited {
color:#115507;
}

a:hover, a:active {
color:#115507;
}

p {
margin-bottom:1em;
}

strong {
font-weight:bold;
}

ul {
margin:0 0 1em 1em;
}

h1, h2 {
font-weight:bold;
margin-bottom:1em;
}

h3 {
text-transform:uppercase;
color:#115507;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
margin-bottom:1em;
}
#wrap {
margin:0 auto;
padding:0 0 50px;
width:800px;
}

#header {
height:155px;
}

#main {
width:560px;
float:left;
}

#center-copy {
margin-left: 270px;
}
#center-copy ul li {
	list-style-type: disc;
}
#sample_copy {
	width: 290px;
margin-left: 190px;
}
#highlight {
float: left; display: inline;
width: 245px;
}
#highlight img {
display: block;
margin: 0; padding: 0;
}
#sidebar {
width:205px;
height:200px;
padding:15px 0 0 15px;
float:right; display: inline;
position: relative;
background:url(/images/sidebar-bg.gif) left top no-repeat;
}

#sample_block a {
position: absolute;
top: 185px;left: 20px;
display: block;
width: 143px;
height:0; padding-top:133px; overflow: hidden;
background: url(/images/send_sample.gif) 0 0 no-repeat;
}

/*---- NAVIGATION ----*/
ul#nav {
margin:0;
padding:0;
width:800px;
height:20px;
background:url(/images/nav.gif) left top no-repeat;
position: relative;
margin-bottom:50px;
}

ul#nav li {
position:absolute;
top:0;
}

#nav li, #nav a {
height: 20px;
display: block;
text-indent:-9999px;
}

#nav a {
background-repeat:no-repeat;
}

#about {left: 40px; width: 108px;}
#portfolio {left: 149px; width: 106px;}
/* #visit-the-shop {left: 256px; width: 117px;} */
#blog {left: 374px; width: 95px;}
#file-prep {left: 470px; width: 109px;}
#contact {left: 580px; width: 109px;}

body.about #about, #about a:hover {background:url(/images/nav.gif) -40px -20px;}
body.portfolio #portfolio, #portfolio a:hover {background:url(/images/nav.gif) -149px -20px;}
/* body.visit-the-shop #visit-the-shop, #visit-the-shop a:hover {background:url(/images/nav.gif) -256px -20px} */
body.blog #blog, #blog a:hover {background:url(/images/nav.gif) -374px -20px}
body.file-prep #file-prep, #file-prep a:hover {background:url(/images/nav.gif) -470px -20px}
body.contact #contact, #contact a:hover {background:url(/images/nav.gif) -580px -20px}

/*---- SECONDARY NAV ----*/
#secondary-nav,
#blog_nav h2,
#searchform label.hidden {
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:80%;
color:#BB520F;
}

#secondary-nav a:link, #secondary-nav a:visited {
text-decoration:none;
color:#BB520F;
}

#secondary-nav a:hover, #secondary-nav a:active,
body.capabilities #secondary-nav a.capabilities,
body.nomadic-press #secondary-nav a.nomadic-press,
body.the-presses #secondary-nav a.the-presses,
body.client-list #secondary-nav a.client-list,
body.invitations  #secondary-nav a.invitations,
body.announcements #secondary-nav a.announcements,
body.business-cards #secondary-nav a.business-cards,
body.awards-certificates #secondary-nav a.awards-certificates,
body.print-ephemera #secondary-nav a.print-ephemera,
body.boxes #secondary-nav a.boxes,
body.books #secondary-nav a.books,
body.calendar #secondary-nav a.calendar,
body.visit #secondary-nav a.visit,
body.designing-for-letterpress #secondary-nav a.designing-for-letterpress,
body.preparing-electronic-files #secondary-nav a.preparing-electronic-files,
body.designing-a-box #secondary-nav a.designing-a-box {
color:#820009;
}


/*-- PORTFOLIO PAGE --*/
#portfolio-content {
width:560px;
float:right; display:inline;
margin-right:20px;
}

#portfolio-thumbs {
width: 70px;
float: left; display:inline;
margin-left: 40px;
}
#portfolio-thumbs li {
position: relative;
float: left; display:inline;
margin-bottom: 4px;
}

#portfolio-thumbs li a.thumb-link {
float: left;display:inline;
/* uncomment following 2 for hover effect */
/*border: 1px solid #fff;*/
}
#portfolio-thumbs li a.thumb-link:hover {
/*border: 1px solid #BB520F;*/
}
#portfolio-thumbs li a.thumb-link img {
float: left;display:inline;
}
#portfolio-thumbs .viewlinks {
position: absolute;
left: 64px; top: 20px;
width: auto;
background: url('/css/art/60-per.png') top left repeat;
padding: 2px .5em 0px;
font-size: 1.1em;
font-family:Arial, Helvetica, sans-serif;
}
#portfolio-thumbs .viewlinks a {
color: #BB520F;
text-decoration: none;
padding: 0 .1em;
}

#portfolio-thumbs .viewlinks a:hover {
text-decoration: underline;
color: #820009;
}
#portfolio-thumbs .viewlinks a.current {
color: #820009;
text-decoration: none!important
}
#portfolio-image,
#portfolio-description,
#portfolio-content .credits {
float: left; display:inline;
width: 440px;
}
#portfolio-description,
#portfolio-content .credits {
clear: left;
margin-left: 110px;
}

#portfolio-image img {
width: 448px;
height: 336px;	
}
#portfolio-content .credits {
	margin-top: 2em;
	font-size: .9em;
	color: #666;
}
h2#title {
margin:1em 0;
}

/*---- HOME PAGE ----*/

#home #sidebar {
height: 333px;
background:url(/images/home-sidebar.gif) left top no-repeat;
position: relative;
padding:15px 0 0 20px;
}

#home #sidebar p {
font-size: 14px;
color:#0C6606;
}

#home #sidebar #slides {
position: absolute;
bottom:0; left: 5;
height:145px;
}

#home #sidebar #slides img {
position:absolute;
bottom:0;left:0;
z-index:8;
}

#home #sidebar #slides img.active {
z-index:10;
}

#home #sidebar #slides img.last-active {
z-index:9;
}

/*---- BLOG ----*/

#blog_head {
margin-bottom: 2em;
margin-left: -5px;
}

body.blog h2 {
font-size:110%;
}

.post {
margin-bottom: 50px;
}

.navigation {margin-bottom:20px;}
.alignright {float:right;}
.alignleft {float:left;}

.postmetadata {
background: #EAEAEA;
padding:20px;
}

ol.commentlist li {
padding:20px;
margin:10px 0;
background:#EAEAEA;
}
#blog_nav #searchform {
margin-bottom: 1em;
}

#blog_nav #searchform #searchsubmit {
display: none;
}
#blog_nav h2 {
margin: 1em 0 0;
}
#blog_nav a {
text-decoration: none;
color: #505153;
}

#blog_nav a:hover {
text-decoration: underline;
}

/*---- UTILITIES ----*/
.clear {
clear:both;
}