/**
 * This typography file is included in the WYSIWYG editor
 */


/****************************************************************************************/
/*** FCKEditor **************************************************************************/

.typography_editor {
    font-size: 13px; /* use same in layout.css: body */
	line-height:1.5;
	font-family:Verdana,Helvetica,sans-serif; /* needed by FCK */
	background:#fff;
	padding:0px 4px; margin: 0px; /* needed by FCK? */
}

/* needed for editor */
body { margin:0px; }

/****************************************************************************************/
/*** GENERAL ****************************************************************************/

/* always show scrollbar in editor and cms frontend
  TODO: what is with IE */
html {
    overflow: -moz-scrollbars-vertical;
}

.typography {
    font-size: 13px; /* use same in layout.css: body */
	line-height:1.5;
	/* padding: 0;	margin: 0; needed by FCK? */
}

/** general STYLES **/

.typography blockquote { margin-left:20px; }
.typography hr { margin-left:5%; width:80%; margin-bottom:15px; height:0px; color:#aaf; background-color:#aaf; border:none; border-top:1px solid #caa;}
.typography p { margin-bottom:20px; }


/** links **/

.fakelink, 
.typography a {
    color:#900;
    text-decoration:none;
    border-bottom: 1px solid #c88;
}
:hover.fakelink, 
.typography a:hover { text-decoration:none; color:#000; }

.typography a.clean { border: none; }
	

/** labels **/

.typography label { font-weight:normal; }



/****************************************************************************************/
/*** TABLE ******************************************************************************/

/* for editor, otherwise wrong fonts used in tinymce */
.typography table caption,
.typography table tr td {
    font-family:Verdana,Helvetica,sans-serif;
    font-size: 13px; 
} 

.typography table.table_pure {
    border-spacing: 0px; margin:0px 0px; padding:0px 0px; border:0px none;
}

.typography table tr td, .typography table tr th {
    padding-top:3px; padding-bottom:3px; padding-right:10px;
    text-align:left; vertical-align:top; 
}
.typography table th { font-weight:normal; }

.typography table.table_prices {
    margin:5px 0px;
}
.typography .table_prices tr {
    background:#eee; color:#000;
}
.typography .table_prices tr:first-child {
    background:#722; color:#fff;
}
.typography .table_prices td {
	padding: 1px 6px;
}


/****************************************************************************************/
/*** IMAGE ******************************************************************************/

.typography .image { margin-top:10px; margin-bottom:10px; }

.typography .image_left_float { float:left; margin-right:15px; }
.typography .image_right_float { float:right; margin-left:15px; }
.typography .image_left_alone { display:block; margin-left:15px;  margin-right: auto; }
.typography .image_right_alone { display:block; margin-left: auto; margin-right:15px; }
.typography .image_center_alone { display:block; margin-left: auto; margin-right: auto; }



/****************************************************************************************/
/*** LIST *******************************************************************************/

.typography ul,
.typography ol { margin-left:18px; margin-bottom:10px; }
.typography ul li {	 list-style-image:url(listbullet.png); list-style-position:outside; text-indent:0px;}
.typography ol li {	 list-style-type:decimal; list-style-position:outside; }


/****************************************************************************************/
/*** HEADER *****************************************************************************/

.emphasize1, .emphasize2, .emphasize3, .subtitle1, .subtitle1_bm0, .subtitle1_tm0bm0,
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5
 { color:#900;  }

.emphasize1 { font-size:1.5em; }
.emphasize2 { font-size:1.2em; }
.emphasize3 { font-size:1.1em; }

.subtitle1, .subtitle1_bm0, .subtitle1_tm0bm0 { font-size:1.2em; }
.typography h1 { font-size:2.2em; }
.typography h2 { font-size:1.7em; }
.typography h3 { font-size:1.4em; }
.typography h4 { font-size:1.2em; }
.typography h5 { font-size:1.1em; }

.subtitle1, .subtitle1_bm0 { margin-top:20px; }
.subtitle1 { margin-bottom:10px; }
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5 {
	margin-top:20px; margin-bottom:10px; font-weight:normal;
}


/****************************************************************************************/
/*** WYSIWYG EDITOR ALIGNMENT CLASSES ***************************************************/

.typography .left {
	text-align:left;
}
.typography .center {
	text-align:center;
}
.typography .right {
	text-align:right;
}
.typography img.right {
	float:right;
}
.typography img.left {
	float:left;
}


/*** News *****************************************************************/

.typography .newsarticle_box { margin-bottom:20px; }
.typography .newsarticle_title { font-size:1.4em; }
.typography .newsarticle_date { font-size:0.8em; }
.typography .newsarticle_teaser { margin-top:5px; color:#900;} /* color:#37c; */
.typography .newsarticle_beginning { margin-top:5px; }



/*** Gallery **************************************************************/

.typography .gallery-layout li { list-style:none; }



/*** Django Forms  **************************************************************/

.typography .formfield_outer_line {
    padding-top:7px; padding-bottom:7px;
    margin-top:2px; margin-bottom:2px; border-top:0px solid #f8f8f8;
}
.typography .formfield_outer_haserrors { padding:2px 0px; background:#fff0f0; }

.typography .formfield_outer_textinput input,
.typography .formfield_outer_textinput textarea {
		color:#000;
		background:#f8f8f8;
		border:1px solid #aac;
		padding-left:2px;
		margin-left:2px; font-size:13px; /* for IE6 */
	}
.typography .formfield_submit { margin-left:200px; font-size:13px; } /* padding:0 40px; bad with IE, font-size for IE6 */
.typography textarea { padding-top:0px; }

/* radio select */
.typography .formfield_outer_line ul { list-style-type:none; list-style-position:outside; list-style-image:none; margin:0px 0 0px 0px; } /* margin:0px 0 5px 0px; */
.typography .formfield_outer_line ul li { list-style-type:none; list-style-position:outside; list-style-image:none;  }
.typography .formfield_outer_line .radioselect_horizontal ul li { float:left; margin-right:10px; }


.typography .formfield_outer_haserrors input,
.typography .formfield_outer_haserrors textarea,
.typography .formfield_outer_haserrors select { background:#fee; border:1px solid #f66; }

.typography .formfield_label { margin:0; padding:0; }

.typography .errorlist_container { color:#b00; margin-left:0px; list-style:none; margin:0; background:#fff0f0; width:100%;}
.typography .errorlist_fieldname { color:#b00; font-style:italic; }
.typography .errorlist li { margin:0; }



/*** Event Details  **************************************************************/

.event_details_label { width:80px; font-weight:bold; }
.event_details_content { float:left; }
.typography .event_details_content ul { list-style-type:none; }
.typography .event_details_content ul li { list-style-type:none; }

/* .typography .errorlist { color:#800; } */


.typography .important_button_link {
    display:block; float:left; padding:0px 10px 1px 10px;
    /* background:#822;  border:1px solid #000; */
    border:1px solid #900;
    margin-top:10px; margin-bottom:20px; margin-right:100px;
    color:#000; font-size:1.0em;
}
.typography .important_button_link:hover { background:#933; color:#fff; }

.typography .pdf_button_link {
    display:block; float:left; padding:0px 5px 1px 5px;
    border:1px solid #aaa;
    color:#aaa; font-size:0.8em;
}
.typography .pdf_button_link:hover { background:#933; color:#fff; }