/* $Id$ */

/* Title: style.css
 * Author:  romass (romass@ukr.net)
 * Created: 15.04.2009
 * Site: http://thebeautyshop.com.ua
 */

* {
  margin: 0;
  padding: 0;
}

body {
  background:#160600 url(images/bg-body.png) repeat-x scroll 0 135px;
  font: 13px/150% Arial, sans-serif;
  color: #8f9090;
}

/*
 * Fonts
 */

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: Arial, sans-serif;   line-height: 130%;
  color: #d43d04;
}

h1 {font-size: 170%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 94%; }

p {
  margin: 0.2em 0 0.8em;
  padding: 0;
}

/*
 * Links
 */

a:link, a:visited {
  color: #8f9090;
  text-decoration: underline;
}

a:hover {
  color: #8f9090;
  text-decoration: none;
}

a:active, a.active, li a.active {
  color: #8f9090;
}

/*
 * Lists
 */

hr {
  border: none;
  height: 1px;
  background: #5294c1;
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 1em;
  padding: 0;
}

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

ul.menu li, .item-list ul li, .admin-list dt {
  padding: 0 0 .2em 1.4em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/link-items_.png) no-repeat 0 7px;
}

ul li.expanded {
  background: transparent url(images/link-items_.png) no-repeat scroll 0 7px
}

ul li.collapsed {
  background: transparent url(images/link-items_.png) no-repeat scroll 0 7px
}

.item-list .pager li{
  margin: 0;
}


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

ol.task-list {
  margin-left: 0;
  list-style-type: none;
  list-style-image: none;
}

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

dl dd {
  margin: 0 0 .5em 2em;
}

/*
 * Tables
 */

table {
  margin: 1em 0;
  width: 100%;
  font-size:11px;
}

thead th, thead th a.active {
  border-bottom: 2px solid #201c1b;
  color: #D43D04;
  font-weight: bold;
}

td, th {
  padding: .3em .5em;
}

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

tr.odd, tr.info {
  background-color: #201C1B;
}

tr.even, tr.odd td.active, tr.even td.active  {
  background-color: transparent;
}

tr.drag-previous, tr.drag  {
  background-color: #D43D04;
  color: white;
}


td.region, td.module, td.container, td.category {
  border-bottom: 1px solid #333;
  color: #b86a4c;
}

table.sticky-header {
  background-color: #160600;
}

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

/*
 * Inputs
 */

input, textarea, select {
  font: 12px/100% Arial;
  color: #494949;
  line-height: 1.2;
}

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

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

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

/**
 *  Tmeming buttons
 */

.form-button, .form-submit {
  padding: 1px 7px 4px 10px;
  background: url(images/bg-button.png) no-repeat;
  border: none;
  color: white;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  /*Prevent the stretched buttons problem in IE*/
  width: auto;
  overflow: visible;
}

.button-wrapper{
  background: url(images/bg-button-right.png) no-repeat scroll right 0;
  padding:0 3px 3px 0;
  margin-right: 5px;
  font-size:13px;
}

/*
 * Other
 */

img, a img {
  border: none;
}

/***************************************************************
 * Layout
 ***************************************************************/

#wrapper {
  margin: 0 auto;
  padding:0 20px;
  width: 960px;
}

body.sidebar-left #center {
  margin-left: -280px;
}

body.sidebar-left #squeeze {
  margin-left: 280px;
}

#squeeze {
  position: relative;
  background-color: #201c1b;
  padding: 30px 40px;
  border: 1px splid;
}

#wrapper #center {
  float: left;
  width: 100%;
  padding-top:50px;
}

#wrapper .sidebar {
  margin:60px 0 0;
  padding-bottom: 40px;
  width: 280px;
  float: left;
  z-index: 2;
  position: relative;
  font-size: 11px;
}

#squeeze .corners{
  height: 18px;
  width: 18px;
  position: absolute;
  background-image: url(images/corners-squeeze.png);
}

#squeeze .sub .corners {
  background-image: url(images/corners-sub.png);
}

#squeeze .tl{top: 0; left: 0;}
#squeeze .tr{top: 0; right: 0; background-position: right 0 }
#squeeze .bl{bottom: 0; left: 0; background-position: 0 bottom}
#squeeze .br{bottom: 0; right: 0; background-position: right bottom}

#squeeze .node-date {
  margin-bottom:15px;
  margin-top:-15px;
}

.clear-block.sub {
  background-color: #160600;
  padding: 15px 25px;
  position: relative;
  min-height: 30px;
}

/**
 * Header
 */

#wrapper #header {
  height: 412px;
  background: url(images/header_pic.jpg) no-repeat scroll 0 bottom;
  color:white;
  position:relative;
}

#wrapper #header #logo-floater {
  position: absolute;
  top:32px;
  left: 0;
  line-height:1;
}

#wrapper #header #logo-floater img{
  width: 330px;
  height: 50px;
}


#wrapper #header h6{
  font-weight: bold;
  margin-left:5px;
  color: white;
}


#wrapper #header .slogan {
  height: 75px;
  width: 361px;
  background: url(images/slogan.png) no-repeat;
  position: absolute;
  right:100px;
  top:230px;
}

#header .block-simplenews{
  position: absolute;
  top:400px;
  z-index:1;
  left:30px;
}

/* simplenews*/

#header .block-simplenews .content{
  margin: 0;
}

#header .block-simplenews .form-item{
  float:left;
  margin:0 8px 0 0;
  position: relative;
  font-weight: bold;
 //line-height: 1.4;
}

#header .block-simplenews label{
  position: absolute;
  color: #666;
  font-size: 11px;
  top: 0;
  left: 5px;
  line-height: 2;
  cursor: text;
}

#header .block-simplenews .button-wrapper{
  padding:0;
}

#header .block-simplenews .button-wrapper input{
  padding:3px 0 5px;
  line-height: 1.25;
  width: 88px;
  background:url(images/bg-simplenews-button.png) no-repeat;
}

/**
 * Sidebar
 */

#sidebar-left h2{
  background: url(images/menu-items.png) no-repeat;
  padding-left:20px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

#sidebar-left li{
  line-height: 135%;
  background-position: 0 5px;
}

/*
#sidebar-left li.expanded{
  background-image: url(images/link-items_expanded.png);
}

*/
#sidebar-left .block-menu li{
  width:200px;
}

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

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

.block .content {
  margin: 0.5em 0;
}

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

/*
 * Footer
 */

#footer {
  float: none;
  clear: both;
  text-align: center;
  color: #898989;
  margin: 2em 0 ;
  color:#444;
  font-size: 11px;
}

#footer a{
  color:#444;
}


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

#footer table{
  position:relative;
  top:17px;
width:90px;
}

#footer table td {
  padding:0;
}

#footer tbody {
  border-top:0;
}

#block-block-1{
  margin-top:-20px;
}


#footer .bigmir{
display:inline;
width:100px;
}

/**
 * Primary navigation
 */

ul.primary-links {
  position:  absolute;
  bottom:-29px;
  left: 0;
  width:100%;
  background: url(images/bg-primary-links.png) repeat-x;
  height: 60px;
  font-weight:bold;
  font-size: 11px;
}

ul.primary-links li {
  float: left;
  padding-top:21px;
  background: none;
  padding-right:4.6em;
}

ul.primary-links li.left, ul.primary-links li.right {
  width: 15px;
  height: 60px;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
}

ul.primary-links li.fst{
  width:250px;
}

ul.primary-links li.left{
  left: 0;
  background: url(images/bg-primary-links_left.png) no-repeat;
}

ul.primary-links li.right{
  right: 0;
  background: url(images/bg-primary-links_right.png) no-repeat scroll right 0;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  padding-left: 10px;
  background: url(images/link-items.png) no-repeat scroll 0 8px;
  color: #000;
  text-decoration:none;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #000;
text-decoration:underline;
}


/**
 * Local tasks
 */

ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
}

#tabs-wrapper {
  position: relative;
  margin-bottom: 15px;
}

ul.primary {
  padding: 6px 0 10px;
  margin: 0;
  float: left;  
}
ul.secondary {
  border-top:1px solid #666666;
  clear:both;
  margin:-10px 0 20px;
  padding:15px 0 0;
  text-align:left;
}

ul.secondary li{
  padding:0 1em 0 0;
  margin: 0;
}

h2.with-tabs {
  float: left;  
  margin: 0 1em 0 0;
  padding: 0;
}

h2.without-tabs{
  padding-bottom:20px;
}

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;
  height: auto;
  text-decoration: none;
}
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 {
  background: url(images/bg-primary-links.png) repeat-x 0 -22px;
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */

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

.node.teaser .content .wrap{
  min-height: 100px;
}


.node-teaser-date{
  margin-top: 3px;
}

.node.teaser h3.node-title a{
  font-size: 16px;
  text-decoration: none;
  color: #D43D04;
  font-weight: bold;
}


.node .node-image{
  position: relative;
  top: 5px;
  float: left;
}

.node .node-image img{
  width: 150px;
  height: 150px;
  margin-bottom:10px;
  margin-right:20px;
}

.node .node-image .image-corners{
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/bg-images.png) no-repeat;
}

.node.teaser .node-image img{
  width: 80px;
  height: 80px;
  margin-bottom:8px;
  margin-right:15px;

}

.node.teaser .node-image .image-corners{
  width: 80px;
  height: 80px;
  background: url(images/bg-images-teaser.png) no-repeat;
}

.node.teaser .links{
  font-size: 11px;
  display: block;
  padding:1px 10px;
  background-color:#201C1B;
  text-align: right;
}

.node.teaser .node_read_more a{
  color: #D43D04;
  float: left;
}




/**
 * Collapsible fieldsets
 */

fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #201c1b;
}

*: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 {
  display: block;
}

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

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

html.js fieldset.collapsible legend a{
  padding: 0;
}

/*
 * User profiles.
 */

.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}


/*
 * Admin Styles
 */


div.admin .left {
  float: left;  
  width: 45%;
}
div.admin .right {
  float: right;
  width: 45%;
}

div.admin ul.menu,
div.admin .admin-list{
  margin: 0;
}

div.admin-panel {
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}

div.admin-panel dd {
  color: #666;
  font-size: 11px;
  line-height: 1.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;
}

#block-user-1 a{
  font-weight: bold;
}


/*
 * Generic elements.
 */

div.messages, div.warning  {
  margin-bottom:15px;
  padding:10px 25px;
  border-width: 2px;
}

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

div.status {
  border:2px solid;
  color:#33A333;
  background-color: white;
}

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

.form-item input.error, .form-item textarea.error {
  background-color: #FFCCCC;
  border-width: 1px;
}

/**
 * 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;
}

.block-region {
  background:transparent none repeat scroll 0 0;
  border:1px dashed;
  color:white;
  padding:0.5em;
  text-align:center
}

.crt{
  padding: 1px;
  border: 1px solid;
  border-color: #808080 #e1d9d2 #e1d9d2;
}

body#tinymce{
  font: 12px/100% Arial;
  color: #494949;
  background: white;
}

#imce-upload-form .button-wrapper,
#imce-upload-form .button-wrapper   input{
  background: none;
  font-size: 11px;
  color: #333;
  padding: 0;
}

ul.contact {
 margin-bottom:20px;
}

ul.contact li {
 list-style:none;
 padding-left:20px;
}

.node.teaser .links {height:20px}

.node .field-field-gallery-image .image-corners{display:none}
.node .field-field-gallery-image a.thickbox{float:left; margin:0 20px 20px 0; position: relative}
.node  .field-field-gallery-image .node-image img {  height:auto; width:auto; margin:0}
.node  .field-field-gallery-image .node-image .border{display:block; height:124px; width:164px; top:0; left:0; position:absolute; background: url(images/border.png) no-repeat;}
.node  .field-field-gallery-image .node-image .border:hover{background-image: url(images/border_hover.png)}

#block-menu-secondary-links {position: absolute; right: 0;top: 5px;}
#feedback-form .bottom{margin-top:20px}
#feedback-form .captcha .description{display:none}
#feedback-form .captcha img{float:left; margin-right:15px}
#feedback-form  #edit-captcha-response-wrapper{margin-top:0}

#block-block-1 .content *{  margin: 0; padding: 0;}

#top-buttons{bottom: 32px; position: absolute; right: 10px;}
#node-buttons{clear: both;height: 22px; padding-top: 20px;}
#vk_like{display: inline;}
.menu-421 a{color:#fff !important;font-weight: bold !important;text-transform: uppercase !important;}
h2.contact{background: url("/sites/all/themes/thebeautyshop/images/menu-items.png") no-repeat scroll 0 50% transparent;padding-left: 20px;}