/* Тема для сайта  univer.by
 */
 .disabled {display:none;cursor:pointer;}
html {
  font-size: 100%; /*Fix a IE em BUG*/
}
body {
  background: #fff;
}
#fon {
  background:   url("images/main.png") repeat-y top right;
}
#verh {
  background:   url("images/verh.png") no-repeat  top left;
}
#IMuniver {
  font-family: "Trebuchet MS", "Helvetica neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
  background: #fff  ;
}
#page {
  line-height: 1.5em; 
  text-align: left;
  background: #fff url("images/bg-header.png") repeat-x left top;
}
#content {
  text-align: left;
}
/*-------------------------------------------------------------------*/
/*                          Generic html elements                    */
/*-------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.3em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.4em;
  margin-bottom: 0.8em;
}
em {
  text-decoration: none;
  font-weight: normal;
}
fieldset legend,
.form-item label {
  font-size: 1em;
  font-weight: bold;
  color: #666;
}
blockquote {
  margin: 4px 10px;
  padding: 10px 15px;
  background: #F9CBED;
}
abbr, acronym {
  border-bottom: none;
}
#mission, 
.node .content, 
.comment .content {
  line-height: 1.5em;
}
.breadcrumb {
  padding: 0;
  padding-bottom: 2px;
}
/*-------------------------------------------------------------------*/
/*                             Lists                                 */
/*-------------------------------------------------------------------*/
ul {
  margin: 0;
  padding: 0 0 0 1em;
}
li {
  line-height: 1.6em;
}
li a, 
li a:visited, 
li a:active, 
li a:hover {
  font-weight: normal;
}
.item-list ul {
}
.item-list ul li {
  font-size: 11px;
  list-style-image: url("images/bullet-round.png");
}
.item-list .title {
  font-size: 1em;
}
ul.links li {
  margin: 0;
  padding: 0 2px;  
}
.comment .links {
  margin-bottom: 0;
}
.submitted {
  font-size: 0.9em;
  color: #666;
}
.links {
  color: #666;
}
.links a {
  font-weight: normal;
}
/* Menus */
li.leaf {
  list-style-image: url("images/bullet-round.png");
}
li.collapsed {
  list-style-image: url("images/bullet-sm-arrow-right.png");
}
li.expanded {
  list-style-image: url("images/bullet-sm-arrow-down.png");
}
/*-------------------------------------------------------------------*/
/*                             Links                                 */
/*-------------------------------------------------------------------*/
a,
a.active {
  text-decoration: none;
  font-weight: bold;
  color: #079ECB;
}
a:link, a.active:link {
  color: #079ECB;
}
a:visited, a.active:visited {
  color: #079ECB;
}

a:hover, a.active:hover {
  text-decoration: underline;
  color: #066791;
	cursor: pointer;
}
a:focus, a.active:focus {
  outline: none;
}
/*-------------------------------------------------------------------*/
/*                            Tables                                 */
/*-------------------------------------------------------------------*/
table, tr, td, thead, tbody {
  
  border-collapse: collapse;
  
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
  width: 100%;
  margin: 0 0 10px 0;
}
tr.odd td, tr.even td {
  padding: 0.4em;
}
tr.odd {
  background: #eee;  border:#ddd 1px solid;
}
tr.even {
  background:#fff;  border:#ddd 1px solid;
}
/*-------------------------------------------------------------------*/
/*                             Header                                */
/*-------------------------------------------------------------------*/
div#header {
}
div#header1 {
       background: url("images/header.png") no-repeat top right;
        height: 298px;
padding: 0;
margin: 0;
}
div#header2 {
       background: url("images/2.png") no-repeat top right;
        height: 298px;
padding: 0;
margin: 0;
}
div#header3 {
        background: url("images/3.png") no-repeat top right;
        height: 298px;
padding: 0;
margin: 0;
}
div#header4 {
        background: url("images/4.png") no-repeat top right;
        height: 298px;
padding: 0;
margin: 0;
}

div#header5 {
       background: url("images/5.png") no-repeat top right;
     height: 298px;
padding: 0;
margin: 0;
}
div#header6 {
       background: url("images/6.png") no-repeat top right;
      height: 298px;
padding: 0;
margin: 0;
}
div#header7 {
       background: url("images/7.png") no-repeat top right;
       height: 298px;
padding: 0;
margin: 0;
}
div#header8 {
       background: url("images/8.png") no-repeat top right;
        height: 298px;
padding: 0;
margin: 0;
}
div#header9 {
        background: url("images/9.png") no-repeat top right;
       height: 298px;
padding: 0;
margin: 0;
}

#header {
height: 298px;
padding: 0;
margin: 0;
}
#head-elements {
height: 266px;

padding: 0;

}
#logo{

margin-top:50px;
width:267px;
height:178px;}

#site-name {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: left;
  overflow: hidden;
}
#site-name a {
  color: #FFF;
}
#site-name a:hover {
  text-decoration: none;
}
#site-slogan {
  color: #FFF;
  font-size: 1em;
  line-height: 1em;
  text-align: left;
}
/* Primary Links */
#primary { 
  color: #000;
  font-size: 12px;
}
#primary ul.links li a {
  font-weight: bold;
  color: #000;
  padding: 7px 18px 9px 4px;
  text-transform:uppercase; background: url("images/pri.gif") no-repeat top right;
}
#primary ul.links li a:hover {
  background: transparent;
  text-decoration: underline;
}
/* Superfish Default skin */
#superfish-inner .menu {
  float: left;
  margin: 0 0 0 -12px;
}
#superfish-inner .menu a {
  padding: 6px 12px 7px;
  text-decoration:none;
}
#superfish-inner .menu a, 
#superfish-inner .menu a:visited  { 
  color: #FFF;
}
#superfish-inner .menu li {
  background: transparent;
}
#superfish-inner .menu li li {
  background: #000;
}
#superfish-inner .menu li li li {
  background: #000;
}
#superfish-inner .menu li:hover, 
#superfish-inner .menu li.sfHover,
#superfish-inner .menu a:focus, 
#superfish-inner .menu a:hover, 
#superfish-inner .menu a:active {
  background: url("images/sf-hover-tile.png") repeat-y left top;
  outline: 0;
}
/* Search box */
#search-box {
  text-align: right;
  font-size: 11px;
}
#search-box .form-text {
  width: 10em;
  padding: 2px 2px;
  border: solid 1px #AAA;
}
#search-box label {visibility: hidden;}
#edit-search-theme-form-1-wrapper {display: inline;}
/*-------------------------------------------------------------------*/
/*                             Footer                                */
/*-------------------------------------------------------------------*/
#footer {
  font-size: 10px;
  text-align: center;
  color: #000;
  background: #89B3C1 /*url("images/bg-footer.png") repeat-x bottom left*/;
  border: none;
  position:relative;
}
#footer a {
  text-decoration: none;
  font-weight: normal;
  color: #000;
}
#footer .block {
  padding: 15px 0 0;
}
#niz{

height:4px;

background:#007A9F url("images/footr.gif") repeat-y top center;
 }
/*-------------------------------------------------------------------*/
/*                          Regular Blocks                           */
/*-------------------------------------------------------------------*/
.block .links {
  font-size: 11px;
}
.block .block-content {
  padding: 0 0 10px;
}
/*-------------------------------------------------------------------*/
/*                          Sidebar Blocks                           */
/*-------------------------------------------------------------------*/
#sidebar-left, #sidebar-right {
  background: transparent;
}
#sidebar-left .block,
#sidebar-right .block {
  margin-bottom: 10px;
  width: 220px;
}
#sidebar-left .block,
#sidebar-right .block {

}
#sidebar-left h2.block-title,
#sidebar-right h2.block-title {
  background: url("images/block-tl.png") no-repeat top left;
}
#sidebar-left .block-inner,
#sidebar-right .block-inner {
   
}
#sidebar-left .block-content,
#sidebar-right .block-content {
  
}
#sidebar-left .block-content-inner,
#sidebar-right .block-content-inner {
 
  margin: 0;
  padding: 10px 15px 5px 15px;
}
.block h2.block-title {
  color: #008BA4;
  font-size: 12px;
  font-weight: bold;
  text-transform:uppercase;
	 height: 32px;
  margin: 0px;
  padding: 8px 0 0 20px;
  text-align: left;
}
.block h3 {
  padding: 0 3px;
  font-size: 12px;
}
.block ul.links {
  margin:0;
  padding:0 0 5px;
}
.block ul.links li {
  font-size: 10px;
}
/* blocks showing nodes, e.g help out views blocks */
.block .node h2.title {
  font-size: 13px;
}
.block .node {
  padding: 5px 5px 0;
}
.block .node,
.block .node .node-inner-0,
.block .node .node-inner-1,
.block .node .node-inner-2,
.block .node  .node-inner-3
.block .sticky,
.block .sticky .node-inner-0,
.block .sticky .node-inner-1,
.block .sticky .node-inner-2,
.block .sticky .node-inner-3 {
  background: #FFF;
}
/*-------------------------------------------------------------------*/
/*                                Poll                               */
/*-------------------------------------------------------------------*/
.poll .bar {
  background-color: #EEE;
  border: solid 1px #AAA;
}
.poll .bar .foreground {
  background: #B21F88 url("images/bg-lbar.png") repeat-x center left;
}
/*-------------------------------------------------------------------*/
/*                               Node                                */
/*-------------------------------------------------------------------*/
#content-area .node {
  margin: 0 0 15px 0;
  padding: 0;
  background: #FFF;
}
.node-full-view .node h1.title, 
.node h2.title {
  margin: 0;
  padding-top: 0px;
  padding-bottom: 2px;
  border-bottom: solid 1px #BBB;
}
.node h2.title {
  font-size: 18px;
}
.node h2.title a:hover {
  text-decoration: none;
  color: #066791;
}
.node .picture {
  border: none;
  float: right;
  margin: 0.5em;
}
.node-full-view .node .submitted {
  color: #666;
  margin: 0; 
  padding: 0;
}
.node-full-view .node .content {
  clear: both;
  margin: 1em 0 0.5em 0;
}
.node .taxonomy {
  font-size: 0.9em;
}
.node-full-view .node .taxonomy {
  margin: 0; 
  padding: 0;
}
.node-full-view .node .taxonomy li {
  padding: 1px 5px;
}
.node-full-view .node .actions ul li {
  margin: 0;
  padding: 0;
}
.node .actions {
  text-align: right;
}
/* Node Teaser */
#content-area .node-teaser { 
  background: url("images/teaser-tr.png") no-repeat right top; 
  margin: 0 0 15px;
  padding: 0;
  border: none;
  overflow: hidden;
}
#content-area .node-teaser .node-inner-0 { 
  background: url("images/teaser-tl.png") no-repeat left top; 
  margin: 0;
  padding: 10px 0 0;
  overflow: hidden;
}
#content-area .node-teaser .node-inner-1 { 
  background: url("images/teaser-bl.png") no-repeat left bottom; 
  margin: 0;
  padding: 0 0 0 10px;
  overflow: hidden;
}
#content-area .node-teaser .node-inner-2 { 
  background: url("images/teaser-br.png") no-repeat right bottom; 
  margin: 0;
  padding: 0 10px 10px 0;
  overflow: hidden;
}
/* Add padding and margin to node elements */
#content-area .node-teaser h2.title       { margin: 5px 10px; padding: 0 0 3px 0; }
#content-area .node-teaser .submitted     { margin: 0 10px; padding: 0; }
#content-area .node-teaser .taxonomy      { margin: 0 10px; padding: 0; }
#content-area .node-teaser .content       { margin: 10px; padding: 0; }
#content-area .node-teaser .actions ul li { margin: 0 10px 0 0; padding: 0; }
/* sticky node-teaser */
#content-area .node-teaser.sticky {
  padding: 0;
  margin: 0 0 15px 0;
  background: url("images/sticky-tile.png") repeat;
}
#content-area .node-teaser.sticky .node-inner-0 {
  padding: 0;
  margin: 0;
  background: url("images/sticky-tl.png") no-repeat left top;
}
#content-area .node-teaser.sticky .node-inner-1 {
  padding: 0;
  margin: 0;
  background: url("images/sticky-tr.png") no-repeat right top;
}
#content-area .node-teaser.sticky .node-inner-2 {
  padding: 0;
  margin: 0;
  background: url("images/sticky-bl.png") no-repeat bottom left;
}
#content-area .node-teaser.sticky .node-inner-3 {
  padding: 0;
  margin: 0;
  background: url("images/sticky-br.png") no-repeat bottom right;
}
/* Over ride padding and margin for stickty node elements */
#content-area .node-teaser.sticky h2.title       { margin: 0 20px 5px; padding: 10px 0 3px 0; }
#content-area .node-teaser.sticky .submitted     { margin: 0 20px; padding: 0; }
#content-area .node-teaser.sticky .taxonomy      { margin: 0 20px; padding: 0; }
#content-area .node-teaser.sticky .content       { margin: 10px 20px; padding: 0; }
#content-area .node-teaser.sticky .actions       { margin: 0 10px; padding: 0 0 10px; }
#content-area .node-teaser.sticky .actions ul li { margin: 0 10px 10px 0; padding: 0; }
/*-------------------------------------------------------------------*/
/*                              Comments                             */
/*-------------------------------------------------------------------*/
.comment {
  border: none;
  background: #FFF;
  padding: 0;
  margin: 0 0 10px 0;
}
.comment h3.title {
}
.comment .title a {
  font-size: 1.2em;
  font-weight: bold;
}
.comment .new {
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: none;
  float: left;
  margin: 15px 0 0 20px;
}
.comment .comment-id {
  font-size: 16px;
  font-weight: bold;
  padding-right: 10px;
}
.comment .submitted {
  color: #666;
  font-size: 11px;
}
.comment div.links {
  text-align: right;
}
#comments .odd {
  padding: 0;
  margin: 0;
  background: url("images/comment.png") repeat-x top left;
}
#comments .even {
  padding: 0;
  margin: 0;
  background: url("images/comment.png") repeat-x top left;
}
#comments .odd .comment-inner-0 {
  padding: 0;
  margin: 0;
 
}
#comments .odd .comment-inner-1 {
  padding: 0;
  margin: 0;
  
}
#comments .odd .comment-inner-2 {
  padding: 0;
  margin: 0;
  
}
#comments .odd .comment-inner-3 {
  padding: 0;
  margin: 0;
 
}
/* Over ride padding and margin for comment elements */
.comment h3.title     { margin: 0 20px 5px; padding: 10px 0 3px 0; }
.comment .submitted   { margin: 0 20px; padding: 0; }
.comment .content     { margin: 10px 20px; padding: 0; }
.comment .content.with-picture { margin-left: 115px; }
.comment div.links       { margin: 0; padding: 0 0 10px; }
.comment div.links ul li { margin: 0 20px 10px 20px; padding: 0; }
/*-------------------------------------------------------------------*/
/*                            Aggregator                             */
/*-------------------------------------------------------------------*/
#aggregator .feed-source {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, 
#aggregator .source, 
#aggregator .age {
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
/*-------------------------------------------------------------------*/
/*                               Forum                               */
/*-------------------------------------------------------------------*/
#forum {
  margin: 15px 0;
 
}
#forum td.container {
  background: url("images/forum.png")  repeat-x top left;
  color:#fff;
  border-top:#007187 2px;
}
#forum td.container a{
color:#FFFFFF;}
#forum thead, 
#forum tbody {
  border: solid 0 #FFF;
}
td.icon {
  text-align: center;
}
#forum td.forum {
}
#forum td.last-reply {
  background: none;
}
#forum .name a {
}
#forum .description {
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.forum-topic-navigation a.topic-next {
  text-align: right;
}
div.forum-topic-navigation a.topic-previous {
  text-align: left;
}
/*-------------------------------------------------------------------*/
/*                              Profile                              */
/*-------------------------------------------------------------------*/
#profile .profile {
  clear: both;
  border: 1px solid #AAA;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
/*-------------------------------------------------------------------*/
/*                             Administer                            */
/*-------------------------------------------------------------------*/
div.admin, div.admin .left, div.admin .right {
  margin: 0;
  padding: 5px;
  overflow: hidden;
}
div.admin-panel {
  margin-bottom: 15px;
  background: #fdeaf7;
}
div.admin-panel a {
  font-weight: normal;
  overflow: hidden;
}
div.admin-panel .description {
}
div.admin-panel .body {
  font-size: 11px;
}
div.admin-panel h3 {
  padding: 5px 8px 5px;
  margin: 0;
  background: #EB5AC3;
  color: #FFF;
}
div.help {
  margin: 0;
  padding: 2px 5px;
  margin-top: 5px;
}
/*-------------------------------------------------------------------*/
/*                                Pager                              */
/*-------------------------------------------------------------------*/
div.item-list ul.pager li {
}
ul.pager {
  padding: 5px 0;
  margin: 0;
}
ul.pager li a, 
ul.pager li a:visited, 
ul.pager li a:active, 
ul.pager li a:hover {
  font-weight: bold; 
}
div.item-list ul.pager li.pager-current {
  background:#007589;
  padding: 3px;
}
.pager a {
 
  padding: 3px;
}
.pager a:hover {
  background: #01A2BF;
  padding: 3px;
  color:#FFFFFF;
}
/*-------------------------------------------------------------------*/
/*                                Tabs                               */
/*-------------------------------------------------------------------*/
.tabs {
  font-size: 12px;
}
.tabs a {
  font-weight: normal;
  line-height: 2.2em;
}
.tabs ul {
  padding-left: 5px;
  border-bottom: solid 0px #FFF;
  margin-bottom: 10px;
}
.tabs ul li {
}
.tabs ul li a {
  margin: 0;
  padding: 4px 10px;
  background: #FFF;
  border: solid 1px #EEE;
}
.tabs ul li a:hover {
  text-decoration: underline;
  background: #CCC;
  border: solid 1px #AAA;
}
.tabs ul li a.active, .tabs ul li.active a {
  color: #FFF;
  background: #01A2BF;
  border: solid 1px #ccc;
}
.tabs ul li a.active:hover {
  text-decoration: underline;
  background: #007589;
  border: solid 1px #ccc;
}
ul.secondary {
}
ul.secondary li {
  font-size: 11px;
  border: solid 0px #FFF;
}
ul.secondary li a {
  margin: 0 2px 0 0;
  padding: 2px 4px;
  border: solid 1px #EEE;
}
/*-------------------------------------------------------------------*/
/*                      Archive Calendar Block                       */
/*-------------------------------------------------------------------*/
.sidebar .block-archive .block-content {
  padding: 10px 15px 10px 5px;
}
.sidebar .block-archive .block-content tr {
  background: none;
  border: solid 0px #FFF;
}
.sidebar .block-archive .block-content table td {
  border: solid 1px #E9BBDD;	/* a bit darker than block background */
  padding: 1px 2px;
  text-align: center;
}
/*******************************************************************
* Color Module: Don't touch                                        *
*******************************************************************/
/*-------------------------------------------------------------------*/
/*                              Mission                              */
/*-------------------------------------------------------------------*/
#mission {
  margin: 0 0 15px;
  padding: 5px 5px;
  font-size: 1.1em;
  line-height: 1.25em;
  font-weight: bold;
  border-bottom: solid 1px #CCC;
}
/*-------------------------------------------------------------------*/
/*                        Book Navigation                            */
/*-------------------------------------------------------------------*/
.box {
  background: #EEE;
  padding: 5px;
  padding: 10px;
}
.box h2 {
  padding-bottom: 2px;
  border-bottom: solid 1px #AAA;
}
.book-navigation {
  padding-bottom: 5px;
}
.book-navigation ul.menu {
  padding-top: 5px;
  padding-bottom: 5px;
}
div.page-links a.page-previous,
div.page-links a.page-next {
  width: 40%;
}
div.page-links a.page-up {
  width: 19%;
}
/*-------------------------------------------------------------------*/
/*                        Image Galleries                            */
/*-------------------------------------------------------------------*/
ul.galleries li {
  border: solid 1px #AAA;
  background: #FFF;
}
ul.galleries li h3 a {
  font-size: 1.1em;
  font-weight: bold;
}
ul.images {
  border: solid 1px #AAA;
  overflow: hidden;
}
ul.images li {
  text-align: center;
}
ul.images li h3 {}
/*-------------------------------------------------------------------*/
/*                           Misc others                             */
/*-------------------------------------------------------------------*/
#search-box label.overlabel-apply {
  color: #999; 
}
button, .pushbutton, .form-submit {
  margin-bottom: 1px;
  cursor: pointer;
  padding: 2px 10px;
  color: #666;
  font-weight: normal;
  font-size: 12px;
  border: solid 1px #888;
  background: #fff url("images/button.gif") repeat-x center;
}
button:hover, .pushbutton:hover, .form-submit:hover {
  color: #000;
  border: solid 1px #666;
  background: #fff url("images/button-o.gif") repeat-x center;
}
/*-------------------------------------------------------------------*/
/*                          Misc for Contents                        */
/*-------------------------------------------------------------------*/
/* Uncomment to support wrapping on pre elements.
   The commented styles do not validate */
pre {
  /* white-space: pre-wrap;       css-3 */
  /* white-space: -moz-pre-wrap;  Mozilla, since 1999 */
  /* white-space: -pre-wrap;      Opera 4-6 */
  /* white-space: -o-pre-wrap;    Opera 7 */
  /* word-wrap  : break-word;     Internet Explorer 5.5+ */
  line-height: 1.5em;
  color: #000;
  font-family: "Lucida Console", Monaco, "Courier New", Courier, monospace;
}
/*-------------------------------------------------------------------*/
/*                              Messages                             */
/*-------------------------------------------------------------------*/
div.messages {
  font-weight: bold;
  margin-bottom: 1.5em;
  padding: 10px 10px 10px 52px;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.status {
  color: #264409;
  background: #E6EFC2 url("images/large-info.png") no-repeat 12px center;
  border: 1px solid #C6D880;
  padding: 5px 10px;
}
div.error { 
  background: #FBE3E4 url("images/large-stop.png") no-repeat 12px center; 
}
div.notice { 
  color: #514721; 
  background: #FFF6BF url("images/large-info.png") no-repeat 12px center; 
  border-color: #FFD324; 
}
div.warning, tr.warning {
  border: 1px solid #F0C020;
  background: #FFFFDD url("images/large-alert.png") no-repeat 12px center;
		margin: 0 0 1em;
  padding: 1em 0 1em 5em;
}
.error a    { color: #8a1f11; text-decoration: underline; }
.notice a   { color: #514721; text-decoration: underline; }
.success a  { color: #264409; text-decoration: underline; }

span.admin-disabled {
  color: #DC1000;
}
div.messages.success {
  color: #55872E;
  background: #F1F8EB;
  border: 1px solid #7AC142; 
}
div.messages ul {
  margin-bottom: 0;
}
div.node .unpublished,
div.comment .unpublished {
  font: bold 2em Arial, Helvetica, sans-serif;
  text-align: left;
  color: #FFCCCC;
  background: #FFF4F4 url("images/large-alert.png") no-repeat 12px center;
  padding: 5px 0 5px 52px;
  margin: 5px 0;
  border: none;
}
/*-------------------------------------------------------------------*/
/*                              Admin                                */
/*-------------------------------------------------------------------*/
.tips {
  margin: 0 0 0 1.35em;
}
#content-top{
text-align:left;}
#content-bottom{
text-align:left;}
#banner-top{
text-align:center;
margin-top:10px;}
#navigation {
  height: 39px;
  width: 100%;
  float: left;
  
}

#navigation4 {
  height: 49px;
  width: 27px;
  float: left;
  margin-top: 5px;
}

#navigation2 {
position:absolute;
  height: 15px;
  width: 500px;
  float: left;
  margin-top: 5px;
  display:inline;
  
}

#navigation2 a {
  color: #b9eeff;
  font-size: 10px;
  font-weight: normal;
}

/*
by default, the default form adds some surrounding space, this cancels it
*/
#navigation div.form-item,
#navigation div.content {
  margin: 0; padding: 0;
  float: left;
}

/*
this adds some space in top and bottom, so anything inside can look vertically
centered
*/
#user-bar {

  float: left;
  width:500px;
  margin-top:3px;
 
}

/*
by default, fields labels tries to reserve a whole line for itself, this
cancels that and and sends it to the left.
it also adds some space on the right and left of the label to look easy on
the eye.
*/
#user-bar label {
  float: left;
  margin-left: 10px;
  font-size: 10px;
  color: #feffff;
  font-weight: normal;
  margin-right: 2px;
}




/*
inputs too, they try to reserve a whole line for itself, this
cancels that and sends it to the left
*/
#user-bar input {
  float: left;
  font-size: 10px;
  background: #b9eeff;
  border: #007c94 1px solid;
}

/*
I don't like the required * (asterisks), so I hide them.
*/
#user-bar span.form-required {
  display: none;
}

/*
the form submit button, it's so tight so we expand it a bit, and give it some
free space around.
*/
#user-bar input.form-submit {
  margin-top: 0px;
  margin-left: 10px;
  padding: 0 .5em;
  vertical-align: center;
  color: #0079ac;
  font-weight: bold;
  border: #fff;
  height: 18px;
  float:left;
  
}

/*
now this is for the links list, lists by default tries to reserve a whole line
also they add space surrounding them. we cancel all that and send the list
to the right
*/
#user-bar div.item-list ul {
  float: left;
  margin: 0; padding: 0;
  margin-right: 10px;
}

/*
remember, stylign above was for the whole list, now for each item,
we all know each item in the list by default exists on a separate line, also
has that bullet on the left. we cancel all that. and makes all items sit beside
each other
*/
#user-bar div.item-list ul li {
  float: left;
  background: none;
  margin: 0 3px;
  padding: 0 10px;
}

/*
this is the "Hi user, welcome back message".
by default <p> tries to exist on a separate line, we cancel that.
also by default <p> has some surrounding space, we cancel that too, and give it
only space on the left.
*/
#user-bar p.user-info {
  float: left;
  padding: 0;
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 0 10px;
}
.picture img{
float:right;}
#user-bar .form-item{
margin-bottom:0;
margin-top:0;}
#user-bar li.leaf {
  list-style-image:url("images/round.png") ;
}
form#comment-form ul .tips li{
visibility:hidden;}