/* CSS Document html-elements */

/*
Project: template
File: css/html-elements.css - typography
Last edited: August 10, 2010, 12:56 am
*/

/* Global font-family
-------------------------------------------------- */

body, 
input, 
textarea, 
select, 
option, 
table, 
tbody, 
tr, 
td, 
th{
	font-family: Arial, sans-serif
}

body {
	color:#333;
	}

/* Main
-------------------------------------------------- */
.header, .section, .footer {
    font-size: 0.75em;
    line-height: 1.5em;
    overflow: hidden;
}

/* Global headings
-------------------------------------------------- */
h1,h2,h3 {
	line-height:1em;
	margin-bottom:5px;
}

a {
	text-decoration:underline;
	color:#02a8e6;
	}
	a:hover {
		text-decoration:none;
	}
	
/* Editor 
-------------------------------------------------- */
h1,
.editor h1,
.editor h2,
.editor h3 { font-weight: bold; }

h1,
.editor h1 {
	font-size: 2.2em;
	margin-bottom:0.5em;
}
.editor h2 {
	font-size: 1.8em;
}
.editor h3 {
	font-size: 1.6em;
}
.editor p {
	font-size:1.16em;
	line-height:1.3;
	margin-bottom:1.2em;
	font-family: Georgia, sans-serif;
}
.editor p.intro,
.editor p.introduction {
	font-size:1.4em;
	margin-bottom:1.0em;
	font-family: arial, sans-serif;
}

/* Link  */	
.editor a{
	text-decoration:underline;
	color:#02a8e6;
	}
	.editor a:hover {
		text-decoration:none;
	}
	
/* date  */
.editor .date {
	color: #717070;
	font-size: 11px;
	margin-bottom: 20px;
	display: block;
	}
	.editor  .date em{
		border-left:1px solid #979696;
		padding-left:6px;
		margin-left: 6px;
		font-style: normal;
		}
	
/* Tags  */	
.editor strong {
	font-weight: bold;	
}
.editor em {
	font-style: italic;	
}
.editor sub {
	font-weight: normal;
	font-size: 0.8em;
	vertical-align:bottom;
	}
.editor sup {
	font-weight: normal;
	font-size: 0.8em;
	vertical-align:top;
}
.editor abbr {
	border-bottom:1px #ddd solid;
	}
.editor acronym {
	text-transform:uppercase;
	border-bottom:1px #ddd solid;
	}
.editor cite {
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	color:#555;
	border-bottom:1px #ddd solid;
}

/* Blockquote  */
.editor blockquote {
	width:120px;
	float:left;
	margin:15px;
	}
	.editor blockquote p {
		font: italic 1.6em Georgia, "Times New Roman", Times, serif;
		color:#555;	
	}		
	
/* Lists  */	
.editor ul,
.editor ol {
	margin-bottom:1.5em;
	overflow:auto;
}
	.editor ul li,
	.editor ol li {
		font-size:1.16em;
		line-height:1.3;
		font-family: Georgia, sans-serif;
		list-style-position:outside;
		list-style-type:disc;
		margin-left:15px;
		padding-left:0;
	}
	 .editor ol li{
		list-style-type: decimal;
		margin-left:25px;
	}

.xformvalidator	
{
    color: red;
    display: inline;
    font-family: arial;
    font-size: 11px;    
}
/* Tabels  */
.editor table {
    border: medium none;
    float: left;
    font: 12px/1.3 georgia,sans-serif;
    margin: 10px 0;
}
	.editor table th {
		font-weight: bold;
		padding:3px 5px;
		}
    .editor table td {
        font-family: georgia,sans-serif;
        padding: 2px 3px;
    }

	
/* table with borders */
.editor table td input,
.editor table td textarea{
    border: 1px solid #C8C8C8;
    color: #575D5F;
    font-family: Arial,sans-serif;
    font-size: 11px;
    margin: 2px 0 0;
    padding: 3px 5px;
    width: 94%;
display: block;
}
 
.editor table#id_matrix td input,
.editor table#id_matrix td textarea{
   width: 200px;
}

.editor table.border {
	border:1px solid #E7EDEF;
	}
	.editor table.border th {}
	.editor table.border td { border:1px solid #E7EDEF; }
	
/* Images */	
.editor img {}
.editor img.imgleft,
.editor img.topleftfloatingimage {
	float: left;
	margin: 0 10px 10px 0;	
}
.editor img.imgright,
.editor img.toprightfloatingimage {
	float: right;
	margin: 0 0 10px 10px;	
}
/* border */
.editor img.border {
	border:1px solid #eee;	
}