/* ========== CUSTOM PHRASE STYLES ========== */

p.help,
span.help {
	color: #999;
	font: 0.8em/1.0 Verdana, Arial, Helvetica, sans-serif;
}

.callout { font-style: italic !important; }

.inlineheader { font-weight: bold; }

.allcaps { text-transform: uppercase; }

.dropcap:first-letter {
	display: block;
	float: left;
	font-size: 2em;
}

.pubtitle { font-style: italic; }

/* ========== CUSTOM FORM STYLES ========== */

/* input, textarea {display: block;} */

input.twochar { width: 2em; }

input.tiny { width: 100px; } /* Can hold approx 12 chars */

input.small, /* 20 characters */
select.small {
	width: 160px;
}

input.medium { width: 250px; } /* good for keyword lists */

input.large { width: 400px; } /* good for short descriptions */

textarea.twoline { /* good for two line addresses */
	width: 250px;
	height: 2em;
}

textarea.brief { /* good for brief comments */
	width: 250px;
	height: 5em;
}

textarea.paragraph { /* good for a single paragraph */
	width: 400px;
	height: 10em;
}

textarea.essay { /* good for multiple paragraphs */
	width: 400px;
	height: 25em;
}

/* ========== CUSTOM LIST STYLES ========== */

ul.nolist li,
ol.nolist li,
li.nolist {
	list-style: none !important;
	background-image: none !important;
	padding-left: 0 !important;
}

ul.bullet li { list-style-type: disc !important; }
ul.circle li { list-style-type: circle !important; }
ul.square li { list-style-type: square !important; }

ol.number li { list-style-type: decimal !important; }
ol.lroman li { list-style-type: lower-roman !important; }
ol.uroman li { list-style-type: upper-roman !important; }
ol.lowercase li { list-style-type: lower-latin !important; }
ol.uppercase li { list-style-type: upper-latin !important; }


/* ========== GENERAL UTILITY ========== */

.noborder { border: 0 !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

.clear, .hr {
	clear: both;
	height: 1px;
}

.hr {
	height: 2px;
}

.clear span,
.hr span { display: none; }

.pushtop { padding-top: 1.5em; }

.leftfloat { float: left !important; clear: left; }
.rightfloat { float: right !important; clear: right; }

.center {
	text-align: center;
	margin: 0 auto;
}

.light { font-weight: normal !important; }

div.media { margin-bottom: 1em; }
div.media * { display: none; }
div.media img, div.media object, div.media *.show { display: block; }