/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 9, 2010 */

@font-face {
    font-family: 'ReadingFrequencyRegular';
    src: url('readingfrequency-webfont.eot');
    src: url('readingfrequency-webfont.eot?iefix') format('eot'),
         url('readingfrequency-webfont.woff') format('woff'),
         url('readingfrequency-webfont.ttf') format('truetype'),
         url('readingfrequency-webfont.svg#webfontgad2S8qY') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PykesPeakZeroRegular';
    src: url('pykes_peak_zero-webfont.eot');
    src: url('pykes_peak_zero-webfont.eot?iefix') format('eot'),
         url('pykes_peak_zero-webfont.woff') format('woff'),
         url('pykes_peak_zero-webfont.ttf') format('truetype'),
         url('pykes_peak_zero-webfont.svg#webfontTx3UpgO5') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
        font-family: 'Museo';
        src: url('museo500-regular-webfont.eot');
        src: local('☺'), url('museo500-regular-webfont.woff') format('woff'), url('museo500-regular-webfont.ttf') format('truetype'), url('museo500-regular-webfont.svg#webfonttF4RYAJQ') format('svg');
        font-weight: normal;
        font-style: normal;
}

/* Designers: Ossi Gustafsson
 Design date: 2010
Publisher: Hiekka Graphics
*/

@font-face {
        font-family: 'Sketchetik';
        src: url('sketchetik-light-webfont.eot');
        src: local('☺'), url('sketchetik-light-webfont.woff') format('woff'), url('sketchetik-light-webfont.ttf') format('truetype'), url('sketchetik-light-webfont.svg#webfontJFYnEuml') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'Inconsolata';
        src: url('inconsolata-webfont.eot');
        src: local('☺'), url('inconsolata-webfont.woff') format('woff'), url('inconsolata-webfont.ttf') format('truetype'), url('inconsolata-webfont.svg#webfontnHZimNd1') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'StRyde';
        src: url('stryde-webfont.eot');
        src: local('☺'), url('stryde-webfont.woff') format('woff'), url('stryde-webfont.ttf') format('truetype'), url('stryde-webfont.svg#webfontnHZimNd1') format('svg');
        font-weight: normal;
        font-style: normal;
}


/* CSS Document */

.Calligraphic { font-family: 'Just Me Again Down Here', serif; font-size:400%; }
.Sketchetik-Light {font-family: 'Sketchetik', serif; font-weight:bold; font-size:95% }
.Inconsolata {font-family: 'Inconsolata', serif; font-size:105%; }
.Museo-500 {font-family: 'Museo', serif;}
.StRyde {font-family: 'StRydeRegular', serif; font-size:105%}

body {
	margin:0;
	font-family:"StRyde", serif;
font-size:.9em; 
/* 0.8em;*/
	color:#555555;
	background-color:#FFFFFF;
	text-align:left;
	line-height:150%;
/* letter-spacing:-.01em;
line-height:1.3em;
word-spacing:-.02em;*/
}


.footnote {
   font-size: 90%;
   font-style:italic;
}

.thumbnail-container {float:left; margin:1em;}
.thumbnail-name {margin:.5em; text-align:center; font-size:80%; width:100%; }
.thumbnail img {padding:0; width:100%; }

.bibtex{width:80%; margin-top:.8em; margin-bottom:.8em; padding:.5em; margin-left:3em; text-align:justify; 
    background-color:#FFF7E7;
font-size:130%;
	line-height:1.5em;
}
.bibtex pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
/* Code above thanks to http://iki.fi/karvinen */
}

.bigletter {font-size:115%; }
.italics {font-style:italic;}
.headingitalics {
font-size:90%;
}

.titles {
font-weight:bold;
font-style:normal;
color:#702F0C;
font-size:110%;
}

.papercomment {
font-style:italic;
margin-bottom:1ex;
margin-top:1em;
margin-left:1em;
margin-right:4em;
}

.bigitalic {
font-style:italic;
font-size:130%;
word-spacing:.05em;
letter-spacing:-.02em;
margin-left:.35em;
margin-right:.25em;
}

.diarydate {
text-transform:none;
font-style:italic;
font-variant:normal; 
font-size:100%;
margin:0em;
margin-left:0em;
margin-top:.8em;
margin-bottom:.8em;
background-color:#E9FFC5;
text-align:right;
}

.diaryentry {
font-size:100%;
margin:0em;
text-align:justify;
}

pre   { 
font-family:"Inconsolata",monospace;
font-size:105%;
}

tt   { 
font-family:"Inconsolata",monospace;
font-size:105%;
}

th {text-align:left;
}

a {
	color:#3D77BE;
	text-decoration:none;
}


a:hover {
	color:#ffaa33;
}

ol,ul {
}

li {
	list-style-type:none;
	line-height:1.5em;
	text-align:left;
}

#menu {
	width:100%;
	padding-top:.7em;
	padding-bottom:.5em;
	margin-bottom:1em;
	color:#000000;
	text-align:center;
	font-size:100%;
	font-variant:normal;
	border-bottom:.2em solid #E9FFC5;
	border-bottom:.2em solid #FFDFC1;
}

#menu a {
	text-decoration:none;
	padding:.2em;
	padding-top:.7em;
	padding-bottom:.8em;
}
#menu a:hover {
	/* background-color:#eeeeee; */
color:#ffaa33;
	border-bottom:.2em solid #FFDFC1;
}

#header {
	width:80%;
	margin:0 auto 0 auto;
	margin-bottom:.5em;
}
#header h1 {
	font-size:180%;
	margin:0;
	padding:0;
	padding-top:5px;
	color:#736451;
	text-align:left;
	border-bottom:.0em solid #F3FFCB;
	line-height:150%;
font-style:italic;
}
#header img {margin-top:.2em; margin-bottom:.4em;}


h1 {
	font-family:"StRyde", sans;
	font-style:italic;
        font-size:120%;
	font-weight:bold;
	border:0px; 
	border-bottom:4px solid #FFDFC1;
	border-style:solid;
	color:#736451;
	text-align:left;
}

#header h2 {
	font-size:130%;
	font-style:italic;
	text-align:right;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000000;
        word-spacing:.1em;
        letter-spacing:.01em;
}

h2 {
	font-size:110%;
	font-style:italic;
	text-align:right;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000000;
        word-spacing:.1em;
        letter-spacing:.01em;
}


.bigh1font
{
font-size:130%;
font-style:italic;
}


.hfont {
}
.hfont a {
	color:#728c40;
	font-weight:normal;
}
.hfont a:hover {
color:#ffaa33;
}
color:#2a65ad;

.greyfont {color:#cccccc;
}
.greyfont a {color:#cccccc;
	font-weight:normal;
}
.greyfont a:hover {
color:#ffaa33;
}
color:#2a65ad;

.smallfont {
font-size:20%;
text-transform:none;
}
.smallfont a {
color:#cccccc;
}
.optsmallfont a:hover {
color:#ffaa33;
}
color:#2a65ad;

.tablefont {
font-size:120%;
text-transform:none;
font-style:normal;
}

#blog {
	width:80%;
	margin:0 auto 0 auto;
	text-align:left;
}



#blog ul {margin-top:.75em;
          margin-bottom:1.75em;
          list-style:disc outside;
}

#blog table {margin-top:1em;
}

#blog li {margin-top:.75em;
          margin-bottom:.75em;
}


#blog dl {margin-top:4em;}

#blog dd {
	padding-right:1.75em;
	padding-left:.35em;
	padding-top:1.4em;
	padding-bottom:.5em;
	margin-left:4em;
	margin-bottom:3.5em;
	background-color:#E9FFC5;
	line-height:175%;
}
#blog dt {
        font-size:150%;
	padding-right:.35em;
	padding-left:.35em;
	padding-top:.25em;
	padding-bottom:.75em;
        background-color:#FFF7E7;
}

.itemized ul {margin-top:1.75em;
          margin-bottom:1.75em;
}

.itemized li {margin-top:1em;
          margin-bottom:1em;
          list-style:disc outside;
}


#narrowcontent {
	width:75%;
	margin:0 auto 0 auto;
	text-align:left;
}

.compactdd {
}

.compactdd dd {
margin-left:2em;
margin-right:3em;
}

.compactdd dt {
margin-top:.5em;
margin-bottom:.1em;
 font-style:normal;
 font-size:110%;
 font-weight:normal;
}

.biggreyitalic {
margin-top:.5em;
margin-bottom:.1em;
 font-style:italic;
 font-size:120%;
 font-weight:normal;
}

.spaceddd {
}

.spaceddd dd {
	padding-bottom:0em;
	padding-left:0em;
	padding-top:.3em;
	padding-right:.5em;
	margin-left:0em; margin-bottom:2em;
	line-height:140%;
	border:0px; 
	border-right:2px solid #A39481;
	border-right:4px solid #FFDFC1;
	border-style:solid;
}

.spaceddd dt {
	border:0px; 
	border-bottom:2px solid #A39481;
	border-bottom:4px solid #FFDFC1;
	border-style:solid;
        font-size:100%;
        padding-bottom:.2em;
        padding-top:0em;
        margin-top:.2em;
        padding-left:0em;
}

.nfont { }
.nfont a { color:#555555; }
.nfont a:hover { color:#ffaa33; }

.lamcctag 
{ float: left; width:90%; margin-top:.45em; margin-bottom:1ex; padding-right:10%;  }

.oneoneo
{font-size:110%;}

.magazinedd {
text-align:justify;
font-size:120%;
color:#000000;
color:#263118;
line-height:1.7em;
}

.photo {
background-color:#FFF7E7;
padding:2em;
}
.photo img { width:95%;  }

.quote {
quotes: "&ldquo;" "&rdquo;" "" ""; 
margin-left:2em;
margin-top:.5em;
margin-bottom:.5em;
}
.mpara p {
margin-bottom:2em;
}
.mpara:first-letter {
font-size:300%; 
padding:.1em;
margin-left:.1em;
margin-right:.1em;
margin-top:.1em;
margin-bottom:.1em;
float:left;
line-height:.8em;
text-align:justify;
color:#ffffff;
background-color:#667158;
background-color:#869178;
}
/*.magazinedd dt {font-size:130%;
text-transform:uppercase;
font-family:"Century Gothic", "Museo", "Arial Narrow", Arial, sans-serif;
}*/



.magazinedd i {font-style:italic;
color:#600000;
}
.magazinedd b {font-weight:bold;
color:#606000;
}


.narrowdd {
}

.narrowdd dd {
	padding-bottom:0em;
}
.narrowdd dt {font-size:100%;
	padding-top:0.0em;
	padding-bottom:0.0em;
}

.semidd{
}

.semidd dd {
	padding-bottom:0.5em;
}
.semidd dt {
	padding-top:0.5em;
	padding-bottom:0.6em;
        text-transform:none;
        font-size:100%;
}

.narrowfr {
	padding-bottom:2em;
	float:right;
}
.fr {
        width:100%;
        text-align:right;
}


.equation {color:#000060;
}

#narrowcontent ul {font-size:100%;
	padding-bottom:1em;
        padding-left:3em;
}
#narrowcontent li {font-size:100%;
	padding-top:0.3em;
	padding-bottom:0.4em;
}


#narrowcontent h3 {
	font-style:italic;
	font-size:90%;
	text-transform:none;
	text-align:right;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#728c40;
	border-bottom:0px solid #eeeeee;
}

#content {
	width:80%;
	margin:0 auto 0 auto;
	text-align:left;
}

.ulspaced {
}
#ulspaced ul {
	padding-bottom:3em;
}
#ulspaced li {font-size:120%;
	padding-top:0.5em;
	padding-bottom:0.6em;
}
.ulunspaced {
}

.introduction {
	color:#000000; /* #99B198;*/
	text-indent:0px;
	font-size:100%;
	font-style:normal;
	padding-left:.7em;
	padding-right:.7em;
	padding-top:1.5ex;
	padding-bottom:3ex;
	margin-top:2ex;
	margin-bottom:5ex;
        text-align:justify;
	/* background-color:#E9FFC5;*/
        border:4px solid  #FFDFC1;
/*background-image:url("./images/NO2ID_logo-20082408.png");
	background-repeat:no-repeat; */
	/*background:#E9FFC5 no-repeat fixed right bottom;*/
	/*border:2px dotted #eeeeee;*/
}

.commentary:first-letter {
font-size:350%; 
float:left;
line-height:.7em;
color:#D4C4C4;
color:#DDB797;
padding-top:-.0em;
padding-bottom:0ex;
margin-top:-.2em;
margin-bottom:-.4em;
}

.commentary {
	text-indent:0px;
	line-height:1.5em;
	font-size:100%;
	padding-right:0;
	padding-left:22%;
	padding-bottom:2em;
	padding-top:0em;
	background-repeat:no-repeat;
        text-align:justify;
}
.logo {
	float:right;
	margin-right:30px;
}
.clearer {
	clear:both;
}

#sidebar {
	width:12em;
        float:right;
	font-size:90%;
	color:#6C534A;
	text-align:left;
        margin-left:2em;
        margin-top:0;
}
#sidebar h1 {
	text-align:right;
	font-size:130%;
}
.submenu {
}
.submenu a {
	display:block;
        width:100%;
        padding:5px;
	padding-right:.1em;
	background-position:right;
	background-repeat:no-repeat;
}
.submenu a:hover {
	background-color:#eeeeee;
	background-image:url(../images/backgrounds/submenua_hover.jpg);
	background-repeat:repeat-y;
	padding-right:.1em;
}
	


#mainbar {
margin-right:14em;
}

#mainbar h1 {
	margin-right:0em;
	padding-left:.1em;
	padding-top:.1em;
	padding-bottom:.1em;
	text-align:left;
}

#mainbar p {
	padding:15px;
	line-height:20px;
}

#mainbar .articleimg {
	float:right;
	padding:5px;
	border:2px solid #eeeeee;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}

#footer {
	width:100%;
	border-top:.2em solid #d8efa6;
	border-bottom:.2em solid #d8efa6;
	padding-top:5px;
	margin-top:2em;
        padding-bottom:5px;
	text-align:center;
}

#footer a {
	color:#006600;
}
#footer a:hover {
	color:#009900;
}

#footlinks { 
width:95%;
padding-top:5em;
padding-bottom:.5em;
margin:0 auto 0 auto;
	text-align:left;
}


#footlinks ul {
	padding-top:0.0em;
	padding-bottom:0em;
	font-size:90%;
        display:inline;
}
#footlinks li {
 font-size:100%;
	padding-top:0.0em;
	padding-bottom:0.0em;
        display:inline;
        margin-left:0em;
        margin-right:6em;
}

.phonetable {
	padding-top:0em;
	padding-bottom:0em;
}

.phonetable table {
   padding:none;
   border:none;
}

.phonetable th {
   text-align:left;
}

.phonetable td {
   text-align:right;
   padding-top:0px;
   padding-bottom:0px;
   padding-left:4em;
}

.superscript {
vertical-align:50%;
font-size:80%;
font-style:normal;
line-height:100%;
}

#gallery {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:320px; 
  height:425px; 
  border:1px solid #888; 
  background:#fff url(windows/win_back.gif);
  }
#gallery li {
  float:left;
  list-style-type:none; 
  }
#gallery li a {
  display:block; 
  height:30px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:320px; 
  height:30px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:240px;
  }
#gallery li a:hover img {
  height:240px;
  }

#galleryh {
  padding:0; 
  margin:0 auto 5em auto; 
  overflow:hidden; 
  list-style-type:none; 
  width:495px; 
  height:240px; 
  border:1px solid #888; 
  background:#fff url(windows/win_backh.gif);
  }
#galleryh li {
  list-style-type:none; 
  float:left;
  }
#galleryh li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:28px; 
  height:240px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:320px;
  }
#galleryh li a:hover img {
  width:320px;
  }


#galleryie {
  padding:0; 
  margin:0 auto; 
  list-style:none; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px; 
  height:240px; 
  border:1px solid #888; 
  background:#fff url(windows/win_backh.gif);
  }
#galleryie li {
  float:left;
  }
#galleryie li a {
  display:block; 
  height:240px;
  width:28px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryie li a img {border:0;}
#galleryie li a:hover {
  background:#eee; 
  width:320px;
  }



