/******************************************************************************/
/** Typography and editor CSS - DarkShades theme 0.1 (sean@silverstripe.com) **/
/******************************************************************************/

/**
 * This file is used for the typography on the site
 * as well as the WYSIWYG editor for SilverStripe
 */

/* Global resets */
.typography * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;  /* changed from 12 -sra */
}

/* Because of the font colour we override the TinyMCE background color
   and add some padding for readability */
.mceEditor {
	background: #666;
	padding: 5px;
}
.mceContentBody {
	background: none !important;
}

/* Inline elements don't inherit the font-size attribute as a block
   element would, so we give it 100% to take the parent font size */
.typography a,
.typography strong,
.typography em,
.typography span {
	font-size: 100%;
}

/* Various styling */
.typography blockquote {
	padding: 5px;
	padding-left: 20px;
	background: #333;
	border: 1px solid #a6d64c;
	border-left: 7px solid #a6d64c;
	margin-left: 0;
	margin-bottom: 20px;
}
	.typography blockquote * {
		margin-bottom: 0 !important;
	}
	.typography pre {	
		font-family: "Courier New", Courier, monospace;
		color: #bccd9a;
		background: #333;
		border: 1px solid #758b4a;
		border-right: 7px solid #758b4a;
		padding: 10px;
		margin: 20px 0;
}
.typography hr {
	margin: 10px 0;
}

/* Generic styling across multiple typography elements */
.typography address,
.typography p,
.typography ul li,
.typography ol li {
	color: #eee;
}
	/* Paragraph and list items style */
	.typography p,
	.typography ul li,
	.typography ol li {
		line-height: 1.5;
	}
		.typography p {
			margin-bottom: 20px;
		}
		/* Lists specific styling */
		.typography ul,
		.typography ol {
			margin-left: 5px;
			margin-bottom: 20px;
		}
			.typography ul li,
			.typography ol li {
				margin: 4px 10px;
				line-height: 1.4;
				list-style-position: inside;
			}
				.typography ul li {
					list-style-type: disc;
				}
				.typography ol li {
					list-style-type: decimal;
				}

/* Comments styles */
#PageComments li {
	list-style-type: none;
	background: #555;
	padding: 10px 0 0 10px;
}
	#PageComments p {
		color: #ccc;
	}
	#PageComments .info {
		padding-bottom: 10px;
		color: #999;
	}
		#PageComments .info * {
			font-size: 11px;
		}
			#PageComments .info a {
				font-size: inherit;
			}
  
/* Header styles */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: normal;
}
	.typography h1 {
		font-size: 24px;
	}
	.typography h2 {
		font-size: 22px;
	}
	.typography h3 {
		font-size: 16px;
	}
	.typography h4 {
		font-size: 14px;
		padding-bottom: 5px;
		border-bottom: 1px solid #666;
	}

/* Table styling */  
.typography table tr td {
	padding: 3px 5px;
}

/* Tab styling */

/* Override to get the tab strip div showing fields properly */
.tab div.field {
	width: auto;
}

  
/* Alignment styles */
.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;
}