/* 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; }