/* constant styles  */

body
{     font-size: 100%;
      height: 100%;
      font-family: Georgia,"Times new roman";
      font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}

#main
{     border: 0.1em dashed #DDDDDD;
      background: #FFFAFA;
      line-height: 1.4em;
      color: #333;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      min-height: 25em;
}

#footer
{     border: 0.0em dashed #DDDDDD;
      width: 60%;
      margin: auto;
      padding-right: 5%;
      font-size: 0.9em;
      line-height: 26px;
      color: #666;
      text-align: center;
}

#page
{     border: 0.0em solid green;
      width: 99%;
      max-width: 75em;
      padding: 0.5em 1em;
      margin: 0% 2%;
}

#blog_footer
{     padding: 1em;
      border-top: 0.8em dashed white;
      background: #ADADAD;
      margin-top: 1em;
      color: black;
      min-width: 620px;
      font-size: 80%;
}

div#blog_footer a
{     outline: 0
}

div#blog_footer a:link
{     color: #ba1820;
      border-bottom: 0.1em dashed #DDD;
}

div#blog_footer a:visited
{     color: #ba1820;
      border-bottom: 0.1em dashed #DDD;
}

div#blog_footer a:hover
{     color: #666;
      border-bottom: 0.1em dashed #DDD;
}

div#blog_footer a:active
{     color: red
}

div#blog_footer a:focus
{     color: #666;
      border-bottom: 0.1em dashed #DDD;
}

html>body #page
{     margin-left: auto;
      margin-right: auto;
}

html, body
{     margin: 0 0 1px 0;
      height: 100%;
}

pre
{     width: 98%;
      margin-bottom: 0.7em;
      padding: 0.5em;
      background: #EEE;
      border-top: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      font-family: "Courier New",Courier,monospace;
      font-size: 90%;
      line-height: 140%;
      overflow: auto;
}

code
{     margin: 0;
      padding: 0;
      font-family: Courier,monospace;
      font-size: 90%;
      line-height: 1.5em;
}

a
{     text-decoration: none
}

span.large_headline a
{     border: 0px
}

div.blogpost p.text
{     letter-spacing: 0.0px
}

div#menu a, div#section2 a, span.large_headline a, div#expand2 a
{     outline: 0
}

div#menu a:link, div#section2 a:link, span.large_headline a:link, div#expand2 a:link
{     color: #ba1820
}

div#menu a:visited, div#section2 a:visited, span.large_headline a:visited, div#expand2 a:visited
{     color: #ba1820
}

div#menu a:hover, div#section2 a:hover, span.large_headline a:hover, div#expand2 a:hover
{     color: #ba1820;
      text-decoration: underline;
}

div#menu a:active, div#section2 a:active, span.large_headline a:active, div#expand2 a:active
{     color: #ba1820
}

div#menu a:focus, div#section2 a:focus, span.large_headline a:focus, div#expand2 a:focus
{     color: #ba1820
}

div.shortPostSummary a, div#footer a
{     outline: 0
}

div.shortPostSummary a:link, div#footer a:link
{     color: #666
}

div.shortPostSummary a:visited, div#footer a:visited
{     color: #666
}

div.shortPostSummary a:hover, div#footer a:hover
{     color: #666;
      text-decoration: underline;
}

div.shortPostSummary a:active, div#footer a:active
{     color: red
}

div.shortPostSummary a:focus, div#footer a:focus
{     color: #666
}

a.name_url, a.comment_number
{     outline: 0
}

a.name_url:link, a.comment_number:link
{     color: #ba1820
}

a.name_url:visited, a.comment_number:visited
{     color: #ba1820
}

a.name_url:hover, a.comment_number:hover
{     color: #ba1820
}

a.name_url:active, a.comment_number:active
{     color: #ba1820
}

a.name_url:focus, a.comment_number:focus
{     color: #ba1820
}

div.blogpost a
{     outline: 0
}

div.blogpost a:link
{     color: #ba1820;
      border-bottom: 0.1em dashed #888;
}

div.blogpost a:visited
{     color: #ba1820;
      border-bottom: 0.1em dashed #888;
}

div.blogpost a:hover
{     color: #999;
      border-bottom: 0.1em dashed #888;
}

div.blogpost a:active
{     color: red
}

div.blogpost a:focus
{     color: #999;
      border-bottom: 0.1em dashed #888;
}

div.blogpost a.img, div.blogpost a.highslide
{     border: none
}

a img
{     border: none
}

.date_link
{     color: #999;
      cursor: help;
}

/* %%%%%%%%%%%%%%  Photo  %%%%%%%%%%%%%%%%
   ================================================== */

div.highslide-gallery
{     border: 0.0em solid black;
      width: 100%;
      margin: auto;
}

div.flickr
{     font-size: 0.6em;
      color: #999;
      font-style: italic;
      position: relative;
      left: 70%;
      width: 20em;
}

/* %%%%%%%%%%%%%%  News  %%%%%%%%%%%%%%%%
   ================================================== */

div#rssOutput  a
{     outline: 0
}

div#rssOutput  a:link
{     color: #ba1820;
      border-bottom: 0.1em dashed #DDD;
}

div#rssOutput  a:visited
{     color: #ba1820;
      border-bottom: 0.1em dashed #DDD;
}

div#rssOutput  a:hover
{     color: #999;
      border-bottom: 0.1em dashed #DDD;
}

div#rssOutput  a:active
{     color: red
}

div#rssOutput  a:focus
{     color: #999;
      border-bottom: 0.1em dashed #DDD;
}

div#rssOutput
{     padding: 0.5em;
      color: #333;
}

div.divider
{     border-bottom: 1px dotted #aaa;
      width: 100%;
      height: 0.2em;
}

div#rssOutput div
{     padding: 0 0.5em 0em;
      margin-bottom: 0.5em;
}

div#rssOutput div.Twitter
{     border-left: 3px solid #aaa
}

 div#rssOutput div.Twitter span.desc
 {     font-size: 75%;
       position: relative;
       top: -0em;
 }

 div#rssOutput div.Twitter div.title
 {     font-size: 85%;
       position: relative;
       top: -0em;
 }

div#rssOutput div.YouTube1
{     border: 0.1em solid #222
}

div#rssOutput div.YouTube2
{     border-left: 0.1em dotted #222;
      width: 90%;
}

div#rssOutput div.Ellen, div#rssOutput div.Oksavik
{     border-left: 0.1em dashed #222;
      width: 90%;
      background: #FFFDED;
}

div#rssOutput div.Bookmarks
{     border-left: 2px solid #aaa;
      width: 90%;
      font-size: 80%;
}

div#rssOutput div.title:before
{     content: open-quote
}

div#rssOutput div.title:after
{     content: close-quote
}

div#rssOutput span.desc
{     font-size: 85%
}

div#rssOutput span.title
{     width: 25em
}

div#rssOutput span.time
{     position: relative;
      left: 0.5em;
      font-size: 65%;
}

/* %%%%%%%%%%%%%  BLOG  %%%%%%%%%%%%%%%
   ================================================== */

span.tag_header
{     font-size: 1.2em;
      color: #666;
}

a.tag
{     color: #999
}

div.tags
{     font-size: 0.9em
}

ABBR, ACRONYM
{     text-transform: lowercase;
      font-variant: small-caps;
      font-style: normal;
      border-bottom: 0;
      letter-spacing: 0.1em;
      cursor: help;
}

div.blogpost p
{     font-size: 1.0em;
      text-align: left;
}

.shortPostSummary
{     background: #FFFDED;
      border-top: 0.1em dashed #666;
      border-bottom: 0.1em dashed #666;
      color: #666;
      font-size: 0.8em;
      width: 100%;
      margin-top: 0.5em;
      margin-bottom: -0.8em;
      letter-spacing: 1px;
}

.small_headline
{     font-size: 0.9em;
      color: #666;
      letter-spacing: 2px;
      font-weight: bold;
}

.large_headline
{     font-size: 3.6em;
      font-weight: bold;
      font-variant: small-caps;
      line-height: 0.7em;
}

.text
{     text-indent: 0em
}

div#main div.blogpost p:first-child
{     text-indent: 0em;
      font-weight: bold;
      font-size: 1.2em;
}

div.blogpost h3
{     font-size: 1.5em;
      padding: 0.3em;
      margin-bottom: -0.8em;
}

div#main h3+p
{     text-indent: 0em
}

div#main div.blogpost p:first-child:first-letter
{     padding-top: 0.06em;
      padding-right: 0.05em;
      display: inline;
      float: left;
      font-size: 4.6em;
}

/* %%%%%%%%%%%%%%  Blog Comments %%%%%%%%%%%%%%
   ================================================== */

span.comment_name, span.comment_date
{     text-align: center;
      margin: 0 auto 0 auto;
      width: 75%;
      color: #999;
      clear: both;
      font-size: 0.75em;
      padding-bottom: 0em;
}

div#comments
{     width: 100%
}

div#main blockquote
{     font-size: 90%;
      color: #444;
      font-family: verdana;
      background: #EEE;
      border-top: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 0 1em 0 1em;
}

div.comment_main
{     background: #fcf5ee;
      color: #333;
      width: 75%;
      clear: both;
      margin: 0 auto 1em auto;
      padding: 0.5em;
      border: 1px dashed #DDD;
      min-height: 4.5em;
}

div.comment_main_admin
{     background: #FDEBCF;
      color: #333;
      width: 75%;
      clear: both;
      margin: 0 auto 1em auto;
      padding: 0.5em 0.5em 0.5em 0.5em;
      border: 2px dashed #DDD;
      min-height: 4.5em;
}

span.comment_number
{     font-size: 0.9em;
      color: #999;
}

div#comment_header
{     font-style: italic;
      font-size: 1.5em;
      color: #999;
      text-align: center;
      width: 100%;
      padding-bottom: 1em;
}

p.comment_text
{     font-size: 0.9em;
      color: #333;
      margin: 0.5em 6.5em 0.5em 0.5em;
}

div.gravatar
{     float: right;
      padding: 0.2em;
      margin-right: 0.8em;
}

div#write_comment
{     background: #fcf5ee;
      color: #333;
      width: 60%;
      clear: both;
      margin: 20px auto 2em auto;
      padding: 0px 10px 0 10px;
      border: 1px solid #DDD;
}

fieldset
{     margin: 20px 0 0 0;
      padding: 0;
      border: 0px solid #CCC;
      width: 20em;
}

div#write_comment input, textarea
{     padding: 5px;
      font-size: 15px;
      line-height: 22px;
      color: #333;
      background: #FFFAFA;
      border-top: 0px dashed #FFF;
      border-right: 0px dashed #FFF;
      border-bottom: 1px dashed #CCC;
      border-left: 0px dashed #999;
}

div#write_comment label, span.country
{     color: #666;
      font-style: italic;
}

div#write_comment p.notes
{     color: #666;
      font-style: italic;
      font-size: 0.8em;
}

div#write_comment input#go
{     margin-top: 10px;
      background: #fcf5ee;
      border-top: 0px dashed #FFF;
      border-right: 0px dashed #FFF;
      border-bottom: 0px dashed #999;
      border-left: 0px dashed #999;
}

div#expand2
{     text-align: center;
      background: #FCF5EE;
}

/* %%%%%%%%%%%% Blog section2  %%%%%%%%%%%%
   ================================================== */

span.blog_header
{     color: #666;
      font-size: 1.3em;
}

div#blog_cat
{     margin-left: 1em
}

span.blog_year
{     margin-left: 1em
}

span.blog_month
{     margin-left: 2em
}

div#first span.number
{     color: #666;
      font-style: italic;
      font-size: 0.8em;
}

/* %%%%%%%%%%%% Img caption  %%%%%%%%%%%%
   ================================================== */

/* caption styling  */

.caption-top, .caption-bottom
{     color: #ffffff;
      padding: 1.2em;
      font-weight: bold;
      font-size: 13px;
      font-family: arial;
      cursor: default;
      border: 0px solid #334143;
      background: #000000;
      text-shadow: 1px 1px 0 #202020;
}

.caption-top
{     border-width: 0px 0px 8px 0px
}

.caption-bottom
{     border-width: 8px 0px 0px 0px
}

.caption a, .caption a
{     border: 0 none;
      text-decoration: none;
      background: #000000;
      padding: 0.3em;
}

.caption a:hover, .caption a:hover
{     background: #202020
}

br.c
{     clear: both
}

.floatl
{     float: left;
      margin-right: 1em;
}

.floatr
{     float: right;
      margin-left: 1em;
}

.floatc
{     margin: auto;
      width: 100%;
}

.arc90_imgcaption
{     text-indent: 0em;
      text-align: center;
      border: 0.1px solid #DDD;
      padding: .5em;
      margin: 0.0em 0;
      width: 9em;
      font-weight: bold;
      background: #EEE;
}

.arc90_imgcaptionTXT
{     border: 0.0em solid green;
      text-indent: 0px;
      font-size: .8em;
      position: relative;
      top: -1em;
      text-align: left;
      margin: 0.5em 0.2em -1.4em;
}

/* %%%%%%%%%%%% Quotes  %%%%%%%%%%%%
   ================================================== */

span.pulled-right
{     display: block;
      float: right;
      padding: 0 0 0 0.9em;
      margin: -0em 0 0.2em 0.5em;
      width: 9em;
      font-size: 1.7em;
      line-height: 1.5em;
      text-align: left;
      color: #999;
      text-indent: -1.3em;
}

span.pulled-left
{     display: block;
      float: left;
      padding: 0 0em 0 0.9em;
      margin: -0em 0.5em 0.2em 0;
      width: 7em;
      font-size: 1.7em;
      line-height: 1.5em;
      text-align: left;
      color: #999;
      text-indent: -1.3em;
}

span.pulled-left:before, span.pulled-right:before
{     content: open-quote;
      font-size: 3em;
      position: relative;
      top: 0.3em;
      color: #DDD;
}

span.pulled-left:after, span.pulled-right:after
{     content: no-close-quote
}

#section1
{     border: 0.0em solid green;
      color: black;
      margin-bottom: 1em;
      padding: 0em;
}

#section2
{     position: relative;
      border: 0.1em dashed #DDD;
      color: #333;
      background-color: #FFFAFA;
      padding: 1em;
      overflow: hidden;
      font-size: 1.0em;
}

#h1
{     width: 100%;
      position: relative;
      top: 0;
      left: 0;
}

#h2
{     width: 100%;
      position: relative;
      top: 0;
      left: 0;
}

div#header
{     border-top: 0.1em solid #999;
      border-bottom: 0.1em solid #999;
      color: #333;
      clear: both;
      text-align: center;
      margin: 0 auto 0 auto;
      width: 45%;
      position: relative;
      left: -3.5%;
      padding: 0.2em;
}

#menu
{     position: relative;
      top: 50%;
      font-size: 200%;
}

div#menu span.first
{     font-size: 130%
}

#expand
{     font-size: 100%;
      text-align: center;
      background: #DDD;
      width: 120%;
      position: relative;
      left: -1em;
      top: 1em;
}

/* footnotes as they original appear inline, before reformatting  */

span.footnote
{     color: #f30
}

/* footnote links in text  */

a.ftnlink
{     vertical-align: super;
      font-size: 0.75em;
      line-height: 0.5em;
      font-weight: bold;
      text-decoration: none;
}

/* div to hold all reformatted footnotes  */

.footnoteholder
{     border-left: 1px solid #ccc;
      margin: 20px 0 20px 0;
      padding: 20px 10px;
      font-size: 0.7em;
      line-height: 1.0em;
      font-family: "Lucida Grande", Arial, sans-serif;
      color: #666;
}

#artnotes1 a
{     font-weight: bold;
      text-decoration: none;
      color: #666;
}

#artnotes1 a:hover
{     color: #ba1820
}

.footnoteholder div.footnote
{     margin: 0 0 5px 0
}

.section1-1col
{     width: 20%;
      clear: left;
}

.section1-2col
{     width: 12%;
      float: left;
      height: 14em;
}

.section2-1col
{     width: 50%;
      clear: left;
}

.section2-2col
{     width: 15%;
      margin-left: -10%;
      float: left;
      position: absolute;
      top: 20em;
      left: 0em;
}

.section2-3col
{     width: 15%;
      float: right;
      margin-top: 6em;
}

.main-1col
{     clear: left;
      margin-left: -5%;
      margin-right: 5%;
}

.main-2col
{     margin-left: 22%;
      padding-left: 1em;
      clear: right;
      margin-right: 5%;
      margin-top: 0.5em;
}

.main-3col
{     margin-left: 13%;
      padding-right: 1em;
      padding-left: 1em;
      margin-right: 20%;
      margin-top: 0.5em;
}