/*** *************************************************** ***/
body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;}

div#header {
	border-top: 6px solid #114466; 
	border-bottom: 1px solid #666;
	background: #fbfaf4;
	text-transform: uppercase;	font-weight: bold;
	padding: 5px 5px 5px 200px;
	}
div#header  ul {
	padding:0; 	margin:0;
	list-style-type:none; list-style-image: none;}
div#header  li {display: inline;}
div#header  ul a {
	width: 6em;
	text-decoration: none;
	color: #000;
	padding:0.8em 0.6em; 
}
#header li a:hover {
		color: #ff6633;
		}

#footer {
	background: #fbfaf4;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 8px 8px 8px 200px; 
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}

h1 {margin: 0; padding: 0; font-size: 120%; text-align: center;}
h2 {font-size: 110%; width: 60%;padding: 5px 0 5px 10px;}
#right h3 {font-size: 120%; border-top: 1px dashed #d9d9d9;margin:8px 0 0 0; padding: 8px 0 0 0;}
#right p {margin:3px 0; padding: 0;}

#right {font-size: 70%}
#right ul {list-style-type:none; margin: 0; padding: 0;}
#right li {padding-left: 4px;}
#right a {color: #cc6666;}
#right a:hover {text-decoration: none; color: #FFCC00;}
#left {text-align: center; }

#abstract {width: 90%; 
	border-top: 1px dotted #b2b2b2;
	border-bottom: 1px dotted #b2b2b2; 
	background: #f8f7ef;margin: 10px 40px; 
	font-size: 75%; font-style: italic;
	padding: 10px;}
#abstract a {color: #cc6666;}

body  {background: #FFE1F4;}

#briciole {text-align: center;  border-top: 1px dotted #b2b2b2; font-size: 80%; padding-top: 10px; width: 100%;}
#briciole a {text-decoration: none; color:#cc6666;  } 
#briciole a:hover {text-decoration: underline;}
#center img {border: 1px solid #000;}
#adv {text-align: center;}
#center p {font-size: 90%}
/*


#colophon a:hover img {background: #ff6633;}
.articles .author {border-color: #ff6633;}
.articles .editorial {border-color: #595A5A;}

a:link, a:visited {border-color: #ff6633;}
a:link, a:visited,


#navbar {border-top-color: #146;}

#content h1 a,
	.ishinfo a, 
	.title a:link, .title a:visited,
	.authors #content h2 a,
	.contact #content a.ishno,
	.illustration p {
		color: #146;
}


the following rule makes sure hover states stay black: DO NOT CHANGE! 

#content h1 a:hover,
	.ishinfo a:hover,
	.title a:hover,
	.authors #content h2 a:hover {
		color: #000;
	}
	
	@import url(base.css);

dt, dd {line-height: 1.8em;}
dd {margin-bottom: 0.8em;}

div#ishdate {text-align: center; border-bottom: 1px dashed #999;
  padding-bottom: 1em; margin-bottom: 1.5em;}

#content h1 {font: 1.66em Georgia, Times, serif; text-align: center;
  margin: 0.5em 0; padding-bottom: 0.75em; border-bottom: 1px dashed #B2B2B2;}
#content h1 a {color: #333;}
#content h1 a:hover {color: #000;}
#content h1 em {font-style: normal;}

#content .title {font-size: 1.66em;}
#content p {margin: 0.5em 0 1.5em;}
.ishinfo a {color: #333; border: none;}
.ishinfo a:hover {color: #000;}
#content ul, #content ol {margin-bottom: 1.25em;}
#content li {margin-bottom: 0.66em; line-height: 1.6em;}
#content ul li {padding-left: 40px; background: url(/pix/diamond-black.gif) 22px 0.66em no-repeat;}
#content ol {padding-left: 40px; list-style: decimal;}
#content ol li {padding-left: 5px; background-image: none;}

span.ishdate {padding-left: 15px; margin-left: 10px;
  background: url(/pix/diamond-gray.gif) 0 0.5em no-repeat;}

.contribute div#content p {text-align: justify; margin-right: 10px;}
.feed #content ul li {background: none; padding-left: 1em; }

.comment h4 a, .pages h4, li.author, li.editorial {font: bold 0.8em Verdana, sans-serif;
  text-transform: uppercase; letter-spacing: 0.25em;}
#main .pages h4, #main li.author, #main li.editorial {font-weight: normal; font-size: 1em; display: inline; margin: 0 1em 0 0; padding-left: 1em;}
.pages {border-top: 1px dashed #999; padding: 5px 0;}
.pages h4, .pages p {display: inline;}
.pages a, .pages strong {padding: 0 0.5em; margin: 0 -0.5em; border-bottom-width: 0;}

.button {vertical-align: -6px; margin-right: 1em;
  border-bottom: none !important; background: none !important;}

@import url(sub.css);

#content .title {margin-bottom: 0; padding-bottom: 0.25em; border-bottom: none;
  text-align: center;}
#content .byline {padding: 0 0 1em; margin: 0; text-align: center; text-transform: none;}

#content .ishinfo {text-align: center; border-bottom: 1px dashed #B2B2B2;
  padding-bottom: 1em; margin-bottom: 1.5em;}
#content h2 {margin: 1.25em 0 0.25em; font-size: 1.5em; color: #000;}
#content p {margin-bottom: 1.33em;}

#metastuff {text-align: center; font: 1em Georgia, serif;
  padding: 0.75em 0 0.5em; margin: 0.25em 0 0.5em; background: #F8F7EF;
  border: 1px dashed #B2B2B2; border-width: 1px 0;}
#content #metastuff li, #content #metastuff p {display: inline; padding: 0; margin: 0; background: none;}
#content #metastuff a {font: 0.9em Verdana, sans-serif; border-bottom-width: 0;}
#content #metastuff a:hover {border-bottom-width: 1px;}
#content #metastuff b {margin: 0 0.5em;}
#content #metastuff p a {background: url(/pix/comment_tn.gif) 0 0 no-repeat;
  padding-left: 20px;}

#content a.warning {float: left; position: relative; overflow: hidden;
  width: 50px; height: 50px; border: none; margin: 0 10px 10px 0;
  background: url(/pix/warning.gif) bottom left no-repeat;}
#content a.warning:hover img {visibility: hidden;}

.illustration p {font: italic 95%/1.6em Georgia, serif;
  border-top: 1px dashed #ccc; color: #333;
  margin: 0; padding-top: 5px;}
.illustration {float: right; margin: 0 0 20px 20px; text-align: center;}
.otherway, .left {float: left; margin: 0 20px 20px 0;}
.full {float: none; width: 540px; margin: 0;}
.half {width: 270px;}
.third {width: 180px;}
.quarter {width: 135px;}

#authorbio img {float: left; margin: 0.5em 10px 10px 0;}
#credits {font: italic 1em Georgia, serif; text-align: right;
  margin-top: 1em; padding-top: 1em;
  border-bottom: 1px dashed #999;}
#content #credits li {background: none;}

#content div.discuss {background: #F8F7EF url(/pix/talk-balloon-bigger.gif) 10px 1.75em no-repeat;
  border: 1px dashed #999; border-width: 1px 0;}
#content div.discuss h2, #content .discuss p {padding: 0 0 0 70px; margin: 0;}
#content div.discuss h2 {padding-top: 0.5em; border-top: 5px solid white;}
#content div.discuss p {padding-bottom: 0.75em; border-bottom: 5px solid white;}
*/


/* 
Layout by  A List Apart 
http://www.alistapart.com/articles/holygrail */


body {
  min-width: 630px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */
                  
}
#container {
  padding-left: 200px;   /* LC fullwidth */
  padding-right: 190px;  /* RC fullwidth + CC padding */
}
#container .column {
  position: relative;
  float: left;
}
#center {
  padding: 10px 20px;    /* CC padding */
  width: 100%; }

#left {
  width: 180px;          /* LC width */
  padding: 0 10px;       /* LC padding */
  right: 240px;          /* LC fullwidth + CC padding */
  margin-left: -100%;
}
#right {
  width: 130px;          /* RC width */
  padding: 0 10px;       /* RC padding */
  margin-right: -190px;  /* RC fullwidth + CC padding */
}
#footer {
  clear: both;
}

/*** IE Fix ***/
* html #left {
  left: 150px;           /* RC fullwidth */
}