/*------------------------------------------------------------------------
# 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						{ color: #4da7d4; text-decoration: underline; }
a:hover 						{ color: #31c601; text-decoration: none; }
a img 						{}
a.a-bar						{ background: url(../images/_layout/a-bar.gif) repeat-y left top; display: block; clear: both; padding: 3px 0 0 14px; margin: 5px 0 0 0; text-decoration: none; line-height: 1.2em; }

/* !Heading */
h1,
h2,
h3,
h4,
h5,
h6							{ margin: 1em 0 .2em 0; padding: 0; }

h1 							{ font-size: 1.8em; color: #000; }
h2 							{ font-size: 1.5em; color: #3A7EA1; }
h3 							{ font-size: 1.2em; color: #384B55; font-weight: bold; }
h4							{ font-size: 1em; text-transform: uppercase; color: #31C601; }
h5 							{ font-size: 1em; text-transform: lowercase; font-weight: bold; color: #31c601; }
h6							{ font-size: 1em; text-transform: uppercase; font-weight: bold; color: #000; }

h2.subtitle					{ color: #3A7EA1; font-size: 1.5em; font-weight: normal; line-height: 1.1em; }


/* !Type margin.padding */
p,
pre,
code,
blockquote,
ul,
ol,
table.tableStyle				{ margin: .2em 0 1em 0; padding: 0; }


/* !Unordered Lists */
ul							{}
ul li						{ padding: .4em 0 .4em 36px; background-image: url(../images/_layout/bullet.gif); background-position: 16px .35em; line-height: 1.4em; height: 1%; }

ul.plainList					{}
ul.plainList li				{ padding: .4em 0 .4em 0px; background: none; }


/* !Ordered Lists */
ol							{}
ol li						{ margin-left: 35px; padding: .2em 0 .2em 0; line-height: 1.4em; }


/* !Definition Lists */
/*
dl							{}
dl dt						{ border-color: #CCC; }
dl dd						{ border-color: #CCC; }
*/


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


/* !Code Highlight */
pre							{ border-color: #cce8f6; background: #EDF3F6; padding: 10px 15px; }
code							{}


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


/* !Address */
address						{ border-color: #cce8f6; background: #edf3f6; }


/* !Sup/Subscript */
sup,
sub							{ color: #4da7d4; }


/* !Sample */
samp							{ background-color: #ccc; }


/* !Table */
table.tableStyle							{}
table.tableStyle thead th					{ border-right: 1px solid #384b55; padding: 10px 5px 8px 10px; background: #384b55; color: #FFFFFF; }
table.tableStyle thead th a,
table.tableStyle thead th a:active,
table.tableStyle thead th a:visited			{ color: #FFFFFF; }
table.tableStyle thead th a:hover				{}
table.tableStyle tr td						{ padding: 10px 5px 8px 10px; }
table.tableStyle tr.row1 td					{ background: #eff6fa; border-bottom: 1px solid #cce8f6; border-top: 1px solid #fff; }
table.tableStyle tr.row2 td					{ background: #e3f2fa; border-bottom: 1px solid #cce8f6; border-top: 1px solid #fff; }
table.tableStyle tr.row1:hover td,
table.tableStyle tr.row2:hover td				{}
table.tableStyle caption						{ margin: 0px; padding: 10px 0 0 0; text-align: center; font-weight: regular; font-style: italic; color: #8001bb; }


/* !Img */
img.imgLeft,
img.img-left				{ float: left; margin: 5px 10px 5px 0px; }
img.imgRight,
img.img-right				{ float: right; margin: 5px 0px 5px 10px; }
img.imgBorder				{ border: 2px solid #e3f0f6; }


/* Misc */
.noPad					{}
.noMrg					{}
.left					{}
.right					{}
.clear					{}