/*
Theme Name: TMJ
Theme URI: http://blog.mathematica-journal.com/
Description: The default WordPress theme for The Mathematica Journal site.
Version: 1.0
Author: Richard Miske
Author URI: http://www.wolfram.com/
Tags: tmj
*/


body { margin: 0; padding: 0; font: 11px Verdana, Arial, sans-serif; line-height: 1.4; }
a { text-decoration: none; outline: none; }
  .entry a, .single a, .page a { color: #000; }
.chevron, a .chevron { color: #d76d01; }





#hometopheader { position: relative; height: 111px; background: #000 url('/wp-content/themes/tmj/images/hdr_topgradient.gif') repeat-x; color: #fff; }
  #hometopheader img#hometitle { position: absolute; top: 25px; left: 38px; }
  #hometopheader img#homesubtitle { position: absolute; top: 77px; left: 168px; }
  #hometopheader .othernav { position: absolute; top: 7px; width: 1000px; text-align: right; font-size: 10px; line-height: 10px; }
    #hometopheader .othernav a { color: #999; margin-left: 15px; }
      #hometopheader .othernav a:hover, #hometopheader .othernav a:active { color: #fff; }
      #hometopheader .othernav a.moremenulink { margin-right: 100px }
    #hometopheader .othernav #moremenuitems { position: absolute; top: 12px; right: 0; z-index: 11; border: 1px solid #b61c1c; width: auto; background: #f0e9cc url('/wp-content/themes/tmj/images/hdr_moremenu_bg.gif') repeat-x; text-align: left; font-size: 11px; line-height: 1.4; }
      #hometopheader .othernav #moremenuitems ul.left, #moremenuitems ul.right { float: left; width: auto; margin: 10px 0; padding: 0; list-style: none; }
        #hometopheader .othernav #moremenuitems ul.left li { margin: 0; padding: 2px 15px; border-right: 1px solid #999; }
        #hometopheader .othernav #moremenuitems ul.right li { margin: 0; padding: 2px 15px; }
      #hometopheader .othernav #moremenuitems a { margin: 0; color: #000; }
        #hometopheader .othernav #moremenuitems a:hover { margin: 0; color: #b61c1c; }



#subpagetopheader { position: relative; height: 58px; }
  #subpagetopheader img#subpagetitle { position: absolute; top: 20px; left: 38px; }
  #subpagetopheader #subpagevolume { position: absolute; top: 28px; left: 373px; font-size: 15px; line-height: 20px; }
  #subpagevolume, #subpagevolume a { color: #e09c27; }


div.homeseparator { height: 2px; background: #b61c1c; }
div.subpageseparator { height: 2px; background: #e7bd44; }



#searchbar { height: 32px; background: #470b0b url('/wp-content/themes/tmj/images/hdr_searchbargradient.gif') repeat-x; }
  #searchbar form { position: relative; float: left; display: inline; margin: 6px 25px 0 40px; padding: 0; }
    #searchbar .searchboxsub, #searchbar .searchboxsub-on { width: 148px; height: 14px; margin: 0 0 2px; padding: 1px 0 1px 3px; border: 1px solid #aaa; font: 10px/14px Verdana, Arial, sans-serif; }
    #searchbar .searchboxsub    { color: #555; }
    #searchbar .searchboxsub-on { color: #000; }
    #searchbar .headerSearchSubmit { position: absolute; top: 4px; right: 4px; }



  #searchbar a { float: left; padding: 0 20px 2px 0; font-size: 10px; line-height: 30px; color: #fff; text-transform: uppercase; }
    #searchbar a:hover { padding: 0 20px 2px 10px; margin-left: -10px; background: url('/wp-content/themes/tmj/images/hdr_searchbargradient_on.gif') no-repeat right; }
  #searchbar a#headerfeedicon { padding: 0; }
    #searchbar a#headerfeedicon:hover { padding: 0; margin-left: 0; background: none; }
    #searchbar a#headerfeedicon img { margin: 8px 0; }







#content { float: left; width: 575px; margin: 25px 0 0 40px; /* this is for ie */ display: inline; }

img#featuredimage { margin-bottom: 10px; }

h1 { margin: 0; padding: 5px 14px 6px; background: #41090a url('/wp-content/themes/tmj/images/redgradient_sm.gif') repeat-x; border: 1px solid #aaa; font-size: 12px; line-height: 13px; color: #fff; }
  h1.featured {  }
    h1 span { display: inline-block; height: 13px; }
    h1.featured span.date { margin-left: 10px; padding-left: 10px; font-weight: normal; font-size: 10px; border-left: 1px solid #fff; }
h2 { position: relative; margin: 0; padding: 0; font-size: 13px; }
  .sticky h2 { padding: 5px 0 0 15px; font-size: 14px; }
  .single h2, .page h2 { font-size: 15px; padding-bottom: 10px; }
  h2 a.permalink { display: inline-block; width: 417px; /*width: 460px;*/ color: #c24f00; }
  h2 a.permalink:hover { color: #d76d01; }
  h2 .downloadlinks { position: absolute; top: 6px; right: 0 !important; right: 15px; }

h3.subtitle { margin: 0; font-size: 11px; color: #c24f00; }

.single h3 { margin: 0; padding: 20px 0 8px; font-size: 14px; }
  .single h3.subtitle { margin: -5px 0 0; padding-top: 0; font-size: 12px; }
.single h4 { margin: 0; padding: 16px 0 8px; font-size: 12px; }
.single h5 { margin: 0; padding: 16px 0 8px; font-size: 12px; font-weight: normal; font-style: italic; }


/* inline author and title looks BAD */
/*
div.author { font-weight: bold; line-height: 16px; }
  div.author span { white-space: nowrap; }
  div.date { margin-left: 10px; padding-left: 10px; border-left: 1px solid #808080; font-weight: normal; font-size: 10px; line-height: 16px; color: #555; white-space: nowrap; }
*/

/* this looks a bit better */
div.author { font-weight: bold; line-height: 16px; }
  .sticky div.author { margin: 7px 0 4px 40px; font-size: 12px }
  div.author span { white-space: nowrap; }
  div.date { font-weight: normal; font-size: 10px; line-height: 16px; color: #808080; }
    .date a { color: #c24f00; }
    .date a:hover { color: #d76d01; }





.post { margin: 15px 15px 0; }
  .sticky { margin: 0 0 20px; padding: 0 0 25px; background: #fff9f4 url('/wp-content/themes/tmj/images/featured_bg.gif') repeat-x bottom; border: solid #aaa; border-width: 0 1px 1px; }
    .sticky .featuredimg { border-bottom: 1px solid #e7bd44; }

.entry { }
  .entry p { margin: 0; padding: 0 0 15px; }
  .sticky .entry { padding: 0 140px 0 40px; font: 15px/21px serif; font-style: italic; }
  .single .entry, .page .entry { font-size: 12px; line-height: 18px;  }
    .single .entry p { margin: 0; padding: 7px 0 8px; line-height: 18px; }
    .single .entry p img { line-height: 18px; }

a.more-link { color: #d76d01; font-weight: normal; font-size: 9px; white-space: nowrap; text-transform: uppercase; }
  .sticky a.more-link span.more-text { display: inline-block; vertical-align: middle; margin: 0 0 3px; padding: 0 2px 1px; background: #f29f39 url('/wp-content/themes/tmj/images/button_bg.gif') repeat-x center; border: 1px solid #d76d01; font-family: Verdana, Arial, sans-serif; font-style: normal; line-height: 10px; color: #fff; }
  .sticky a.more-link span.iebug { display: inline-block; line-height: 21px; }
  .more-link img { margin: 0 0 3px; vertical-align: middle; }

.clear { clear: both; }


.downloadlinks { padding: 0; color: #999; font-weight: normal; font-size: 9px; line-height: 9px; }
  .sticky .downloadlinks { padding: 0 0 0 40px; }
  .downloadlinks span { margin-left: 7px; padding-left: 4px; border-left: 1px solid #aaa; width: 1px; }
  .downloadlinks a { color: #d76d01; text-transform: uppercase; }
  .downloadlinks img { margin-right: 3px; }


.separator { height: 2px; background: url('/wp-content/themes/tmj/images/separator.gif') repeat-x center; }
.separator2 { height: 3px; background: url('/wp-content/themes/tmj/images/separator2.gif') repeat-x center; }





.navigation { margin: 12px 0 0; }
  .navigation a { display: inline-block; vertical-align: middle; margin: 0 0 1px; padding: 0 4px 1px; background: #f29f39 url('/wp-content/themes/tmj/images/button_bg.gif') repeat-x center; border: 1px solid #d76d01; font-size: 9px; line-height: 14px; color: #fff; text-transform: uppercase; }




/* this may be back (display:inline is for an ie bug)
#singlesidebar { float: left; width: 150px; margin: 5px 0 0 40px; display: inline; }
  .ssb_head { margin: 20px 0 0; text-transform: uppercase; }
*/
#singlecontent { margin: 25px 0 0 40px; width: 620px; padding-bottom: 50px; } /* change left margin to 220 if sidebar comes back */



.single .post, .page .post { margin: 15px 0; }


.singleauthorWrap { position: relative; margin: 0; padding: 5px 0 30px 0; border-top: 1px solid #e7bd44; }
  .page .singleauthorWrap { padding-bottom: 15px; }
  .singleauthors { display: inline-block; width: 400px; color: #af1e23; text-transform: uppercase; }
  p.pagenav { position: absolute; top: 5px; right: 0 !important; right: 15px; margin: 0; padding: 0; font-size: 10px; color: #666; }
    p.pagenav a {  }

.singlenav { margin-top: 10px; padding-top: 5px; border-top: 1px solid #e7bd44;  }



/* from notebooks */
table.ReferenceTable { border-collapse: collapse; }
  table.ReferenceTable td { vertical-align: top; padding: 3px 0 3px 8px; }
  table.ReferenceTable td.Reference { text-align: right; width: 40px; padding: 3px 0; }
  table.ReferenceTable td.DOIReference { padding-left: 56px; text-indent: -40px; }
table.DisplayFormulaNumbered { margin: 7px 0 7px 40px; border-collapse: collapse; }
  .DisplayFormulaNumbered td { width: 100%; font-size: 11px; }
  .DisplayFormulaNumberedLabel a { color: #000; }

p.input img, p.output img { margin-left: 40px; }

.single .entry ul, .single .entry ol { margin: 7px 0; }







/* article submit */
table#articleSubmit tr { vertical-align: top; }
#articleSubmit div.error { color: #d00; }
  #articleSubmit div.error img { padding-right: 3px; }







.page h3 { margin: 5px 0 0 0; padding: 15px 0; border-top: 1px solid #aaa; font-size: 12px; }
.page ul { margin: 0 0 0 15px; padding: 0 0 5px; }
  .page ul li { margin: 0 0 10px 20px; padding-left: 5px; }
.page ol { margin: 0 0 0 20px; padding: 0 0 5px; }
  .page ol li { margin: 0 0 10px 20px; }


.page table#backissuesTable { border-collapse: collapse; }
  #backissuesTable tr { vertical-align: top; }
  #backissuesTable th { text-align: left; }
  #backissuesTable td { text-align: center; font-size: 11px; padding-bottom: 10px; }
    #backissuesTable td img { margin-bottom: 5px; }










#sidebar { margin: 25px 0 0 655px; width: 247px; padding-bottom: 50px; }

.sb_pod { margin-bottom: 25px; border: 1px solid #aaa; background-color: #fff; font-size: 10px; }
  .sb_head { padding: 4px 8px; background: #000 url('/wp-content/themes/tmj/images/sb_blackgradient.gif') repeat-x; color: #fff; font-size: 12px; line-height: 12px; text-transform: uppercase; }
  .sb_foot { padding: 0 10px; background: #41090a url('/wp-content/themes/tmj/images/redgradient_sm.gif') repeat-x; text-align: right; font-size: 9px; line-height: 24px; text-transform: uppercase; }
    .sb_foot a { color: #fff; }
  .sb_header { background: #41090a url(/wp-content/themes/tmj/images/redgradient_sm.gif) repeat-x scroll 0 0; line-height: 24px; padding: 0 10px;}
    .sb_header a {color: #fff; font-size: 12px;}
  .white_text {color: #fff; font-size: 12px;}

  #sb_nowfree { background: #fff url('/wp-content/themes/tmj/images/sb_nowfree_gradient.gif') repeat-x top; }
    #sb_nowfree .freetop { padding: 16px 10px 0; color: #871514; font-size: 10px; text-transform: uppercase; }
    #sb_nowfree .freehead { padding: 0 20px; font-size: 12px; font-weight: bold; font-style: italic; text-transform: uppercase; }
    #sb_nowfree .freetext { padding: 4px 10px 8px 20px; }
    #sb_nowfree .freefoot { background: #f4f4f4 url('/wp-content/themes/tmj/images/sb_nowfree_icon.gif') no-repeat 20px center; border-top: 1px solid #aaa; padding: 5px 10px 5px 60px; color: #555; }
      .freefoot a { color: #555; }

  #sb_wolframblog {}

div#wolfram-rss-posts {
    padding: 17px 13px 0 13px;
}

div#wolfram-rss-posts div.wolfram-rss-post {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #000;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    display: block;
}
.training-event {
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
}
.training-event ~ .training-event {
    border-top: 1px solid #ddd;
}
#rssTrainingFeedLoading + .training-event {
    margin: 0 0 5px;
    padding: 0 0 5px;
}
.training-event:last-child {
    margin: 0 0 15px 0;
}
.training-event a {
    color: #000;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
}

div.wolfram-rss-post a:link, div.wolfram-rss-post a:visited, div.wolfram-rss-post a:active {
  color: #000;
}

div.wolfram-rss-post a:hover, div.wolfram-rss-post a:visited:hover, div.wolfram-rss-post a:active:hover,
.training-event a:hover {
  color: #D76D01;
}

div.wolfram-rss-post span.chevron {
    margin-left: 4px;
  color: #bb0000;
}

div#wolfram-rss-posts div.bottom-border {
    border-bottom: 1px solid #ddd;
}

div#rssWolframFeedLoading {
    padding-bottom: 10px;
}

  #sb_demonstrations {}
    #sb_demonstrations .demsub { margin: 5px 0 4px; text-align: center; font-size: 10px; font-weight: bold; color: #c24f00; }
    #sb_demonstrations .demlink { padding-top: 15px; }
      #sb_demonstrations .demlink img { margin: 0 0 15px 14px; border: 1px solid #ccc; }

  #sb_featured {}
    #sb_featured .featitem { margin: 10px; padding: 10px 0 0; border-top: 1px solid #ddd; background: #fff; }
      #sb_featured .first { padding-top: 0; border: 0; }
    #sb_featured span.new { color: #871514; }
    #sb_featured a { color: #000; }

  #sb_books {}
    /*#sb_books .booksub { padding: 15px 10px 3px; font-size: 9px; font-weight: bold; font-style: italic; text-transform: uppercase; }*/
    #sb_books .booksub { margin: 10px 10px 3px; font-size: 10px; font-weight: bold; }

    /* book listings */
    #sb_books .booksection { border: solid #dfdfdf; border-width: 1px 0; background-color: #ffffff; margin: 0; }
    #sb_books .booksectionbar{ height: 7px; background: url('/wp-content/themes/tmj/images/sb_books_shadowbottom.gif') no-repeat; }
    #sb_books table { height: 48px; border-collapse: collapse; margin: 0;  }
    #sb_books td { padding: 0; vertical-align: bottom; }
    #sb_books td.bookicon { background: url('/wp-content/themes/tmj/images/sb_books_iconbg.gif') repeat-x center; vertical-align: middle; text-align: center; width: 54px; border-right: 1px solid #dfdfdf; }
    #sb_books td.booktitle { background: url('/wp-content/themes/tmj/images/sb_books_boxbg.gif') repeat-x bottom; vertical-align: middle; width: 167px; padding: 7px 0; }
      #sb_books td.booktitle a { display: inline-block; padding: 0 7px; line-height: 13px; font-weight: bold; font-style: italic; color: #d76d01; }
    #sb_books td.bookarrow { background: url('/wp-content/themes/tmj/images/sb_books_arrow_bg.gif') no-repeat center; vertical-align: middle; }
      #sb_books .bookarrow a { display: inline-block; height: 48px; width: 23px; background: url('/wp-content/themes/tmj/images/sb_books_arrow.gif') no-repeat center; }
        /*#sb_books .bookarrow a:hover { background: url('/wp-content/themes/tmj/images/sb_books_arrow_red.gif') no-repeat center; }*/
     span.roman { font-style: normal !important; }


/* not used right now
  #sb_news {}
    #sb_news .newsitem { margin: 0 10px; border-collapse: collapse; }
      #sb_news .newsitem tr { vertical-align: top; }
      #sb_news .newsitem td { border-top: 1px solid #ddd; padding: 15px 0; }
        #sb_news .first td { border: none; }
      #sb_news .newsitem img { float: left; margin: 3px 7px 0 0; }
      #sb_news .newsitem a { font-weight: bold; color: #000; }
*/












#footer { clear: both; margin: 50px 0; padding-top: 5px; border-top: 1px solid #aaa; font-size: 9px; line-height: 14px; color: #808080; }
  .single #footer, .page #footer { margin-top: 100px; }
  #footer a, #footer a:hover { color: #808080; margin-left: 7px; padding-left: 7px; border-left: 1px solid #aaa; }
  #footer img { vertical-align: bottom; line-height: 14px; }









/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left;
  }
/* End Images */