/**
 * @file layout.css
 *
 * @author Osman Gormus <osman@project6.com>
 * 
 * UI Theme Layout
 * 
 * 2011-05-31
 */

/* skip-link to main content, hide offscreen */
#skip a,
#skip a:hover,
#skip a:visited { 
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: -500px;
  width: 1px;
  text-decoration: none;
}
/* make skip link visible when selected */
#skip a:active,
#skip a:focus { 
  background-color: #fff; 
  color: #000; 
  height: auto; 
  padding: 5px 10px; 
  position: absolute;
  top: 1em; 
  right: 30px;
  width: auto; 
  z-index: 99;
  border: 1px dashed #CCC;
}



#ui { min-width: 700px; }

#ui-content-wrapper {float:left;width:100%;}

#ui-footer {margin:35px 0;}


body.ui-sidebar-last  #ui-content {margin-right:200px;}
body.ui-sidebar-first #ui-content {margin-left:250px;height:auto;min-height:300px;}

body.ui-sidebar-last  #ui-sidebar-last  {float:left;width:200px;margin-left:-200px;}
body.ui-sidebar-first #ui-sidebar-first {float:left;width:250px;margin-left:-100%;}

.ui-inner { 
  position: relative;
  z-index: 1;
}

#ui-header-top     > .ui-inner { padding-bottom: 10px; padding-top: 15px; }
#ui-header-bottom  > .ui-inner { z-index: 10; }

#ui-content        > .ui-inner {padding-right: 50px;}

#ui-sidebar-first  > .ui-inner {padding-right: 50px;}


.ui-page-width {
  margin: 0 auto;
  width: 960px;
  padding-left: 10px;
  padding-right: 10px;
}











#ui-site-name {
  float: left;
  white-space: nowrap;
}
#ui-site-name h1 {
  font-weight: normal;
  margin: 0;
}
#ui-site-name h1 a {
  text-decoration: none;
}
#ui-site-name h1 a:hover {
  
}
#ui-site-name h1 a img {
  display: block;
  float: left;
  margin-right: 15px;
  vertical-align: middle;
}
#ui-site-name h1 a span {
  display: block;
  line-height: 1.5;
}
#ui-site-name h1 a:hover span {
  text-decoration: underline;
}
#ui-site-name small {
  display: block;
  font-size: 0.6em;
}

#ui-meta-nav li {
  display: inline;
  list-style-type: none;
  padding: 0 0 0 0.25em;
}
#ui-meta-nav li:before {
  content:"\00b7"; 
}

#ui-meta-nav li.first:before {
  content: "";
}

#ui-meta-nav li a {
  color: #849DB7;
  margin-left: 0.25em;
  text-decoration: none;
}
#ui-meta-nav li a:hover {
  color: #B3E048;
  text-decoration: underline;
}
#ui-meta-nav li a.active {
  color: #B3E048;
}


#ui-search {
  float: right;
}

#ui-footer-message {
  color: #717171;
  font-size: 11px;
  line-height: 1.5;
  padding: 0 5px;
  clear: both;
}
#ui-footer-message a {
  color: #717171;
  text-decoration: none;
}
#ui-footer-message a:hover {
  text-decoration: underline;
}


/* Footer menu */
#ui-footer-nav {
  display: inline;
  margin: 0;
  padding: 0;
}
#ui-footer-nav li {
  border-left: 1px solid #CCCCCC;
  display: inline-block;
  list-style: none none;
  padding: 0 5px;
}
#ui-footer-nav li.first {
  border-left: 0 none;
  padding-left: 0;
}
#ui-footer-nav li a {}
#ui-footer-nav li a:hover {}

/* No JavaScript message */
#ui-nojs {
  background: #444;
  margin-bottom: 1em;
  border-bottom: 1px solid #CCC;
  -moz-box-shadow: 0 3px 3px #CCC;
  -webkit-box-shadow: 0 3px 3px #CCC;
  box-shadow: 0 3px 3px #CCC;
}
#ui-nojs .ui-inner {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background-color: #F9F9F9;
}
#ui-nojs .ui-inner a {
  background: url(../img/bg_nojs.png) no-repeat 0 0;
  display:block;
  height: 70px;
}
.js #ui-nojs { display: none; }







div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { background-color: #FFFFFF; }


.node-form .form-item {
  border: 1px solid #CCC;
  padding: 1em;
}
.vertical-tabs .form-item,
.form-item .form-item{
  border: 0 none;
  padding: 0;
}


/**
 * node.tpl.php
 */
.ui-node {
  margin-bottom: 1em;
}

/* block.tpl.php */
.ui-block {
  margin-bottom: 1em;
}


/* Node links */
.ui-links {
  margin: 0;
}
.ui-links li {
  float: left;
  list-style: none;
}
.ui-links li a {
  display: block;
  float: left;
  margin-right: 0.5em;
  margin-left: 0.5em;
  text-decoration: none;
}
.ui-links li a:hover {
  text-decoration: underline;
}
.ui-links li.first a {
  margin-left: 0;
}
.ui-links li.last a {
  margin-right: 0;
}




/* Last block in region*/
.ui-inner .ui-block-last {
  margin-bottom: 0;
}


/* wysiwyg */
/*wysiwyg-status-1 wysiwyg-toggle-1 wysiwyg-resizable-1 wysiwyg-processed*/
.resizable-textarea { }
.body-field-wrapper {
  
}
.body-field-wrapper #edit-body-wrapper {
  /*margin-bottom: 0;*/
}
.body-field-wrapper .wysiwyg-editor-tinymce {}
.wysiwyg-editor-tinymce {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-top: 0 none;
  margin-top: -1em;
  padding: 1em;
}
.wysiwyg-toggle-wrapper,
.ui-filter-tips-more-info {
  font-size: 12px;
  padding: 0.25em 1em;
  text-align: right;
}


pre.ui-debug {
  border: 2px dashed #CCC;
  padding: 1em;
  margin: 1em 0;
  white-space: nowrap;
  overflow-x: auto;
}