/*
  Theme Name: jfriedl's theme
  Description: jfriedl's theme
  Author: Jeffrey Friedl
  Author URI: http://regex.info/blog/
*/

@media screen and (min-width: 901px) {
    #sidebar_mobile { display: none }
}
@media screen and (max-width: 900px) {
    #searchform { display: inline-block; font-size:50% }
    #sidebar_mobile {
        display: block
    }
}

body {
  /* background-color: black; */
  background: rgb(16,16,16) url(http://regex.info/i/s/BlogBackgrondTexture.jpg) repeat scroll top left;
  margin: 5px;
  padding: 0; 
  color: #c4b98f;
  font-family: verdana;
  font-size-adjust: .50; line-height:1.25
}


.post_container {
  width: 100%;
  border: 1px solid #888;
  margin: 7px 0 25px 0;
  padding: 0 0 15px 0;
  /* background-color: #181818; */
  background: rgba(24,24,24,.75);
  -moz-border-radius: 15px;
  -moz-box-shadow:    -10px 12px 7px #000;
  -webkit-box-shadow: -10px 12px 7px #000;
  box-shadow:         -10px 12px 7px #000;

}

span.QO { font-family:times; padding-right:1px }
span.QC { font-family:times; padding-left:1px }

a[href]:link    { color: #e2ffe2 } /* required for FF to not highlight <a name=''> text */
a:link          { color: #e2ffe2 } /* required for all links in IE. */
a[href]:visited { color: #e8e2ff } /* required for FF to not highlight <a name=''> text */
a:visited       { color: #e8e2ff } /* required for all links in IE. */

a[href]:link.qtext    { color: #D7CFB3 }
a:link.qtext          { color: #D7CFB3 }
a[href]:visited.qtext { color: #D7CFB3 }
a:visited.qtext       { color: #D7CFB3 }

a[href]:visited, a:link, .relatedlinks a {
  text-decoration: none;
}
a[href]:hover {
  text-decoration: underline;
}


.hidden_link {
  color: #c4b98f;
}

#page {
  max-width: 1050px;
  padding: 0;
  margin: 0 auto;
}

#header {
  position:relative;
  padding: 0;
  margin: 0 0 10px 0.5em;
}

.blogname  {
  font: 200%/95% 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #b0b0ba;
  text-decoration: none;
}

.blogdesc  {
  margin-top:3px;
  display:block;
  color: #778;
}

#content {
  padding: 0 5px 0px 5px;
  width: 75%;
}
#content.widecolumn {
  width: 100%;
}
div.css_old > div.post_guts {
  background-color: #EFE;
  color: black;
}


.widecolumn .post_container {  /* not sure why this is needed */
  padding-bottom: 1em;
}

.post_header { 
  margin: 5px 5px 0 1em;
}

.post_timestamp {
  font-family: Georgia, Constantia;
  margin-bottom: 3px;
  color: #888;
}

.post_title {
  font: 145% 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.post_title a:visited, .post_title a:link {
  color: white;
  text-decoration: none;
}
.post_title a:hover {
  text-decoration: underline;
}



.byline    { font-size:90%; padding-right: 1em }
.post_date { font-size:90% }
.post_time { padding-left: 0.5em; }
.post_tz   { font-size: small;    }
.post_ago  { padding-left: 1em;   }

.post_guts {
  margin: 0;
  padding: 10px 1em 0 1em;
}

.post_guts > p:first-child { margin-top: 0 }

.widecolumn .post_guts {
  margin-right: 1px; /* not sure why this is needed */
}

.post_meta {
  text-align: center;
  padding: 2px;
  margin-top:8px;
  line-height: 250%;
}


.click_for_comments {
  background: #845;
  padding: 3px 10px;
  border: solid 2px #AAA;
  font-size: 130%;
}

.click_for_comments a       { text-decoration:none }
.click_for_comments a:hover { text-decoration:underline }

.comment_invite { color: #FBB; font-weight: bold }



/* ************************************************** */
textarea, select {
        color: white;
	background: #444;
	border: 1px solid #b2b2b2;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px 4px;
	padding: 3px;
}

/* ************************************************** */

#other_writing      { font-size: 80% }
#other_writing li   { margin: 0.25em auto 0.5em }

#index_of_photos    { font-size: 80% }
#index_of_photos li { margin: 0.25em auto 0.5em }

#popular_month    { font-size: 75% }
#popular_month li { margin: 0.25em auto 0.5em }

#popular_old      { font-size: 75% }
#popular_old li   { margin: 0.25em auto 0.5em }

#popular_fame     { font-size: 75% }
#popular_fame li  { margin: 0.25em 0 0.5em -1.5em }

#blog_archive    { font-size: 90% }
#blog_archive li { margin: 0.25em auto 0.25em }


.popdate { white-space: nowrap;
           color: gray;
           font-size: 85% }

#sidebar
{
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  width:20%;
  max-width: 300px;
  float:right
}

#sidebar ol {
  padding-right: 5px;
}

#sidebar a {
  text-decoration:none;
}
#sidebar a[href]:hover {
  text-decoration:underline;
}


.authbio {
  width: 200px; /* forces a min width for sidebar */
  padding: 0;
  margin: 0;
  text-align: center;
}

.authname {
  font-size: 120%;
  font-weight: bold;
}

/* ************************************************** */

#searchform {
  text-align: center;
}

input#s {
  color:white;
  background: #303028;
  border: 1px solid #b2b2b2;
  margin-bottom:5px;
}

#sidebar #searchsubmit {
  padding: 1px;
}


#sidebar ul {
  margin: 0 0 1em 0;
  padding: 0 5px 0 1.2em;
}

#categories {
  font-size: 95%;
}

#categories .children {
  font-size: 85%;
  padding-left: .4em;
  margin-bottom: 5px;
}

.h1 {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 120%;
  font-weight: bold;
}



/* ************************************************** */

.img_center,
.ic, .TicT, .WicW, .TicW, .WicT {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 55px;
}

div.ic br:nth-of-type(3) { margin-bottom: 7px }
div.ic br:nth-of-type(4) { margin-bottom: 7px }
div.ic br:nth-of-type(5) { margin-bottom: 7px }

.tight {
  margin-bottom:20px;
}
.wide {
  margin-top:55px;
}
.superwide {
  margin-top:90px;
}

.ic IMG {
  margin-bottom: 5px;
}

.gr {
  color: gray;
  font-size: 85%;
}

.img_right {
  float: right;
  padding: 1em;
  margin: 0 0 1em 1em;
  display: inline;
}

.img_left {
  float: left;
  padding: 0;
  margin: 0 7px 2px 0;
  display: inline;
}

.navigation a             { text-decoration: none }
.navigation a[href]:hover { text-decoration: underline }

.navigation {
  display: block;
  font-size:90%;
}

.bold_nav {
  font-weight:bold;
  font-size: 180%;

  color:#D42;
  background: #CCC;
  border: 4px #AAA solid;
  padding: 2px 1em;
}


/* ********************************************************************** */
.spam_warning {
  font-size: 90%;
  color: white;
  margin-top: 2px;
  margin-bottom: 4px;
}

.comments_header {
  margin-bottom: 20px;
  margin-top: 5px;
  font-size: 120%;
  font-family: sans-serif;
  font-weight: bold;
}

.comment {
  padding: 5px;
  margin-bottom: 1.5em;
}

.comment_time, .comment_tz, .comment_ago, .comment_link {
  font-size: 90%;
}

.comment_author {
  font-weight: bold;
  color: #DDD;
}

.comment_meta {
  margin-left: 1em;
  color: gray;
  margin-top: 2px;
  font-family: "Georgia", sans-serif;
  font-size: 90%;
}


/* no idea why this is required */
#comments p { margin: 1em 0 0 0; padding: 0; }
#comments p:first-child { margin: 0; }

.comment_guts {
  padding: 5px 1em 5px 5px;
  max-width: 800px;
  border: 1px solid #BBB;
  background-color: #444;
}

.moderated {
  border-color: red;
  background-color: #880;
  color: black;
}

.in_moderation {
  font-size: small;
  color: #F66;
  margin-bottom:3px;
}

.post_comment_box {
  margin-top: 40px;
  padding-left: 0.3em;
  margin-right: 2em;
  padding-right: 1em;
  border: solid 1px #333;
}


#footer {
  clear: both;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  font-size: 90%;
  color: gray;
}

#footer a:visited, #footer p a:link {
  color: gray;
/*  text-decoration: none; */
}
#footer a:hover {
  color: gray;
  text-decoration: underline;
}
  

.format_desc {
  color: gray;
  font-size: 80%;
}
.format_inst {
  color: gray;
  font-size: 80%;
}

body table#MBL_COMM {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* until MyBlogLog gets their anti-spam shit together ----
table#MBL_COMM { 
  display: none;
}
*/

.nobr {
  white-space: nowrap;
}

table#MBL_COMM th.mbl_h { 
  white-space: nowrap;
  padding-bottom: 8px !important;
  font-size: 120% !important;
}

div.relatedlinks {
  background-color: #333;
  margin-top:30px;
  padding:10px;
  border: solid 1px #B00;
  margin-right: auto;
}
div.relatedlinks  span  { font-weight: bold } 
div.relatedlinks  table { margin-left: 30px }
td.rel_date { font-size: 85% }
td.rel_url  { padding-left: 20px }

.button {
  background-color:#555;
  padding: 2px 7px;
  border: #874 solid 2px;
  border-bottom-color: #224;
  border-right-color: #224;
  font-family: arial,helvetica;
  text-decoration: none;
  font-weight:bold;
}
.button:hover {
  color: white;
}

.jfriedl {
  margin:15px 0;
  display: block;
  color: #4F4;
}

.jinline {
  color: green;
}

/* "visibile on hover" */
.voh:hover { color: inherit } 

.wp-smiley { border:none ! important; background-color: inherit !important; margin: 0 ! important; padding: 0 !important }

/* mouseover box */
.mob { border-bottom: dotted 1px gray }

/* acronym */
.ibm { font-size: 82% }

/* the desktop-bakground link box */
.dbg {
  text-align:center;
  margin: 5px auto;
  margin-bottom: 0;
  width: 690px;
  background-color: #111;
  border: solid 1px #444;
  padding-bottom: 5px;
}
div.dbg2 {
  text-align:center;
  margin: 17px auto 0 auto;
  width: 480px;
  background-color: #111;
  border: solid 1px #333;
  padding-top: 4px;
  padding-bottom: 4px;
}
span.dbg2 {
  margin-left:auto;
  margin-right:auto;
  opacity:.6;
  filter:alpha(opacity=60);
  white-space:nowrap;
  font-size:small;
  line-height:150%;
}
.dbg > b    { color: white }

.page_item { margin-bottom: 10px; white-space: nowrap; line-height:90% }
.page_item .jp { font-size:85%; color:#987 }

.alignright {
  float: right
}

.navigation .alignright {
  margin-left: 2em
}

.set_of_thumbs {
  margin-top:20px;
}

.old_floating_img {
  background-color: #EFE;
  padding:10px;
  margin: 15px;
  border: solid #4C4 1px;
}


.caption { font-size: 175% }
div.caption { margin-bottom: 5px }
img { padding:5px; background-color: black; border:solid 1px #888 }
.camera-info           { color: #444; font-size:85%; white-space: nowrap}

#mini_toc { white-space: nowrap; text-align:center;float:right;font-size:90%;margin-left:2em;margin-top:11px }
#jname { text-align:right;margin-top:3px;float:right;color:#555 }

@media screen and (max-width: 900px) {
    body { font-size: 10px }
    a.blogname { font-size: big }
    span.blogdesc { font-size: small }
    .post_title { font-size: 110% }
    span.byline { display: block; font-size: 100% }
    span.post_date { padding-left: 0}
    .post_timestamp { font-size: small }
    .navigation { font-size: 50% }
    .camera-info { font-size: 50%; white-space: normal }
    div.ic { font-size: 80% }
    div.ic img { max-width: 100%; height:100%; padding: 2px }
    .caption { font-size: 130% }
    #content { width: auto }
    #mini_toc { display:none }
    #jname {  display:none }
    #sidebar { display: none }
}

.camera-info a:link    { color: #7777bb; text-decoration:none }
.camera-info a:visited { color: #46A; text-decoration:none }
.camera-info a:hover   { text-decoration: underline }
.subtle               { color: #444  }
.subtle-less          { color: #666  }
.subtle a[href]:link  { color: #555  }
.subtle a[href]:hover { color: #e2ffe2 }
.wow                  { color: white }
img.raw { border:none; padding:0; margin:0; background-color:transparent }

.pt { font-style: italic }
.ptx { font-style: italic }

a[href]:link.pt      { color: #d3dcb8; text-decoration:none }
a:link.pt            { color: #d3dcb8; text-decoration:none }

a[href]:visited.pt   { color: #e8e2ff; text-decoration:none }
a:visited.pt         { color: #e8e2ff; text-decoration:none }

a[href]:hover.pt     { color: white; text-decoration:underline }
a:hover.pt           { color: white; text-decoration:underline }

.wp-smiley {  border:none; padding:0; margin:0; background-color:transparent } 


.bg-A { background-color: #433; border-color: #755; border-style:solid }
.bg-B { background-color: #232; border-color: #755; border-style:solid }
.bg-C { background-color: #222; border-color: #755; border-style:solid }
.bg-G { background-color: #484848; border-color: #755; border-style:solid }

.major_announce {
  margin: 20px 40px;
  border:solid 3px #942;
  background-color:#533;
  padding: 40px 40px;
  text-align:center;
  font-size:110%
}

.ic .dark_screenshot { border-color: #444 }

div.css_old > div.post_guts a:link    { color: blue }
div.css_old > div.post_guts a:visited { color: purple }
div.css_old > div.post_guts img { background-color: #EFE; border:none; padding: 0 }
div.css_old  div.relatedlinks  { background-color: white; margin-bottom:20px }

.bento_img_sm { border: none }

.f { font-family:times; font-style: italic }

img.unsize {
   display: none;
   border:none;
   padding:0;
   margin:0;
   position:relative;
   left: 10px;
   bottom:8px;
   background-color:transparent;
}

div.resize_warning {
   display: none;
   width: 500px;
   border: solid orange 1px;
   background-color: #444;
   padding: 5px 2em;
   margin-bottom: 40px;
   margin-left: auto;
}

.photo-by {
    color: #F88
}

#cat_desc p {
  margin-top: 10px;
  margin-bottom: 30px;
}


div.commentcount {
    float:right;
    margin-right:5px;
    font-size:small;
}
div.commentcount a[href]:link {
    color: #666
}