/*------------------------------------------------------------------------
# Soapbox -> Typography CSS (v1.0)
# ------------------------------------------------------------------------
# Copyright (C) 2009 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------
/* !GLOBAL */
/* ----------------------------------------------------------------------*/

/* !Link */
a,
a:active,
a:visited						{}
a:hover 						{}
a img 						{}


/* !Heading */
h1,
h2,
h3,
h4,
h5,
h6							{}

h1 							{ color: #333; }
h2 							{ color: #333; }
h3 							{ color: #333; }
h4							{ color: #333; text-transform: none; }
h5 							{ color: #333; }
h6							{ color: #333; }


/* !Type margin.padding */
p,
pre,
code,
blockquote,
ul,
ol,
table.tableStyle				{}


/* !Unordered Lists */
ul							{}
ul li						{}

ul.plainList					{}
ul.plainList li				{}


/* !Ordered Lists */
ol							{}
ol li						{}


/* !Definition Lists */
dl							{}
dl dt						{}
dl dd						{}


/* !HR */
hr							{ border-color: #CCC; }


/* !Code Highlight */
pre							{ border-color: #DDDDDD; background: #F5F5F5; }
code							{}


/* !Blockquote */
blockquote					{ background: #F5F5F5; }


/* !Address */
address						{ border-color: #DDDDDD; background: #F5F5F5; }


/* !Sup/Subscript */
sup,
sub							{}


/* !Sample */
samp							{}


/* !Table */
table.tableStyle							{}
table.tableStyle thead th					{ background-color: #006699; }
table.tableStyle thead th a,
table.tableStyle thead th a:active,
table.tableStyle thead th a:visited			{}
table.tableStyle thead th a:hover				{}
table.tableStyle tr td						{}
table.tableStyle tr.row1 td					{ background-color: #FFF; border-bottom: 1px solid #DDDDDD; }
table.tableStyle tr.row2 td					{ background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
table.tableStyle tr.row1:hover td,
table.tableStyle tr.row2:hover td				{}
table.tableStyle caption						{ color: #999; border-color: #DDDDDD; }


/* !Img */
img.imgLeft				{ margin: 0px 10px 0px 0px !important; float: left; }
img.imgRight				{ margin: 0px 0px 0px 10px !important; float: right; }
img.imgLeftBorder			{ padding: 1px; border: 1px solid #DDDDDD; margin: 0px 10px 0px 0px !important; float: left; }
img.imgRightBorder			{ padding: 1px; border: 1px solid #DDDDDD; margin: 0px 0px 0px 10px !important; float: right; }


/* Misc */
.noPad					{}
.noMrg					{}
.left					{}
.right					{}
.clear					{}
br.clear					{ line-height: 0px; font-size: 0px; }


/* BONUS TYPOGRAPHY STYLES
-------------------------------------------------------------------------*/
pre, .code {
	/*padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #DDDDDD;
	background: #F5F5F5;*/
}

blockquote {
	/*margin: 20px 0;
	padding: 0;*/
}

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

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

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

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

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

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

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

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

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	color: #AE3333;
	background: url(/templates/gpf/images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 25px;
	color: #006699;
	background: url(/templates/gpf/images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 25px;
	color: #F79B34;
	background: url(/templates/gpf/images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	padding: 15px 0px 15px 45px;
	border: 1px solid #CCCCCC;
	background: url(/templates/gpf/images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
	padding: 15px 0px 15px 45px;
	border: 1px solid #CCCCCC;
	background: url(/templates/gpf/images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.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(/templates/gpf/images/checklist-bg.gif) no-repeat 0 3px;
}

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

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

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	color: #FFFFFF;
	background: url(/templates/gpf/images/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 0;
}

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

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

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

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

div.bubble1 div div div div {
	background: url(/templates/gpf/images/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(/templates/gpf/images/bub2-br.gif) no-repeat bottom right;
}

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

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

div.bubble2 div div div div {
	background: url(/templates/gpf/images/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(/templates/gpf/images/bub3-br.gif) no-repeat bottom right;
}

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

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

div.bubble3 div div div div {
	background: url(/templates/gpf/images/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(/templates/gpf/images/bub4-br.gif) no-repeat bottom right;
}

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

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

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

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

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background: #FFFFFF;
	font-weight: bold;
	position: absolute;
	top: -12px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #CACACC;
	background: #FFFFFF;
	position: relative;
}