
/*Template CSS file Compass Design
Creative Commons Attribution v2.5 . This means that you are free to:
-to copy, distribute, display, and perform the work
-to make derivative works
-to make commercial use of the work
Under the following conditions:
-You must attribute the work in the manner specified by the author or licensor. (In this case, leaving a link to my site in the template footer).
For any reuse or distribution, you must make clear to others the license terms of this work.
Any of these conditions can be waived if you get permission from the copyright holder.*/

* {
margin:0;
padding:0;
}

body {
text-align:center;
font-size:80%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
line-height:1.3;
background:#0D79C7;
}
img {margin: 0 10px 10px 0; /*отступы вокруг изображений*/
border: none;
}
.pathway img, .buttonheading img {margin: 0; border: none;/*обнуляем отступы изображений в бредкрамбе, убираем бордюр вокруг изображений в эксплорере */
}


#wrap {
min-width:760px;
max-width:960px;
width:auto !important;
width:960px;
text-align:left;
margin:0 auto;
}


#rightfauxcol {
background:#fff url(../images/rightslidingcolumn.jpg) right;
}
.buttonheading {float: right;}

.pagination {float: center; width:800px; margin-top: 50px; padding-left: 200px;} /*пагинация в блоге*/
#page .pagenav {margin: 10px 0 30px 20px; padding:5px 0 5px 0; float: right; border-top:1px solid #CCCCCC; width: 620px;} /*пагинация в статье*/
#page .pagenav a:link, #page .pagenav a:visited {font-size:70%;} /*линки пагинации в статье*/
#page .pagenav_next {float:right; margin-left: 10px; width: 300px; } /*выравнивание ссылки справа*/
#page .pagenav_prev {float:left; width: 300px;} /*выравнивание ссылки слева*/
.contentpane { background: #fff;} /*фон на странице печати*/
#page {
background: #fff;
padding: 0 5px 0 5px;}
#header {
color:#000;
background: #0D79C7 url(../images/header.jpg) no-repeat center top;
position:relative;
height: 160px;
margin-top: 10px;
}

#header h1 {
font-family:Arial, Helvetica, sans-serif small-caps;
font-variant:small-caps;
font-stretch:expanded;
padding-left:20px;
}

#header input {
background:url(../images/search.png) no-repeat;
border:0;
height:22px;
width:168px;
font:12px Arial, Helvetica, sans-serif;
padding:2px;
}

#header .search {
position:absolute;
top:20px;
right:20px;
}

#top {
background: #0D79C7 url(../images/topb.jpg) right bottom no-repeat;
height: 29px;
padding: 0;
margin: 0;
}


#footer {
background:#0D79C7 url(../images/footer.jpg) no-repeat top right;
color:#fff;
text-align:center;
clear:both;
padding-top: 20px;

}

#bottom {
background:#333;
color:#666;
padding:10px 50px;
}

#content {
float:left;
width:75%;
height: 100%;
overflow:hidden;
}

#sidebar-2 {
margin-top: -15px;
margin-bottom: 15px;
float:left;
width:25%;

}



.inside {
padding:10px;
}

#sidebar-2 .inside {
padding-top:0;
}

p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
margin:0.55em 0;
}

h1,h2,h3,h4,h5,h6,.title,.componentheading,.contentheading {
margin:0.55em; /*отступ красной строки для заголовков*/
}

li,dd {
margin-left:1em;
}

fieldset {
padding:.5em;
}
p  {
text-align: justify;
}
a:link,a:visited {
text-decoration:underline;
color:#0D79C7;
}
a:hover {
text-decoration:none;
}
#content a:link,#content a:visited {
color:#0D79C7;
}

h1,.componentheading {
font-size:1.8em;
color:#0D79C7;
}

h2,.contentheading {
font-size:120%;
color:#0D79C7;
}

h3 {
font-size:1.3em;
color:#0D79C7;
}

h4 {
font-size:1.2em;
color:#0D79C7;
}

h5 {
font-size:1.1em;
color:#0D79C7;
}

h6 {
font-size:1em;
font-weight:700;
color:#0D79C7;
}

.button {
border:#0D79C7 solid 1px;
background:#fff url(../images/buttonbackground.png) repeat-x;
height:25px;
line-height:25px;
font-size:14px;
margin:4px 0;
padding:0 4px;
cursor:hand;
}

.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
padding-bottom: 10px;
}

.sectiontableheader {
color:#000;
font:1.2em bold Arial, Helvetica, sans-serif;
padding:5px;
}
.sectiontableheader a:link,.sectiontableheader a:visited {
color:#fff;
}

/* Module styling */
.moduletable {
margin-bottom:1em;
color:#000;
font-size:1.1em;

}

.moduletable h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
color:#0D79C7;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

/*Menu Styling*/
.moduletablemenu {
margin-bottom:1em;
}

.title {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background: url(../images/top.png) repeat-x;
width: 98%;
color:#0D79C7;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

.moduletablemenu ul {
list-style:none;
margin:5px 0;
}

.moduletablemenu li {
background:none;
height:24px;
font:14px Tahoma,Arial, Helvetica, sans-serif;
margin:10px 0;
padding:0 0 0 10px;
}

.moduletablemenu a:link,.moduletablemenu a:visited {
color:#0D79C7;
display:block;
text-decoration:none;
padding-left:5px;
}

.moduletablemenu a:hover {
text-decoration:none;
color:#000;
background:none;
}


.design a:link,.design a:visited {
color:#FCFCFC;
float:left;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 20px;
}

/* плагин usercontent */
#userarticles { float: right;/* выравниваем подробнее справа */
padding: 0 20px 0 80px;
}

 

/* Модуль позиция junews */
.juname {
margin: 5px 0  0 16px;
font-size: 25px;
color: #fff;
}
.juname a:link,.juname a:visited {
margin: 0 0  0 16px;
font-size: 20px;
color: #fff;
}
.junewsultraposition {
	margin: 5px 0  0 10px;	/* Убираем лишний отступ у первой колонки (-16px) */
	overflow: hidden;	/* Для исключения влияния колонок на последующее содержание */
	background:#fff url(../images/position.png) center top no-repeat;
	border-bottom:1px solid #CCCCCC; 
}
.junewsposition {
	float: left;		/* Присваиваем свойство "обтекания" */
	margin: 0 0 8px 16px;	/* Отступы слева (16px) и снизу (8px) */
	width: 150px;		/* Ширина колонки */
	font-size: 90%;
}
.juimageposition {
	float: center;		/* Присваиваем свойство "обтекания" */
	height: 150px;		/* Ширина колонки */
}
.jutitleposition {
	height: 53px;
overflow: hidden;	/* Для исключения влияния колонок на последующее содержание */	
}

/* Модуль новости junews */
.junewsultranovosti {
	margin: 5px 0  0 10px;	/* Убираем лишний отступ у первой колонки (-16px) */
	overflow: hidden;	/* Для исключения влияния колонок на последующее содержание */
	background:#fff url(../images/novosti.png) center top no-repeat;
	border-bottom:1px solid #CCCCCC; 
}
.junewsnovosti {
	float: left;		/* Присваиваем свойство "обтекания" */
	margin: 0 0 5px 16px;	/* Отступы слева (16px) и снизу (8px) */
	width: 320px;		/* Ширина колонки */
	height: 105px;
	overflow: hidden;
	text-decoration: none;
	font-size: 76%;
	
}
.juimagenovosti {
	float: left;		/* Присваиваем свойство "обтекания" */
	margin: 10px 5px 0 0;	/* Отступы слева (16px) и снизу (8px) */
	height: 105px;		/* Ширина колонки */
	width: 105px;
}



/* Модуль новости молодежки junews */
.junewsultranovostim {
	margin: 10px 0  0 10px;	/* Убираем лишний отступ у первой колонки (-16px) */
	overflow: hidden;	/* Для исключения влияния колонок на последующее содержание */
	background:#fff url(../images/position.jpg) center top no-repeat;
	border-bottom:1px solid #CCCCCC; 
}
.junewsnovostim {
	float: left;		/* Присваиваем свойство "обтекания" */
	margin: 0 0 8px 16px;	/* Отступы слева (16px) и снизу (8px) */
	width: 320px;		/* Ширина колонки */
	text-decoration: none;
	font-size: 76%;
	height: 105px;
	overflow: hidden;
}
.juimagenovostim {
	float: left;		/* Присваиваем свойство "обтекания" */
	margin: 0 5px 0 0;	/* Отступы слева (16px) и снизу (8px) */
	height: 55px;		/* Ширина колонки */
	width: 55px;
}



/* Модуль позиция junews */
.junewsultra {
		overflow: hidden;	/* Для исключения влияния колонок на последующее содержание */
	
}
.junews {
	float: right;		/* Присваиваем свойство "обтекания" */
	text-decoration: none;
	font-size: 76%;
	height: 105px;
	overflow: hidden;
	}
.juimage {
	float: left;		/* Присваиваем свойство "обтекания" */
	margin: 0 5px 0 0;	/* Отступы слева (16px) и снизу (8px) */
	
}

/*smartresize в статьях*/

.smartresize { 
 padding: 10px 5px 5px 5px;  
 margin:10px 10px 10px 10px;
 border:1px solid #CCCCCC; 
 background:#EEEEEE;
 float:left;
}
/*smartresize Для картинок в блогах можно задать оформление отдельно от картинок в статьях */

.blog img.smartresize { 
 padding: 10px 5px 5px 5px;  
 margin:10px 10px 10px 10px;
 border:1px solid #CCCCCC; 
 background:#EEEEEE;
 float:left;
}

#separator {height:2px; background: url(../images/hrline.jpg) repeat-x;}

/* Module Blue */
.modulebr-cyan {
	background: url(../images/modules/box-cyan-br.gif) no-repeat bottom right;
}

.modulebl-cyan{
	background: url(../images/modules/box-cyan-bl.gif) no-repeat bottom left;
}

.moduletr-cyan {
	background: url(../images/modules/box-cyan-tr.gif) no-repeat top right;
}

.moduletl-cyan {
	background: url(../images/modules/box-cyan-tl.gif) no-repeat top left;
	padding: 5px 15px 15px 15px;
		}

.title-cyan {
font-size: 18px; 
width: 100%; 
background: url(../images/hrline.jpg) repeat-x bottom;
text-align: left;
margin:5px;
color: #fff;
padding-bottom: 2px}

.moduletl-red a:link {
	color: #fff
		}
/* Module Red */
.modulebr-red {
	background: url(../images/modules/box-red-br.gif) no-repeat bottom right;
}

.modulebl-red{
	background: url(../images/modules/box-red-bl.gif) no-repeat bottom left;
}

.moduletr-red {
	background: url(../images/modules/box-red-tr.gif) no-repeat top right;
}

.moduletl-red {
	background: url(../images/modules/box-red-tl.gif) no-repeat top left;
	padding: 5px 15px 15px 15px;
		}

.title-red {
font-size: 18px; 
width: 100%; 
background: url(../images/hrline.jpg) repeat-x bottom;
text-align: left;
margin:5px;
color: #fff;
padding-bottom: 2px}

.moduletl-red a:link, .moduletl-red a:visited {
	color: #fff
		}
		
/* Talking box. Thinking box. */

.modulebr-jc {
	background: url(../images/modules/box-jc-br.gif) no-repeat bottom right;
	margin-bottom: 10px;
}

.modulebl-jc{
	background: url(../images/modules/box-jc-bl.gif) no-repeat bottom left;
}

.moduletr-jc {
	background: url(../images/modules/box-jc-tr.gif) no-repeat top right;
}

.moduletl-jc {
	background: url(../images/modules/box-jc-tl.gif) no-repeat top left;
	padding: 3px 5px 23px 5px;
		}

/* Module White */
.modulebr-white {
	background: url(../images/modules/box-white-br.gif) no-repeat bottom right;
}

.modulebl-white{
	background: url(../images/modules/box-white-bl.gif) no-repeat bottom left;
}

.moduletr-white{
	background: url(../images/modules/box-white-tr.gif) no-repeat top right;
}

.moduletl-white {
	background: url(../images/modules/box-white-tl.gif) no-repeat top left;
	padding: 5px 15px 15px 15px;
		}

.title-white {
font-size: 18px; 
width: 100%; 
background: url(../images/hrline.jpg) repeat-x bottom;
text-align: left;
margin:5px;
color: red;
padding-bottom: 2px}

.moduletl-white a:link, .moduletl-white a:visited {
	color: red
		}

/* Module White */
.modulebr-whitec {
	background: url(../images/modules/box-whitec-br.gif) no-repeat bottom right;
}

.modulebl-whitec {
	background: url(../images/modules/box-whitec-bl.gif) no-repeat bottom left;
}

.moduletr-whitec {
	background: url(../images/modules/box-whitec-tr.gif) no-repeat top right;
}

.moduletl-whitec {
	background: url(../images/modules/box-whitec-tl.gif) no-repeat top left;
	padding: 5px 15px 15px 15px;
		}

.title-whitec {
font-size: 18px; 
width: 100%; 
background: url(../images/hrline.jpg) repeat-x bottom;
text-align: left;
margin:5px;
color:#0D79C7;
padding-bottom: 2px}


/*погода*/
.modulebr-sep{ background: url(../images/hrline.jpg) repeat-x top;
margin-top: 10px;
}





/*
******************************************************************************************************************************************
 blogcalendar
	 */



table.calendar{
	/* style for all the calendar table
	border-spacing: 0.3em
	 */
	margin-left:auto; 
	margin-right:auto;
	color: #fff;
}

td.calendarHeader {
	/* the style for The calendar header, this includes the two link arrows and the date
	border: 1px dashed;
	*/
}

td.headerDate{
	/* td style for the header date (ex. December 2007)
	background-color: #CCCCCC;
	border-color: blue;
	 */
}

a.headerDate{
	
	text-decoration: underline;
	color: #fff;
}

td.headerArrow{
	/*td the style for the header link arrows 
	background-color: #3366CC;
	*/
}

a.headerArrow{
	
	text-decoration: underline;
	color: #ffffff;
	
}
a.blogCalendarToday {
	color: #ffffff;
}
.blogCalendarToday {
	background-color: #FF0000;
	color: #0D78C6;
}

td.dayName{
	/*td style of the day abreviations (S M T W T F S) */
	font-weight: bold;
	color: red;
}

h3.dayName{
	/* font style of the day names */
	font-size: 100%;
	margin: 0;
	color: red;
}

td.calendarToday {
    /* the style for Today day */
	border: #fff solid 1px;
}

a.calendarLink{
	text-decoration: underline;
	color: #ffffff;
}
	
a.calendarTodayLink, a.blogCalendarDay {
	text-decoration: underline;
	color: #FFFFFF;
	
}

td.calendarLink{
	/*td style for a normal link in the calendar (that is not in the actual day) */	
}

td.calendarTodayLink{
	/* td style for a link that is in the actual day 
	background-color: #3366CC;
	border: 1px dashed;
	*/
}

a.calendarTodayLink {
background-color: #FFFFFF;
}

ul.dropList {
	}

.dropList ul ul { 
}

ul.articles{
	}
	
li.articles{
}
a.contentpagetitle {
width: 700px;
}

#calendar-60{
padding-bottom: 5px;
width: 170px;
float: left;}

/***************************************#content .inside {}***************************************************************************************************
 blogcalendar end
	 */

.bottomright {
float:right;
padding-bottom: 20px;
}
.zakl {
float:right;

}

#content td {padding: 5px;}
.contenttoc { margin: 10px;}

#topmod {
float:left;
width:500px;
height: 110px;
}




.jcomments-links { padding-left: 420px;
}
#jc{margin-top: 30px;
border-top: #555;}



