/*
Theme Name:     Room 314
Theme URI:      http: //example.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         Created by assorted blood slaves of the Booj
Author URI:     http: //room314.co.il/
Template:       twentyeleven
Version:        0.1.0
*/

@import url("../twentyeleven/style.css");
@import url("../twentyeleven/rtl.css");
@import url("../twentyeleven/colors/dark.css");

/* Hide elements we don't want: */
 #site-description, #branding #searchform {
  text-indent: -2000px;
  overflow: hidden;
}

#branding #site-title a, #branding #site-title a:hover {
display: none;
}

#searchform input {
 /* fuck you IE, can't you understand subtleties? */ 
 display: none; 
}

#branding {
  padding: 0 !important;
  margin: 0 !important;
text-align: center; /* I hate you too, IE8 */
}

#branding #site-title {
 background-image: url("images/header.jpg");
 background-repeat: no-repeat;
/* background-position: 50%, 0%;*/
  width: 650px;

  height: 105px;
  padding: 0 !important;
  margin: 0 !important;
}

body {
 background-color: #655E5E !important;
 padding: 0 !important;
 margin: 0 !important;
 background-image: url("images/repeat.jpg");
 background-repeat: repeat-y;
 background-position: center top;
}

#pagebox {
/* background-image: url("images/repeat.jpg");
 background-repeat: repeat-y;
 background-position: left, top;*/
 padding-top: 0 !important;
 padding-bottom: 0;
 margin-bottom: 0;
 margin-top: 0;
 margin-left: auto;
 margin-right: auto;
max-width: 1000px !important;
}

#page {
 background-image: url("images/bg.jpg");
 background-repeat: no-repeat;
 background-color: transparent;
 margin-top: 0 !important;
 padding-top: 0 !important;
max-width: 1000px !important;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
}

header#branding {
  margin-right: 19.16% !important; /* synced with (#secondary's width+margin-right) */
  width: 55%; /* #content width */
}

header#branding hgroup {
  height: 110px;
}

header#branding #site-description {
  margin: 0;
}

header nav#access div {
  margin: 0;
}

header nav#access ul a {
  padding: 0 0.8em;
}

#primary {
   min-height: 750px;
}

.singular #content, #content {
margin: 0 20% 0 10%;
width: 55%;
}

#secondary {
  margin-right: 3%; 	
}

#colophon {
 background-image: url("images/bottom.jpg"); 
 background-repeat: no-repeat;
 background-position:0%, 100%;
 min-height: 401px;
 height: 401px;
 width: 1000px;
}
#main {
  padding-top: 0;
}

#access {
 background-image: url("images/ruler.jpg");
 background-color: black;
background-repeat: no-repeat;
background-position: center center;
 min-height: 71px;
 border: 0;
 padding: 0;
 margin: 0;
}

.singular .entry-title, .singular .entry-header, .entry-title, .entry-header {
/* 	margin-left: auto;
	margin-right: auto;
       padding-right: 20%; */
display: none;
}

.singular .entry-title, .singular .entry-header {
font-size: 26px;
}

#site-generator {
 background: transparent !important;
 padding-top: 300px;
 border-top: 0 !important;
}

#site-generator a {
display: none;
}

/* Menu bar highlight: */

#access li:hover > a, #access ul ul *:hover > a, #access a:focus {
    background: none repeat scroll 0 0 #EFEFEF;
    /* Fallback for web browsers that don't support RGBa */
   background-color: transparent;
  /* RGBa with 0.6 opacity */
   background-color: transparent;
   /* For IE 5.5 - 7*/
   //filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  //-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  color: #fff;
  text-shadow: #ccc 3px 3px 2px; /* not bothering with explorer here... */
}

#access li a {
	height: 71px;
}

#access ul {
   font-size: 18px;
   margin-left: auto;
   margin-right: auto;
}

#content,#secondary {
   font-size: 85%;	
}

#secondary {
  margin-top: 2em;
  padding-top: 1em;
  width:16%;
}

.widget ul {
   list-style: none;
}
.widget ul li { 
   font-size: 13px;
}

.widget a {
   background-color: black;
   color: white;
}

.hentry { 
border: 0;
position:static;
}

#supplementary {
border: 0;
}


#page { max-width: 1050px !important; }
footer#colophon { width: 100%; }