/*
Theme Name:     Myths Retold Theme
Theme URI:      http: //bettermyths.com/
Description:    Me learning how to do this
Author:         THE GREAT OVID
Author URI:     http: //bettermyths.com/about/
Template:       twentyeleven
Version:        0.1.0
*/

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

#page {
margin-top: 0px;
min-height:100%;
min-width:700px;
position:relative;
spacing: 0px;
max-width: 80%;
border-left: 7px solid #990011;
border-right: 7px solid #990011;
padding:0px 0px 0px;
}

#branding {border-top: 0;}

#branding #searchform {
	position: absolute;
	top: 0;
	right: 7.6%;
	text-align: right;
}

#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: -100;
}

body {
background:url(http://bettermyths.com/mythsbackHUGE.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:bottom center;
margin:0;
color:#333333;
font-family: "Trebuchet MS"; 
     font-size: small; 
     padding:0; 
     margin:0;
}

#primary {
	width: 60%;
margin: 0 0px 0 0;
}

#content {
margin: 0 0 0 3em;
width: 100%;
float: left;

}
#secondary {
width: 25%;
margin-right: 2em;
margin-left: 2em;
float: center;
}

.singular #primary {
	margin: -20;
}
.singular #content, 
.left-sidebar.singular #content{

width: 100%;
left: 1em;
}

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 0;
	width: 610px;
}

/* Without explicitly setting the margin we're inheriting 
a value of "0" which isn't allowing space for the sidebar */
.singular #primary {
	margin: 0 -26.4% 0 0;
}


/* Without explicitly setting the position we're inheriting 
a value of "absolute" which will place the meta information at the top of the article */
.singular .entry-header .entry-meta {
	position: relative;
}

/* Without explicitly setting the padding we're inheriting 
a padding-top value of "4.875em" which adds redundant whitespace to the top of the article */
.singular .hentry {
	padding: 0;
}

/* Without explicitly setting the width we're inheriting 
a value of "68.9%" which stops the content from taking up the majority of the space available */
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	width: 100%;
}

/* Without explicitly setting the margin we're inheriting 
a margin-left and margin-right value of "7.6%" which makes the content overlap the sidebar */
.singular #content, .left-sidebar.singular #content {
	margin: 0 34% 0 7.6%;
}

/* Without explicitly setting the padding-top we're inheriting 
a value of "15px" which adds redundant whitespace to the top of the article */
.singular article .entry-title {
	padding-top: 0;
}

/* This is just a nicety. Moves the "Edit" link for admins to a more suitable position */
.singular .entry-meta .edit-link a {
	right: auto;
	top: 0;
	left: 0;
}

#content table, #content tr td {border:none;}