/**
 * Nucleo (X)HTML/CSS Framework
 * 
 * Typographic styles for blocks, which have class "content"
 *
 * @copyright       Copyright (c) Sergey Gogolev
 * @link            http://css.softprojects.ru/
 * @license    		CC-A-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
 * @version         0.1.5
 */
 
	.main-header {
		font-size: 2.2em; font-family: Arial;}

	.main-path {
		font-family: Verdana; text-transform:lowercase; padding: 3px 0 0 0;}
		
	.more {
		display: block; padding: 0 0 0 11px; height: 1%;
		background: url(../images/menu-bullet.gif) no-repeat 0 .5em;}

/* 
 *	@section Main
 */

	.content {
		position: relative; width: 100%; padding: 10px 0 0 0; height: 1%;
		color: #333; font-size: 1.2em; line-height: 1.4em;}

	/* Paragraph */
		.content p {
			font-size: 1em; margin: 0 0 1em;}
	
	/* Sub, sup, small */
		.content sub, .content sup, .content small {
			font-size: .9em;}
	
	/* Big */
		.content big {
			font-size: 1.1em;}

	/* Blockquote */
		.content blockquote {
			padding: 1em; 
			border: 1px solid #dedede;
			background: #f2f2f2; border-top: 2px solid #666666; color: black;}

/* 
 *	@section Lists
 */

	.content ul, .content ol {
		margin: 1em 0 1em 0;}

		.content ul ul, .content ol ul{
			margin: .25em 0 .25em 0;}

		.content ul li {
			position: relative; padding: 0 0 0 1em; height: 1%;
			background: url(../images/menu-bullet.gif) no-repeat 0 .5em;}

			.content ul li ul li{
				background: url(../images/menu-bullet-in.gif) no-repeat 0 .5em;}
	

/* 
 *	@subsection Headers
 */
	.content h2, .content h3,
	.content h4, .content h5, .content h6 {
		margin: .6em 0 .3em;
		font-weight: bold; color: black;}

	.content h2 {
		font-size: 1.2em;}

	.content h3 {
		font-size: 1.1em; color: black;}

	.content h4, .content h5, .content h6 {
		font-size: 1em; color: black;}


/* 
 *	@subsection Tables
 */
			
	.table-style {
		width: 100%; margin: 1em 0 1em;
		border: solid #bbbbbb;
		border-width: 3px;}
	
	.table-style td,.table-style th {
		padding: .4em .8em;
		border: 2px solid white;}

	.table-style-header, 
	.table-style th {
		font-weight: bold; color: white; 
		background: #bbbbbb;}	
		
	.table-style-row {
		background: #eef0f2;}
		
/* 
 *	@subsection Forms
 */
	.form-style-wrapper {
		width: 400px; padding: 12px; border: 1px solid #dedede;
		background: #fff url(../images/blockqoute.gif) bottom left repeat-x;
		border-top: 2px solid #a3a3a3;}

	.form-style td	{ padding: .3em .5em; font-size: 1em; }
	.form-label		{ text-align: right; width: 175px; font-weight: bold;}
	
	.form-rem { text-align: center; font-weight: bold; margin-top: 5px;}

	.form-comment	{ color: #45464f;}
	.form-header	{ font-size: 1.2em; color: #777; font-weight: bold;}

	/* warnings */
	.form-require	{ font-weight: bold; font-size: 1.1em; color: #cf6e00;}
	.form-error		{
		display: block; color: #cf6e00; text-transform: lowercase;
		font-size: .8em;  font-family: Verdana;}
	.form-message-error {
		position: relative; padding: 4px 10px; color: #aa0000;
		margin-bottom: 10px; border: 1px #777 dashed;}

	/* inputs */
	.form-data { font-size: 1.1em;}
		.form-input {
			padding: 2px; border: 1px solid #ccc;
			width: 230px; height: 15px; color: #0c3a87;}
		.form-input-medium {
			padding: 2px; border: 1px solid #ccc;
			width: 100px; height: 15px; color: #0c3a87;}
		.form-input-small {
			padding: 2px; border: 1px solid #ccc;
			width: 85px; height: 15px; color: #0c3a87;}
		.form-input-calendar {
			padding: 2px; border: 1px solid #ccc;
			width: 210px; height: 15px; color: #0c3a87;}
		.form-textarea {
			padding: 2px; border: 1px solid #ccc; font-family: Tahoma;
			width: 230px; height: 100px; color: #0c3a87;}
		.form-select { width: 236px; border: 1px solid #ccc; padding: 2px;}

		.form-checkbox, .form-submit { cursor: pointer;}
		
	/* 
 *	@section Main
 */

	.content-dark {
		position: relative; padding: 25px 35px;  margin-top: 20px;
		background: #777777; width: auto;
		color: #fff; font-size: 1.2em; line-height: 1.4em;}

	/* Paragraph */
		.content-dark p {
			font-size: 1em; margin: 0 0 1em;}
	
	/* Sub, sup, small */
		.content-dark sub, .content-dark sup, .content-dark small {
			font-size: .9em;}
	
	/* Big */
		.content-dark big {
			font-size: 1.1em;}

	/* Blockquote */
		.content-dark blockquote {
			padding: 1em; 
			border: 1px solid #dedede;
			background: #f2f2f2; border-top: 2px solid #ff9900; color: black;}

/* 
 *	@section Lists
 */

	.content-dark ul, .content-dark ol {
		margin: 1em 0 1em 0;}

		.content-dark ul ul, .content-dark ol ul{
			margin: .25em 0 .25em 0;}

		.content-dark ul li {
			position: relative; padding: 0 0 0 1.3em; height: 1%;
			background: url(../images/menu-bullet.gif) no-repeat 0 .5em;}

			.content-dark ul li ul li{
				background: url(../images/bullet-in2.gif) no-repeat 0 .8em;}
	

/* 
 *	@subsection Headers
 */
	.content-dark h2, .content-dark h3,
	.content-dark h4, .content-dark h5, .content-dark h6 {
		margin: .6em 0 .3em;
		font-weight: bold; color: black;}

	.content-dark h2 {
		font-size: 1.2em;}

	.content-dark h3 {
		font-size: 1.1em; color: black;}

	.content-dark h4, .content-dark h5, .content-dark h6 {
		font-size: 1em; color: black;}


/* 
 *	@subsection Tables
 */
			
	.content-dark .table-style {
		width: 100%; margin: 1em 0 1em;
		border: solid #cccccc;
		border-width: 2px;}
	
	.content-dark  .table-style td, .content-dark  .table-style th {
		padding: .4em .8em;
		border: 1px solid #cccccc;}

	.content-dark .table-style-header, 
	.content-dark .table-style th {
		color: white; font-weight: normal;}	
		
	.content-dark .table-style-row {
		background: #848484;}
		
	/**
 * @section links
 */
	.content-dark a {
		color: #fff;}

	.content-dark a:visited {
		color: #fff;}

	.content-dark a:hover {
		color: #f58220;}
		
	.content-dark a:active, .link-hovered, .hovered, .tab-hovered {
		color: #f58220 !important;}