/*  
  Theme Name: Blob
  Theme URI: http://onezero.org
  Version: 1.0
  Description: Blob Wordpress theme created by Andrew Shapira (onezero.org)
  Compatibility: WordPress 2.1
  Author: Andrew Shapira
  Author URI: http://www.onezero.org

  This theme is for my own private use only.

  TODO: use percentages (relative to font size)
        instead of ex/em units wherever possible, e.g., in line-height
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, hr, form {
	margin: 0;
	padding: 0;
}

@media print {
  body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, hr, form {
    page-break-inside:avoid;
    page-break-after:avoid;
  }
}


.abstracttitle {
  text-align:center;
}

a:hover { text-decoration: none; }

a { color: #444; border:0; }

abbr, acronym { border: 0; }

address { padding: 2ex 0 0; }

/* example: healthy food tips - copyright, last modified */
.backmatter {
  margin-top: 2ex;
  border-top: 1px solid #ccc;
  margin-bottom: 2ex;
  padding-bottom: 2ex;
  border-bottom: 1px solid #ccc;
}

blockquote {
	margin: 1.75ex 2em 1.75ex 2em;
  text-align: justify;
}
@media print { blockquote { page-break-inside:avoid; } }

body {
	font-family: Arial, Helvetica, Georgia, sans-serif;
	text-align: center;
	vertical-align: top;
	background: #eef;
	color: #ddd;
}

.browse {
	margin: 3ex 0 0;
	border-top: 1px solid #ccc;
	padding: 2ex 0 0;
	line-height: 4ex;
}

code {
  font-size: 1.4em;
}

.date {
  text-align:center;
}

/*
  Prohibit line breaks for most inline uses of <code>.  This does
  not catch all inline uses of <code>, e.g., uses in tables.

  Note: we use "p.code" instead of "code" because the latter breaks
  the codeblock class - newlines get eaten.
*/
p.code {
  white-space: nowrap;
}

/*
  This class is designed for non-inlined blocks of code, in
  conjunction with WordPress's Code Markup plugin, like this:

    <pre class="codeblock"><code>
    void hello()
    {
      for (int i = 0; i < 10; i++)
        { Console.WriteLine("hello world {0}", i); }
    }
    </code></pre>

  or

    <pre class="codeblock">
    <code>
    void hello()
    {
      for (int i = 0; i < 10; i++)
        { Console.WriteLine("hello world {0}", i); }
    }
    </code>
    </pre>
*/
.codeblock {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1.5ex 0em 1.5ex .75em;
	width: 95%;
  line-height: 125%;
	background: #eee;
  color: #000;
  padding: 2ex 0.25ex 2ex 2ex;
}
@media print { .codeblock { page-break-inside:avoid; } }

/* border-top: 1px solid #ccc; */
.comments-template {
	margin: 2.5ex 0 0;
	padding: 2.5ex 0 0;
}

.comments-template ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-template ol li {
	margin: 2ex 0 0;
	line-height: 3ex;
	padding: 0 0 2ex;
	border-bottom: 1px solid #ccc;
}

.comments-template h3, .comments-template h2 {
	padding: 2ex 0 0;
}

.commentmetadata {
}


#content-container {
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	text-align: center;
	vertical-align: top;
	background: #fff;
	color: #000;
	clear: both;
}

.content a {
	color: #00f;
}


.content h2 a {
	text-decoration: none;
	color: #00c;
}

.copyright {
  text-align:center;
}

@media print { .content h2 a { color: #000; } }

.content h2 a:hover {
	text-decoration: underline;
}

.description { display:none; }

dd {
  padding: 0 0 0 2ex;
}

@media print { dl { page-break-before:avoid; } }

dt {
  font-style: italic;
  font-weight: normal;
}

.entry {
	line-height: 2.5ex;
}

.entry h1, .entry h3, .entry h4, .entry h5, .entry h6 {
  padding-top: 1ex;
}

.entry p.postinfo {
	color: #999;
}

/* inlined math expressions */
.expr {
  font-style: italic;
  white-space: nowrap;
}

/* block math expressions (like "equation" in LaTex) */
.equation {
  font-style: italic;
  white-space: nowrap;
  margin: 2ex 2em 2ex 2em
}

#footer {
	padding: 0 0 5ex;
}

#footer-container {
	float: left;
	width: 100%;
	padding: 5ex 0;
	text-align: left;
	vertical-align: top;
	color: #ccc;
	clear: both;
}
@media print { #footer-container { display:none; } }

#footer .attribution {
	text-decoration: none;
	color: #ccc;
}

.frontmatter {
  margin: 2ex 0 5ex 0;
}

.frontmatter p {
  text-align:center;
}

  .frontmatter .author {}
  .frontmatter .affiliation {}
  .frontmatter .copyright {}
  .frontmatter .date {}
  .frontmatter .internetlocation { display:none; }

  @media print { .internetlocation { display:block; } }

/* example: blog entry for 'structs are immutable' article */
.guideline {
  text-align: justify;
	background: #bfb;
  padding: 1.25em;
  margin-left: 1em;
  margin-right: 1em;
}
@media print {
  .guideline { page-break-before:avoid; page-break-inside:avoid; }
}

/*
  A figure in a technical article (example: collatz-problem).
  A caption is a short phrase under the caption.
  Longer text with multiple sentences is called a "legend".

  TODO: make caption use justifying in case it does not fit on one line.
  I could not figure out how to do this and have the line be centered
  when there is only one line, and have the last line not be centered
  when there is more than one line.
*/

.figure {
  margin: 2ex 3ex 2ex 3ex;
}

.figure .image {
  max-width: 100%;
  border: 0;
  padding: 2ex 2ex 1ex 2ex;
  margin-left: 1ex;
  margin-right: 1ex;
}

.figure .image img, .figure .image a img, .figure .image a {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.figure .caption {
  font-size: 80%;
  line-height:2.5ex;
  padding: 0 2ex 2ex 2ex;
  text-align: center;
}

.figure .legend {
  font-size: 80%;
  line-height:2.5ex;
  padding: 0 2ex 2ex 2ex;
  text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, sans-serif;
}

h2 {
  text-align:center;
  margin: 0 0 0 0;
	padding: 0 0 1ex 0;
  font-size: 6ex;
  font-weight:normal;
  font-style: normal;
	font-weight: normal;
}

h3 {
  margin-top: 2ex;
  font-size: 4ex;
  font-weight: 600;
  line-height: 2.25ex;
}

h4 {
  margin-top:2ex;
  font-size: 2.5ex;
  font-weight:600;
  line-height: 2.25ex;
}

h5 h6 {
  margin-top:1.5ex;
	font-weight: normal;
}

.articletext h2, h3, h4, h5, h6 {
  margin-bottom: 1.75ex;
}

/* main menu item image in left column of home page */
.homeleft {
  max-width:2.5em;
  max-height:2.5em;
  width:2.5em;
  height:2.5em;
  background:#008;
}

/* main menu item text in right column of home page */
.homeright {
  background:#800;
}

hr {
	clear: both;
	margin: 2ex 2ex 1ex 2ex;
	border: 0;
	height: 1px;
	text-align: left;
	color: #ccc;
}

img {
  border: 0;
}
@media print { img { page-break-after:avoid; page-break-inside:avoid; } }

input, textarea {
	font-family: Arial, Helvetica, Georgia, sans-serif;
	padding: 3px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	border: 1px solid #aaa;
	background-color: #ddd;
}

input#author, input#email, input#url {
	margin: 0 1ex 0 0;
}

#header-container {
	float: left;
	width: 100%;
	border-bottom: .2ex solid #003366;
	text-align: center;
	vertical-align: top;
	background: #bd9300;
	background: #900;
	color: #fb9c9c;
	clear: both;
}

@media print { #header-container { display:none; } }

#header, .content, #sidebar, #footer {
	margin: 0 auto;
	width: 36em;
	text-align: left;
	vertical-align: top;
}

@media print {
  .content {
    height:100%;
    width:100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }
}

#header h1 {
	font-weight: normal;
}

#header h1 a {
	color: #fff;
	text-decoration: underline;
}

/* Display a link in a different color than usual so that it
   stands out on pages that have a high density of links.
*/
.highlighteditlink a {
  display:block;
  width:4em;
  text-align:center;
  margin-top: 2ex;
  color: #ff6600;
  padding: .5ex;
  border:2px solid;
  font-weight: bold;
}
@media print { .highlighteditlink { display:none; } }

@media print { ol { page-break-before:avoid; } }

p {
  text-align: justify;
  margin: 1.75ex 0 0 0;
}

.articletext p {
  text-indent: 1.75em;
  margin: 0 0 0 0;
}

/* a picture on my pictures page */
.picture {
  padding-top: 8ex;
  margin-bottom:4ex;
}

.post {
	margin: 1ex 0 0 0;
}

@media print { .post { margin: 0 0 0 0; } }

.post img {
	border: 1px solid #ccc;
	background: #fff;
}

.post img.alignleft {
	float: left;
	margin: 1ex 2ex 0 0;
}

.post img.alignright {
	float: right;
	margin: 1ex 0 0 2ex;
}

.post img.wp-smiley {
	padding: 0;
	border: 0;
	background: none;
}

.postdate {
	color: #000;
}

/*
  At one time, I used <pre> for blocks of code.
  Using <div class="codeblock"> is now preferred.
  If I convert existing uses of pre to use
  codeblock instead, this definition can probably
  be removed.  See above for codeblock attributes.
*/
pre {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: .5ex;
	width: 90%;
  line-height: 2.25ex;
	background: #eee;
  color: #000;
  padding: 2.5ex;
}

#printer-friendly-header, #printer-friendly-footer {
  color: #222;
  font-style: italic;
  font-size: 50%;
  margin: .25ex 0 0 0;
  text-align:center;
}
@media print { #printer-friendly-header { display:none; } }

#printer-friendly-footer {
  padding: .5ex;
  border: 1px solid;
  color: green;
  width: 43em;
}
@media print { #printer-friendly-footer { display:none; } }

#sidebar-container {
	float: left;
	width: 100%;
	padding: 0 0 5ex;
	text-align: left;
	vertical-align: top;
	color: #222;
	border-top: .2ex solid #003366;
	clear: both;
}
@media print { #sidebar-container { display:none; } }

.sidecol1, .sidecol2, .sidecol3 {
	width: 20ex;
	float: left;
  margin-top: 1ex;
}

.sidecol2, .sidecol3 {
	margin-left: 3ex;
}

#sidebar a {
	text-decoration: none;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	padding: 1.5ex 0 0;
}

#sidebar ul li h2 {
	text-transform: uppercase;
	padding: 0 0 1.5ex;
	border-bottom: 1px solid #242424;
}

#sidebar ul ul {
	padding: .5ex 0 0;
}

#sidebar ul ul li {
	padding: 0 0 0 2.5ex;
	line-height: 4ex;
}

#sidebar ul ul li.bulletless {
	padding: 0;
	background: none;
}

#sidebar ul ul li.bulletless form {
	padding: 1ex 0 0;
}

#sidebar ul ul ul {
	padding: 0;
}

#sidebar ul ul ul li {
	padding:  0 0 0 1ex;
}

.content table {
  margin: 1.75ex 0 0 0;
  padding: 1.25ex;
}
@media print { .content table { page-break-inside:avoid; } }

/* TODO: delete (should be unused) */
#header table {
  padding:0;
  margin:0;
}

/* can be used as <span class="smallexample"> within paragraphs */
.smallexample {
  display:block;
  padding: .75ex 0 .75ex 1.75ex;
}

table#wp-calendar {
	width: 100%;
	font-family: Arial, Helvetica, Georgia, sans-serif;
	text-transform: none;
}
 
table#wp-calendar caption {
	padding: 1ex 2ex;
}

table#wp-calendar th {
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	background: #2e2e2e;
}

table#wp-calendar td {
	padding: 1px;
	text-align: right;
}

table#wp-calendar tfoot td {
	text-align: center;
}

@media print { ul { page-break-before:avoid; } }

/*
  body { border: 5px solid blue; }
  .post { border: 5px solid green; }
  h2 { border: 5px solid orange; }
*/