@charset "utf-8";
/* CSS Layout */

/*main layout*/
 body {margin: 0;padding: 0;background: #546075 url(/i/body-bg.jpg);font: 13px/16px Arial, sans-serif;color: #222222;}
.main-bg-top{z-index:-1;position:absolute;left:-30px;top:0;display:block;bottom:0;right:0;zoom:1;background:url(/i/main-bg-top.jpg) center top repeat-x;}
.main-bg-top-sec{z-index:-1;position:absolute;left:-30px;top:0;display:block;bottom:0;right:0;zoom:1;background:url(/i/main-bg-top-sec.jpg) center top repeat-x;}
.main-bg-bot { width:100%; background:url(/i/main-bg-bot.jpg) center bottom repeat-x; height:inherit;}
.ie7 .main-bg-top{z-index:1;height:131px;}
.m-menu { height:300px; margin-bottom:200px; position:relative;}
.m-m-a { position:absolute; font-family:Georgia, "Times New Roman", Times, serif; color:#000 !important; text-decoration:none !important; z-index:20;}
.m-m-a:hover {text-decoration: underline !important;}
.a1 { top: 344px; left: 10px; font-size:18px; font-weight:bold;}
.a2 { top: 288px; left: 169px; font-size:15px; font-weight: normal;}
.a3 { top: 314px; left: 270px; font-size:17px; font-weight: normal;}
.a4 { top: 358px; left: 430px; font-size:15px; font-weight: normal;}
.a5 { top: 501px; left: 480px; font-size:18px; font-weight:bold;}
.a6 { top: 337px; left: 562px; font-size:14px; font-weight: normal;}
.a7 { top: 386px; left: 655px; font-size:18px; font-weight:bold;}
.a8 { top: 303px; left: 723px; font-size:20px; font-weight:normal;}

h2.with-tabs { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#000;}

.m-m-a.active { background: url(/i/mm-active.png) center center no-repeat; padding:10px 22px; margin:-10px -22px; color:#FFF !important;}
.m-m-a.a1.active { background: none; color:#000 !important;}

.logo-a { position:absolute; display:block; width:222px; height:114px; background:url(/i/logo-sprite.png) 0 0 no-repeat; left: 9px; top:34px;}
.logo-a:hover { background-position:0 -114px;}
.footer { height:247px; width:100%;}
.main-col { margin-top:-119px; padding-left:10px; min-height:600px; width:410px; overflow:hidden;}
.main-col-sec { margin-top:-80px; padding-left:10px; min-height:600px;}
/*global*/
.hidden { display:none !important;}

.main-col object, .main-col embed {
height:310px !important;
width:410px !important;
}




input {
  font: 12px/100% Arial, sans-serif;
  color: #494949;
}

textarea, select {
  font: 12px/160% Arial, sans-serif;
  color: #494949;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 160%;
  line-height: 130%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a, a:link, a:visited {
  color: #154cc9;
  text-decoration: underline;
}

a:hover {
  color: #154cc9;
  text-decoration: none;
}

a:active, a.active {
  color: #154cc9;
}
.more-link {
text-align:right;
margin-right: 10px;
}
.more-link a{
background:url(/i/more.png);
background-repeat:no-repeat;
width: 65px;
height: 29px;
text-align:right;
}
hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0.4em 0 0.4em .5em; /* LTR */
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em; /* LTR */
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em; /* LTR */
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em .5em; /* LTR */
}

#block-blog-0 ul li a {
  color:#b0bfd4;
  font-size:13px;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 10px .2em 5px;
  list-style-type: none;
  list-style-image: none;
  color:#FFFFFF;
}

.pager-current { background-color:#666;}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em; /* LTR */
}

ul li.expanded {
  background: transparent url(/i/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
}

ul li.collapsed {
  background: transparent url(/i/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0; /* LTR */
}

ol.task-list {
  margin-left: 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
ol.task-list li {
  padding: 0.5em 1em 0.5em 2em; /* LTR */
}
ol.task-list li.active {
  background: transparent url(/i/task-list.png) no-repeat 3px 50%; /* LTR */
}
ol.task-list li.done {
  color: #393;
  background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
}
ol.task-list li.active {
  margin-right: 1em; /* LTR */
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em; /* LTR */
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em; /* LTR */
}

img, a img {
  border: none;
}

table {
border-collapse: separate ;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 0.5em 1em 0; /* LTR */
}

#dblog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
  background:url(/i/comment-bg.jpg);
  padding-left:25px;
}


/**
 * Layout
 */
#header-region {
}

#header-region .block {
  display: block;
  margin: 0 1em;
}

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
#header-region script {
  display: none;
}

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0; /* LTR */
}

#header-region h3, #header-region label, #header-region li {
  margin: 0 1em;
  padding: 0;
  background: none;
}

#wrapper {
  background: #edf5fa url(/i/body.png) repeat-x 50% 0;
}

#wrapper #container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1270px;
}

#wrapper #container #header {
  height: 80px;
}

#wrapper #container #header #logo-floater {
  position: absolute;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span {
  font-weight: bold;
}

#wrapper #container #header h1 img {
  padding-top: 16px;
  padding-right: 20px; /* LTR */
  float: left; /* LTR */
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  min-width: 780px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 100%;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -210px;
}
body.sidebar-right #center {
  margin-right: -210px;
}
body.sidebars #center {
  margin: 0 -210px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 210px;
}
body.sidebars #squeeze {
  margin: 0 210px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 60px 0 5em;
  width: 210px;
  float: left;
  z-index: 2;
  position: relative;
}

#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-left .block {
  padding: 0 15px 0 0px;
}

#sidebar-right .block {
  padding: 0 0px 0 15px;
}

.block .content {
  margin:0;
}

#sidebar-left .block-region {
  margin: 0 15px 0 0px; /* LTR */
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px; /* LTR */
}

.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
  background: #fff url(/i/bg-content.png) repeat-x 50% 0;
  position: relative;
}

#wrapper #container #center .right-corner {
  background: transparent url(/i/bg-content-right.png) no-repeat 100% 0;
  position: relative;
  left: 10px;
}

#wrapper #container #center .right-corner .left-corner {
  padding: 60px 25px 5em 35px;
  background: transparent url(/i/bg-content-left.png) no-repeat 0 0;
  margin-left: -10px;
  position: relative;
  left: -10px;
  min-height: 400px;
}

#wrapper #container #footer {
  float: none;
  clear: both;
  text-align: center;
  margin: 4em 0 -3em;
  color: #898989;
}

#wrapper #container .breadcrumb {
  position: absolute;
  top: 15px;
  left: 35px; /* LTR */
  z-index: 3;
}

body.sidebar-left #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.sidebars #footer {
  margin: 0 -210px;
}

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  color: #529ad6;
}

#mission {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #fff;
  background: transparent url(/i/bg-navigation-item.png) no-repeat 50% 0;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #fff;
  background: transparent url(/i/bg-navigation-item-hover.png) no-repeat 50% 0;
}

/**
 * Secondary navigation
 */
ul.secondary-links {
  margin: 0;
  padding: 18px 0 0;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.secondary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #cde3f1;
  background: transparent;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
  color: #cde3f1;
  background: transparent;
}

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {
}
ul.primary {
  padding: 0.5em 0 10px;
  float: left; /* LTR */
}
ul.secondary {
  clear: both;
  text-align: left; /* LTR */
  border-bottom: 1px solid #e9eff3;
  margin: -0.2em -26px 1em;
  padding: 0 26px 0.6em;
}
h2.with-tabs {
  float: none; /* LTR */
  margin: 0 2em 0 0; /* LTR */
  padding: 0;
  display:block;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px; /* LTR */
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  color: #a2a2a2; font-weight:bold;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */
.node {
  border-bottom: 0px solid #e9eff3;
  margin: 0 0px 0em;
  padding: 0em 0px;
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 1em; /* LTR */
  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture  {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-right: 1em; /* LTR */
}

.comment .submitted {padding-right: 1em; font-size:11px;}
.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.terms {
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
	padding-bottom:20px;
}

#comments {
  position: relative;
  margin-top:15px;
}

#comments h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#000;
  padding: 15px 0px 10px 0px;
}
.main-col-sec h2 {font-family:Georgia, "Times New Roman", Times, serif;}
#comment-form-title { font-size:13px;}
#comment-form label { float:left; margin-right:10px; font-weight:normal !important; margin-bottom:10px;}
#edit-comment-wrapper { clear:both;}
#edit-comment-wrapper label { float:none; padding-bottom:5px;}

.comment {
  padding: 1.5em 0px 1.5em;
  border-bottom:1px dotted #888;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(/i/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.menu-disabled {
  opacity: 0.5;
}
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(/i/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(/i/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(/i/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em; /* LTR */
  background: url(/i/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a {
  background: url(/i/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-0 img, .feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form, .block-fancy_login {
  text-align: center;
  position:absolute; 
  right:0px;
  color:#FFF !important;
  top: 10px;
}
#user-login-form ul {
  text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left; /* LTR */
  width: 48%;
}
div.admin .right {
  float: right; /* LTR */
  width: 48%;
}

div.admin-panel {
  background: #fff url(/i/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}

/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}


/*group-mini*/
.group-mini { height:505px; background:url(/i/group-img.png) 0 -3px no-repeat; padding:10px 0 0 21px; margin-top:-82px;}
.g-m-item { margin-bottom:24px;}
.g-m-text { float:left; margin-left:13px;}
.g-m-header { font-size:13px; font-weight:bold; text-decoration:none !important; color:#222222 !important; margin-top:3px; display:block;}
.g-m-header:hover { text-decoration: underline !important;}
.g-m-p { margin:3px 0 0 0; font: 12px/13px Arial, Helvetica, sans-serif; color:#000;}


/*news-teaser*/
.n-submitted { display:block; margin-bottom:5px;}
.n-date { float:left; margin-right:7px; background:url(/i/n-date.png) left center no-repeat; color:#FFF; font-size:13px; font-weight:bold; padding:0 22px 0 13px; }
.n-name { float:left; padding-left:15px; background:url(/i/pero.png) no-repeat; font-size:11px;}
.n-name a { color:#444444 !important; text-decoration:underline !important;}
.n-name a:hover { text-decoration:none !important;}
.n-title { font-size:18px !important; text-decoration:underline !important;}
.n-title:hover { text-decoration:none !important;}
.n-teaser p { margin-bottom:0px;}

/*listen-music*/
#block-views-Music_block-block_1 { background:url(/i/listen-m.png) no-repeat; height:419px; margin:-40px 0 0 24px;}
#block-views-Music_block-block_1 h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#000; font-weight:bold; padding:40px 0 20px 42px;}
.views-field-field-mp3-fid { position:relative;}
.views-field-field-mp3-fid object, .views-field-field-mp3-fid embed { position:absolute; margin-left:20px;}
.views-field-field-mp3-fid p { margin-left:110px; margin-top:4px;}
.views-field-field-mp3-fid .field-item { display:block; padding:10px 0; height:30px;}

/*smi*/
#block-views-mi_v_smi-block_1 { background:url(/i/smi.png) no-repeat; min-height:300px; margin:-13px 0 0 30px;}
#block-views-mi_v_smi-block_1  h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#000; font-weight:bold; padding:55px 0 20px 30px;}
.view-mi-v-smi .field-content { padding-left:30px; background:url(/i/smi-sep.png) 7px 4px no-repeat; padding-bottom:10px; display:block;}

/*afisha-block*/
.view-afishablock {margin-top:44px;}
.view-afishablock .views-row-odd, .view-afishablock .views-row-even { margin-bottom:15px;}
.date-display-single {background:url(/i/a-date.png) left center no-repeat; color:#FFF; font-size:13px; font-weight:bold; padding:0 22px 0 8px; display:block; margin-bottom:5px;}
.view-afishablock .field-content a { font-size:13px; padding:0px 0 10px 0; display:block;}

/*group*/
.g-item { margin-bottom:30px;}
.g-text { margin-bottom:30px;}
.g-text2 { margin-left:30px; color:#494949;}
.g-status { margin-left:30px; padding:12px 0; color:#000; font-weight:bold;}
.g-header { font-size:22px;}
.snya { background:url(/i/group/bg-sanya.png) 0 30px no-repeat; height:317px;}
.timur { background:url(/i/group/bg-timur.png) -5px 30px no-repeat; height:317px;}
.bass { background:url(/i/group/bg-bass.png) 0 30px no-repeat; height:317px;}
.darina { background:url(/i/group/bg-darina.png) 0 30px no-repeat; height:317px;}

/*forum*/
#forum table { width:100% !important;}
#forum thead th { padding:15px 5px 5px 5px; font-size:11px; font-weight:normal;}
#forum .links { margin-top:10px;}
#forum td { padding-top:10px !important; padding-bottom:10px !important;}
#forum tr td.forum { background-position:3px 10px;}
.last-reply, .created { font-size:11px;}
.topics, .posts, .last-reply, .created { vertical-align:middle;}
td.icon { padding-left:3px; padding-top:12px !important;}
.comment_delete a, .comment_edit a, .comment_reply a { color:#666;}

/*stihi*/

.accordion-content { padding: 15px;}
.accordion-active { margin-top:20px;}
.accordion-header { font-size:15px; background-color:#e2e2e2 !important;}

/*music*/
.view-musiclist { margin-top:30px;}
.view-musiclist .views-row-odd, .view-musiclist .views-row-even { clear:both;}
.views-field-field-albumf-fid { float:left; margin-right:15px; margin-bottom:30px;}
.views-field-body {}
.view-musiclist .views-field-title  a { font-size:18px;}

.block-user{ margin-left:50px;}
/*
by default, the default form adds some surrounding space, this cancels it
*/
.content div.form-item,
.content div.content {
  margin: 0; padding: 0;
}

/*
this adds some space in top and bottom, so anything inside can look vertically
centered
*/
form#user-login-form {
  padding: .65em 0;
  margin-top:0px;
  width:330px;
  filter:alpha(opacity=30);
  -moz-opacity:.3;
  -khtml-opacity:.3;opacity:.3;
}
form#user-login-form:hover {
  filter:alpha(opacity=80);
  -moz-opacity:.8;
  -khtml-opacity:.8;opacity:.8;
}

/*
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-login-form label {
  float: left;
  margin-left: 12px;
  margin-right: 6px;
  font-size:11px !important;
  font-weight:normal !important;
}

/*
inputs too, they try to reserve a whole line for itself, this
cancels that and sends it to the left
*/
#user-login-form input {
  float: left;
}

/*
I don't like the required * (asterisks), so I hide them.
*/
#user-login-form span.form-required {
  display: none;
}

/*
the form submit button,
*/
#user-login-form input.form-submit {
  margin:-3px 8px 0 15px;
  padding: 0em .5em .1em .5em;
  font-size:.9em;
  cursor:pointer;
  float:right;
  font-size:11px;
  display:none;
}

#user-login-form:hover input.form-submit {
  display:block;
}

#user-login-form input#edit-name, #user-login-form input#edit-pass { background-color:transparent; border:1px dotted #CCC; font-size:11px; color:#FFF;}

#user-login-form #edit-name, #user-login-form #edit-pass {
width: 70px;
font-size:.9em;
}


/*
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-login-form div.item-list ul {
  margin: 10px; padding: 0px;
  padding-top:5px;
  text-align:left;
  display:none;
}

#user-login-form:hover div.item-list ul { display: inline;}

/*
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-login-form div.item-list ul li {
  margin:0px;
  padding: 0px 0 0 0;
  background: none;
  list-style:none;
  display:inline;
  font-size:11px;
  line-height:36px;
}

/*
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-login-form p.user-info {
  float: left;
  padding: 40px 50px 0 0;
  margin: 0 0 0 10px;
  font-size:11px;
  color:#CCC;
}