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

/* ------------------------------------------------------------------------
/* !TINYMCE Editor Specific Styles */
/* ----------------------------------------------------------------------*/
body#tinymce,
body#tinymce table				{}



/* ------------------------------------------------------------------------
/* !GLOBAL */
/* ----------------------------------------------------------------------*/
/* !Link */
a							{ color: #57288C; text-decoration: none;}
a:focus, a:hover 			{ color: #8A42D9; text-decoration: none; }
a img 						{}


/* !Colors */
.text-color1					{ color: #000; }
.text-color2					{ color: #57288C; }
.text-color3					{ color: #8A42D9; }
.text-color4					{ color: #917019; }
.text-color5					{ color: #999999; }
.text-color6					{ color: #ffffff; }


/* !Text Highlights */
.text-highlight1				{ background: #000; color: #fff; }				
.text-highlight2				{ background: #57288C; color: #fff; }				
.text-highlight3				{ background: #8A42D9; color: #fff; }				
.text-highlight4				{ background: #917019; color: #fff; }				
.text-highlight5				{ background: #cccccc; color: #57288C; }		
.text-highlight6				{ background: #cccccc; color: #fff; }


/* !Text Sizes */
.text-small						{}
.text-regular					{}
.text-medium					{ font-size: 20px; }
.text-large						{ font-size: 24px; margin: 0 0 20px; }
.text-xlarge					{ font-size: 36px; font-weight: 300; }


/* !Heading */
h1,
h2,
h3,
h4,
h5,
h6							{ color: #57288C; font-weight: bold; line-height: 1.2; margin: 0 0 20px; }

h1 							{ font-size: 36px; }
h2 							{ font-size: 32px; }
h3 							{ font-size: 26px; }
h4							{ font-size: 20px; }
h5 							{ font-size: 16px; }
h6							{ font-size: 14px; }


/* !Type Margin + Padding */
p,
pre,
code,
blockquote,
ul,
ol,
dl,
table.table					{ margin: 0 0 12px; }


/* !HR, Pre, Code, Address, Sup, Sub , Sample */
hr							{ border-color: #ddd; }
pre							{ background: #f6f6f6; border-color: #ddd; }
pre.code						{}
code							{ white-space: pre-wrap; }
address						{ background: #f6f6f6; border-color: #ddd; }
sup,
sub							{ color: #000; }
samp							{ background: #f6f6f6; }


/* !Lists */
ul							{}
ul li							{ background: url(../images/bullet-default.png) no-repeat 18px .5em; padding: 0 0 0 30px; }

ul.list-bullet				{ background: url(../images/bullet-default.png) no-repeat 18px .5em; }
ul.list-bullet li				{}

ul.list-plain				{}
ul.list-plain li				{}

ul.list-arrow				{}
ul.list-arrow li				{ background: url(../images/bullet-arrow.png) no-repeat 16px .65em; }

ul.list-box					{}
ul.list-box li					{ background: url(../images/bullet-box.png) no-repeat 18px .7em; }

ol							{}
ol li						{}

dl							{}
dl dt						{}
dl dd						{}


/* !Lines	*/
.line-solid					{}
.line-dotted					{}
.line-dashed					{}


/* !Blockquotes + Pullquotes */
blockquote					{ background: #f6f6f6; font-family: Georgia, 'Times New Roman', Times, serif; }
blockquote cite				{ color: #a68860; }
blockquote.bq					{ color: #4c3607; background: transparent url("../images/quote.png") no-repeat scroll 0 0; }
blockquote.bq-left				{}
blockquote.bq-right				{}

blockquote.pq					{ background: none; color: #4c3607; }
blockquote.pq-left				{ float: left; width: 35%; }
blockquote.pq-right				{ float: right; width: 35%; }
blockquote.pq-style1.pq-left		{ border-color: #ddd; }
blockquote.pq-style1.pq-right		{ border-color: #ddd; }
blockquote.pq-style2.pq-left		{ border-color: #ddd; }
blockquote.pq-style2.pq-right		{ border-color: #ddd; }


/* !Text Intro Area */
div.intro						{}


/* !Dropcaps */
.dropcap						{}


/* !Borders */
.border						{ border-color: #ddd; }


/* !Info Boxes	*/
.infobox						{ background: #f6f6f6; }
.infobox .titlebox				{ background: #ddd; color: #fff; }
.infobox .contentbox			{}
.infobox-style1				{}
.infobox-style2				{ background: #4c3607; color: #fff; }
.infobox-style3				{ background: #ddd; color: #fff; }
.infobox-rounded				{}
.infobox-rounded .titlebox		{}


/* !Images */
.img-left,					{}
.img-right,					{}
.img-center					{ display: block; text-align: center; clear: both; margin: 0 auto; }

.img-border					{ border-color: #ddd; }
.img-border2					{ border-color: #ddd; }
.img-border3					{ border-color: #ddd; background: #f6f6f6; }
.img-border4					{ border-color: #ddd; }
.img-border5					{ border-color: #ddd; }
.img-noborder					{}
.img-rounded					{}


/* !Images: Captions */
.img-caption,
.jce_caption					{}
.img-caption p					{ color: #000; }
.img-caption-left				{}
.img-caption-right				{}
.img-caption-center				{}


/* !Space */
.white-space					{}
.box-anywidth					{}


/* !Top Anchor */
.divider-top					{ border-color: #ddd; }
.divider-top a					{}


/* !Inset Box */
.inset-left					{}
.inset-right					{}
.inset-left,
.inset-right					{}
.inset-style1					{ background-color: #f6f6f6; }
.inset-style2					{ background-color: #f6f6f6; }


/* !Well */
.well						{}


/* !Table: Content Table Style */
table.table-style1 caption					{ color: #000; border-color: #ddd; }
table.table-style1 thead th					{ color: #fff; background: #444; }
table.table-style1 thead th a					{ color: #fff; }
table.table-style1 thead th a:hover			{}
table.table-style1 .row1 td,
table.table-style1 .odd td					{ background: #f6f6f6; border-color: #ddd; }
table.table-style1 .row2 td,
table.table-style1 .even td					{ background: #f2f2f2; border-color: #ddd; }
table.table-style1 tfoot td					{ background: #ddd; }


