* {
	margin: 0;
	padding: 0;
}

a {
	color: #383939;
	text-decoration: underline;
}

a img{
    border: 0;
}

a:hover {
	text-decoration: none;
}

body  {	
	font-size: 13px;	
	line-height: 1.65em;
	font-family: Verdana, sans-serif;
    background-image: url('http://www.codeharmony.ru/img/elements/lightpaperfibers.png');
    background-repeat: repeat;	
}



br.clear {
	clear: both;
}

h2 {
    text-align:center;
    font-weight: bold;
	font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px;         
}

h3 {
    font-weight: normal;
	font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;         
}

img.left {
	float: left;
	margin: 8px 20px 20px 0;
}

img.top {
	margin: 8px 0 20px 0;
}

p {
	margin: 10px;
}

ul {
	margin-bottom: 1.75em;
}

.imageList {
	list-style: none;
}

.imageList li {
	clear: both;
}

#banner {
	position: relative;
	padding: 28px;
	height: 212px;
	width: 1124px;
	margin: 28px 0 0 0;
	background: #ffffff;
	border-bottom: solid 1px #c0c0c0;
}

#content {  
    float: left;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
	width: 638px;
	margin: 0px 28px 0 28px;
	padding: 20px;
	background: #ffffff;
	border: solid 1px #c0c0c0;
}

#content_admin{
    margin: 10px auto;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 0 20px;
	background: #ffffff;
	border: solid 1px #c0c0c0;
    width: 164px;
}

#copyright {
	margin: 20px 0 10px 0;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	color: #787979;
}

#copyright a {
	color: #787979;
}

#footer {
    height: 160px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border-radius: 10px;
    background: url('http://www.codeharmony.ru/img/elements/random_grey_variations.png');
	position: relative;
	padding: 20px;
	margin: 20px auto 0 auto;
	width: 1140px;	
	color: #d3d3d3;
	border-bottom: solid 1px #444444;
	text-shadow: 0 1px 0 #404040;
}

#footer a {
	color: #eee;
}

#footer h2, #footer h3, #footer h4 {
	color: #ffffff;
}

#footer ul {
	list-style: none;
	margin-bottom: 0;
}

#footer p {
	margin-bottom: 0;
}

#footer ul li {
	padding: 8px 0 8px 0;
	border-top: dotted 1px #8c8c8c;
}

#footer ul li.first {
	padding-top: 0;
	border-top: 0;
}

#footerContent {
	width: 812px;
	float: left;
}

#footerContent p{
    margin-left: 0;
}

#footerSidebar {
	width: 232px;
	margin: 0px 0 0 892px;
}

#header {    
	position: relative;
	padding: 28px;
	height: 156px;
	width: 1124px;
}

#logo {
	text-align: left;
	position: relative;
	margin: -18px auto;
	height: 98px;	 
}

#logo a {
	text-decoration: none;
	color: #000;
	text-shadow: 0px 3px 0px #ffffff;
}

#logo h1 {
	font-size: 3.25em;	
}

#main {    
	position: relative;
	padding: 0px;
	margin: 28px 0 0 0;
	width: 1180px;
	color: #474747;
}

#main strong {
	color: #242424;
}

#main h2, #main h3, #main h4 {
	color: #0d0d0d;
}

#main ul {
	list-style: none;
}

#main ul li {
	padding: 8px 0 8px 0;	
}

#main ul.imageList li {
	padding: 16px 0 16px 0;
}

#main ul li.first {
	padding-top: 0;
	border-top: 0;
}

#nav {
    background: url('http://www.codeharmony.ru/img/elements/random_grey_variations.png');
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1180px;
	height: 56px;
	line-height: 56px;
	margin: 28px 0 0 0;
	background-color: #005297;
	font-size: 13px;
    font-weight: bold;
    border: 1px solid #F8F8F8;	
	text-shadow: 0 1px 0px #6f3018;	
}

#nav a {
	text-decoration: none;    
	color: #ffffff;
}

#nav a:hover {   
	text-decoration: none;
	color: #cee1f0;
}

#nav ul {
	list-style: none;
	margin: 0 auto;
	width: 1180px;
	text-align: center;
}

#nav ul li {
	display: inline;
	text-align: center;
	padding: 0 6px 0 6px;
}

#outer {
    position: relative;
	width: 1180px;	
	margin: 0 auto 0 auto;
}

#search input.button {
	margin-left: 1em;
	border: 0px;
	color: #ffffff;
	background: #8f5038;
	padding: 5px;
}

#search input.text {
	border: dotted 1px #000;
	padding: 4px;
}

#sidebar1 {
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
	width: 180px;
	padding: 20px;
	background: #F9F9F9;
	color: #474747;
	border: solid 1px #c0c0c0;
    
}

#sidebar1 h2, #sidebar1 h3, #sidebar1 h4 {
	color: #000;
}

#sidebar1 ul {
	list-style: none;
}

#sidebar1 ul li {
	padding: 8px 0 8px 0;
	border-top: dotted 1px #bdbdbd;
}

#sidebar1 ul li.first {
	padding-top: 0;
	border-top: 0;
}

#sidebar2 {    
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
	width: 180px;	
	padding: 20px;
	background: #F9F9F9;
	color: #474747;
	border: solid 1px #c0c0c0;    
}

#sidebar2 form p{
    margin-left: 0;
}

#sidebar2 h2, #sidebar2 h3, #sidebar2 h4 {
	color: #000;
}

#sidebar2 ul {
	list-style: none;
}

#sidebar2 ul li {
	padding: 8px 0 8px 0;
	border-top: dotted 1px #bdbdbd;
}

#sidebar2 ul li.first {
	padding-top: 0;
	border-top: 0;
}





/*Стили к хлебным крошкам*/
.breadcrumbs_list{    
    padding: 0px;    
}

.breadcrumbs_elements{
    display: inline;
    font-size: 11px;    
}


/*Верхняя скругленная линия*/
.top_line{    
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border-left: 1px solid #F8F8F8;
    border-bottom: 1px solid #F8F8F8;
    border-right: 1px solid #F8F8F8;
    height: 5px;
    background: url('http://www.codeharmony.ru/img/elements/random_grey_variations.png')
}


/*Стили для ротатора миникурсов*/
div#content .nav{
    text-align:center;    
}

#flowpanes {
    margin-left: 18px;
	font-family: Verdana;
	font-size: 13px;
	background: url(http://www.codeharmony.ru/img/minicourse_rotator/fon.jpg) no-repeat;		
	width:600px;
	height:264px;
	border: 1px solid silver;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 40px 10px;	
	position:relative;
	overflow:hidden;
	clear:both;
}

#flowpanes div {
	display:block;
	float:left;	
	width: 600px;
	margin: 4px 15px;
}

#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;		
}

.desc1 {
    line-height: 1.45em;
	width: 535px;	
}

.desc2{	
    line-height: 1.45em;
	width: 535px;	
}

.small_img_rotate{
    float:left; margin-right: 18px;
}

.prev{
    border:1px solid #CCCCCC;
	width: 100px;
	color: #96A1A6;
	font: 12px Arial, sans-serif;
	background: url(http://www.codeharmony.ru/img/minicourse_rotator/bg_button.png) no-repeat -6px -5px;
	font-weight: 700;
	text-transform: uppercase;
	height: 25px;
	padding-bottom: 1px;
    margin-top: 5px;
    border-radius: 50px 0 0 50px;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);    
}

.prev:hover{
    border:1px solid #CCCCCC;
	width: 100px;
    color:#96A1A6;
	font: 12px Arial, sans-serif;
	background: url(http://www.codeharmony.ru/img/minicourse_rotator/bg_button.png) no-repeat -6px 8px;
	font-weight: 700;
	text-transform: uppercase;
	height: 25px;
	text-decoration: none;
	border-radius: 50px 0 0 50px;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
	cursor: pointer;
	padding-bottom: 1px;
}

.next{
    border:1px solid #CCCCCC;
	width: 100px;
	color: #96A1A6;
	font: 12px Arial, sans-serif;
	background: url(http://www.codeharmony.ru/img/minicourse_rotator/bg_button.png) no-repeat -6px -5px;
	font-weight: 700;
	text-transform: uppercase;
	height: 25px;
	padding-bottom: 1px;
    margin-top: 5px;
    border-radius: 0 50px 50px 0;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);  
}

.next:hover{
    border:1px solid #CCCCCC;
	width: 100px;
    color:#96A1A6;
	font: 12px Arial, sans-serif;
	background: url(http://www.codeharmony.ru/img/minicourse_rotator/bg_button.png) no-repeat -6px 8px;
	font-weight: 700;
	text-transform: uppercase;
	height: 25px;
	text-decoration: none;
	border-radius: 0 50px 50px 0;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
	cursor: pointer;
	padding-bottom: 1px;
}


/*Контейнер для виджетов левого сайдабара*/
#left_sidebar
{
    float:left
}

#left_sidebar p{
    line-height: 1.45em;
}


/*Контейнер для виджетов правого сайдбара*/
#right_sidebar
{
    float:right
}

#right_sidebar p{
    line-height: 1.45em;
}

#sidebar1 h3{
    color: white;
    padding: 10px;
    text-align: center;
    border: 3px double #F8F8F8;
    border-radius: 10px;
    background: #DCDCDC;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);    
    background: url('http://www.codeharmony.ru/img/elements/random_grey_variations.png');
}


#sidebar2 h3{
    text-align: center; 
    color: white;
    padding: 10px;
    text-align: center;
    border: 3px double #F8F8F8;
    border-radius: 10px;
    background: #DCDCDC;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);    
    background: url('http://www.codeharmony.ru/img/elements/random_grey_variations.png');       
}


.logo{
    position: absolute;
    top: 19px;
}

.html{
    position: absolute;
    top: 9px;
    margin-left: 572px;
}

.php{
    position: absolute;
    top: 24px;
    margin-left: 672px;
}

.css{
    position: absolute;
    top: 29px;
    margin-left: 772px;
}

.js{
    position: absolute;
    top: 9px;
    margin-left: 872px;
}

.vizitka{
    position: absolute;
    top: 14px;
    margin-left: 1002px;
}



/* Стили для pagination */
ul#pagination{    
    margin-left: 0px;
    margin-top: 0px;    
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;    
}

ul#pagination li{
    display: inline;
    margin: 5px;
    padding: 4px;
    border: 1px solid #41658B;
    border-radius: 3px;
}

ul#pagination li.active{
    background-color: #41658B;
    color:#FFFFFF;
}

pre{
    margin-left: 10px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background: url('http://www.codeharmony.ru/img/elements/pre_bg.gif') repeat;
    border: 1px solid silver;
    overflow:auto;
    /* Специально для IE - чтобы не было вертикальной прокрутки */ 
    overflow-y:hidden;
}


/* Картинка для анонса 45 на 45 */
.small_img{
    border:1px solid silver;
    width: 45px;
    height:45px;    
}

#content p.anons_title{
    margin-left: 10px;
    margin-top: -12px;
}

#content p.anons_text{
    color: gray;
    font-size: 11px;
    margin-top: -7px;
    margin-bottom: -5px;
    margin-left: 10px;    
}

.grey_line{
    width:633px;
    border-top: 1px solid #D8D8D8;
    margin-right: 17px;
    margin-left: 2px;
}

p.subscribe{
    margin: 8px 7px 0px 7px;
    line-height: 1.3;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
    
p.course_ad{
    margin: 8px 7px 0px 7px;
    line-height: 1.3;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

/* Поле поиска */
#search{
    margin-left: 1px;
    height: 20px;
    width: 156px;
    background: url('http://www.codeharmony.ru/img/elements/icon_search.png') no-repeat 1px; 
    padding-left:20px;
    border:1px solid silver;
}

/* Кнопка поиска */
#search_button{
    margin-left:0px;
    width: 70px;
    height: 27px;
}

/* Таблица со скриншотом видео */
.videotable{
    background: #f7f9fc;
    margin-left:10px;
    margin-bottom:10px;
    margin-right:10px;
    border: 1px solid silver
}

/* Скриншот видео */
.videoscreenshot{
    margin-top:3px;
    margin-left:3px;
    margin-right:3px;
    margin-bottom:0px;    
}


/*Стили для блоков с рекламой курсов внизу материалов*/
.course_ad_under_material{
    border:1px solid silver;
    background: #FFFFFF;
    margin-left:10px;
    margin-right:10px;
    border-radius:9px;
    -moz-border-radius:9px;
}

.course_ad_under_material p{
    line-height: 1.3;
}

.inside_course_ad_195{
    height: 195px;
}

.inside_course_ad_205{
    height: 205px;
}

.inside_course_ad_215{
    height: 215px;
}

.img_for_course_ad{
    margin:10px;
    margin-right: 15px;
    border:0px;
    float: left;
}

.title_for_ad{
    font-size: 13px;
    margin-top: 10px;
    font-weight: bold;    
}

#content table.also_see p{
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    margin-left: 10px; margin-top:2px; margin-right:10px; margin-bottom:1px;
    text-align: left; 
}

/* Комментарии */
#comment_form{	
	border-radius: 9px;
	-moz-border-radius: 9px;
    -webkit-border-radius:15px;
	margin:10px;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #DFDFDF;
	background: #F9F9F9;	
}

.small_attention{	
	border-radius: 9px;
	-moz-border-radius: 9px;
    -webkit-border-radius:15px;
	margin:10px;
	padding-left:0px;
	padding-right:0px;
	border: 1px solid #DFDFDF;
	background: #F9F9F9;	
}

/*Стили для всплывающего окна*/
.popup_box{
    width: 600px;
    height: 330px;
    background-color: #f8f9fd;
    border: 1px solid #DEDDE3;
    background-image: url('http://www.codeharmony.ru/img/subscribe/popup_bg.jpg');
    background-repeat: no-repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
}

.popup_box img{
    width: 24px; height: 24px; float: right; cursor: pointer;

}

.inner_popup_box{
    margin: 0 auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 10px;
}

.inner_popup_box h4{
    font-size: 14px; font-weight: bold; text-align: center; color: #0000A0;
}

.inner_popup_box h3{
    font-size: 14px; font-weight: bold; text-align: center; color: #0000A0; margin-top: 30px; line-height: 1.4;
}

.popup_form{
    margin-left: 300px; margin-top: 45px; text-align: center;
    
}

.popup_form label{
    font-size: 12px; font-weight: bold; color: #666666;
}

.popup_form input{
    margin-top: 2px; margin-bottom: 11px;
}

.sr_popover{
    margin: 2px; padding: 0; width: 600px; height: 330px; position: absolute; left: 0; right: 0; display: none;    
}

.leftside_popup{
    width: 350px;        
}

.rightside_popup{
    width: 350px;    
}

/* Таблица смайлов */
.smile{
    margin-left:10px;
}

#content div.comment{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #E2DEE4;
	border-radius:9px;	
}

#content p.comment{
    color: #4D4D4D;
    font-size: 11px;        
}   

.comment_button{
    height: 27px;
    width: 140px;
}

.captcha_field{
    height: 20px;
    width: 80px; 
    border: 1px solid silver;   
}

.name_field{
    height: 20px;
    width: 150px; 
    border: 1px solid silver;   
}
    
.source_files{
    margin-left:176px
}

.example{
    margin-left:38px
}

#content p.subtitle_text{    
    font-size: 16px;
    text-align: center;
    font-weight: bold;       
}