/* ------ NOTES ---------------------------------------------------------------

Site: CJ's Pasta
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Company: CJ's Pasta
Version: 10/6/09
Ancilliary Files: ie.css.

--------- CONTENTS ------------------------------------------------------------

COLOUR GUIDE

1: GLOBAL RESET

2: BODY & COMMON CONTAINER STYLES
	a) Base List Styles
	b) Special List Styles
	c) Base Link Styles
	d) Typography General
	e) Tables - user-article
	f) Skip links
3: MASTHEAD
	a) h1 - Logo
	b) h2 - Contact Details
	c) Search Form
	d) Nav - main
4: CONTENT
	a) Flash Banner
	b) Content
	c) Home Page Specials
	d) Home Page News Listing
5: OUTLETS
6: NEWS & RECIPES
7: FACTS
8: LOCATION
9: MENUS
10: FOOTER
11: INLINE IMAGE STYLES
12: PAGINATION
13: CONTACT PAGE
 	a) CONTACT & COMMENT FORMS
	b) Comment Specific
14: NEWSLETTER SUBSCRIBE FORM
15: SEARCH RESULTS
	a) Supplementary Search Form
16: MISC

--------------------------------------------------------------------------------

----- COLOUR GUIDE  ------------------------------------------------------------

Body Background: #F8F7F0
Body Text: #362D0B
Headings: #362D0B
Standard Links: #630005 - (hover) #8A741F

1 GLOBAL RESET - thanks to Eric Meyer
============================================================================ */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, cite, del, em, img, ins, q, strike, strong, sub, sup, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; 
	font-style: inherit; font-family: inherit; vertical-align: baseline;
	}

ol, ul {list-style: none;}

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

strong {font-weight:bold;}

em {font-style:italic;}

img {border:none; display:block;}

/* 2. BODY
============================================================================ */

body {
	font-family: Geneva, Helvetica, sans-serif;
	text-align: center;
	color:#362D0B;
	font-size:small;
	background-color: #5D0000;
	}

/* 2a. BASE LIST STYLES
============================================================================ */

ul, ol, ol.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

li, ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

ul li {list-style:disc;}

ol li {list-style-type:decimal;}

	/* 2b. SPECIAL LIST STYLES
============================================================================ */

.noindent {
	margin-left:0;
	padding-left:0;
	}

.noindent li {
	list-style:none;
	padding-left:0;
	margin-left:0;
	}

ul.circle li {list-style:circle;}
ul.square li {list-style:square;}
ol.upper-alpha li {list-style:upper-alpha;}
ol.lower-alpha li {list-style:lower-alpha;}
ol.upper-roman li {list-style:upper-roman;}
ol.lower-roman li {list-style:lower-roman;}
ul.blank li, ol.blank li {list-style:none;}

ul.inside, ol.inside {
	margin-left:0;
	padding-left:0;
	}
	
ul.inside li, ol.inside li {
	list-style-position:inside;
	margin-left:0.5em;
	}

ol.indent, ul.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

ol.indent li, ul.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

.small li {
	font-size:small;
	margin-bottom:0;
	}

/* 2c. BASE LINK STYLES
============================================================================ */

a:link, a:visited {
	color:#630005;
	text-decoration:none;
	border-bottom:1px dotted #630005;
	}

a:hover, a:active, a:focus {
	color:#8A741F;
	text-decoration:none;
	border-bottom-color:#8A741F;
	}

h3 a:link, h3 a:visited {
	color:#362D0B;
	text-decoration:none;
	border-bottom:none;
	}

h3 a:hover, h3 a:active, h3 a:focus {
	color:#8A741F;
	text-decoration:none;
	}

h4 a:link, h4 a:visited {
	color:#362D0B;
	text-decoration:none;
	border-bottom:none;
	}

h4 a:hover, h4 a:active, h4 a:focus {
	color:#8A741F;
	text-decoration:none;
	border-bottom:1px dotted #8A741F;
	}

a.img {border:none!important;}

/* 2d. TYPOGRAPHY - GENERAL
============================================================================ */

p {
	margin-bottom:0.5em;
	line-height:1.5em;
	font-size:1em;
	}

h3, h4, caption {
	font-family:Palatino,Georgia,"Times New Roman", serif;
	margin-bottom:0.5em;
	font-weight:bold;
	font-size:1.5em;
	}

h4 {
	font-size:1.35em;
	line-height:1.5em;
	margin-bottom:0;
	}

h5 {
	margin-bottom:0.5em;
	font-weight:bold;
	font-size:1.1em;
	}

p.continue {
	font-style:italic;
	}

blockquote {
	padding:0.5em 0.5em 0;
	margin:1em 0;
	font:italic 1.5em Palatino, Georgia, "Times New Roman", serif;
	border:1px solid #665615;
	background-color:#DED8BE;
	}

blockquote em {
	padding-top:0.3em;
	display:block;
	font-size:0.7em;
	font-style:normal;
	text-align:right;
	line-height:1.1em;
	}

/* 2e. TABLES
============================================================================ */

.article-body table td {padding:0 0 0.5em;}

.article-body th {
	padding:0 0.5em 0.5em 0;
	white-space:nowrap;
	}

.seminars .article-body th {width:10em;}

/* 2f. SKIP LINKS
============================================================================ */

ul#accessibility {
	position:absolute;
	top:0;
	right:0;
	}

#accessibility li {display:inline;}

#accessibility a {
	padding:2px;
	color:#F8F7F0;
	border-bottom:none;
	}

#accessibility a:hover, #accessibility a:active {color:#5D0000;}

/* 3. MASTHEAD
============================================================================ */

#masthead {
	background-color:#F8F7F0;
	color:#630005;
	}

#branding {
	position:relative;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}

/* 3a. h1 - LOGO
============================================================================ */

h1 {
	position:relative;
	overflow:hidden;
	float:left;
	display:inline;
	height:200px;
	width:290px;
	margin-right:2px;
	font-size:1.5em;
	text-align:center;
	}

h1 a {
	position:relative;
	display:block;
	height:200px;
	width:290px;
	}

h1 span {
	position:absolute;
	top:0;
	left:0;
	height:200px;
	width:290px;
	background:transparent url(/site_images/h1.jpg) no-repeat top left;
	}

/* 3b. h2 - CONTACT DETAILS
============================================================================ */

#contact-details {
	float:right;
	display:inline;
	margin:30px 0 2em;
	width:24em;
	background: #F8F7F0 url(/site_images/phone.gif) 5% 0 no-repeat;
	text-align:right;
	}

h2 {
	margin-bottom:0.5em;
	padding-left:63px;
	font-size:1.5em;
	}

/* 3c. SEARCH FORM
============================================================================ */

div#search {
	position:absolute;
	bottom:0;
	right:0;
	clear:right;
	margin:10px 0;
	text-align:right;
	}

form#search-input {margin:0;padding:0;}

#search-input p {
	display:inline;
	line-height:1.5em;
	}

#search-input input {border:1px solid #630005;}

input#searchBox {padding:1px;}

#search-input label {color:#630005;}

#search-input input {
	display:inline;
	margin-left:0.5em;
	}

#search-input input#submitBtn {display:none;border:none;}

/* 3d. NAV-MAIN
============================================================================ */

div#nav {
	padding-top:4px;
	overflow:hidden;
	background:transparent url(/site_images/nav_main_bg_top.png) 0 0 repeat-x;
	color:#F2EEE2;
	position:relative;
	}

div#nav_inner {
	padding-bottom:20px;
	background:transparent url(/site_images/nav_main_bg_btm.png) 100% 100% repeat-x;
	}

#nav ul {
	overflow:hidden;
	margin:0 auto;
	padding:0 3px;
	width:954px;
	}

#nav li {
	display:inline;
	float:left;
	width:106px;
	margin:0;
	padding:6px 0;
	list-style:none;
	}

#nav a:link, #nav a:visited {
	display: block;
	border-bottom:none;
	text-align:center;
	color:#F2EEE2;
	line-height:20px;
	text-decoration:none;
	font-size:97%;
	}

#nav a:hover, #nav a:active, #nav a:focus,
 .about  #about a,
 .contact #contact a {
	text-decoration:none;
	color:#B9AC78;
	border-bottom:none;
	}

#nav a {
	border-right:1px solid #8D0006;
	border-left:1px solid #110000;
	}

#nav a#home {border-left:none;}
#nav a#contact {border-right:none;}

/* 4. MAIN
============================================================================ */

	/* MAIN CONTENT AREA WRAPPER */
	
#main {
	background-color:#F8F7F0;
	padding:12px 0 5px;
	margin-top:-15px;
	}

.default #main {
	margin-top:0;
	padding-top:0;
	}

/* 4a. FLASH BANNER
============================================================================ */

#flashcontent {
	width:960px;
	margin:-15px auto 10px auto;	/* Negative top margin to pull up under drop shadow */
	padding-bottom:2px;
	border-bottom:3px solid #B9AC78;
	}

/* 4b. CONTENT
============================================================================ */

#content {
	overflow:hidden;
	width:960px;
	margin:0 auto 5px;
	}

.default #content {
	background:#F8F7F0 url(/site_images/content-bg-3col.gif) 317px 0 repeat-y;
	}

.col2left {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 17px 0 repeat-y;
	}

.col2right #content {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 637px 0 repeat-y;
	}

.col2right #content-main {
	width:625px;
	}

#content-main, #content-location, #content-specials {
	display:inline;
	float:left;
	}

#content-main, #content-location {
	padding:0;
	width:310px;
	overflow:hidden;
	text-align:left;
	}

#content-location {
	margin-left:15px;
	}

#content-secondary {
	float:left;
	display:inline;
	margin-left:25px;
	width:310px;
	text-align:left;
	}

#content.col2left {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 317px 0 repeat-y;
	}

#content.col2left #content-secondary {
	margin-left:0;
	}

#content.col2left #content-main {
	width:625px;
	margin-left:25px;
	}

/* 4c. HOME-PAGE SPECIALS
============================================================================ */

#content-specials {
	margin-left:15px;
	width:310px;
	background:transparent url(/site_images/blackboard-mid.jpg) 50% 0 repeat-y;
	color:#FFF;
	font-family: "Comic Sans MS","Comic Sans",Arial,Helvetica,sans-serif;
	}

#content-specials h3 {
	margin-bottom:0;
	padding:30px 37px 10px 32px;
	background:transparent url(/site_images/blackboard-top.jpg) 50% 0 no-repeat;
	font-family: "Comic Sans MS","Comic Sans",Arial,Helvetica,sans-serif;
	font-size:2.75em;
	font-weight:normal;
	}

#gutter {
	padding:0 37px 37px 32px;
	min-height:259px;
	background:transparent url(/site_images/blackboard-btm.jpg) 50% 100% no-repeat;
	}

#content-specials h4 {
	font-size:2em;
	font-weight:normal;
	font-family: "Comic Sans MS","Comic Sans",Arial,Helvetica,sans-serif;
	}

#content-specials p {
	font-size:1.4em;
	font-family: "Comic Sans MS","Comic Sans",Arial,Helvetica,sans-serif;
	}

/* 4d. HOME PAGE NEWS LISTING
============================================================================ */

#news-listing ul {
	margin:0 0 1em;
	padding:0;
	}

#news-listing li {
	margin:0 0 0.5em;
	list-style-type:none;
	font-size:1.1em;
	}

#news-listing li:last-child {border-bottom:none;}

#news-listing li span.date {
	float:right;
	margin-left:0.5em;
	padding-top:2px;
	font:italic normal 1em Palatino, Georgia, "Times New Roman", serif;
	}

#news-listing li a {border-bottom:none;}

/* 5. OUTLETS - DISTRIBUTOR LISTING
============================================================================ */

.outlets #content {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 322px 0 repeat-y;
	}

.outlets #content-location {
	margin-left:0;
	}

#content-outlets {
	float:left;
	display:inline;
	margin-left:25px;
	width:625px;
	}

table#outletListing {
	width:623px;
	border:1px solid #B2AA89;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	}

table#outletListing th, table#outletListing td {
	padding:5px;
	border:1px solid #B2AA89;
	border-width:0 1px 1px 0;
	}

table#outletListing th {
	font-weight:bold;
	}

table#outletListing th.store {
	font-weight:normal;
	}

.store a {
	display:block;
	background: transparent url(/site_images/world_go.png) no-repeat 0 50%;
	padding-left:25px;
	border-bottom:none!important;
	}

.telephone {text-align:center;}

/* 6. NEWS & RECIPES
============================================================================ */

.news #content, .recipes #content {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 637px 0 repeat-y;
	}

.recipes #main .col3 {
	background:#F8F7F0 url(/site_images/content-bg-3col-3.gif) 212px 0 repeat-y;	
	}

.news #content-main, .recipes #content-main {
	width:625px;
	}

.recipes #content-main.small {
	width:510px;
	margin-left:25px;
	}

.recipes #content-secondary {
	width:200px;
	}

#content-newsletter {
	float:left;
	display:inline;
	margin-left:25px;
	width:310px;
	text-align:left;
	}

#content-list {
	float:left;
	display:inline;
	width:200px;
	text-align:left;
	}

#headlines {
	margin:0;
	padding:0;
	}

#headlines li {
	border-bottom:1px dotted #665615;
	margin:0 0 0.5em;
	list-style-type:none;
	}

#headlines p.date {
	float:right;
	display:block;
	margin:0 0 1em 1em;
	padding:0.5em 1em;
	border:1px solid #665615;
	background-color:#FFF;
	text-align:center;
	font-family:Palatino, Georgia, "Times New Roman", serif;
	}

#headlines p.date span {
	display:block;
	font-size:2.5em;
	line-height:1.1em;
	}

.continue a, .pagination a {
	border-bottom:none;
	}

#recentNewsletters {
	padding-left:0;
	}

#recentNewsletters li {
	margin-left:0;
	list-style:none;
	padding-left:25px;
	background:#F8F7F0 url(/site_images/article.gif) 0 50% no-repeat;
	}

.categoryList li, .articleList li {
	margin-left:0;
	list-style:none;
	padding-left:25px;
	background:#F8F7F0 url(/site_images/RPIN_ICON.png) 0 50% no-repeat;
	}

/* 7. FACTS
============================================================================ */

.facts #content-secondary ul {
	margin:0;
	padding:0;
	}

.facts #content-secondary li {
	padding-left:25px;
	background:transparent url(/site_images/ravioli-icon.jpg) 0 50% no-repeat;
	list-style:none;
	}

.facts #content-secondary li a {
	border-bottom:none;
	}

/* 8. LOCATION
============================================================================ */

.location #content {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 322px 0 repeat-y;
	}

.location #content-secondary {
	margin-left:0;
	}

#content-map {
	text-align:left;
	float:left;
	display:inline;
	margin-left:25px;
	width:625px;
	}

/* 9. MENU
============================================================================ */

.menu #content, .wholesale #content {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 242px 0 repeat-y;
	}

.menu #content-secondary, .wholesale #content-secondary {
	width:230px;
	margin-left:0;
	}

#content-menu {
	text-align:left;
	float:left;
	display:inline;
	margin-left:25px;
	width:695px;
	}

div.menu-category {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px dotted #B2AA89;
	font-size:95%;
	overflow:hidden;
	}

div.menu-category  h4 {font-size:150%;}

table.priceList, .article-table table {
	margin:0 0 0.5em 1px;
	width:470px;
	border:1px solid #B2AA89;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	}

.article-table table {
	width:693px;
	}

.article-table th, .article-table td {
	text-align:center;
	}

.article-table th {
	font-weight:bold;
	}

table.priceList th, table.priceList td, .article-table th, .article-table td {
	padding:3px;
	border:1px solid #B2AA89;
	border-width:0 1px 1px 0;
	}

table.priceList th {
	font-weight:normal;
	}

table.priceList caption {
	line-height:1.5em;
	font-size:1.25em
	}

.price1, .price2, .price3 {
	text-align:center;
	width:7em;
	vertical-align:middle;
	}

#gelati .price3, #sorbet .price3 {width:10em;}

.priceList thead th.product {color:#F8F7F0;}

table.priceList th.product {
	font-weight:normal;
	}

#content-menu img.menu-thumb {
	float:right;
	margin:-2em 0 0 8px;
	padding:3px;
	border:1px solid #B2AA89;
	width:200px;
	}

span.gluten-free {
	float:right;
	margin-left:0.5em;
	color:#5D0000;
	}

img.vegIcon {
	float:right;
	vertical-align:middle;
	margin-left:0.5em;
	}

span.sauce {
	display:block;
	font-style:italic;
	font-size:90%;
	}

ul.icons {
	border:1px solid #B2AA89;
	padding:1em;
	margin:1em 0;
	}

ul.icons li {
	list-style:none;
	padding:0;
	margin:0 0 0.5em;
	}

ul.icons li em {
	margin-right:1em;
	color:#5D0000;
	font-style:normal;
	}

#content-secondary ul.icons li img {
	margin-right:1em;
	display:inline;
	width:17px;
	vertical-align:middle;
	}

p.dl-img {
	clear:both;
	overflow:hidden;
	}

/* 10. FOOTER
============================================================================ */

#footer {
	margin:0 auto;
	padding:10px 0;
	width:960px;
	text-align:center;
	overflow:hidden;
	color:#F3F2E0;
	}

#footer p {
	line-height:2em;
	}

#footer a:link, #footer a:visited {
	color:#F3F2E0;
	border-bottom-color:#9E7070;
	}

#footer a:hover, #footer a:active, #footer a:focus {
	color:#B9AC78;
	text-decoration:none;
	border-bottom-color:#B9AC78;
	}

/* 11. INLINE IMAGE STYLES
============================================================================ */

img.block {
	margin:0 0 0.5em 0;
	}

img.left {
	clear:left;
	float:left;
	margin:0 10px 8px 0;
	}

img.right {
	clear:right;
	float:right;
	margin:0 0 8px 10px;
	}

img.border {
	padding:3px;
	background-color:#FFF;
	border-top:3px inset #B2AA89;
	border-left:3px inset #B2AA89;
	border-bottom:3px inset #362D08;
	border-right:3px inset #362D08;
	}

/* 12. PAGINATION
============================================================================ */

.pagination {padding-top:10px;}

div.pagination p {
	text-transform:lowercase;
	line-height:1.85em;
	}

div.pagination a {font-style:italic;}

.pagination a:hover,
 .pagination a:active,
 .pagination a:focus {text-decoration:none;}


/* 13. CONTACT PAGE
============================================================================ */

.contact #content {
	background:#F8F7F0 url(/site_images/content-bg-3col-2.gif) 182px 0 repeat-y;
	}

.contact #content-main {
	width:170px;
	}

#content-contact {
	float:left;
	display:inline;
	margin-left:25px;
	width:430px;
	text-align:left;
	}

.contact #content-location {margin-left:25px;}

div.vcard div.adr {margin-bottom:0.5em;}

/* 13a. CONTACT & COMMENT FORMS
============================================================================ */

#content-comment-invite {
	float:left;
	display:inline;
	margin-left:25px;
	width:310px;
	text-align:left;
	}

#zemContactForm {
	padding-bottom:0;
	margin-bottom:-40px;
	}

#zemContactForm fieldset, #comments fieldset {
	float: left;
	clear: left;
	margin: 0 0 1.5em 0;  
	padding: 0 0 0.5em;
	border:1px dotted #B2AA89;
	width: 428px;
	}

#comments fieldset {
	width:308px;
	}

#zemContactForm legend, #comments legend {
	margin:0.5em;
	padding:0 0.5em;
	background-color:#F8F7F0;
	}

#zemContactForm fieldset ol, #comments fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	}

#zemContactForm fieldset li, #comments fieldset li {  
	float: left;  
	clear: left;  
	padding:0 0 0.5em;
	margin:0;
	width: 100%;
	list-style:none;
	}

#zemContactForm label, #comments label {  
	float: left;
	margin-right: 1em;
	width: 100px;  
	text-align:right;
	line-height:1.5em;
	padding:1px;
	}

#comments label {width:4em;}

#zemContactForm input, #Message, #comments input, .txpCommentInputMessage, 
#zemContactForm select {
	border:1px solid #B2AA89;
	padding:1px;
	line-height:1.5em;
	}

#comments input {width:170px}

#Message {width:260px;}

.txpCommentInputMessage {width:200px;}

#zemContactForm fieldset.submit, #comments fieldset.submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	padding:0;
	}

ul.zemError, ul.comments_error {
	margin:0 0 1.5em;
	padding:1em 1em 0;
	border:1px solid #5D0000;
	background-color:#EFE6E6;
	color:#5D0000;
	overflow:hidden;
	}

ul.zemError li, ul.comments_error li {
	padding:0 0 1em;
	margin:0;
	list-style:none;
	float:none;
	}

#zemContactForm fieldset.submit input, #comments fieldset.submit input {
	border:1px solid #B2AA89;
	padding:0 0.5em;
	line-height:1.5em;
	width:auto;
	background-color:#FFF;
	text-transform:lowercase;
	}

input.disabled {
	color:#A0A0A0;
	border-color:#B2AA89;
	}

.announcement a {
	color:#1C2839;
	font-weight:bold;
	}

/* 13b: COMMENTS - SPECIFIC
============================================================================ */

#cpreview {
	padding:1em 1em 0.5em;
	margin-bottom:0.5em;
	background-color:#D9D5C4;
	border:1px solid #5D0000;
	}

#cpreview, p.details {font-style:italic;}

#cpreview .announcement {
	font-style:normal;
	color:#5D0000;
	}
	
#cpreview a {color:#5D0000;}

.comments li {
	border:1px solid #B2AA89;
	padding:0.5em 0.5em 0;
	margin-bottom:1em;
	background-color:#FFF;
	}

h4.comment-count {
	border-top:1px dotted #B2AA89;
	padding-top:0.5em;
	}

/* 14. NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter {
	margin-bottom:1em;
	padding-top:0.5em;
	border-top:1px dotted #665615;
	}

#newsletter fieldset {
	float: left;
	clear: left;
	margin: 0 0 1em 0;  
	padding: 0.5em 0 0;
	border:1px dotted #B2AA89;
	width: 308px;
	}

#newsletter legend {
	margin:0.5em;
	padding:0 0.5em;
	background-color:#F8F7F0;
	}

#newsletter ol {
	margin:0;
	padding:0;
	}

#newsletter li {
	width:270px;
	float: left;  
	clear: left;
	padding:0 0 0.5em;
	margin:0 0 0.5em 1em;
	list-style:none;
	}

#newsletter label {
	display:inline;
	float: left;
	width: 4em;  
	margin-right:0.5em;
	text-align:left;
	line-height:1.5em;
	padding:1px;
	}

#newsletter input {
	display:inline;
	width:170px;
	padding:1px; 
	border:1px solid #B2AA89;
	line-height:1.5em;
	}

#newsletter .submit {
	padding:0;
	border:none;
	}

#newsletter .submit input {
	border:1px solid #665615;
	padding:0 0.5em;
	line-height:1.5em;
	width:auto;
	background-color:#FFF;
	text-transform:lowercase;
	}

/* 15. SEARCH RESULTS PAGE
============================================================================ */

.search #content {
	background:#F8F7F0 url(/site_images/content-bg-2col.gif) 212px 0 repeat-y;
	}

.search #content-secondary {
	width:200px;
	margin-left:0;
	}

.search #content.col2left #content-main {
	text-align:left;
	float:left;
	display:inline;
	margin-left:25px;
	width:735px;
	}

p.searchURL {
	border-bottom:1px dotted #665615;
	padding-bottom:0.5em;
	font-size:0.9em;
	}

p.searchURL:last-child {
	border-bottom:none;
	padding-bottom:0;
	}

.searchCount h3 span {
	font-size:4em;
	line-height:1em;
	}

ul#searchResults {
	margin:0;
	padding:0;
	}

#searchResults li {
	border-bottom:1px dotted #665615;
	margin:0 0 1em;
	padding:0 0 0.5em;
	list-style-type:none;
	}

#searchResults li h4 {
	padding-left:25px;
	background:transparent url(/site_images/ravioli-icon.jpg) 0 50% no-repeat;
	}

/* 15a. SEARCH RESULTS PAGE - SUPPLEMENTARY FORM
============================================================================ */

div#search-supp {
	clear:both;
	padding:1em 0;
	}

form#search-input-supp {margin:0;padding:0;}

#search-input-supp p {
	line-height:1.5em;
	}

#search-input-supp input {border:1px solid #665615;}

input#searchBox-supp {
	padding:1px;
	width:198px;
	}

#search-input-supp input.hidden {display:none; border:none;}

/* 16: MISC
============================================================================ */

/* Add icon to PDF Links */

a[href$=".pdf"] {
	display:inline-block;
	padding-right:22px;
	background:url(/site_images/iconpdf18x18.gif) no-repeat 100% 50%;
	}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide */

.clear {clear:left;}