/* ::::: http://kitecenter.ru/dark.css ::::: */

/* BEGIN IMAGE CSS */
			
body	 	{ background: url("delmarb/bgcolor.png"); }
#page		{ background: url("delmarb/bg.png") repeat-y top; border: none; } 			
#header 	{ background: url("delmarb/header.png") no-repeat bottom center; }
#navigation 	{ background: url("delmarb/navigation.png") no-repeat bottom center; }
#footer 	{ background: url("delmarb/footer.png") no-repeat bottom; border: none;}
#header { padding: 0px; height: 143px; width: 650px; }
#navigation { padding: 0px; height: 109px; width: 650px; }
#footer { padding: 0px; height: 191px; width: 650px; }
#headerimg 	{ margin: 7px 9px 0; height: 143px; width: 650px; } 
/* END IMAGE CSS */

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #becadav;
	color: #1D3453;
	}

#page {
	background-color: white;
	}

#header {
	background-color: #becada;
	}

#content {
	font-size: 1.3em
	}
	
.main { background: url("delmarb/kc.gif") no-repeat; position: fixed;
	width: 34px;
	height: 436px; 
	} 	

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.3em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.graybox {
	padding: 10px;
	background-color: #f8f8f8;
	text-align: justify;
	}

.stat {
	padding: 0px;
	text-align: justify;
	margin-bottom:25px;
	}	
	
.newsbox_lib {
	margin-top:0px;
	padding: 0px;
	background-color: #fff;
	text-align: left;
	}
	
.newsbox {
	margin-top:30px;
	padding: 5px;
	background-color: #fff;
	text-align: left;
	}			
	
.bluebox {
	padding: 10px;
	background-color: #EBF6FF;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 5px;
	}
	
.bluebox2 {
	padding: 10px;
	background-color: #f4fbfa;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 5px;
	}	
	
	.blueboxtop {
	padding: 2px;
	margin-top: 10px;
  	margin-bottom: 10px;
	border-top: 1px solid #D1E8FF;
	text-align: right;
	}

.whitebox {
	padding: 10px;
	background-color: #fff;
	text-align: left;
	}		

.numbox {
  	border-width: 0px;
  	padding:0 5px 0 14px;
  	border-right:1px solid #ccc;
  	margin-right:10px;
	background-color: transparent;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.7em;
	}	
	
.numboxsm {
  	border-width:0px;
  	padding: 0 2px 0 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.5em;
	color: #EF976C;
	}
	
.numboxmini {
	border-width:0px;
  	padding:0 px 0 px;
  	margin-right:2px;
  	background-color: #eff5ff;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: right;
	}
	
.topnews {
  	padding: 10px;
	background-color: #EBF6FF;
  	margin-top: 25px;
  	margin-bottom: 15px;
	font-size: 1.0em;
	}
	
.mainnews {
  	padding: 10px;
	background-color: #fff;
  	margin-top: 25px;
  	margin-bottom: 15px;
	font-size: 1.0em;
	}			

.name {
  	padding: 0px;
  	margin-top: 0px;
  	text-align: right;
  	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: 650;
	text-transform: uppercase;
	color: #73A0DD;
	}
	
.back {
  	padding: 0px;
  	margin-top: 0px;
  	text-align: left;
  	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	color: #73A0DD;
	}
		
.bcomm {
  	text-align: left;
  	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: 650;
	text-transform: uppercase;
	color: #73A0DD;
	}			


.libbox {
	margin-top: 25px;
	padding: 10px;
	background-color: #f4fbfa;
	}						
	
#footer {
	background-color: #eee;
	font-size: 1.2em
	}

small {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	line-height: 1.5em;
	}
	
.initial {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	color:  #4A84BF;
	line-height: 1.5em;
	text-align: left;
	}
	
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: right;
	}
	
	.link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	color:  #9c9c9c;
	text-align: right;
	float:right;
	}			

h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.0em;
	font-weight: 650;
	text-transform: uppercase;
	color: #EF976C;
	}
	
h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.0em;
	font-weight: 650;
	text-transform: uppercase;
	color: #EF976C;
	line-height: 1.8em;
	margin-top: 10px;
	}	

b {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.0em;
	font-weight: 700;
	color: #555555;
	padding: 2px;
	}	

a:link { color: #73A0DD; text-decoration: none; }
a:visited { color: #73A0DD; text-decoration: none; }
a:hover { color: #73A0DD; text-decoration: underline;}

a.h3:link { color: #EF976C; text-decoration: none; }
a.h3:visited { color: #EF976C; text-decoration: none; }
a.h3:hover {color: #F99462; text-decoration: underline; }

a.aspn {
	padding-right: 11px;
	background: url('delmarb/aspnlink.gif') no-repeat 100% 60%;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

.entry p a:visited {
	color: #b85b5a;
	}

span.bukvica { 
	padding: 0px; 
	font-size: 1.4em; 
	font-weight: normal; 
	color: rgb(61, 80, 108); 
	text-shadow: 2px 2px 2px gray;
	}
	
cite {
  	padding-left: 40px;
  	padding-top: 5px;
  	padding-bottom: 30px;
  	margin: 10px;
  	width: 500px;
	text-align: justify;
  	float: left;
	font-size: 1.1em;
	color: #EF976C;
	background: url(images/quo.gif) no-repeat 0 0;
	}				
		
.thanks {
  	padding-left: 10px;
  	padding-top: 0px;
  	padding-bottom: 0px;
  	border-left:3px solid #ccc;
	text-align: left;
  	float: left;
	font-size: 1.0em;
	color:  #4A84BF;
	}	
	
ul {
	
	list-style-image: url(images/sun.gif);
	line-height: 1.7em;
}

li {
	
	padding-left: 5px;
}	
	
	
a.a {
 display: inline
 	}

a.a div {
 display: none
 	}

a.a:hover div {
 display: inline;
 position: fixed;
 margin: 0px;
 padding: 10; 
 text-align: left;
 background-color: white;
 //background:url("../images/bgn.gif") no-repeat 0 0;
 left: 20px;
 top: 20px;
-moz-opacity: .8;
filter:alpha(opacity=80);
 	}

a.a:hover {
 color: #F90
 border: 0px;}	
 
 
 .newsitem div.fs4	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 100px;
	height: 75px;
	background: transparent url(../images/fs4.gif) 0 -75px no-repeat;
	}
	
.newsitem div.fs4 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(../images/fs4.gif) top left no-repeat;
	}
	
.newsitem div.fs4 a:hover {
	background: transparent url(../images/fs4.gif) 0 75px no-repeat;
	}
	
 
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}

#page {
	background-color: white;
	margin: 0px auto;
	padding: 0;
	width: 650px;
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 143px;
	width: 100%;
	background-color: #becada;
	}
	
#navigation {
	padding: 0;
	margin: 0 auto;
	height: 109px;
	width: 100%;
	background-color: #becada;
	}	


#headerimg {
	margin: 10px;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	padding: 0 0 0px 0px;
	margin: 0px 0 0;
	width: 560px;
	}

.post {
	margin: 15px 0 0px;
	text-align: justify;
	}

#banner { position: relative; width: 190px; height: 190px; float: left; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid silver; border-bottom: 1px solid silver; border-right-color: silver; border-left-color: silver; }	
	
#footer {
	padding: 0;
	margin: 0 auto;
	width: 650px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
.description {
	text-align: center;
	}

h3 {
	padding: 0;
	margin: 20px 0 0;
	}

/* End Headers */



/* Begin ../images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0px;
	}
	
img.left {
	display: block;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 10px;
	margin-botom: 10px;
	float: left;
	}	
	
img.right {
	display: block;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 10px;
	margin-botom: 10px;
	float: right;
	}	
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End ../images */


/* Begin Various Tags & Classes */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

.leftwrap {
	margin: 6px;
	float: left;
}
.rightwrap {
	margin: 6px;
	float: right;
}

/*Search*/

#searchEdit
{
	background-image: url( "images/srchinput.jpg" );
	width: 284px;
	font-family: Verdana,sans-serif;
	margin-top: 0px;
	padding: 2px 2px 2px 4px;
	border: solid 1px #cccccc;
}

.searchEditInactive
{
    color: Gray;
}

#searchButton
{
	border: solid 1px #cccccc; /* include just this color/border style so that the button doesn't morph too noticably when theme is applied */
	background-color: #eeeeee;
	font-weight: bold;
	margin-left: 2px;
	cursor: pointer;
	color: Gray;
}

.searchButtonFF
{
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
}

	#example {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 630px;
	height: 630px;
	padding: 10px;
	border: none;
	visibility: hidden;
background: url("images/bgview.png") no-repeat;
	}

img.close {
	margin: auto;
	padding-right: 20px;
	padding-top: 5px;
	width:21px;
	height:20px;
	float:right;
	border:0px;
	}