/*##################################################################
####################################################################
#                                                                ###
#  STARTER RTE                                                   ###
#  This sheet contains the code for the TYPO3 rich text editor   ###
#  Contains also general content styling                         ###
#                                                                ###
#  author:		Ron Hall, Busy Noggin, Inc.                      ###
#  e-mail:		templavoila@busynoggin.com                       ###
#  website:	www.busynoggin.com & templavoila.busynoggin.com      ###
#  										                         ###
####################################################################
##################################################################*/


p, ul, ol, dl, table, form, blockquote { margin-bottom: 10px;  }

ul ul, ul ol, ol ol, ol ul {
	margin-left: 20px;
	margin-bottom: 0px;
	}

blockquote blockquote {	margin-top: 10px; }



/*----- @TEXTS - PARAGRAPHS  ------------------
        @group texts and paragraphs          */

em { font-style: italic; }

strong { font-weight: bold;	}



/*----- @LINKS  -------------------------------
        @group links styling                 */

a {	color: #008aec;	text-decoration: none;	}

a:hover,a:focus {color: black;}



/*----- @HEADLINES  --------------------------
        @group Headlines                    */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	font-weight: normal;
	color: #025e73;
	}


h4, h5, h6 { font-weight: bold; }

h1 {font-size: 2em; margin-bottom: 10px; margin-top: 20px;}
h2 {font-size: 1.8em; margin-bottom: 10px; margin-top: 20px;}
h3 {font-size: 1.5em; margin-bottom: 10px; margin-top: 20px;	}
h4 {font-size: 1.2em; margin-bottom: 5px;}
h5 {font-size: 1em; margin-bottom: 5px;}
h6 {font-size: 1em; margin-bottom: 5px; font-style:italic}

.intros h1, .intros h2, .intros h3, .intros h4, .intros h5, .intros h6 {color:#FFF;}
.intros h1 {font-size:2.5em; font-weight:lighter;}

/*----- @LISTS  ---------------------------
        @group Lists                     */

ul, ol { margin-left: 30px;	}
ul ul, ul ol, ol ol, ol ul { margin-left: 20px;	}
dd { margin-left: 20px;	}



/*----- @BLOCKQUOTES  --------------------
        @group Blockquote Styling       */

blockquote { margin-left: 30px;	margin-right: 30px;	}



/*----- @COMMON STYLES FOR RTE  ----------
        @group Common Styles for RTE    */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header { margin-top: 0px; }



/*----- @TABLES  ------------------------
        @group Table Styling           */

td, th, caption {
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}

col { background-color: silver;}

thead th, tfoot th, tfoot td { text-align: left; }

caption {
	background-color: black;
	font-style: italic;
	}

td.spancolumn-1,
th.spancolumn-1 { width: 30px; }

td.spancolumn-2,
th.spancolumn-2 { width: 80px; }

td.spancolumn-3,
th.spancolumn-3 { width: 130px;	}

td.spancolumn-4,
th.spancolumn-4 { width: 180px;	}
	
td.spancolumn-5,
th.spancolumn-5 { width: 230px;	}


td.spancolumn-6,
th.spancolumn-6 { width: 280px;	}

td.spancolumn-7,
th.spancolumn-7 { width: 330px; }

td.spancolumn-8,
th.spancolumn-8 { width: 380px;	}

td.spancolumn-9,
th.spancolumn-9 { width: 430px; }

td.spancolumn-10,
th.spancolumn-10 { width: 480px; }

td.spancolumn-11,
th.spancolumn-11 { width: 530px; }

td.spancolumn-12,
th.spancolumn-12 { width: 580px; }



/*----- @ALIGNMENT  ------------------------
        @group alignment                  */
		
.align-right { text-align: right; }
.align-left { text-align: left;	}
.align-center { text-align: center;	}



/*----- @CUSTOM STYLES  --------------------
        @group RTE Custom Styles          */

h1.first-header,
h2.first-header,
h3.first-header,
h4.first-header,
h5.first-header,
h6.first-header { margin-top: 0px;}

.align-right { text-align: right; }
.align-left { text-align: left;	}
.align-center {	text-align: center;	}

p.feature-text,
ul.feature-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	}

p.big-text,
ul.big-text {
	font-size: 16px;
	line-height: 24px;
	}

p.red-highlight,
span.red-highlight,
h1.red-highlight,
h2.red-highlight,
h3.red-highlight,
h4.red-highlight,
h5.red-highlight,
h6.red-highlight { color: red;}



/*#######################################
##########  BACKEND STYLING  ############
#######################################*/
/* This styling is simply to help the backend text in the RTE look approximately like the text on the front end of the site. You will need to adjust to fit the styling you have assigned in mainstyles.css*/

.htmlarea-content-body,
.htmlarea-content-body td,
.htmlarea-content-body th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	font-weight: normal;
	height: 100%;
}

/* END BACKEND STYLING -----------------------------------------------------------------------------------------------------------------------*/