x/*----- GENERAL -----*/
.hide {
  display:none !important;
  visibility:hidden !important;
}

header, footer, section, article, nav, aside {
  display: block;
}

body {
  background: #ffffff;
  color: #222;
  font: 12px/20px Georgia, "Times New Roman", Times, serif;
  padding-top: 25px;
  text-align: center;
  margin: 30px auto 0;
  max-width:1300px;
}

h1, h2, h3, h4, blockquote { /* h4 was hQ?? */
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-weight:normal;
}

h1 {
  font-size:4.167em;
  line-height: 50px;
}

h2 {
  font-size:2.6em;
  line-height: 37px; 
}

h3 {
  font-size: 21px;
  line-height: 27px; 
}


a:link, a:visited {
  color: #336699;
/*        font-weight: bold;*/
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

hr{
  border:0 #ccc solid;
  border-top-width:1px;
  clear:both;
  height:0;
}


ol{list-style:decimal}

ul{list-style:disc}

li{margin-left:30px}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:15px}

#main {
/*        padding: 0px;*/
}

article.post p, article.post li {
  font-size:1.75em;
  line-height:1.5em;
  margin-bottom:1.5em;
}
article.post .conversation {
  list-style:none;
  margin-bottom:1.5em;
/*  margin:;*/
}
article.post .conversation li {
  list-style:none;
  margin-bottom:0.5em;
  margin-left:0;
  padding-left:3.25em;
  position:relative;
}
article.post .conversation li .speaker {
  font-weight:bold;
  position:absolute;
  top:0;
  left:0;
}
article.post li p {
  font-size:1em;
}
article.post li h4 {
  margin:1em 0 0;
}
article.post h2 {
 font-size:2.25em;
}
article.post .subtitle {
font: 2.75em/1.25em Georgia, "Times New Roman", Times, serif;
margin-bottom:1.5em;
text-align:center;
 font-style:italic;
 
}
article.post .post-replace-title {
 display:none;
}
#main article.post {
 margin-top:-15px;
 margin-bottom:2em; 
 position:relative;
}


/*----- MASTHEAD -----*/

.noMeta > div {
  padding: 0px;
}

#masthead {
  margin:55px auto 0;
  position:relative;
}
#masthead .menu-link {
  text-transform:uppercase;
  display:none;
}

.work-in-progress {
 display:block;
 color:#222 !important;
 text-decoration:none !important;
 position:relative;
 padding:2em;
 text-align:left;
 font-size:150%;
 line-height:15px;
}
.work-in-progress.fixed {
  position:fixed !important;
/* -moz-transition:top 0.25s ease-in-out;
 -moz-transition:left 0.25s ease-in-out;
*/
}

.asterisk {
 vertical-align:baseline;
 font-size:100%;
 line-height:15px;
 text-decoration:none;
 background:#fff;
}
.work-in-progress .asterisk {
  vertical-align:middle;
  font-size:150%;
}
.work-in-progress:hover {
  color:#336699 !important;
}
#masthead h1 {
  margin-bottom: 0;
  font-size:3.1em;
  padding:0.15em 0;
  text-transform:uppercase;
}
#masthead h1:hover .asterisk {
  color:#999;
/*  text-decoration:blink;*/
}

#masthead h1:hover .asterisk:hover {
  color:#339966;
  text-decoration:none;
}


#masthead h1 a:link, #masthead h1 a:visited {
  /*text-transform:uppercase;*/
  color: #222;
  text-decoration: none;
}

#masthead h1 a:active {
  outline: 0;
}

#masthead h1 a:hover {
 color:#336699;
}

#masthead p {
  font-family: Georgia, serif;
  font-size: 20px;
  color: #fff;
  margin-bottom: 0;
}

.masthead a:link, .masthead a:visited {
  color: #336699;
}

/*     #siteDescription{
  font-size: 13px;
  color: #222;
  text-transform:uppercase;
  border-top: 1px solid #222;
  margin-top: 20px;
  margin-bottom: -5px;
  padding: 10px 0 0 0;
  font-family: Cufon;
}
*/
.site-description {
color:#222;
padding: 0 0 10px;
font-size:150%;
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
font-weight:normal;
margin:0 auto -5px;
text-transform:none;
text-align:justify;
line-height:1.45;
}

.masthead .site-description a, .masthead .site-description a:visited {
color: #336699;


}
.site-description a,
.site-description a:link,
.site-description a:visited,
.site-description strong {
font-style:normal;
font-variant:small-caps;
color:#336699;
letter-spacing:0.03em;
/*font-weight:bold;*/
}
.site-description em {
font-style:normal;
font-variant:small-caps;

} 

.site-description em:hover {
font-style:normal;
text-decoration:blink; 
background:rgba(51, 102, 153, 0.05);
}
.site-description a:hover {
text-decoration:underline;
color:#336699;
/*  background:rgba(51, 102, 153, 0.05);*/
/*  border-radius:0.25em;*/

}



/*----- SEARCH FORM -----*/

#frmSearch {
  padding-top: 20px; 
  display: none;
}

#txtSearch {
  background: url(http://static.tumblr.com/bpryy0m/6lRl6gmys/search.jpg) left no-repeat;
  width: 225px;
  padding: 2px 0 0 20px;
  font: 12px/12px Georgia, "Times New Roman", Times, serif;
  color: #222;
  border: 0px;
}

/*----- MAIN HEADER NAV STRIP -----*/

#mainNav {
  border-bottom: 2px solid #222;
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  overflow:hidden;
  position:absolute;
  top:30px;
  left:0;
  width:100%;
  background:#fff;
}

#mainNav ul {
  list-style: none;
  margin:0;
  padding:5px 0.5em;
  float:left;
}

#mainNav li {
  margin: 5px;
  display: inline;
  padding: 0;
}

#mainNav a:link, #mainNav a:visited {
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  margin: 0 2px;
  text-decoration: none;
  color: #666;
  text-transform:uppercase;
}
#mainNav a.ico {
  display: inline-block;
  text-indent: -9999px;
  height:20px;
  width:20px;
  margin:0;
  opacity:0.7;
}
#mainNav a.ico-twitter {
  background: url(../i/ico-twitter.png) no-repeat 0 0 transparent;
}
#mainNav a.ico-rss {
  background: url(../i/ico-rss.png) no-repeat 0 0 transparent;
}
#mainNav a.ico-linkedin {
  background: url(../i/ico-linkedin.png) no-repeat 0 0 transparent;
}
#mainNav a.ico {
  background-size:100% 100%;
}

#mainNav a:hover, #mainNav a:active {
  color:#111;
  outline: none;
  text-decoration: none;
  border-bottom: 1px solid #222;
}

#mainNav a.ico:hover, #mainNav a.ico:active {
  opacity:1.0;
  border:0 none;
}


#mainNav a.active {
  text-decoration: none;
  border-bottom: 1px solid #222;
}

/*----- ARTICLE META INFO -----*/

.designline {
  margin-top:30px;
  position:relative;
  z-index:2;
}

h5{
  position: relative;
  top: -35px;
  margin-bottom: 0px;
  font-family: Georgia, serif;
  font-size: 10px;
  color: #bca474;
  text-decoration: none;
  text-transform:uppercase;
  font-weight: bold;
  border-bottom: 1px solid #bca474;
  background: #fff;
}

h5 a:link, .line a:visited{
  font-family: Georgia, serif;
  font-size: 10px;
  color: #bca474;
  text-decoration: none;
  text-transform:uppercase;
  font-weight: bold;
}

h5 a:hover{
  text-decoration: underline;
}

h5 abbr{
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0 8px;
  background: #fff;
  top: 10px;
}

h5.postDate a{
  color: #bca474;
}

.sidebar {
  border-top: 1px solid #BCA474;
  padding-top:30px;
  width:95%;
  margin:0 auto;
}

.sidebar .site-description, .sidebar nav {
  width:95%;
}

.main-content {
padding:0;

}
.main-content .layout {
width:95%;
margin:0 auto;

}



/*----- ARTICLE -----*/

article {
  background: #fff;
  margin-bottom: 20px;
  text-align: left;
 position: relative;
}

article img {
  border: none;
  margin-bottom: 15px;
  max-width: 500px;
}

article p img {
  margin: 0;
}
article > div {
  padding:0;
  overflow: hidden;
  width:97%;
}
article .searchPage {
  margin: 35px 0 0 0;
}

.searchPageText {
  margin: 0 0 30px 0;
}

article .meta a:link, article .meta a:visited {
  text-decoration: none;
}

article .meta a:hover, article .meta a:active {
  text-decoration: underline;
}

article h2 {
/*  text-align: center;*/
  color: #222222;
}

article h4 {
 margin-top:2.5em;
 font-weight:bold;
 font-size:22px;
 line-height:1.5em;
}
article p {
 
}

article p strong, article ul strong {
 font-weight:normal;
 font-variant:small-caps;
}

article ul.blockquote { 
  margin:30px 0;
}
article ul.blockquote li {
  margin-bottom:0.5em;
  margin-right:30px;
}

article aside {
 
}

article aside p strong {
 font-weight:bold;
 font-variant:normal;
}


article .note {
 margin:2em auto;
 width:100%;
 font-size:80%;
}

article .formula {
 
}

article .formula p {
 text-align:center;
 font-family:verdana, sans-serif;
 line-height:1.5em;
 font-size:2em;
}

article.post a {
  border-bottom:1px solid #336699;
  text-decoration:none !important;
}

.post h2 a:link, .post h2 a:visited {
  text-transform:uppercase;
  color: #222;
  text-decoration: none;
  font-weight:bold;
  line-height:1.5em;
  border-color:transparent;
}
article h2 a strike {
 font-weight:normal;
 color:#999;
}

.post h2 a:hover, .post h2 a:active {
  text-decoration: none;
  border-bottom: 1px solid #336699;
  color:#336699;
}

.quoteSource{
  margin: 0 auto;
  text-align: left;
}

.quoteText h2 {
  text-align: left;
  color: #222222;
}

article .chat {
  list-style: none;
  padding: 0;
  margin: 0;
}

article .chat li {
  margin: 0 0 2px;
  padding: 2px 0 2px 0;
}

.photoCaption {
  text-align: center;
}

/*----- AUDIO PLAYER -----*/

body .audio {
  height: 28px;
  width: 26px;
  overflow: hidden;
  margin: auto;
  padding-top: 7px;
}

.audioc {
  background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
  background-repeat: no-repeat; 
  height: 41px;
  width: 41px;
}

.audioCaption {
  margin-top: 1px;
}

.audioleft {
  width: 41px;
  float: left;
}

.audioright {
  width: 444px;
  float: right;
}

.audioContainer {
  margin-top: 5px;
}

.audioClear {
  clear:both;
}

.media {
  width: 500px;
  margin-bottom: 20px;
}

/*----- ARTICLE NOTES -----*/

ol.notes {
  border-top: 1px solid #bca474;
  list-style: none;
  padding:1em 0 0.25em 0;
  margin:1em 0 0 0;
  clear:both;
}

ol.notes li {
  margin: 0;
  line-height:2.5em;
}

.notes .avatar {
  margin: 0 5px 0 0;
  position: relative;
  border:1px solid #bca474;
  padding:3px;
  background:#ffccaa;
  top:5px;
  
}

.notes blockquote {
  margin: 10px 0 0 35px;
  padding-left: 10px;
  border-left: 2px solid #222222;
}


/*----- ARTICLE TAGS -----*/

#main .tags {
  display:block;
  overflow:hidden;
  margin-top:1em;
  margin-left:-0.25em;
}

#main .tags li {
  display:inline;
  margin:0.15em 0.25em;
  font-size:1.1em;
  list-style:none;
}
#main .tags li .tag {
  padding:0.15em 0.75em;
  margin:0 0 1em;
  display:inline-block;
  background:#efefef;
  color:#225588;
  text-transform:lowercase;
  border-radius:0.25em;
}
#main .tags li .tag:hover {
  text-decoration:none;
  background:#336699;
  color:#fff;
}

/*----- PAGE NAVIGATION -----*/

#pageNav {
  border-top: 1px solid #222;
/*  text-align:left;*/
}

#pageNav ul {
  list-style: none;
  padding:0.25em 0;
  margin:0.25em 0;
}

#pageNav li {
  margin: 0;
  padding:0;
  width:49%;
  display: inline-block;
}

#pageNav a:link, #pageNav a:visited {
  font: 1.5em Georgia, "Times New Roman", Times, serif;
  padding:0.35em 0;
  margin: 0;
  color: #222;
  text-decoration: none;
  display:block;
}

#pageNav a:hover, #pageNav a:active, #pageNav a.active:link, #pageNav a.active:visited {
  text-decoration: underline;
  color:#336699;
}

#pageNavOlder:after {
  content: " »";
  position:relative;
  top:-1px;
}

#pageNavNewer:before {
  content: "« ";
  position:relative;
  top:-1px;
}

/*----- FOOTER META -----*/

#sitemeta {
 clear:both;
  border-top: 2px solid #222;
  color: #222;
  padding: 20px 0 32px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 11px;
}

#sitemeta p {
  margin: 0;
}

#sitemeta a:link, #sitemeta a:visited {
  color: #222;
  font-weight: bold;
}

#main .static-content {
  
}

#main .static-content h3 {
 text-align:left;
 margin-top:1em; 
 line-height:2em;
 margin-bottom:0;
 font-weight:bold;
 font-size:2em;
}
#main .static-content ul {
 margin:0 0 0 1px;
 padding:0;

}
#main .static-content ul li {
 line-height:1.5em;
 margin-bottom:0;
 padding:0;
 list-style:lower-greek;
}
#main .static-content ul li .by {
 font-size:60%;
 margin-left:5px;
}

#main .static-content ul li .by a {
 font-size:125%;
 margin-left:5px;
}

#main .static-content .lanyrd-listing li {
 margin-bottom:0.5em;
/* font-size:;*/
}


#main .static-content .lanyrd-listing li {
 margin-bottom:0.5em;
 font-size:1.3em;
}

#main .static-content .lanyrd-listing li h3 {
 font-size:1.3em;
 font-weight:bold;
 line-height:2em;
 margin-top:0;
 margin-bottom:0;
}

#main .static-content .lanyrd-listing li p {
 font-size:1em;
 margin-bottom:inherit;
 line-height:1.1em;
}
#main .conferences a.lanyrd-template-detailed {
 display:none;
}
#disqus-section { text-align: left; margin:1em 0 2em; padding:1em 0; border-top:2px solid #dfdfdf; }
#disqus_thread { text-align:left; }
#dsq-content h3 { text-align:left; font-size:1.5em; line-height:1.2em; margin:2em 0 0.5em; }

.timestamp {
  display:block;
  clear:both;
  margin-bottom:1.5em;
}
article.post .social-stuff {
  display:block;
  clear:left;
  margin:5px 0 0;
  float:left;

}
article.post .social-stuff li {
  display:block;
  font-size:1em;
  float:left;
  margin:0 1em 0 0;
  padding:0;
  line-height:1;
}


/* IAI PLEDGE */
.pledge-tweets {
  clear:both;
  margin:2em 0;
}
.iai-pledge {
  background:#f7f7f7;
  margin:2em 0.5em;
  padding:0.5em 2em;
  max-width:440px;
  white-space:nowrap;
  border-radius:1em;
  -webkit-box-shadow:1px 1px 3px #999;
  -moz-box-shadow:1px 1px 3px #999;
  box-shadow:1px 1px 3px #999;
}
.iai-pledge form {
  display: inline-block;
}
.iai-pledge label, .iai-pledge .will-you-pledge {
  font-weight:bold;
  font-size:1.5em;
  line-height:2;
  margin:0;
  display:inline-block;
}
.iai-pledge label .dollar {
  vertical-align:text-bottom;
  padding:0 0 0 0.25em;
}
.iai-pledge input {
  max-width:40px;
  font-size:1.5em;
}
#tweet-pledge {
  display: inline-block;
  margin: 0 0 0 3em;
  vertical-align: bottom;
}



/* BEGIN MEDIA QUERIES */
@media only screen and (min-width: 480px) {
  #mainNav ul:last-child {
    float:right;
  }
}
@media only screen and (min-width: 481px) {
  body {
    margin-top:0;
  }
  #mainNav {
    top:0;
  }
  #main .tags {

  }
}

@media only screen and (min-width:575px) {

  #mainNav ul, #mainNav ul:last-child {
    clear:none;
    float:left;
  }
  #mainNav a.ico {
    height: 24px;
    width: 24px;
    margin:0 2px;
  }
  #masthead {
    margin-top:15px;
  }
  #masthead h1 {
    font-size:4.167em;
    padding:0.45em 0;
  }
}


@media only screen and (min-width: 768px) {
  #main article h2 {
   font-size:2.6em;
  }
}

@media only screen and (min-width: 950px) {
  body {
    width:95%;
  }
  .iai-pledge {
/*    float:right;
    margin:0 2em 1em;*/
  }
  #mainNav {
    position:relative;
    width:auto;
    margin-top: 10px;
    border-top: 1px solid #222;
    padding:5px 0;
  }
  #mainNav ul, #mainNav ul:last-child {
    float:none;
  }
  
  .sidebar {
    float:right;
    width:33%;
    min-width:250px;
    max-width:350px;
    margin:35px 0 0;
    padding-bottom:30px;
  }
  .sidebar .site-description, .sidebar nav {
    width:auto;
  }
/*  .sidebar .site-description {
    font-size:175%;
    line-height:1.75;
  }
*/
  .designline {
    margin-top: 50px;
    padding-bottom:10px;
    
  }

  .main-content {
    min-height:400px;
    float:left;
    width:66%; 
    padding:0;
  }
  
  
  .main-content .layout {
    width:auto;
    padding-right:20px;
  }
  .main-content article h2 {
    text-align:left;
  } 

  #main article h2 {
    font-size:3em;
  }
  #masthead {
    margin-top:0;
  }
  #masthead #thehead { width:66%; }
  #masthead h1 {
    font-size:5em;
    padding-right:20px;
  }
  #masthead .menu-link {
    display:none !important;
  }
  #main article.post {
   margin-top:-23px;
  }

  
  #main .tags {
    text-align:right;
    float:right;
    max-width:335px;
    margin-top:0;
  }
  
} /* media */

@media only screen and (min-width: 1024px) {
  #main .tags {
    max-width:375px;
  }
}

@media only screen and (min-width: 1280px) {
  #main .tags {
    max-width:900px;
  }
}