/*------------------------------------------------------------------------
# NIRS - TYPO CSS > May, 2008 (v1.0)
# ------------------------------------------------------------------------
# Copyright (C) 2007 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/


/*------------------------------------------------------------------------
	TYPOGRAPHY
-------------------------------------------------------------------------*/

.typo { font-size: 1.0em; line-height: 1.3em; text-align: left; }

/* Title text */
.typo .contentheading, .typo .componentheading, .typo .blog_more strong, .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 { font-family: Tahoma, Arial, Helvetica, sans-serif; }

/* Small text */
.typo small, .typo .small, .typo .smalldark, .typo .mosimage_caption { font-size: 10px; color: #ccc; }

/* Heading */
.typo h1 { font-size: 1.4em; color: #000; font-weight: bold; }

.typo h2 { font-size: 1.2em; color: #B82D03; font-weight: bold; }

.typo h3 { font-size: 1.0em; font-weight: bold; color: #12799E; }

.typo h4 { font-size: 1.0em; font-weight: bold; color: #5EB79E; text-transform: uppercase;  }

.typo p, .typo pre, .typo blockquote, .typo ul, .typo ol { margin: 0 0 20px 0; padding: 0px 0px 0px 0px; }

.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 { margin: 0px 0px .3em 0px; padding: 0px 0px 0px 0px; }

.typo ul { list-style: none; }

.typo ul li { padding: 0px 0px 10px 35px; line-height: 1.3em; background: url(../images/typo/bullet-list.gif) no-repeat 25px 4px; }

.typo ol { list-style: decimal; }

.typo ol li { margin-left: 35px; padding: 0px 0px 10px 0px line-height: 1.3em; }

.typo fieldset { border: none; }

.typo fieldset a { font-weight: bold; }

.typo hr { border-top: 1px solid #CACACC; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; }

.typo a {
	color:#5AA293;
	text-decoration:underline;
}

.typo a:hover {
	text-decoration:none;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
.typo pre, .typo .code { padding: 10px 15px; margin: 5px 0 15px 15px; border-left: 5px solid #999999; font: 1em/1.5 "Courier News", monospace; background: #f2f2f2; width: 82%; }

.typo blockquote { padding: 1em 40px 1em 15px; }

.typo blockquote span.open { padding: 0 0 0 20px; background: url(../images/typo/so-q.gif) no-repeat left top; }

.typo blockquote span.close { padding: 0 20px 0 0; background: url(../images/typo/sc-q.gif) no-repeat bottom right; }

/* Quote hilight */
.quote-hilite { padding : 10px 15px; margin: 0; background: #FFFFFF; border: 1px solid #CACACC; }

/* Small quote */
.small-quote { background: none; margin: 0; padding: 0; }

.small-quote span.open-quote { background: url(../images/typo/so-q.gif) no-repeat center left; margin: 0; padding-left: 20px; }

.small-quote span.close-quote { background: url(../images/typo/sc-q.gif) no-repeat center right; margin: 0; padding-right: 20px; }

.small-quote span.author { display: block; padding: 2px 5px 2px 20px; background: url(../images/typo/author.gif) no-repeat 5px 4px #EAEBEE; border-top: 1px solid #DCDDE0; margin: 0.5em 0 0; text-transform: uppercase; font-size: 90%; }

/* Rropcap */
.dropcap { float: left; padding: 4px 8px 0 0; display: block; color: #999999; font: 50px/40px Georgia, Times, serif; }

.dropcap-hilite { float: left; margin-right: 5px; padding: 4px; display: block; color: #CC0000; background: #FFFFFF; font: 50px/40px Georgia, Times, serif; }

/* Tips, Error, Message, Hightlight*/
.error { padding-left: 25px !important; margin-left: 15px !important; color: #666666; background: url(../images/typo/bullet-error.gif) no-repeat top left; }

.message { padding-left: 25px !important; margin-left: 15px !important; color: #999999; background: url(../images/typo/bullet-info.gif) no-repeat top left; }

.tips { padding-left: 25px !important; margin-left: 15px !important; color: #666666; background: url(../images/typo/bullet-tips.gif) no-repeat top left; }

.highlight { padding: 1px 5px; background: #FDF2D0 ; font-weight: normal; }

/* Note Style */
p.stickynote { background: url(../images/typo/sticky-bg.gif) no-repeat 5px center #FFFFFF; padding: 10px 0px 10px 40px; margin: 0px 15px; border: 1px solid #CACACC; }

p.download { background: url(../images/typo/download-bg.gif) no-repeat 5px center #FFFFFF; padding: 10px 0px 10px 40px; margin: 0px 15px; border: 1px solid #CACACC; }

.blocknumber { clear: both; padding: 5px 15px 10px; position: relative; }

/* Check list */
ul.checklist { list-style: none; }

ul.checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(../images/typo/checklist-bg.gif) no-repeat 0 5px; }

/* Check list */
ul.stars { list-style: none; }

ul.stars li { margin-left: 15px; padding: 0px 0 5px 20px; background: url(../images/typo/star-bg.gif) no-repeat 0 5px; }

/* Bignumber */
.bignumber { float: left; margin-right: 8px; padding: 6px 7px; display: block; color: #CC0000; background: url(../images/typo/ol-bg.gif) no-repeat top left; font: 20px/normal Arial, sans-serif; font-weight: bold; }

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 15px; }

div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author { padding-left: 15px; margin-left: 15px; font-weight: bold; background: url(../images/typo/author.gif) no-repeat center left; }

div.bubble1 div { margin: 0; width: 100%; background: url(../images/typo/bub1-br.gif) no-repeat bottom right; }

div.bubble1 div div { background: url(../images/typo/bub1-bl.gif) no-repeat bottom left; }

div.bubble1 div div div { background: url(../images/typo/bub1-tr.gif) no-repeat top right; }

div.bubble1 div div div div { background: url(../images/typo/bub1-tl.gif) no-repeat top left; }

div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto; }

div.bubble2 div { margin: 0; width: 100%; background: url(../images/typo/bub2-br.gif) no-repeat bottom right; }

div.bubble2 div div { background: url(../images/typo/bub2-bl.gif) no-repeat bottom left; }

div.bubble2 div div div { background: url(../images/typo/bub2-tr.gif) no-repeat top right; }

div.bubble2 div div div div { background: url(../images/typo/bub2-tl.gif) no-repeat top left; }

div.bubble2 div div div div div { margin: 0; padding: 15px 15px 35px 15px; width: auto; }

div.bubble3 div { margin: 0; width: 100%; background: url(../images/typo/bub3-br.gif) no-repeat bottom right; }

div.bubble3 div div { background: url(../images/typo/bub3-bl.gif) no-repeat bottom left; }

div.bubble3 div div div { background: url(../images/typo/bub3-tr.gif) no-repeat top right; }

div.bubble3 div div div div { background: url(../images/typo/bub3-tl.gif) no-repeat top left; }

div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto; }

div.bubble4 div { margin: 0; width: 100%; background: url(../images/typo/bub4-br.gif) no-repeat bottom right; }

div.bubble4 div div { background: url(../images/typo/bub4-bl.gif) no-repeat bottom left; }

div.bubble4 div div div { background: url(../images/typo/bub4-tr.gif) no-repeat top right; }

div.bubble4 div div div div { background: url(../images/typo/bub4-tl.gif) no-repeat top left; }

div.bubble4 div div div div div { margin: 0; padding: 15px 15px 55px 15px; width: auto; }

/* Box style */
.box-hilite { background: url(../images/typo/box-hilite-bg.gif) repeat-x bottom left #FFFFFF; margin: 20px 0 0 0; padding: 15px; border: 1px solid #CACACC; }