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

/*
Theme Name:     I Write What I Like theme
Theme URI:      http://www.josephdawson.net
Description:    Theme for I Write What I Like
Author:         Joe Dawson
Author URI:     http://www.josephdawson.net
Template:       twentytwelve
Version:        0.1.0
*/

@font-face {
    font-family: 'SpecialEliteRegular';
    src: url('fonts/SpecialElite-webfont.eot');
    src: url('fonts/SpecialElite-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SpecialElite-webfont.woff') format('woff'),
         url('fonts/SpecialElite-webfont.ttf') format('truetype'),
         url('fonts/SpecialElite-webfont.svg#SpecialEliteRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

  body {
    background-color: #666;
  }

  body .site {margin-top:1rem;}

.site-header h1 {
  font-family: 'SpecialEliteRegular', Arial, sans-serif;
  font-size: 24px;
  font-size: 4rem;
  line-height: 1.285714286;
  margin-bottom: 14px;
  margin-bottom: 1rem;
  display:inline;
  float:left;
}

.site-header h2 {
display:inline;
float:right;
clear:right;
}

.main-navigation li {
  margin-top: 24px;
  margin-top: 1.714285714rem;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 1.42857143;
}

.articlebox {
background-color:#eee;
padding:10px;
margin:1%;
min-height:420px;
word-wrap:normal !important;
width:28%;
float:left;
}

.page-id-355 .articlebox {min-height:400px;}
.page-id-368 .articlebox {min-height:230px;}

.articlebox h3, .articlebox a:link {word-wrap:normal !important; margin-top:0;}

.articlebox .imgc img {width:100%; max-width:150px; border:none; border-radius:none;box-shadow:none; margin:0 auto;}
.articlebox p {margin:0;}

/* #articlecontainer div:nth-of-type(odd) {float:left;}
#articlecontainer div:nth-of-type(even) {float:right;} */
#articlecontainer h5 {height:0;}

.twitter-header {width:32px; float:right; padding:0 0 10px 10px;}

.imgc {text-align:center; margin:1rem 0 0.5rem 0 !important;}
.imgthumb {width:100%; height:auto;}

.tb_header {display:none;}

.recent_posts_with_excerpts, #recent-posts-plus-2, .ssbatit {font-family: 'SpecialEliteRegular', Arial, sans-serif;}
.ssbatit {text-transform:uppercase;}

#follow-area {display:inline; float:right; padding-top:10px;}

.main-navigation li {
margin: 0;
padding: 0 1rem;
border-right: 1px solid #ddd;
}

.main-navigation li a {font-size:14px; line-height:2.5; padding-top:8px;}

.main-navigation ul.nav-menu {border-bottom:0;}

@media screen and (max-width: 800px) {
.articlebox {width: 95%;}
#follow-area {display:none;}
.site-header h2 {display:block; float:none; clear:both;}
}

#recentpostswithexcerpts-2 #ssba, #recent_posts_with_excerpts #ssba {display:none;}

#ssba {width:50px; float:right; margin-left:20px;}
#ssba a, #ssba span {float:left;}
#post-8 #ssba, #post-351 #ssba, #post-355 #ssba, #post-368 #ssba {display:none;}

.site-content article {
position: relative;
}

.entry-header .comments-link {
position: absolute;
bottom: 5px;
}

#latest-po, .archive-header .archive-title, #post-351 .entry-header .entry-title, #post-355 .entry-header .entry-title, #post-368 .entry-header .entry-title {
font-size:22px !important;
text-transform:uppercase;
margin-bottom:20px;
padding-bottom:5px;
border-bottom:1px solid #ddd;
font-weight:normal;
}

.archive-header {
border-bottom:0;
margin-bottom:0;
}

.entry-header img.wp-post-image {
width:250px;
float:left;
margin-right:20px;
margin-top:1.714285714rem;
}

.category-letters-from-america #secondary {display:none;}
.category-letters-from-america .site-content {width:100%;}
.category-letters-from-america .site-content article {width:28%; float:left; min-height:300px; margin-right:4%; padding-bottom:0; border-bottom: 1px solid #ddd; margin-bottom:2rem;}
.category-letters-from-america .site-content p {display:none;}
.category-letters-from-america .site-content .comments-link {display:none;}
.category-letters-from-america .site-content footer.entry-meta {display:none;}

.header-image {margin-top:10px;}

.category-letters-from-america .entry-header .entry-title {
text-transform:uppercase;
font-size:1.1rem;
}

.site-content .archive-meta p {
display:block;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 48px;
line-height: 24px;
margin-bottom: 24px;
color:#444;
}

.article-sidebar {
background:#eee;
padding:15px;
clear:both;
}

.headerslider {padding-top:10px;}

#recent-posts-plus-2, #text-7 {
background:#eee;
padding:15px;
}

#mc_embed_signup form, #mc_embed_signup {
background:none !important;
}

#mc_embed_signup .button {
background-color:#333;
background-image:none;
}

#text-7 {
background-color:#21759B;
color:#fff;
}

#text-7 .widget-title {color:#fff;}