/*	
	CSS from site: www.foto-school.ru
	Version: 1.00
	by Andrey Sapegin (www.andreysapegin.com)
	www.next-step.ru
*/
/* 
Colors:
#C02F02	Red		(price, author)
#003F8A	Blue	(place, copyright)  
*/

@import url("reset.css");
@import url("helpers.css");

body {
	background: #fff;	color: #000;
	font-family: Arial, sans-serif;
}
#main {
	width: 947px;
	margin: 0 auto;
}

#first-ban {
	width: 916px;
	margin: 0 auto;
}
#header {
	position: relative;
	height: 125px;
}
	.header-logo {
		position: absolute;
		top: 25px;		left: 21px;
		width: 192px;	height: 89px;
	}
	.header-contacts {
		position: absolute;
		top: 45px;		left: 308px;
		width: 162px;		height: 29px;
	}
	.header-nii-contacts {
		position: absolute;
		top: 45px;		left: 243px;
		width: 227px;		height: 61px;
	}
	.header-banner {
		position: absolute;
		top: 32px;		right: 2px;
		display: block;
		background: url(/img/bg-dotted.gif) repeat 0 0;
	}
		.header-banner img {
			border: 1px solid #fff;
			margin: 1px 2px 2px 1px;
		}
.cities {
	margin: 6px 0;
}
	.cities a:link,
	.cities a:visited,
	.cities a:hover,
	.cities a:active {
		margin: 0 10px;
		font-size: .85em;
		color: #000;
	}
	.cities a:link.current,
	.cities a:visited.current,
	.cities a:hover.current,
	.cities a:active.current {
		margin: 0 10px;
		font-size: 1em;
		font-weight: bold;
		color: #C02F02;
		text-decoration: underline;
	}


#topmenu {
	width: 100%;
	margin: 0 0 13px;
}
	#topmenu td {
		padding: 8px 16px;
	}
	#topmenu td.divider {
		padding: 0;		margin: 0;
		width: 11px;
		background: url(/img/topmenu-divider.gif) no-repeat center center;
	}

/* Container concept */

.container {
	position: relative;
	padding: 5px 0 10px;
	font: 0.85em Tahoma, sans-serif;
}
	#left .container {
		position: static;
		width: 670px;
	}

	img.container-top {
		position: relative;
		top: 0;		left: 0;
	}
	img.container-bottom {
		position: relative;
		float: left;
	}
	.container-border {
		background: url(/img/container-border.gif) repeat 0 0;
		padding: 0 1px;
	}
	.container-content {
		position: static;
		padding: 24px 19px;
	}
	.container-border .container-content {
		background-color: #fff;
		padding: 24px 18px;
	}
	.container .hr {
		background: #ddd url(/img/register-hr.gif) repeat-x 0 0;
		height: 1px;
		display: block;
		clear: both;
		overflow: hidden;
		border: 0 none;
		margin: 12px 0 12px;		padding: 0;
	}
	
/* 4 column table concept */

.cols4 {
	margin: 1em 0 0;
	width: 100%;
}
	.cols4 tr.photo img {
		background-color: #EBE2DD;
		padding: 1px;
		border: 1px solid #CAC9C7;
	}
	.cols4 td {
		background: url(/img/cols4-divider.gif) repeat-y right top;
		padding: 0 28px 1em 0;
		
		color: #343434;
		font: 0.8em Tahoma, sans-serif;
		width: 25%;
	}
	.cols4 .photo td {
		padding: 0 28px 0 0;
	}
	.cols4 .last td {
		background-image: none;
		padding: 0 28px 0 0;
	}
	.cols4 td.last {
		background-image: none;
		padding: 0;
	}

/* left column */

#left {
	float: left;
	width: 670px;
}

/* right column */

#right {
	float: right;
	width: 265px;
}

.course {
	color: #4F4F4F;
	font: 11px Tahoma, sans-serif;
	padding-bottom: 1em;
}
	.course-info {
		padding: 0 0 0 170px;
	}
	.course-date {
		position: relative;
		float: right;
		background: url(/img/underline-red.gif) repeat-x left bottom;
		color: #003F8A;
		padding: 4px 0 0;
		font: 11px Tahoma, sans-serif;
	}
	.course-image {
		position: relative;
		float: left;
		padding: 1px;
		border: 1px solid #E19600;
		margin: 0 28px 9px 0;
	}
	.course-button {
		position: relative;
		float: right;
	}
	.course-price {
		position: relative;
		float: right;
		color: #C02F02;
		padding: 0;
		font: bold 18px Arial, sans-serif;
	}
	.course-begin {
		background: url(/img/underline-red.gif) repeat-x left bottom;
		color: #003F8A;
		font: bold 18px Arial, sans-serif;
	}

/* right upload form */
.right-upload-content {
	background-color: #E4E4E4;
	color: #4F4F4F;
	border: solid #fff;		border-width: 1px 1px 0;
	padding: 24px 14px 0;
}
	.required {
		color: #FF3C00;
		font: bold 12px Tahoma, Arial, sans-serif;
	}
	.input-text {
		background: url(/img/input-text-w233.gif) no-repeat 0 0;
		clear: both;
		margin: 4px 0 12px;
		width: 233px;	height: 29px;
		border: 0 none;
	}
		.input-text input {
			margin: 3px 3px 0;
			background: transparent;
			color: #4f4f4f;
			border: 0 none;
			font: 12px/14px Tahoma, Arial, sans-serif;
			width: 223px;
		}
	.input-file {
		clear: both;
		margin: 4px 0 12px;
/*		background: url(/img/input-file-w233.gif) no-repeat 0 0;
		width: 233px;	height: 29px;
		border: 0 none;
*/	}
		.input-file input {
			background-color: #fff;
			border: 1px solid #A7A6AA;
			color: #4f4f4f;
			width: 233px;
		}
	.input-submit {
		background: url(/img/input-submit-w59.gif) no-repeat 0 0;
		width: 59px;	height: 29px;
		border: 0 none;
		cursor: pointer;
	}
	.right-upload-submit {
		position: relative;
		padding: 16px 71px 12px 0;
		
	}
		.right-upload-submit .input-submit {
			position: absolute;
			left: 170px;	top: 20px;
		}
	.input-select {
		clear: both;
		margin: 4px 0 12px;
	}
		.input-select select {
			margin: 3px 0;
			border: 1px solid #A7A6AA;
			background-color: #fff;
			color: #4f4f4f;
		}
	.small-grey-text {
		color: #707070;
		font: 10px Tahoma, Arial, sans-serif;
	}
	
/* right register form */
.right-register-bottom {
	position: relative;
	background: url(/img/right-register-bottom.gif) no-repeat 0 0;
	height: 53px;
}
	input.register-bottom {
		position: absolute;
		top: 13px;		left: 15px;
		width: 100px;		height: 26px;
	}
	
	.register-content {
		background-color: #E4E4E4;
		border: solid #fff;		border-width: 0 1px;
		padding: 24px 18px 0;
	}

	.register-content .hr {
		background: #ddd url(/img/register-hr.gif) repeat-x 0 0;
		height: 1px;
		display: block;
		clear: both;
		overflow: hidden;
		border: 0 none;
		margin: 6px 0 12px;		padding: 0;
	}
	.register-table {
		width: 95%;
	}
		.register-table td {
			font: 11px Tahoma, sans-serif;
			padding-bottom: 10px;
		}
	
	.require {
		color: #FF3C00;
	}

	.register-content .input-text {
		width: 220px;
		margin: 2px 0;		padding: 0;
	}
	.register-content .input-select {
		width: 224px;
		margin: 2px 0;		padding: 0;
	}
	.register-content .input-textarea {
		width: 220px;		height: 6em;
		margin: 2px 0;		padding: 0;
	}


/* right login form */

.right-login-table {
	margin: 24px 0 12px;
	width: 221px;
}
	.right-login-table td{
		width: 50%;
	}
.right-login-ul {
	list-style: none;
	margin: 0;		padding: 0;
}
	.right-login-ul li {
		display: inline;
		margin-right: 4px;		padding: 0 0 0 6px;
		background: url(/img/li-grey.gif) no-repeat left center;
	}
		.right-login-ul a:link,
		.right-login-ul a:visited,
		.right-login-ul a:hover,
		.right-login-ul a:active {
			color: #E46E14;
			text-decoration: underline;
			font: 10px Tahoma, Arial, sans-serif;
		}
.right-login-input, .right-login-input-login, .right-login-input-password {
	border: 1px solid #A7A6AA;
	width: 80px;		height: 20px;
	color: #707070;
	font: 10px/17px Tahoma, Arial, sans-serif;
	padding: 5px 5px 0;		margin: 0;
	background: #fff none;
}
.right-login-input-login {
	background: #fff url(/img/text-login.gif) no-repeat 5px 8px;
}
.right-login-input-password {
	background: #fff url(/img/text-password.gif) no-repeat 5px 8px;
}
.right-login-submit {
	background: url(/img/input-submit-enter-w63.gif) no-repeat 0 0;
	width: 63px;		height: 28px;
	position: absolute;
	right: 14px;
	border: 0 none;
	cursor: pointer;
}
.right-login-savepassword {
	position: relative;
	margin: 6px 0 12px;		padding: 0;
	font: 10px/20px Tahoma, Arial, sans-serif;
	color: #444;
}



/* right news container */

#right .date {
	padding: 0 0 0 10px;
	background: url(/img/li-red.gif) no-repeat 1px 3px;
	color: #003F8A;
}
.title-news {}
	.title-news a:link,
	.title-news a:visited,
	.title-news a:hover,
	.title-news a:active {
		color: #C02F02;
		text-decoration: none;
	}
	.title-news a:hover {
		text-decoration: underline;
	}
.news-thumb {
	position: relative;
	float: left;
	padding: 0 10px 6px 0;
}



#footer {
	position: relative;
	width: 944px;		height: 39px;
	background: url(/img/footer.gif) no-repeat 0 0;
	padding: 0 0 1em 0;
	
	color: #4f4f4f;
	font: 11px Arial, sans-serif;
}
	.footer-menu {
		position: absolute;
		top: 13px;		left: 20px;
	}
		.footer-menu a:link,
		.footer-menu a:visited,
		.footer-menu a:hover,
		.footer-menu a:active {
			color: #4f4f4f;
			text-decoration: none;
		}
		.footer-menu a:hover {
			text-decoration: underline;
		}
	.footer-menu td.divider {
		padding-top:2px;
		background: url(/img/footer-menu-divider.gif) no-repeat center center;
		width: 25px;
	}
	
	.copyrights {
		position: absolute;
		top: 3px;		right: 20px;
	}



	
	
	
	
	
/* -------  COMMON ------- */

a:link,
a:visited,
a:hover,
a:active {
	color: #C02F02;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ul {
	list-style: none;
	margin: 0.5em 0;		padding: 0;
	display: block;
}
	ul li {
		list-style: none;
		background: url(/img/li-blue.gif) no-repeat 0 5px;
		padding-left: 9px;
		line-height: 125%;
	}
p {
}

.hr {
	background: #ddd url(/img/hr.gif) repeat-x 0 0;
	height: 1px;
	display: block;
	clear: both;
	overflow: hidden;
	border: #616161 solid;		border-width: 0 6px;
	margin: 12px 0;		padding: 0;
}

h1 {
	color: #656565;
	font: 24px Arial, sans-serif;
	margin-top: 0;
}

h2 {
	color: #D76502;
	font: 16px Arial, sans-serif;
}

h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
	color: #D76502;
}

.author {
	color: #C02F02;
	font: bold 1em Tahoma, sans-serif;
	padding: 0.4em 0;
}
	
.blue,
.place {
	color: #003F8A;
}
	.place a:link,
	.place a:visited,
	.place a:hover,
	.place a:active {
		color: #003F8A;
		text-decoration: underline;
	}

.red {
	color: #C02F02;
}
.orange {
	color: #D76502;
}

.title-h2 {
	color: #3B3B3B;
	font: bold 17px Arial, sans-serif;
	margin: 0;		padding: 0;
}



/* online.foto-school.ru */

/* rubrics */
ul.rubrics {
	color: #901100;
	list-style: none;
	background-image: none;
}
	ul.rubrics li {
		background-image: none;
		display: inline;
		white-space: nowrap;
		padding: 0 4px 0 0px;
	}
	ul.rubrics a:link,
	ul.rubrics a:visited,
	ul.rubrics a:active {
		color: #4f4f4f;
		text-decoration: none;
	}
	ul.rubrics a:hover {
		color: #901100;
		text-decoration: underline;
	}
	ul.rubrics strong a:link,
	ul.rubrics strong a:visited,
	ul.rubrics strong a:hover,
	ul.rubrics strong a:active {
		color: #901100;
	}
	
	.rubrics-count {
		padding-left: 3px;
	}


/* photos */
.ph_item {
	position: relative;
	height: 328px;
}
	.ph_item .ph_photo {
		position: absolute;
		top: 12px;		left: 0;
		width: 304px;	height: 304px;
	}
		.ph_photo img {
			border: 1px solid #E19600;
			padding: 1px;
		}
	.ph_item .ph_author {
		position: absolute;
		left: 326px;	top: 23px;
	}
	.ph_author {
		color: #4F4F4F;
	}
		.ph_author span {
			color: #C02F02;
			font-weight: bold;
		}
		.ph_author a:link,
		.ph_author a:visited,
		.ph_author a:hover,
		.ph_author a:active {
			text-decoration: underline;
		}
	.ph_item .ph_name {
		position: absolute;
		left: 326px;	top: 41px;
	}
	.ph_name {
		color: #003F8A;
		padding: 0 0 24px;
	}
	.ph_item .ph_created {
		position: absolute;
		left: 326px;	top: 77px;
	}
	.ph_created {
		color: #797979;
	}
	.ph_item .ph_comments {
		position: absolute;
		left: 326px;	top: 306px;
	}
	.ph_comments {
		color: #C02F02;
	}
table.ph_table {
	width: 800px;
	margin: 24px auto;
	border: 0 none;
}
	.ph_table td.left_column {
		width: 300px;
	}

/* photo comments */
.c_author {
	font-weight: bold;
	color: #C02F02;
}
	.c_author a:link,
	.c_author a:visited,
	.c_author a:hover,
	.c_author a:active {
		font-weight: bold;
		color: #C02F02;
		text-decoration: underline;
	}
	.c_created {
		padding: 0 12px;
		color: #555;
		font: normal 90% sans-serif;
	}
.c_text {
	margin: 0 0 1em;
}

.calendar-item {
	margin: 0.5em 0 1em;
}
	.calendar-datetime {
		color: #aaa;
		font-weight: bold;
		padding-right: 2ex;
		display: block;
	}
		.calendar-datetime .date {
			color: #999;
			font-size: 1.1em;
		}
	.calendar-item h3 {
		margin-left: 30px;
	}
	.calendar-text {
		margin: 0.5em 0 1em 30px;
	}

.nick {
	color: #666;
	font-weight: bold;
}