@import"/css/liststyles.css";

/* 
*/

body {
	margin: 20;
	padding: 0 8%;
	font-family: "Lucinda Sans", "Lucida Grande", Trebuchet, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background: #A41800 url(../img/0306/bg-tile.gif) repeat top left;
	}

/* links
---------------------------------------------------------- */

a:link, a:visited {
	padding: 0 0 1px 0;
	font-weight: bold;
	text-decoration: none;
	color: #A41800;
	}
a:hover {
	color: #A41800;
	text-decoration: underline;
	}
a.more {
	padding-right: 12px;
	background: url(/images/more_arrow_sidebar.gif) no-repeat 100% 2px;
	}
#sidebar a.more {
	padding-right: 12px;
	background: url(/images/more_arrow_sidebar.gif) no-repeat 100% 2px;
	}
a.rss {
	padding-left: 15px;
	background: url(../img/0306/icon-rss.gif) no-repeat 0 50%;
	}

/* page structure
---------------------------------------------------------- */

#wrap {
	position: relative;
	width:620px;
	margin: 0 auto;
	font-size: 95%;
	text-align: left;
	border-top: 9px solid #3A3A1C;
	border-left: 8px solid #3A3A1C;
	border-right: 8px solid #3A3A1C;
	border-bottom: 9px solid #3A3A1C;
	background: #F2F2F2;
	}
	

#main-body {
	padding: 0px 23px 0 76px;
	background: #F2F2F2 url(/images/bg_home_main_bot.gif) repeat-x bottom left;
	}
#content {
	float: left;
	width: 370px;
	}
#content-inner {
	margin: 20px 5px 50px 0;
	}
#sidebarbox {
	float: right;
	width: 130px;
	font-size: 60%;
	line-height: 1.5em;
	background: url(/images/bg_home_sidebar.gif) repeat-y top left;
}
	
#sidebar {
		margin: 0 10px 0 10px;
		padding-bottom: 15px;
	}
	
#sidebar-inner {
		background: url(/images/bg_home_sidebar_bot.gif) no-repeat bottom left;		
	}
	
#extra {
	clear: both;
	margin: 0 20px 0 0;
	padding: 30px 30px 20px 30px;
	color: #59634C;
	background: #CCDDB8 url(../img/0306/x-bg-top.gif) repeat-x top left;
	}
body#home #extra {
	margin-top: 0;
	}
#footer {
	clear: both;
	margin: 0;
	padding: 30px;
	background: url(../img/0306/x-bg-bottom.gif) repeat-x top left;
	}

/* header
---------------------------------------------------------- */

#flashintro {
	width: 620px;
	height: 251px;
		background: url(/images/placeholder_flash.jpg) no-repeat;
}

#logo {
	width:620px;
	height:85px;
	background: url(/images/bg_home_logo.gif) no-repeat;
	}

#secondlogo {
	width:620px;
	height:61px;
	background: url(/images/bg_second_logo.gif) no-repeat;
	}

/* switcher */

#theme {
	position: absolute;
	top: 120px;
	right: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#theme li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#theme li#theme-fluid {
	display: none;
	}

/* navigation
---------------------------------------------------------- */

#primarynavhome {
	background: #BCBCBC url(/images/bg_home_primarynav.gif) no-repeat;
	height: 20px;
	padding: 0px 0px 0px 72px;
	margin: 0px 0px 0px 0px;
	}
#primarynavhome ul {
	list-style: none;
	margin: 0;	
	padding: 0;
}
#primarynavhome li {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px;
	}
#primarynavhome li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 0px 4px 0px 4px;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	}
#primarynavhome li a:hover {
	color: #fff;
	background: #A41800;
	}
#primarynavhome li a.active {
	font-weight: bold;
	color: #fff;
	background: #354966;
	}



#primarynav {
	background: #BCBCBC url(/images/bg_nav.gif) repeat-x top left;
	height: 20px;
	padding: 0px 0px 0px 46px;
	}
#primarynav ul {
	list-style: none;
	margin: 0;	
	padding: 0;
}
#primarynav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px;
	}
#primarynav li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 0px 4px 0px 4px;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}
#primarynav li a:hover {
	color: #fff;
	background: #A41800;
}
#primarynav li a.active {
	font-weight: bold;
	color: #fff;
	background: #354966;
}
#primarynav li.current {
	background: #FFFFFF;
	}

#secondarynav {
	background: #BCBCBC url(/images/bg_nav.gif) repeat-x top left;
	height: 20px;
	padding: 0px 0px 0px 46px;
	}
#secondarynav ul {
	list-style: none;
	margin: 0;	
	padding: 0;
}
#secondarynav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px;
	}
#secondarynav li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 0px 4px 0px 4px;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}
#secondarynav li a:hover {
	color: #fff;
	background: #A41800;
}
#secondarynav li a.active {
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #27384F;
	border-right: 1px solid #27384F;
	background: #354966;
}

#secondarynav li.current {
	background: #FFFFFF;
	}


/* title
---------------------------------------------------------- */

#title {
	padding: 20px 30px 20px 30px;
	color: #59634C;
	border-top: 1px solid #fff;
	background: #CCDDB8 url(../img/0306/title-top-fade.gif) repeat-x top left;
	}
#title-text {
	float: left;
	width: 70%;
	}
#title-work {
	float: right;
	width: 30%;
	}
#title strong {
	color: #474F3B;
	}
#title h1 {
	margin: 0 50px 5px 0;
	padding: 0;
	font-size: 160%;
	font-weight: normal;
	letter-spacing: -1px;
	color: #2D405B;
	}
#title h1 span {
	color: #59634C;
	}
body#home #title h1 {
	margin-bottom: 10px;
	}
#title h2 {
	margin: 0 50px 0 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.6em;
	font-weight: normal;
	}
#title h3 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #BA3B3E;
	}

/* content styles
---------------------------------------------------------- */

#content h1 {
	margin: 0 0 2px 0;
	padding: 0;
	letter-spacing: 2px;
	text-transform:lowercase;
	font-size: 18px;
	line-height: 1em;
	font-weight: normal;
	color: #3A3A1C;
	}
#content h2.sub {
	margin: 0 0 20px 0;
	padding: 0 0 4px 0;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #929C87;
	border-bottom: 1px solid #D9E7BD;
	}
#content h3 {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #BA3B3E;
	border-bottom: 1px solid #D9E7BD;
	}
#content h3.first {
	padding-top: 15px;
	}
#content h4 {
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	font-size: 100%;
	letter-spacing: 1px;
	font-weight: bold;
	}
#content h4.first {
	padding-top: 5px;
	}
#content h3#recent {
	margin-bottom: 1.5em;
	border: none;
	font-size: 90%;
	font-weight: bold;
	}
#content h3#recent img {
	vertical-align: middle;
	padding-bottom: 2px;
	}
#content h3 code {
	text-transform: none;
	color: #BA3B3E;
	}
#content p {
	margin: 0 0 .5em 0;
	padding: 0;
	}
#content p.first {
	margin: 10px 0 .5em 0;
	}

/* basic phrase element styles */

blockquote {
	font-size: 88%;
	line-height: 1.5em;
	color: #777;
	padding-left: 23px;
	background: url(../img/0306/icon-quotes.gif) no-repeat 0 3px;
	}
blockquote.praise {
	padding: 0 0 10px 23px;
	border-bottom: 1px solid #eaeaea;
	}
code {
	color: #679B34;
	font-family: Monaco, monospace;
	font-size: 120%;
	text-align: left;
	}
code strong {
	color: #537531;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
del {
	text-decoration: line-through;
	color: #777;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}
p em, cite  { /* to compensate for Lucida Grande's fake italics */
	font-family: Georgia, serif;
	}

/* entries home page */

#content div.entry {
	margin: 0 0 30px 0;
	}
#content div.entry h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 130%;
	line-height: 1em;
	font-weight: normal;
	}
#content div.entry h3.date {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #929C87;
	border: none;
	}
#content div.entry p.posted {
	margin: 0 0 25px 0;
	padding: 0 0 4px 0;
	font-size: 90%;
	color: #ccc;
	border-bottom: 1px solid #D9E7BD;
	}

/* entries simple list */

#content dl.entries {
	margin: 0;
	padding: 0;
	}
#content dl.entries dt {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 130%;
	line-height: 1.5em;
	font-weight: normal;
	}
#content dl.entries dt a {
	text-decoration: none;
	border-bottom: none;
	color: #40659B;
	}
#content dl.entries dt a:hover {
	color: #036;
	}
#content dl.entries dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
#content dl.entries dd .more {
	font-size: 90%;
	}
#content dl.entries dd.posted {
	margin: 1em 0 25px 0;
	padding: 0 0 4px 0;
	font-size: 90%;
	color: #ccc;
	border-bottom: 1px solid #D9E7BD;
	}
#content dl.entries dd p {
	margin: 0 0 1em 0;
	}
a.plink {
	margin: 0 5px 0 0;
	padding: 0 0 0 15px;
	color: #929C87;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
	background: url(../img/0306/icon-perm.gif) no-repeat 0 50%;
	}
a.qblink {
	margin-left: 5px;
	font-weight: normal;
	color: #929C87;
	text-decoration: none;
	}
a.qb {
	font-weight: normal;
	color: #929C87;
	text-decoration: none;
	border-bottom: none;
	}
a.clink, .commoff {
	margin: 0 0 0 2px;
	padding: 0 0 0 16px;
	font-weight: normal;
	color: #929C87;
	text-decoration: none;
	border-bottom: none;
	background: url(../img/0306/icon-com.gif) no-repeat 0 50%;
	}
.commoff {
	color: #ccc;
	background-image: url(../img/comment_off.gif);
	}
a.plink:hover, a.qblink:hover, a.clink:hover {
	color: #666;
	}

/* monthly archives */

#content dl.monthly {
	clear: both;
	padding-top: 1em;
	}
p#menu {
	float: left;
	width: 100%;
	color: #999;
	font-size: 90%;
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #D9E7BD;
	}
#next {
	float: right;
	padding-right: 7px;
	background: url(../img/0306/icon-more.gif) no-repeat 100% 50%;
	}
#prev {
	float: left;
	padding-left: 7px;
	background: url(../img/0306/icon-less.gif) no-repeat 0 50%;
	}

/* quickbits specific */
	
#content dl.entries dt.qb {
	margin: 0 20px 2px 20px;
	text-indent: 15px;
	font-size: 100%;
	line-height: 1.5em;
	background: url(../img/0306/star-blue.gif) no-repeat 0 2px;
	}
#content dl.entries dd.qb {
	margin: 0 20px 25px 20px;
	padding-bottom: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #777;
	}
	
/* figures */

#content img.thumb {	
	float: right;
	margin-left: 12px;
	margin-bottom: 6px;
	margin-top: .5em;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	padding: 6px;
	background: #fff;
	}
#content img.alt {
	float: left;
	margin: .5em 12px 6px 0;
	}
#content img.plain {
	border: none !important;
	background: none;
	}
#content img.sm {
	margin-top: .2em;
	margin-bottom: 4px;
	}
#content a img.thumb:hover {
	background: #D1DCB9;
	}
#content .figure {
	float: right;
	margin: .5em 0 6px 20px;
	font-size: 92%;
	color: #777;
	text-align: center;
	}
#content .figure dt img {
	margin: 0 0 6px 0;
	padding: 6px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
#content .figure img.fig {	
	padding: 6px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
#content img.alone, #content .block {
	float: none;
	margin-left: 0;
	}
#content p.fig {
	text-align: center;
	}

/* lists */

#content ul, #content ol, #content dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	}
#content ul, #content ol {
	margin-left: 20px;
	}
#content ol {
	padding-left: 20px;
	}
#content ul {
	list-style: none;
	}
#content ul li {
	padding: 0 0 4px 12px;
	line-height: 1.4em;
	background: url(../img/0306/li-arrow.gif) no-repeat 0 5px;
	}
#content dl dt {
	font-weight: bold;
	}
#content dl dd {
	margin: 0 0 15px 0;
	padding: 0;
	}

ul#feed-list li {
	padding-left: 0;
	background: none;
	}
ul#feed-list li a.rss {
	padding-left: 18px;
	}

/* alert notes */

#content .note {
	font-size: 90%;
	line-height: 1.6em;
	color: #777;
	padding: 6px 0 0 0;
	border-top: 1px solid #D9E7BD;
	}
#content .note strong {
	color: #333;
	}
#content .note code {
	color: #444;
	}
#content .alert {
	padding-left: 16px;
	background: url(../img/0306/icon-alert.gif) no-repeat 0 1px;
	}
#content .check {
	padding-left: 22px;
	background: url(../img/alert-oran.gif) no-repeat 0 0;
	}
#home #content .note, #content .plain {
	padding: 0;
	border: none;
	}
#content p.filed {
	padding-left: 16px;
	color: #929C87;
	background: url(../img/0306/icon-folder.gif) no-repeat 0 8px;
	}

/* confirm box */

#content .confirm {
	margin: 1.5em 0;
	padding: 20px;
	font-size: 90%;
	line-height: 1.5em;
	color: #963;
	border: 3px solid #FDDC9A;
	border-left: none;
	border-right: none;
	background: #FFF3CE;
	}

/* comments */

#comments {
	font-size: 90%;
	}
#comments textarea {
	width: 350px;
	}
#comments h3 {
	font-size: 110%;
	}
#comments h3#chead {
	margin-top: 30px;
	}
#comments h3#chead a {
	margin-left: 10px;
	padding-left: 16px;
	text-transform: none;
	letter-spacing: 0;
	background: url(../img/0306/icon-com.gif) no-repeat 0 50%;
	}
#comments code {
	font-size: 118%;
	}
#comments span {
	color: #999;
	}
#comments dl {
	margin-top: 0;
	}
#comments dl dt {
	font-weight: normal;
	color: #333;
	padding: 8px 0 8px 54px;
	margin: 0;
	font-size: 120%;
	line-height: 1em;
	background: url(../img/0306/comment-dt.gif) no-repeat 20px 100%;
	}
#comments dl dt a em {
	font-weight: normal;
	font-style: normal;
	font-size: 80%;
	color: #EBF4D9;
	}
#comments dl dt a:hover {
	text-decoration: none;
	}
#comments dl dt a:hover em {
	color: #929C87;
	}
#comments dl dt a.comment-number {
	color: #333;
	}
#comments dl dt img {
	vertical-align: middle;
	}
#comments dl dd {
	padding: 20px 20px 8px 20px;
	margin: 0 0 20px 0;
	font-size: 100%;
	color: #474F3B;
	background: #D4E2C0;
	}
#comments dl dd p {
	margin: 0;
	padding: 0 0 12px 0; 
	}
#comments input {
	vertical-align: middle;
	}
#comments input#author,
#comments input#email,
#comments input#url {
	width: 250px;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
#comments textarea {
	width: 400px;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
#comments .note {
	font-size: 100%;
	}

/* author highlighting */

#comments dl dt.dan {
	background-image: url(../img/0306/comment-dtdan.gif);
	}
#comments dl dd.dan {
	color: #333;
	background: #fff;
	}

/* sidebar styles
---------------------------------------------------------- */

#sidebar h3 {
font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	margin: 8px 0 3px 0;
	padding: 8px 0 0 0;
	font-size: 12px;
	letter-spacing:1px;
	font-weight: bold;
	text-transform: uppercase;
	line-height:1.25em;
	color: #3A3A1C;
	border-top: 1px solid #D9E7BD;
	}
#sidebar h3.first {
	border-top: 0px;
	margin-top: 0;
	padding-top: 0;
	}
#sidebar h3#corkd {
	clear: left;
	}
#sidebar p {
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
	color: #3A3A1C;
	margin: 0;
	padding: 0;
	}
#sidebar code {
	color: #777;
	}
#sidebar ul, #sidebar dl {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#sidebar li {
	margin: 0 0 .5em 8px;
	padding: 0 0 0 12px;
	line-height: 1.4em;
	background: url(../img/0306/li-arrow.gif) no-repeat 0 5px;
	}
#sidebar ul.articles li {
	padding-left: 16px;
	background-image: url(../img/0306/icon-perm.gif);
	background-position: 0 2px;
	}

/* quickbits list */

#sidebar ul#quickbits {
	margin: 0 0 0 1px;
	padding: 0;
	}
#sidebar ul#quickbits li {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
	text-indent: 16px;
	background: url(../img/0306/star-blue.gif) no-repeat 0 2px;
	}
#sidebar ul#quickbits li a {
	font-weight: normal;
	}
#sidebar ul#quickbits li strong a {
	font-weight: bold;
	}
#sidebar ul#quickbits li strong:after {
	content: "\00a0\00B7";
	}
#sidebar ul#quickbits a.qbperm {
	color: #999;
	border: none;
	}
#sidebar ul#quickbits a.qbperm:hover {
	color: #333;
	}
#sidebar a.rss {
	margin-left: 10px;
	}

/* flickr stream */

#flickr {
	margin: 4px 0;
	}
#flickr img {
	float: left;
	margin: 0 12px 12px 0;
	width: 50px;
	height: 50px;
	padding: 4px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
#flickr a:hover img {
	background: #D1DCB9;
	}

/* sub navigation */

#sidebar ul.sub li {
	margin: 0 0 8px 0;
	padding-left: 8px;
	font-size: 110%;
	background: none;
	}
#sidebar ul.sub li.active a:link, #sidebar ul.sub li.active a:visited {
	color: #BA3B3E;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	}
#sidebar ul.sub li.active {
	background: url(../img/0306/icon-subon.gif) no-repeat 0 4px;
	}

/* download links */

a.dnld {
	padding-left: 12px;
	background: url(../img/icon-dnld.gif) no-repeat 0 3px;
	}

/* extra styles
---------------------------------------------------------- */

#extra h3 {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #2D405B;
	}
#extra div.extra {
	float: left;
	width: 33%;
	}
#extra div.one h3, #extra div.one p {
	margin-right: 29px;
	}
#extra ul.articles {
	margin: 0 29px 0 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.4em;
	list-style: none;
	}
#extra ul.articles li {
	margin: 0;
	padding: 0;
	}
#extra ul.articles li a {
	display: block;
	padding: 4px 4px 4px 20px;
	border-bottom: 1px dotted #B0C29B;
	background: url(../img/0306/icon-perm.gif) no-repeat 4px 6px;
	}
#extra ul.articles li a:hover {
	text-decoration: none;
	background-color: #D9E7C9;
	}
#extra ul.articles li.last a {
	border-bottom: none;
	}
#extra dl.teaser dd {
	font-size: 90%;
	}

/* footer styles
---------------------------------------------------------- */

#footer {
	font-size: 90%;
	}
#footer p {
	margin: 0;
	padding: 0;
	}

/* work
---------------------------------------------------------- */

#work-list dt {
	margin: 12px 0 0 0;
	font-weight: normal;
	}
#content #work-list dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
#work-list dd strong {
	color: #666;
	}
#work-list dt a {
	float: left;
	display: block;
	margin: 2px 6px 0 0;
	padding: 4px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
#work-list dt a:hover, #work-list dt.active a {
	border-color: #EBF4D9;
	background: #D1DCB9;
	}
#work-list dt.active a {
	border-color: #EBF4D9;
	background: #2D405B;
	}
#work-list dd.active a {
	text-decoration: none;
	font-weight: bold;
	color: #2D405B;
	border-bottom: none;
	}

/* simple work list */

#work-simple {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#work-simple li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}
#work-simple li a {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	padding: 4px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
#work-simple li a:hover, #work-simple li.active a {
	border-color: #EBF4D9;
	background: #D1DCB9;
	}
#work-simple li.active a {
	border-color: #EBF4D9;
	background: #2D405B;
	}

/* portfolio pieces */

#portText {
	padding-left: 220px;
	}
#port ul {
	padding-left: 0;
	}
#portimg {
	float: left;
	width: 199px;
	padding: 0;
	margin: .5em 15px 0 0;
	color: #666;
	font-size: 100%;
	text-align: left;
	}
#portimg dt {
	padding: 4px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
#content dl#portimg dd {
	padding: 0;
	margin: 10px 0 0 0;
	}

/* slideshows */

#slidenav {
	float: left;
	width: 522px;
	margin: 1em 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
	text-align: center;
	color: #ccc;
	}
#clearPhoto {
	clear: both;
	margin: 20px 0 0 0;
	}
img#photo {
	margin: 0 0 1em 0;
	padding: 10px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}

/* photo viewer overrides */

body.viewer #sidebar {
	display: none;
	}

/* icons
---------------------------------------------------------- */

.prod-feature {
	margin: 0 0 25px 0;
	}
.prod-feature h3 {
	margin-top: 0;
	}
.prod-sample {
	float: left;
	margin: 1em 15px 0 0;
	}
.prod-sample img {
	padding: 6px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
.tshirt-sample {
	text-align: center;
	}
#content .tshirt-sample p {
	margin-top: 5px;
	}
.tshirt-sample img {
	padding: 0;
	border: none;
	background: none;
	}
.prod-desc {
	margin: 20px 0 0 235px;
	font-size: 90%;
	line-height: 1.5em;
	}
.prod-feature .t-shirt {
	margin-left: 210px;
	}
.prod-feature form.shirt-form {
	clear: left;
	margin: 0 0 1em 0;
	padding-bottom: 5px;
	}
.prod-feature form em {	
	color: #666;
	font-family: "Lucida Grande", Verdana, sans-serif;
	}
.prod-img {
	float: left;
	width: 215px;
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
	text-align: center;
	border: 1px solid #D1DCB9;
	background: #fff;
	}
#content .prod-details {
	margin: 15px 0 0 0;
	padding: 1px;
	font-size: 90%;
	text-align: left;
	color: #999;
	border-top: 1px solid #ddd;
	}
#content .prod-details p {
	margin: 0;
	padding: 6px 12px;
	background: #F6F0CF url(../img/price-bg.gif) repeat-x top left;
	}
#content .prod-img p em.price {
	float: right;
	padding-left: 6px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	color: #2D405B;
	border-left: 1px solid #E9E2BE;
	}
a.prod-shot:link, a.prod-shot:visited {
	border: none;
	}

/* forms
---------------------------------------------------------- */

#contactform, #comments-form, .shirt-form, #rfp-form {
	margin: 0 0 25px 0;
	padding: 0;
	}
#content form p, #content form dl dd {
	margin: 0 0 8px 0;
	padding: 0;
	}
#comments-form p.note, #contactform p.note {
	margin-top: 20px;
	}
#contactform dl, #rfp-form dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#contactform dt, #rfp-form dt {
	color: #333;
	font-weight: normal !important;
	}
#contactform dt em, #contactform .note em, #rfp-form dt em, #rfp-form .note em {
	color: #c00;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 130%;
	font-weight: bold;
	font-style: normal;
	}
#contactform #realname, #contactform #email, #contactform #url {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 130%;
	color: #444;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
#rfp-form h3 {
	margin: 0 0 1em 0;
	}
#rfp-form dl {
	margin: 0 0 2em 20px;
	}
#content #rfp-form dl dt.chbox {
	margin-bottom: 1em;
	}
#content #rfp-form dl dd.chbox {
	margin: 0 0 3px 20px;
	padding: 0;
	}
#content #rfp-form dl dd.last {
	margin-bottom: 1em;
	}

/* tshirt form */

.tshirt-form {
	margin: 0 auto;
	padding: 0;
	}
.tshirt-form th {
	text-align: right;
	vertical-align: top;
	}
.tshirt-form td {
	padding: 0 0 8px 10px;
	vertical-align: top;
	}
.tshirt-form td p {
	margin: 0;
	padding: 0;
	}

/* shared styles
---------------------------------------------------------- */

/* img/desc teasers */

dl.teaser, #sidebar dl.teaser {
	margin: 0 0 10px 0;
	padding: 0 20px 0 0;
	}
dl.teaser dt {
	margin: 0;
	padding: 0;
	}
dl.teaser dt a {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
	padding: 4px;
	border-bottom: 1px solid #B1C19E;
	border-right: 1px solid #B1C19E;
	background: #fff;
	}
#content dl.teaser dt a {
	border-color: #D1DCB9;
	}
dl.teaser dt a img {
	float: left;
	}
dl.book dt a {
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	background: none;
	}
dl.simple dt a {
	padding: 0;
	border: none;
	background: none;
	}
dl.teaser dt a:hover {
	border-color: #CCDDB8;
	background: #B1C19E;
	}
dl.book dt a:hover, 
dl.simple dt a:hover {
	background: none;
	}
dl.teaser dd {
	margin: 0 0 2px 0 !important;
	padding: 0;
	line-height: 1.4em;
	}
dl.teaser dd a {
	font-weight: bold;
	}
dl.teaser dd em {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	color: #888;
	}
dl.noimg dt a {
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
	border: none;
	border-bottom: 1px dotted #bbb;
	}
dl.noimg dt a:hover {
	border: none;
	border-bottom: 1px solid #bbb;
	}
dl.noimg dd a {
	font-weight: normal;
	}

/* forms
---------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
	}
#search-form {
	margin: 0 0 5px 0;
	}
#search-form input {
	color: #666;
	vertical-align: middle;
	}
#extra #search-form input#search-text {
	width: 150px;
	}

/* when on Notebook */

#content #search-form {
	margin-bottom: 20px;
	}
#content #search-form input#search-text {
	width: 300px;
	}

/* misc.
---------------------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* self-clearing floats */

#logo:after, 
#nav:after, 
#title:after, 
#main-body:after, 
#extra:after, 
#port:after, 
.prod-feature:after, 
dl.teaser:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

p.copyright {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size:50%;
color:#999999;
}

a.legallink {
font-weight:normal;
text-decoration:none;
color:#999999;
}





#content p.homecopyright {
margin: 0 0 -20px 0;
padding: 15px 0 0 0;
font-size:50%;
color:#333;
}



#closeButPosition {
float:right;
}



#closeButPosition a.detailClosebut {
color:#A41800;
background:#FFFFFF;
border:#A41800;
border-style:solid;
border-width:1px;
text-decoration:none;
font-size:8px;
text-transform:uppercase;
padding:1px 2px 1px 2px;
}

#closeButPosition a.detailClosebut:hover {
color:#FFFFFF;
background:#A41800;
text-decoration:none;
}

img.detailImage {
 margin: 20px 0 30px 0;
}


#insetrightBox {
	float:right;
	width:150px;
	padding: 4px 4px 5px 4px;
	margin:4px 4px 8px 4px;
	background-color:#ddd;
}

#insetrightBox h1.listtitle {
font-size:12px;
padding:0 0 4px 0;
}

#insetright {
	float:right;
	padding: 0 0 5px 0;
	margin:0 0 10px 10px;
	border-left-style:dotted;
	border-width:thin;
	border-left-color:#999;
}

#insetright .innerHorizontal {
	width:100px;
}

#insetright .innerVertical {
	width:125px;
}

#insetright p {
	clear:both;
	text-align:right;
	font-size:9px;
	line-height:12px;
	padding:5px 0 0 10px;
}

#insetright .insetphoto {
 float:right;
	padding: 6px;
	background-color:#eee;
	border-style:solid;
	border-width:thin;
	border-top-color:#FFFFFF;
	border-right-color:#999;
	border-bottom-color:#999;
	border-left-color:#FFFFFF;
}

p.libraryLink {
font-size:9px;
line-height:12px;
padding-below:0px;
margin-below:0px;
}

.profilephoto {
 float:left;
	padding: 6px;
	background-color:#eee;
	border-style:solid;
	border-width:thin;
	border-top-color:#FFFFFF;
	border-right-color:#999;
	border-bottom-color:#999;
	border-left-color:#FFFFFF;
	margin-right:15px;
}

.floatBreaker {
	clear:both;
	height:0px;
	
	font-size:0px;
	line-height:0px;
}


#insetright p.expand {
margin:-6px 0 0 0;
padding:-6px 0 0 0;
}

.posterPadRight {
padding: 0 15px 15px 0;
}



a.linkbut {
color:#A41800;
background:#FFFFFF;
border:#A41800;
border-style:solid;
border-width:thin;
text-decoration:none;
font-size:8px;
text-transform:uppercase;
padding:1px 2px 1px 2px;
margin:0 5px 0 0;
}



#emailSignupButton {
  float:right;
}

#emailSignupButton a {
font-size:10px;
font-weight:normal;
 color:#FFF;
	text-decoration:none;
}

#emailSignupButton a:hover {
 color:#EEE;
	
}

emailSignupPosition {
width: 620px;
}


img.simpleRight {
float:right;
padding:0 0 12px 12px;
margin:0 0 12px 12px;
}


/* PAY PAL STYLES */

.buyBox {
width:495px;
height:177px;
background-image:url(/images/banners/halloween_full_col2009.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
}

.buyForm {
padding:85px 0 0 56px;
width:200px;
}

.buyForm p {
color:#CCC;
font-size:90%;
line-height:15px;
}

#content .buyBox .buyForm h1 {
color:#CCCCCC;
}

.buyFormTable td {
padding:0 0 0 0;
text-align:left;
margin-right:10px;
vertical-align:top;
}

#insetrightBox p {
	clear:both;
	text-align:right;
	font-size:9px;
	line-height:12px;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
}


#blipfm {
	width:620px;
	margin:auto;
}