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

/* BODY */

body
	{
		text-align: center;
	}

/* HEADER */

#header, #container, #footer
	{
		width: 80em;
		overflow: hidden;
		text-align: left;
		position: relative;
	}

/* CONTAINER */

#container
	{
		overflow: hidden;
		margin: 3.5em auto 3em;
	}

/* FOOTER */

#footer
	{
		margin: 0 auto;
		padding: 0 0 3.5em 0;
		text-align: center;
	}

/* CONTENT */

#content
	{
		float: left;
  	width: 52.8em;
		overflow: hidden;
		position: relative;
		border-right-width: 1px;
		border-right-style: solid;
		padding: 3em 3em;
		background: url(/lib/img/content-bg.gif) top left repeat-x;
	}

#main-page #content, #custom-page #content
	{
		width: 74em;
	}

/* SIDEBAR */

#sidebar
	{
		float: left;
		width: 21.2em;
		position: relative;
		border-left-width: 1px;
		border-left-style: solid;
		margin-right: -1px;
		margin-left: -1px;
	}

/* MENU */

.menu
	{
		position: relative;
		overflow: hidden;
		text-align: left;
		list-style: none;
		widows: 100%;
		height: 37px;
/*

		_float: left;
*/
	}

.menu li
	{
		float: left;
		overflow: hidden;
		background: url(/lib/img/menu-separator.gif) top right no-repeat;

/*
		border-left-width: 1px;
		border-left-style: solid;
		margin-left: -1px;
*/
	}

.menu a
	{
		display: block;
		padding: .6em 1.2em .7em 1em;
		white-space: nowrap;
		text-decoration: none;
	}

.menu a:hover {background: url(/lib/img/menu-active-bg.gif) top right repeat-x;}

.menu .active {background: url(/lib/img/menu-active-bg.gif) top right repeat-x;}
.menu .active a, .menu .active a:hover {background: url(/lib/img/menu-active-arrow.gif) 48% bottom no-repeat;}


/* SUBMENU */

.submenu
	{
		list-style: none;
		margin-top: 1.3em;
		margin-bottom: 1.3em;
	}

.submenu a
	{
		display: block;
		padding: .76em 1.5em;
		_height: 0; /* ie7 ie8 */
	}

.submenu .active
	{
		border-top-width: 1px;
		border-top-style: solid;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-left-width: 1px;
		border-left-style: solid;
		position: relative;
		left: -1px;
		margin-top: -1px;
		margin-bottom: -1px;
	}

.submenu ul
	{
		display: none;
		list-style: none;
		padding: 0 1.5em 1em 3em;
	}

.submenu .active ul
	{
		display: block;
	}

.submenu ul li
	{
		padding: .4em 0;
	}

.submenu ul a
	{
		text-decoration: underline;
		display: inline;
		padding: 0 !important;
	}

.submenu ul li.active
	{
		border-bottom: none;
		border-top: none;
		border-left: none;
		position: static;
		left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

.submenu ul ul
	{
		padding: .1em 0 0 1.5em;
	}

.submenu ul ul li
	{
		padding: .5em 0 0 0;
	}

/* BREADCRUMBS */

.breadcrumbs
	{
		clear: both;
		height: 2.4em;
		overflow: hidden;
		border-top-width: 1px;
		border-top-style: solid;
		padding: 0 .4em;
	}

.breadcrumbs a, .breadcrumbs i
	{
		max-width: 20em;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		float: left;
		padding: .7em .6em .7em .9em;
		text-decoration: none;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
	}

.breadcrumbs i
	{
		cursor: default;
		font-style: normal;
	}

.breadcrumbs p
	{
		float: right;
		overflow: hidden;
		margin-top: 1px;
	}

.breadcrumbs a:hover
	{
		text-decoration: underline;
	}

.breadcrumbs span
	{
		display: block;
		float: left;
		width: .9em;
		height: 2.5em;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/lib/img/separator.gif) right 50% no-repeat;
	}

.breadcrumbs .icon
	{
		width: 16px;
		height: 2.5em;
		overflow: hidden;
		text-indent: -9999px;
		padding: 0 .4em;
	}

.breadcrumbs .home
	{
		background: url(/lib/img/home.gif) center center no-repeat;
	}

.breadcrumbs .sitemap
	{
		background: url(/lib/img/sitemap.gif) center center no-repeat;
	}

/* SITEMAP */

#content .sitemap ul
	{
		padding: 0 0 0 2em;
	}

#content .sitemap ul
	{
		list-style: none;	
	}

#content .sitemap ul ul
	{
		list-style: square;	
	}

#content .sitemap .context-menu
	{
		list-style: none;
		padding: 0;
	}

#content .sitemap ul li
	{
		font-weight: bold;
		margin-top: 1.5em;
	}

#content .sitemap ul ul li
	{
		font-weight: normal;
		margin-top: 0;
	}

#content .sitemap ul ul ul li
	{
		margin-top: 0;
	}

/* COPYRIGHTS */

#copyrights
	{
		text-align: center;
	}

#copyrights a
	{
		text-decoration: none;
	}

#copyrights a:hover
	{
		text-decoration: underline;
	}

/* ERROR */

#error-page
	{
		font-size: 777%;
		padding-top: 1em;
	}

/* CONTENT FONTS */

#content pre {font: 12px "Courier New", Courier, monospace; border-width: 1px; border-style: dashed;}
#content code {font: 12px "Courier New", Courier, monospace;}
#content h1, #content h2, #content h3, #content h4 {font-weight: normal;}
#content table {border-collapse: collapse; width: 100%;}
#content td, #content th {text-align: left; border-width: 1px; border-style: solid;}

#content .hr {display: block;}
#content img, #content hr, #content .hr {border: none; max-width: 100%;}
#content hr, #content .hr {border-top-width: 1px; border-top-style: solid;}
#content ol, #content ul, #content blockquote {padding: 0 0 0 3em;}
#content address, #content cite {font-style: italic;}

#content p {font-size: 1em; line-height: 1.5em;}
#content small {font-size: .9em; line-height: 1.5em}
#content big {font-size: 1.13em; line-height: 1.6em}

#content h1 {font-size: 2em; line-height: 1.37em;}
#content h1 {margin: 1.5em 0 -.13em 0;}
#content h2 {font-size: 1.5em; line-height: 1.37em;}
#content h2 {margin: 1.5em 0 -.07em 0;}
#content h3 {font-size: 1.33em; line-height: 1.37em;}
#content h3 {margin: 1.13em 0 -1.07em 0;}
#content h4 {font-size: 1.13em; line-height: 1.327em;}
#content h4 {margin: 1.33em 0 -1.33em 0;}
#content h5 {font-size: 1em; line-height: 1.5em; font-weight: bold;}
#content h5 {margin: 1.5em 0 -1.5em 0;}

#content p, #content pre, #content blockquote, #content address, #content ol, #content ul, #content dl, #content table, #content form, #content fieldset, #content div, #content hr, #content .hr, #content object, #content embed, #content iframe {margin: 0; margin-top: 1.5em;}
#content :first-child, #content ol ul, #content ul ol, #content ul ul, #content ol ol, #content div div, #content table table {margin-top: 0;}
#content p, #content pre, #content blockquote, #content address, #content ol, #content ul, #content dl, #content table, #content form, #content fieldset, #content div, #content hr, #content .hr, #content object, #content embed, #content iframe, #content h1, #content h2, #content h3, #content h4, #content h5 {margin-top: expression(this.parentNode.firstChild == this ? '0px' : '');}

#content .e-box2col, #content .e-box3col, #content .e-box4col {overflow: hidden; zoom: 1;}
#content .e-first, #content .e-second, #content .e-third, #content .e-fourth {overflow: hidden; float: left; margin-right: 4.2%;}

#content .e-box2col .e-first	{width: 47.9%;}
#content .e-box2col .e-second {width: 47.9%; margin-right: 0; float: right;}

#content .e-box3col .e-first {width: 30.53%;}
#content .e-box3col .e-second {width: 30.54%;}
#content .e-box3col .e-third {width: 30.53%; margin-right: 0; float: right;}

#content .e-box4col .e-first	{width: 21.85%;}
#content .e-box4col .e-second {width: 21.85%;}
#content .e-box4col .e-third {width: 21.85%;}
#content .e-box4col .e-fourth {width: 21.85%; margin-right: 0; float: right;}

#content .e-clear {clear: both; overflow: hidden; height: 0;}

/* FONTS */

body {font-size: 75%; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif;}
.menu a {font-size: 125%;}
.submenu a {font-size: 120%;}
.submenu ul li {line-height: 100%;}
.submenu ul a {font-size: 100%;}
.breadcrumbs, .breadcrumbs p, .breadcrumbs a, .breadcrumbs i, .breadcrumbs span {font-size: 95%; line-height: 100%;}
#copyrights small {font-size: 90%; line-height: 130%;}

/* COLORS */

body {color: #333; background: #273444 url(/lib/img/bg.gif) top center repeat-x;}
#error-page {color: #ccc;}

.breadcrumbs a {color: #666}
.breadcrumbs i {color: #999}

#copyrights small, #copyrights a {color: #616b77;}

#container {background-color: #fff;}
#content, #sidebar, .breadcrumbs {border-color: #dadada}

#content a {color: #0071bc}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a {color: #222;}
#content small {color: #999}
#content pre {background: #fafafa; border-color: #ccc;}
#content th {background: #ccc;}
#content td, #content th {border-color: #dadada;}
#content hr, #content .hr {border-top-color: #dadada;}
.e-gray {color: #666}

.menu li {border-color: #5c6672;}
.menu a {color: #f3f6f7;  text-shadow: 0px -1px 0px #333; }
.menu .active a {color: #d8e6e8; text-shadow: 0px -1px 0px #444;}
.menu .active {}
.menu a:hover {}

.menu
	{
		background: url(/lib/img/menu-bg.gif) top center repeat-x;
	}

.submenu a {color: #0071bc;}
.submenu .active>a {color: #666;}
.submenu ul a {color: #0071bc;}
.submenu .active a {color: expression(this.parentNode.className == 'active' ? '#666' : '#0071bc');}
.submenu .active {border-color: #dadada; border-left-color: #fff; background-color: #fff;}








#header h1 a
	{
		width: 120px; height: 0; padding-top: 120px;
		display: block; overflow: hidden;
		position: absolute;
		left: 5em;
		top: 5em;

	}

#block
	{
		overflow: hidden;
		background: #fff url(/lib/img/container-bg.gif) top right repeat-y;
	}

#container
	{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
/*
		border: 1px solid #dadada;
 		-webkit-box-shadow: 0px 0px 1px #ccc;
*/
	}

.cycle
	{
		height: 218px;
		overflow: hidden;
		background: #fff url(/lib/img/1.jpg) top right repeat-y;
	}

.e-small-img td
	{
		padding: 1.5em 0;
		font-size: 95%;
	}

.e-noborder td
	{
		border: none !important;
		padding: .5em 0;
	}

.e-small-img td img
	{
		margin-bottom: 5px;
	}




#forum ul, #forum .list
	{
		padding: 0;
		margin: 0 auto 1.2em auto;
		font-size: 100%;
		list-style: none;
	}


#forum dl, #forum li, #forum .fieldset, #contest dl, #contest li, #contest .fieldset {overflow: hidden}

#forum a, #contest a
	{
		font-weight: bold;
		text-decoration: none;
	}

#forum a:hover, #contest a:hover
	{
		text-decoration: underline;
	}













/* FORUM LIST */

#forum .list
	{
		padding: .7em .7em .5em .7em;

	}


#forum .list .first
	{
		width: 65% !important;
		font-size: 90% !important;
		line-height: 130% !important;
	}


#forum .list .third
	{
		width: 20% !important;
		font-size: 90% !important;
		line-height: 130% !important;
	}


#forum .list .second
	{
		width: 15% !important;
		text-align: center !important;
		font-size: 100% !important;

	}

#forum .list td, #forum .list th
	{
		padding: 7px 0 !important;
		vertical-align: middle !important;
		border-top: 1px solid #fff !important;

	}

#forum .list th
	{
		border-top: none !important;
		font-weight: bold !important;
		font-size: 100% !important;

	}

#forum .list table
	{
		width: 100%;
		border-collapse: collapse;
	}

#forum .center
	{
		text-align: center;
	}


#content #forum td, #content #forum th {border: none; padding: 0; background: none;}

#forum .list td small
	{
		font-size: 100%;
		line-height: 130%;
	}








/* FORUM POSTS */

#forum .posts li
	{
		margin: .5em 0;
	}

/* FORUM POST */

#forum .post
	{
	 	float: left;
	 	width: 75%;
	}

#forum .post dt
	{
		font-size: 90%;
		margin: .7em .7em 0 1em;
	}

#forum .post dd
	{
		margin: .7em .7em .5em 1em;
	}

#forum .post dd p
	{
		margin: 0 3em 0 0;
	}

#forum .post .link
	{
		position: absolute;
		margin-top: -1em;
		padding-top: 1em;
		margin-left: .7em;
	}

/* FORUM AUTHOR */

#forum .author
	{
	 	float: left;
	 	width: 25%;
	}

#forum .author dl
	{
		margin: .7em 0;
		padding: 0 .7em;
		border-left: 1px solid #fff;
	}

#forum .author dt
	{
		font-size: 100%;
		font-weight: bold;
		line-height: 130%;
	}

#forum .author dd
	{
		font-size: 90%;
		line-height: 130%;
		color: #5c6266;
	}

#forum .author b
	{
		font-weight: normal;
		color: #323232;
	}

/* FORUM FIELDSET */

#forum .fieldset dt
	{
		overflow: hidden;
		font-weight: bold;
		padding: .7em 0 0 0;
		margin: 0 .7em;
		text-align: center;
		font-size: 120%;
/*
		border-bottom: 1px solid #fff;
*/
	}

#forum .fieldset dd
	{
		overflow: hidden;
		margin: .7em;
		text-align: center;
	}

#forum .fieldset small
	{
		display: block;
		font-size: 90%;
		line-height: 130%;
		margin-top: .2em;
		clear: both;
		float: left;
	}


#forum .fieldset .input
	{
		font-size: 100%;
		font-family: Arial, sans-serif;
		border: 1px solid #c4ccd1;
		width: 100%;
		padding: .2em;
		margin: 0;
    float: left;
		box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		resize: none;
	}

#forum .fieldset label
	{
		display: block;
		text-align: left;
		font-weight: bold;
		font-size: 100%;
		margin-bottom: 0em;
		width: 100%;
	}





































/* FORUM BORDERS */

#forum .fieldset, #forum .posts li, #forum .list, #forum .profile, #contest .fieldset
	{
zoom: 1;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
/* 		-webkit-box-shadow: 0px 1px 2px #c8d2d9; */

	}


/* FORUM COLORS */

#forum .fieldset, #forum .posts li, #forum .list, #forum .profile, #contest .fieldset
	{
		background-color: #edf7ff;
		
	}

#forum .light
	{
		background-color: #f8fdff !important;
	}

#forum .admin, #forum .moderator
	{
		color: #bf204c;
	}


.black
	{
		display: none;
	}

#forum .login
	{
		width:300px;
		margin: 0 auto;
	}

#forum .login dd
	{
		margin-left: 1em;
		margin-right: 1em;
	}


#forum big
	{
		font-size: 120%;
		line-height: 130%;
	}


#forum small
	{
				color: #707070;
	}



#forum .adm
	{
		float: right;
		margin-right: 20px;
	}

#forum .adm form
	{
		display: inline;
	}

#forum .red
	{
		color: #bf204c;
	}









#forum .rss-post
	{

		padding-top: 1.5em;
		text-align: left;

		
	}

#forum .rss-post a
	{
		font-size: 90%;
		font-weight: normal !important;
		text-decoration: underline;
	}


.flink
	{
		font-weight: normal !important;
		text-decoration: underline !important;
	}

.input
	{
		border: 1px solid #c4ccd1;
		width: 100%;
		padding: .2em;
		margin: 0;
    float: left;
		box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		resize: none;
	}