/**
 * 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-path {
		font-family: Verdana; font-size: 1.1em; text-transform:lowercase; padding: 3px 0 0 0;}

/* 
 *	@section Main
 */

	.content {
		position: relative; width: 100%; padding: 10px 0 0 0;
		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; margin:  0 0 1em;
			border: 1px solid #dedede;
			background: #fff url(../images/blockqoute.gif) bottom left repeat-x;
			border-top: 2px solid #41afd9;
			color: black; font-style: italic;}

/* 
 *	@section Lists
 */

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

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

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

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

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

	.content h1 {
		font-size: 1.3em;}
	
	.content h2 {
		font-size: 1.1em;}

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

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


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

	.table-style-header, 
	.table-style th {
		font-weight: bold; color: white; 
		background: #2c5598;}	
		
	.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 #41afd9;}

		.form-style td	{ padding: .3em .5em; font-size: .9em; }
		.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 #7f9db9;
				width: 230px; height: 15px; color: #0c3a87;}
			.form-input-medium {
				padding: 2px; border: 1px solid #7f9db9;
				width: 100px; height: 15px; color: #0c3a87;}
			.form-input-small {
				padding: 2px; border: 1px solid #7f9db9;
				width: 85px; height: 15px; color: #0c3a87;}
			.form-input-calendar {
				padding: 2px; border: 1px solid #7f9db9;
				width: 210px; height: 15px; color: #0c3a87;}
			.form-textarea {
				padding: 2px; border: 1px solid #7f9db9; font-family: Tahoma;
				width: 230px; height: 100px; color: #0c3a87;}
			.form-select { width: 236px; border: 1px solid #7f9db9; padding: 2px;}

			.form-checkbox, .form-submit { cursor: pointer;}