/*
Theme Name: noodle
Theme URI: http://www.nood.org/
Description: base theme by nood.org
Author: Andrey Pshenichny
Author URI: http://andreys.info/
*/

/* @group layout */

#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

.section {
  clear: both;
  display: block;
}

#header-wrapper,
#main-wrapper,
#footer-wrapper {
  width: 100%;
  display: block;
  float: left;
}

#header,
#main,
#footer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.region-header-navigation,
.region-header-top,
.region-header-bottom,
.region-content-top,
.region-content-bottom,
.region-footer-top,
.region-footer-bottom,
#footer-message {
  clear: both;
}

.region-header-navigation,
.region-header-top,
.region-header-bottom,
.region-footer-top,
.region-footer-bottom,
#footer-message {
  padding-left: 15px;
  padding-right: 15px;
}

.region-header-navigation,
.region-header-top,
.region-header-bottom,
.region-footer-top,
.region-footer-bottom {
}

.region-header-navigation .block,
.region-header-top .block,
.region-header-bottom .block,
.region-footer-top .block,
.region-footer-bottom .block {
}

.region-header-navigation .block {
  margin-bottom: 0;
}

.region-header-blocks-1,
.region-header-blocks-2,
.region-header-blocks-3,
.region-footer-blocks-1,
.region-footer-blocks-2,
.region-footer-blocks-3 {
  float: left;
  width: 290px;
  padding-left: 15px;
  padding-right: 15px;
}

#content {
  width: 630px;
  padding-left: 15px;
  padding-right: 15px;
}

.no-sidebars #content {
  width: 930px;
  border-left: 15px;
  border-right: 15px;
}

#sidebar-first {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 270px;
}

#logo {
  float: left;
}

#overlay #content {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.region-header-navigation h2 {
  display: none;
}

.sidebar .block,
.region-content-top .block,
.region-content-bottom .block {
  clear: both;
}

.feed-icons-wrapper {
  clear: both;
  margin-bottom: 15px;
  display: block;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* @end */

/* @group typography */

body {
  line-height: 1.125em; /* 16×1.125=18 */
  font-family: sans-serif;
  font-size: 0.875em;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
}

h1 {
  font-size: 1.8em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.1em;
}

h5, h6 {
  font-size: 1.1em;
  font-weight: bold;
}

p {
}

dl,
dd {
}

dt {
  padding-bottom: 15px;
  font-size: 1.3em;
}

code,
pre,
kbr {
  background: #eee;
  font-family: Courier, monospace;
  border-style: none;
  display: inline-block;
  padding: 0 0.5em;
}

blockquote {
  font-style: italic;
  padding-left: 45px;
  padding-right: 15px;
}

small {
  font-size: small;
}

strong, b {
  font-weight: bold;
}

hr {
  display: block;
  clear: both;
  height: 1px;
  border-style: none;
  border-bottom: 1px solid #ddd;
}

em, i {
  font-style: italic;
}

img, a img {
  vertical-align: bottom;
}

/* @end */

/* @group vertical rhythm */


p, li {
  line-height: 1.5em;
}

.breadcrumb,
h1, h2, h3, h4, h5, h6, 
p,
dl,
dd,
table,
a.button,
form, .form-item, input.form-submit,
div.tabs,
div.messages,
.node-links,
.submitted,
ul.links.inline,
.field-type-taxonomy-term-reference,
.region-content .item-list .pager,
.book-navigation,
.field.field-label-above,
.block,
.comment,
ul,
ol {
  margin-bottom: 15px;
}

/* @end */

/* @group tables */

table {
  border-collapse: collapse;
  clear: both;
}

table td {
  padding: 5px;
}

table th,
table th.active {
  border-bottom: 2px solid #ddd;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #f7f7f7;
  padding: 5px;
}

table tr.odd,
table tr.odd .active {
  border-top-style: none;
  border-bottom: none;
  background-color: #fff;
}

table tr.even,
table tr.even .active {
  border-top-style: none;
  border-bottom: none;
  background-color: #f7f7f7;
}

table .active {
  background-color: inherit;
}

/* @end */

/* @group buttons and links */

a, 
a:hover,
a:visited,
a:active,
a.active,
li a.active {
  color: #888;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}


input.form-submit,
a.button {
  background: #fff url(images/buttons-bg.png) 0 0 repeat-x;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  padding: 4px 17px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  margin-right: 0.5em;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none;
  color: #5a5a5a;
}

/* @end */

/* @group forms */

form {

}

.fieldset-legend {
  font-size: 1.2em;
  display: block;
  padding-left: 15px;
  background: url(images/menu-leaf.png) no-repeat 5px 50%;
  font-weight: bold;
}

fieldset,
fieldset.collapsible {
  width: 99%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

html.js fieldset.collapsible .fieldset-legend {
  background: url(images/menu-expanded.png) no-repeat 5px 65%;
  padding-left: 15px;
}
html.js fieldset.collapsed .fieldset-legend {
  background: url(images/menu-collapsed.png) no-repeat 5px 50%;
}

input.form-text {
  background-color: #fbfbfb;
  border: 1px solid #ddd;
  height: 1.21em;
  line-height: inherit;
  font-size: 1em;
  padding: 3px;
  width: 98.5%;
}

.form-item .description {
  font-size: 0.9em;
  color: #777;
}


textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
  clear: both;
  padding: 3px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  border-color: #aaa;
}

.filter-wrapper {
  border: 1px solid #ddd;
  background-color: #eee;
}

.form-item {

}

/* @end */

/* @group tabs */

div.tabs {
  text-transform: lowercase;
  clear: both;
}

ul.tabs.primary {
  margin-bottom: 5px;
}

ul.tabs.primary li.active a {
  background-color: #888;
  color: #fff;
}

ul.tabs.primary li a {
  background-color: #aaa;
  color: #fff;
  padding: 2px 5px;
}

ul.tabs.primary li a:hover {
  background-color: #888;
  color: #eee;
}

ul.tabs.secondary {
  font-size: 0.9em;
}

ul.tabs.secondary li.active a {
  background-color: #888;
  color: #fff;
}

ul.tabs.secondary li a {
  background-color: #aaa;
  color: #fff;
  padding: 2px 5px;
}

ul.tabs.secondary li a:hover {
  background-color: #888;
  color: #eee;
}

/* @end */

/* @group fields */

.field.field-label-above .field-label {
  margin-bottom: 5px;
}

/* @end */




/* @group lists */

ul,
ul.menu,
.item-list ul,
ol,
.item-list ol {
  padding-left: 25px;
  margin-top: 0;
}

ul.menu,
.item-list ul,
.item-list ol {
  margin-bottom: 0;
}

li,
ul.menu li,
ul.inline li,
.item-list ul li,
li.expanded,
li.collapsed,
li.leaf,
.item-list .pager li {
  margin: 0;
  padding: 0;
  font-size: inherit;
}


/* @end */

/* @group system */

div.vertical-tabs {
  clear: both;
}

.filter-wrapper {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 2px;
}

.vertical-tabs fieldset.vertical-tabs-pane {
  width: 90%;
  padding-top: 10px;
}

.vertical-tabs .form-type-textfield input {
  font-size: 1em;
  line-height: 1em;
  height: 1.5em;
}

div.messages {
  clear: both;
}

/* @end */

/* @group menus */

.breadcrumb {
  clear: both;
  margin-bottom: 10px;
}

ul li.expanded {
  list-style-image: url(images/menu-expanded.png);
  list-style-type: circle;
}

ul li.collapsed {
  list-style-image: url(images/menu-collapsed.png);
  list-style-type: disc;
}

ul li.leaf {
  list-style-image: url(images/menu-leaf.png);
  list-style-type: square;
}

.action-links {
  float: left;
  clear: both;
}

.action-links li {
  list-style-image: url(images/menu-leaf.png);
  list-style-type: square;
  float: left;
}

.region-header-navigation .menu,
.region-header-top .menu,
.region-header-bottom .menu,
.region-footer-top .menu,
.region-footer-bottom .menu {
  padding-left: 0;
  display: inline-block;
}

.region-header-navigation .menu li,
.region-header-top .menu li,
.region-header-bottom .menu li,
.region-footer-top .menu li,
.region-footer-bottom .menu li {
  float: left;
  display: block;
  margin-right: 10px;
}


/* @end */

/* @group taxonomy */

.field-type-taxonomy-term-reference {
  clear: both;
}


.field-type-taxonomy-term-reference.field-label-inline .field-item {
  padding-right: 10px;
  display: inline;
}



/* @end */

/* @group node */

/*Need new colors, pink is nasty*/
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}
td.revision-current {
  background: #ffc;
}

.node.node-teaser {
  margin-bottom: 30px;
}

.node .user-picture {
  margin-left: 15px;
  margin-bottom: 15px;
  float: right;
}

.node .links.inline {
  margin-bottom: 15px;
  display: block;
}

.node .links.inline li {
  display: inline;
  padding-left: 0;
  padding-right: 10px;
}

/* @end */

/* @group admin */

ul.contextual-links li a {
  font: 1em Arial, Helvetica, Geneva, sans-serif !important;
}

/* @end */

/* @group pager */

.region-content .item-list .pager {
  margin-top: 15px;
  display: block;
  clear: both;
  width: 100%;
  float: left;
}

.item-list .pager {
  clear: both;
  text-align: center;
  padding-left: 0;
}

.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0 5px 0em;
  background-color: #aaa;
}

.item-list .pager li a {
  color: #eee;
}

.pager li.pager-current {
  font-weight: normal;
  font-style: normal;
  background-color: #888;
  color: #eee;
}

/* @end */

/* @group maintenance */

.maintenance-page .maintenance-ico {
  width: 48px;
  height: 48px;
  float: left;
  padding: 0 20px 20px 15px;
}

.maintenance-page #page {
  margin-top: 5em;
  color: #777;
}

/* @end */

/* @group poll */

.poll {
  display: block;
  width: 100%;
  float: left;
}

.poll .title {
  margin-bottom: 15px;
}

.block-poll .links {
  display: block;
  clear: both;
}

/* @end */

/* @group book */

.book-navigation {
  text-align: left;
  background: #f7f7f7;
  clear: both;
  padding: 15px;
}

.content .book-navigation a {
  font-weight: normal;
  font-style: normal;
}

.book-navigation-tree {
  padding: 0 0 15px;
}

.book-navigation h3 {
  padding: 0;
  margin: 0;
}

.book-navigation .page-links {
  text-align: left;
  border-top: none;
  border-bottom: none;
  clear: both;
  margin-top: 10px;
}

.book-navigation ul.menu {
  border-top: none;
  border-bottom: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
}

/* @end */

/* @group blocks */

.block {

}

.accordionlink {
  padding-left: 20pt;
  background: url(images/ico-plus.png) no-repeat left center;
}

.region-message-bottom  {
  padding: 15px;
  background-color: #fff;
  border-top: 3px solid #ddd;
}

#meerkat-wrap .forget-meerkat,
#meerkat-wrap .close-meerkat {
  float: right;
  cursor: pointer;
  display: block;
  padding: 5px;
  background-color: #ddd;
  margin-right: 15px;
}


/* @end */

/* @group comments */

#comments {
  clear: both;
}

.indented {
  margin-left: 20px;
}

.comment-unpublished {
  background-color: #fff4f4;
}

.comment-preview {
  background-color: #ffffea;
}

.comment {

}

.comment-reply,
.comment-add {
  font-weight: bold;
}


.comment .content {
  border: 1px solid #eee;
  padding: 15px 15px 0;
}

.comment.comment-by-node-author .content {
  background-color: #f7f7f7;
}

.comment-author-wrapper {
  padding-left: 60px;
  background: url(images/comment-bubbles.png) no-repeat 10px;
  float: left;
  clear: both;
}

.comment-author-wrapper .user-picture,
.comment-author-wrapper .submitted {
  float: left;
  display: block;
  margin-right: 10px;
  margin-top: 10px;
}

.comment-author-wrapper .user-picture {
  margin-left: 0px;
  margin-bottom: 0px;
}


.comment-author-wrapper .submitted {
  margin-bottom: 0;
}

.comment-author-wrapper .user-picture img {
  width: 45px;
  border: 1px solid #eee;
}

.comment .new {
  float: right;
  background-color: #777;
  color: #fff;
  margin-top: -15px;
  padding: 5px;
}

.comment .permalink {
  float: right;
  background-color: #eee;
  margin-top: -15px;
  padding: 5px;
}

.comment h3 .permalink {
  float: none;
  margin-top: 0;
  padding: 0;
  background-color: transparent;
}

.comment .links {
  float: right;
}

h2.comments-title {
  padding-left: 45px;
  background: url(images/ico-comments.png) no-repeat left -45px;
  height: 30px;
}

h2.comment-form {
  padding-left: 45px;
  background: url(images/ico-comments.png) no-repeat left 0px;
  height: 30px;
}

#comment-form {
  padding: 15px;
  border: 1px solid #eee;
  background-color: #f7f7f7;
}


/* @end */

/* @group forum */

#forum table {
  width: 100%;
}

.content-forum {
  padding: 15px 15px 0;
  border: 1px solid #eee;  
}

.node-forum .comment-author-wrapper {
  margin-bottom: 30px;
}

.node-forum .links.inline {
  float: right;
}

/* @end */