/*

Theme Name: Drew Myler [dot] com
Theme URI: http://drewmyler.com/
Description: Personal blog design.
Version: 2.0
Author: Drew Myler
Author URI: http://drewmyler.com/
*/

/* Colors */

a, #nav li.here a { 
  color: #036c09;
}

a:hover, #masthead a:hover, #content #disqus_thread .dsq-comment-footer a:hover {
  color: #05990f;
}


/* ---------------------------
	Globals & Resets 
---------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}


/* 	font-size set following Richard Rutter's method to allow text resizing across all browsers: 
http://www.alistapart.com/articles/howtosizetextincss/ 
16px baseline font-size. See ie.css for IE baseline font-size rule. 

Important: 
Line-height calculations are based on the most immediate font size. 
For example: if font-size is resized to 14px, begin line-height calculation for that element at 14px (not 16px).
Otherwise line-height will inherit base line-height of 17px (see body rule). 
*/

body {
  background: #f6f3ef;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.125em; /* 16 x 1.125 = 18px */	
  text-align: center;
  color: #393939;
}

h1,
h2,
h3,
h4,
h5,
h6 { 
  font-weight: normal;
  line-height: normal; 
  font-size: 1em;
}

ul { list-style: none; }

ol {
  margin-left: 20px;
}

img, fieldset { border:none; }

a { 
  outline: none;
  text-decoration: none; 
}

:focus, :active {
  outline: 0;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

th {
  font-weight: bold;
}

td {
  vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

blockquote {
	border-left: 4px solid #dfdfdf;
	padding: 12px 0 0 18px;
	margin-left: 18px;
	font-style: italic;
	}

blockquote a {
	font-size: .8em;
	font-style: normal;
	padding-bottom: 12px;
	display: block;
	}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.alignleft { 
  float:left;
  margin: 2px 10px 2px 0;
}

.alignright { 
  float:right; 
  margin: 2px 0 2px 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto 20px;
  text-align: center;
  font-size: .75em; /* 12px */
}

.no-m {
  margin: 0;
}

.hide, .skip, hr, .closed, .iphone-top { display: none; }

.open { display: block; }

/* 
Clearing floats: http://www.positioniseverything.net/easyclearing.php  
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.c\learfix:after { line-height: 0; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ---------------------------
		Layout 
---------------------------- */

#wrap {
  width: 632px; 
  margin: 0 auto;
  text-align: left;
  position: relative;
  padding-top: 40px;
}

#masthead {
	font-family: "Roadgeek 2005 Mittelschrift", arial, sans-serif;
	text-transform: uppercase;
	border-top: 4px solid #727270;
	margin: 0 auto 90px;
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
	}
	
#content {
	}
	
#footer {
	border-top: 4px solid #cfcfcf; 
	padding: 30px 24px 50px;
	margin-bottom: 50px;
	background: #dfdfdf url(img/indy-w.gif) 50% 30px no-repeat;
	clear: both;
}

/* ---------------------------
		Masthead 
---------------------------- */

#masthead a {
	color: #41413f;
	padding: 9px 12px 11px;
	display: block;
	}
	
#masthead p {
	float: left;
	padding: 0 12px;
	font-size: .875em; /* 14px */
	}

#nav {
	float: right;
	font-size: .815em; /* 13px */
	padding-right: 12px;
	}
	
#nav li {
	float: left;
	}
	
#nav a {
	color: #7b7b78;
	}
	
/* ---------------------------
		Blog 
---------------------------- */

.post {
	margin: 0 auto 36px;
	padding-bottom: 90px;
	border-bottom: 4px solid #dfdfdf;
	}
	
.post.nob {
	border-bottom: none;
	}

#content .hdr {
	margin-bottom: 28px; 
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
	padding-bottom: 20px;
}

#content p.date, .post p.caption {
	font-family: arial, sans-serif;
	font-size: .687em; /* 11px */
	color: #7c7c7a;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
	

.post h2.title, #content h1 {
	font-family: "Avenir Lt Std", Arial, sans-serif;
	font-weight: 100;
	font-size: 1.875em; /* 30px */
	}
	
#content h1.mgn {
	margin-bottom: 24px;
	}
	
.post p, .post li, .post blockquote, .post p.caption {
	line-height: 1.5em; /* 24px */
	margin-bottom: 30px;
	}
	
.post p.caption {
	position: relative;
	margin-top: -26px;
	}
	
.post img {
	padding: 6px;
	background: #fff;
	border: 1px solid #cfcfcf;
	}
	
ul.posted {
	color: #888;
	}
	
.post ul.posted li {
	font-size: .687em;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 8px;
	}
	
.post ul.posted li.comments {
	}
	
ul.posted li a {
	text-decoration: none;
	}
	
.navigation {
	padding: 30px 0 60px;
	display: block;}
	
/* archives */

.bdr {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 24px;
	margin-bottom: 24px;
	}
	
#content .bdr h2 {
	font-size: 1em;
	float: left;
	width: 200px;
	}
	
#content h2.one {
	font-size: 1em;
	margin-bottom: 24px;
	}
	
#wrap #content h2.onefive {
	font-size: 1.25em;
	float: none;
	width: auto;
	}
	
.bdr label {
	width: 200px;
	display: inline-block;
	padding-top: 30px;
	font-family: arial, sans-serif;
	}
	
#content p.tags {
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: .687em;
	color: #999;
	}
	
/* Footer */


#footer h2 {
	font-family: "Roadgeek 2005 Mittelschrift", Arial, sans-serif;
	font-size: .875em; /* 13px */
	text-transform: uppercase;
	margin-bottom: 12px;
	}
	
#footer p {
	font-size: .875em;
	line-height: 1.5em;
	padding-bottom: 24px;
	}
	
/* comments, for now */

ol.commentlist {
	list-style: none;
	margin: 0;
	}
	
ol.commentlist li {
	position: relative;
	border-bottom: 1px solid #dfdfdf;
	font-size: .815em; /* 13px */
	padding: 16px 0 0;
	}

ol.commentlist li div.who_said {
	width: 222px;
	float: left;
}

div.what_said {
	float: right;
        width: 386px;
        }

ol.commentlist li p {
	margin-bottom: 1.5em;
	}
	
#comment {
	width: 100%;
	}
	
cite {
	font-style: normal;
	}
	
#commentary #submit {
	float: right;
	width: 125px;
	margin: 0 0 10px 10px;
	}
	
ol.commentlist li.highlighted {
	background: #666;
	color: #ededed;
	}
	
/* Disqus tweaks */

#content #disqus_thread #dsq-authenticate {
	background: none;
	border: none;
	}

#content #disqus_thread .dsq-missing-permissions {
	background: none;
	border: none;
	}

#content #disqus_thread .dsq-missing-permissions p {
	font-style: italic;
	font-size: 1.15em;
	color: #444;
	display: none;
	}

#content #disqus_thread {
	margin-bottom: 30px;
	border-bottom: 4px solid #dfdfdf;
	}

#content #dsq-comments-title h3 {
	font-family: "Avenir Lt Std", Arial, sans-serif;
	margin-bottom: 12px;
	font-size: 2em;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 42px;
	font-weight: 100;
	}


#content #disqus_thread .dsq-options {
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: .92em;
	padding-bottom: 36px;
	}

#content #disqus_thread li {
	font-size: 1.125em;
	margin-bottom: 42px;
	}
	
#content #disqus_thread .dsq-comment-message {
	line-height: 1.65em;
	}
		
#content #disqus_thread .dsq-options, #content #dsq-content .dsq-login-buttons, #content #dsq-content .dsq-h3-reactions, #content #dsq-content .dsq-pagination {
	background: none;
	}

#disqus_thread ul#dsq-comments {
}

#disqus_thread .dsq-comment-cite span, #disqus_thread .dsq-comment-cite a {
	font-weight: normal;
	font-style: italic;
	}
	
#content #disqus_thread .dsq-comment-header-time a {
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: .83em;
	color: #888;
	}

#content #disqus_thread .dsq-comment-footer {
	font-family: arial, sans-serif;
	font-size: .83em;
	}
	
#content #disqus_thread .dsq-comment-footer a {
	color: #999;
	}
			
.dsq-brlink { 
	display: none;
	 } 

/* Custom */

ul.tweets {
	border-top: 1px solid #ddd;
	padding-top: 12px;
}

ul.tweets li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
	margin-bottom: 12px;
	font-size: 13px;
	font-family: "lucida grande", verdana, sans-serif;
}

ul.tweets img {
	float: left;
	}
ul.tweets div {
	float: left;
	margin-left: 18px;
	display:inline;
	width: 540px;
}