/*
Theme Name:     Twenty Eleven Place Name Heres
Theme URI:      http://placenamehere.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         Chris Casciano
Author URI:     http://placenamehere.com/
Template:       twentyeleven
Version:        0.1.0
*/

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

/* UNDO TWENTYELEVEN syling choices
----------------------------------- */

body {
  padding: 0;
  background: rgb(194,203,207);
}

#page {
  max-width: 1600px;
  margin: 0;
  background: none;
}

#main {
  padding-bottom: 5em;
  overflow: auto;
}

#branding {
  border-top: 0;
}

.hentry, .no-results {
  padding-bottom: 5em;
  margin-bottom: 5em;
}

.singular .hentry {
  margin-top: 1em;
}

#content nav {
  margin-bottom: 0.5em;
}

.entry-header .comments-link a {
  background: none;
  border: 2px solid rgb(173,181,184);
  border-radius: 4em;
  line-height: 4em;
  height: 4em;
  width: 4em;
}

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
  background: #0091cf;
}

.wp-caption {
  background: rgb(173,181,184);
}

.entry-header .comments-link .leave-reply {
  visibility: visible;
}

footer .widget p {
  margin-bottom: 0;
}

/* Fonts
----------------------------------- */
body {
  font-family: "news-gothic-std",Verdana,sans-serif;
  font-size: 1.1em;
}

a {
  color: #0091cf;
}

h1,
#site-title a,
.entry-title a {
  line-height: 1.1;
  color: #464646;
  font-family: 'Arial Black','Arial Bold',sans-serif;
}
#access ul {
  font-family: "news-gothic-std",Verdana,sans-serif;
  font-size: 1.0em;
}

#site-title {
  line-height: 20px;
}
#site-title a {
  color: rgb(173,181,184);
  font-size: 120px;
  line-height: 76px; /* was 88, but have to adjust for new context? */
  word-spacing: -50px;
  text-transform: uppercase;
}
#site-title a:hover,
#site-title a:active {
  color: #0091cf;
}

#branding h2 {
  padding-left: 8px;
}

.entry-content h3,
.comment-content h3 {
  margin-bottom: 1.2em;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0;
}

#comments-title {
  font-size: 1.2em;
}

.wp-caption .wp-caption-text {
  font-size: 0.8em;
  padding-left: 10px;
}
.wp-caption .wp-caption-text::before {
  position: static;
  font-size: 1em;
}

/* Branding & Header Restyle
----------------------------------- */
header img {
	height: auto;
	margin-bottom: -7px;
	width: 100%;
}

#access {
  background: #464646;
}

/*#branding hgroup {
  position: absolute;
  top: 50px;
}*/

/* Body Content Restyling
------------------------------------ */

.hentry, .no-results {
  border: 0;
}

.wp-caption a img {
  height: auto;
}



/* Additional Responsive Stuff
------------------------------------ */

@media (max-width: 900px) {
  #access ul {
    font-size: 0.8em;
  }
}

@media (max-width: 800px) {
  #site-title a {
    font-size: 80px;
    line-height: 52px;
    word-spacing: -34px;
  }
  #branding h2 {
    padding-left: 6px;
  }
}

@media (max-width: 700px) {
  #access ul {
    font-size: 0.6em;
  }
}

@media (max-width: 530px) {
  #access div.menu {
    margin: 0 2%;
  }
}


@media (max-width: 450px) {
  #site-title a {
    font-size: 40px;
    line-height: 22px;
    word-spacing: -16px;
    white-space: nowrap;
  }
  #branding h2 {
    padding-left: 4px;
  }
  
}

@media (max-width:320px) {
  #site-title a {
    font-size: 32px;
    line-height: 22px;
    word-spacing: -12px;
  }

  #access ul {
    font-size: 0.5em;
  }
  #access a {
    padding: 0.5em;
  }
  #access div.menu  {
    /*margin: 0 2px;*/
  }
}
