/**
 * 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 ****************************************************************************/

.typography {
    font-size: 13px; /* use same in layout.css: body */
	line-height:1.5;
}

/** general STYLES **/

.typography blockquote { margin-left:20px; }
.typography hr { padding:5px; }
.typography p { margin-bottom:20px; }


/** links **/

.typography a {
    color:#00f; /*  0083C8 */
    text-decoration:none;
}
.typography a:hover { text-decoration:underline; }
	

/** labels **/

.typography label { font-weight:normal; }

.typography .errorlist { color:#800; }


/****************************************************************************************/
/*** TABLE ******************************************************************************/

.typography table.table_pure {
    border-spacing: 0px; margin:0px 0px; padding:0px 0px; border:0px none;
}

.typography table tr td, .typography table tr th {
    font-family:Verdana,Helvetica,sans-serif;
    font-size: 13px; 
    padding-top:3px; padding-bottom:3px; padding-right:10px;
    text-align:left; vertical-align:top; 
}
.typography table th { font-weight:normal; }


/****************************************************************************************/
/*** 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 *****************************************************************************/

.subtitle1, .subtitle1_bm0, .subtitle1_tm0bm0,
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5
 { color:#37c;  }

.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;
}

/*** Gallery **************************************************************/

.typography .gallery-layout li { list-style:none; }



/*** Django Forms  **************************************************************/

.typography .formfield_outer_line { padding-top:10px; }
.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_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; }




/*** COMMENT STYLES ***/

#CommenterURL { display:none; }
/* #PageComments */


/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin:10px 10px 0px 0px;
}
#PageComments li {
    list-style: none;
	width: 90%;
}
	#PageComments li.odd, #PageComments li.even {
        border: 1px solid #aaf; margin-bottom:20px;
        padding: 10px 10px 10px 40px;
	}

	#PageComments li.odd {
		background: #ddeeff url(commentBg.png) no-repeat 1% 10%;
        
	}
	#PageComments li.even {
		background: #fff url(commentBgAlt.png) no-repeat 99% 10%;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}



