/*
    css file
*/

body
{
  margin: 2em 3em 4em 6em;
  font-size: 16px;
  font-family: 'Verdana','Tahoma','MS PGothic', sans-serif;
  color: #434343;
  background-color: #ffffff;
  background-image: url(./img/glass10.gif);
  background-repeat: repeat-y;
  background-position: left top;
}

a:link{
  text-decoration: underline;
  font-weight:bold;
  color:#f9f;
}
a:visited{
  text-decoration: underline;
  font-weight:bold;
  color:#bbd;
}
a:hover{
  text-decoration: underline;
  color:#f00;
  background-color:#ffffff;
}

hr {
  color: #aad;
  border: 1px solid #dde;
  height: 3px;
  background-color: #aad;
}

h1
{
  color: #a26;
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: bold;
  text-align: left;
  margin: 0.5em 0em 0.75em 0em;
  padding: 0em 1.2em 0.25em 1em;
  background-image: url(./img/l08_51.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}

h2
{
  color: #82a;
  font-size: 1.2em;
  line-height: 1.25em;
  text-align: left;
  font-weight: bold;
  margin: 2em 0em 0.75em 0em;
  padding: 0em 0em 0em 1em;
  border: #ddd solid; 
  border-width:2px 0px 0px 0px;
  background-image: url(./img/l10_09.gif);
  background-repeat: repeat-x;
  background-position:left bottom;
}

h3
{
  color: #000;
  font-size: 1.0em;
  line-height: 1.25em;
  text-align: left;
  font-weight: bold;
  margin: 2em 0em 0.75em 0em;
  padding: 0em 0em 0em 2em;
  border: #ddd solid; 
  border-width:2px 0px 0px 0px;
  background-image: url(./img/l10_09.gif);
  background-repeat: repeat-x;
  background-position:left bottom;
}

h4
{
  color: #000;
  font-size: 1.0em;
  line-height: 1.25em;
  text-align: left;
  font-weight: bold;
  margin: 2em 0em 0.75em 0em;
  padding: 0em 0em 0em 3em;
  border: #ddd solid; 
  border-width:2px 0px 0px 0px;
}


dl {
  margin: 0em;
  padding: 0em;
}
dt {
  border-bottom: #c9e 2px dotted;
  margin-bottom: 5px;
  font-size: 0.9em;
  font-weight: bold;
  color: #749;
  text-indent: 1em;
}
dd {
  margin-left: 24px;
  font-size: 0.8em;
  padding-bottom: 0.8em;
}

input.right {
  text-align: right;
}


table.csv{
  border-color: #f0f0ff #d0d0dd #d0d0dd #f0f0ff;
  border-width: 2px;
  border-style: groove ridge ridge groove;
  border-collapse:collapse;
  padding:0px;
  margin:0px 0px 0px 0px;
  empty-cells:show;
}
table.csv th{
	border-color: #d0d0dd #f0f0ff #f0f0ff #d0d0dd;
	border-width: 2px;
	border-style: groove;
	background-color: #eeffff;
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	padding: 3px;
}
table.csv td{
	border-color: #d0d0dd #f0f0ff #f0f0ff #d0d0dd;
	border-width: 2px;
	border-style: groove;
	vertical-align: top;
	padding: 3px;
}


.grid-item {
//	width: 520px;
	padding: 1px 5px;
	border-radius: 4px;
	border: solid 1px #222222;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
	margin-bottom: 10px;
}

div.name {
	padding: 6px 6px;
}

div.updatetime {
	padding: 6px 6px;
	font-size: 90%;
}

div.tags {
	padding: 2px 6px 2px 6px;
	font-size: 90%;
	word-wrap: break-all;
}

div.screen_name_link {
	padding: 6px 6px 2px 6px;
	font-size: 90%;
	word-wrap: break-all;
}

div.intro {
	margin: 6px;
	padding: 6px;
	border: solid 1px #222222;
	background-color: #f8f8ff;
	font-size: 90%;
}

a.tag {
	background-color: #f8fff8;
}

a.screen_name_link {
	background-color: #fff8f8;
}

div.errormessage {
	margin: 32px;
	padding: 16px;
	border: solid 1px #222222;
	background-color: #fff8f8;
	font-size: 90%;
}

.taglist {
	font-size: 80%;
}