
/*  CSS styles for toriamos.org     
 *  $Id: tori.css,v 1.14 2005/02/18 04:50:31 rdtzine Exp $                           
 *
 * Ideas and guidance from:
 * alistapart.org glish.com bluerobots.com thenoodleincident.com wasp.org
 * O'Reilly's CSS Cookbook
 */                                   

body {
	margin:0px 40px 20px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10pt;
	color:#000;
	background-color:white;
	}
h1 {
	margin:22px 0px 10px 0px;
	padding:0px;
	font-size:20pt;
	line-height:20pt;
	font-weight:700;
	clear: both;
	}
h2 {
	margin:18px 0px 8px 0px;
	color:#a23030;
	padding: 6px 0px 0px 0px;
	font-size:16pt;
	line-height:16pt;
	font-weight:700;
	clear: both;
	}
a h2 {
		margin:18pt 0px 8px 0px;
	}
h3 {
	margin:14px 0px 6px 0px;
	padding:0px;
	font-size:12pt;
	line-height:12pt;
	font-weight:700;
	clear: both;
	}

h4 {
	margin: 4px 0px 0px;
	font-size:12pt;
	font-weight: bolder;
}

h5 {
	margin: 4px 0px 4px;
	font-size:11pt;
	font-weight: bold;
}

p {
	font:10pt verdana, arial, helvetica, sans-serif;
	/*margin:0px 0px 10px 0px;*/
	padding:0px;
	}

a {
	color:#a23030;
	font-size:10pt;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	} 
th {
	font:11pt verdana, arial, helvetica, sans-serif;
	font-weight:700;
	vertical-align: bottom;
	margin:0px;
	padding:0px;
}
td {
	font:10pt verdana, arial, helvetica, sans-serif;
	margin:2px;
	padding:0px;
	}
table.events {
	border: 2px solid #802828;
	width: 100%;
}
tr.events {
	border: 1px dotted #a23030;
}
td.events {
	border-bottom: 1px dotted #a23030;
	vertical-align: bottom;
}
td.section {
	background-color: white;
	border: none;
	font-size: 12pt;
	vertical-align: bottom;
}
td.label {
	text-align:right;
}
td.ds {
	/*font:10pt verdana, arial, helvetica, sans-serif;*/
	margin:0px;
	padding:0px;
}

P.hllist {
	text-indent: -1.5em;
	margin: .3em 0 0 0;
	padding: 0 0 0 1.5em;
}

.boldline {
	margin: 4px 0px;
	font-weight: bold;
	color: black;
}

.attrib {
    width: 95%;
	clear: both;
	margin-top: 8px;
	/*border: 2px solid blue;*/
}

.errormsg {
	font: 10pt verdana, arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: red;
	}

.smalltext {
	font: 8pt verdana, arial, helvetica, sans-serif;
}

.nomargin {
	margin: 0px;
}

.textfield {
	display: block;
	/*width: 175px;*/
	float: left;
	margin-bottom: 2px;
}

.labels {
	display: block;
	font-weight: bolder;
	text-align: right;
	float: left;
	width: 8em;
	padding-right: 4px;
	white-space: nowrap;
	clear: left;
}

submit {
	color: green; 
	border: 20px;
}

a img {border: none;}
a:link {color:#a23030;}
a:visited {color:#802828;}
a:hover {background-color:#ccc;}

#Header {
	position: relative;
	margin:0px;
	padding:4px 0px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:140px; /* 136 + 4px + 0px = 140 */
	/*background-color:purple;*/
	voice-family: "\"}\""; /* Hack to fool IE5 into ending the style  */
	voice-family:inherit;
	height:136px; /* the correct height */
	}
body>#Header {height:136px;}  /* the correct height again */

#HeaderLogo {
	float: left;	
	}

#HeaderNav {
	float: right;
	padding-top: 76px;
	}

#HeaderBar {
	margin:0px;
	clear: both;
	padding:2px 1px 4px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:16px; /* 11px + 2px + 3px = 16px */
	border-style:solid;
	border-color:black;
	border-width:2px 2px 1px; 
	line-height:11px;
	font-size:11px;
	font-weight:700;
	color: white;
	background-color:#802828;
	voice-family: "\"}\""; /* Hack to fool IE 5 into ending style */
	voice-family:inherit;
	height:11px; /* the correct height */
	}
body>#HeaderBar {height:11px;} /* correct height*/

#LinkBar {
	margin:0px;
	padding:2px 1px 4px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:16px; /* 11px + 2px + 3px = 16px */
	background: #fffeed;
	color: #802828;
	border-style:solid;
	border-color:black;
	border-width: 1px 2px 2px; 
	line-height:11px;
	font-size:11px;
	font-weight:700;
	text-align: right;
	voice-family: "\"}\""; /* Hack to fool IE5 into ending the style  */
	voice-family:inherit;
	height:11px; /* the correct height */
	}
body>#LinkBar {height:11px;}  /* the correct height again */


#InfoBox {
	margin: 0px 0px 10px 0px;
	padding: 2px 2px 4px 6px;
	background-color:#fffeed;
	border: solid black;
	border-width: 0px 1px 1px 1px;
	}

#InfoHead {
	margin: 0px;
	padding: 2px 6px;
	color: white;
	background-color:#802828;
	border: solid black;
	border-width: 1px;
	}

#LeftContent {
		float:left;
		margin-right: 200px;
		padding-right: 0px;
		padding-bottom: 20px;
		}

#RightContent { 
		float: right;
		margin-top: 20px;
		margin-left: -182px;
		padding-left: 0px;
		width: 182px;
		}

#Wrap {
	border:1px solid ;
	background-color:#fffeed;
}
#WrapHead {
	border:1px solid ;
	color: black;
	background-color:#802828;
}
#BoxBorder {
	margin: 0px 0px 0px 0px;
	/*padding: 2px 8px 8px 8px; */
	background-color:#fffeed;
	border:1px solid ;
	}

#BoxBorderHead {
	margin: 0px;
	padding: 0px 10px;
	color: white;
	background-color:#802828;
	border-style: solid;
	border-color: black;
	border-width: 1px 1px 0px 1px;
}
#TextBorder {
	overflow: hidden;
	text-overflow: ellipsis; 
	padding: 4px 8px; 
}
#CommentHead {
	margin: 0px 1px;
	color: white;
	border-bottom: 1px dotted black;
	/*border: 1px dotted black;*/
	padding: 4px 8px; 
	color: black;
}

.plainimg {
	margin: 8px;
}

div.imgholder {
 float: right; 
 background: url(/images/dropshadow.png) no-repeat bottom right !important; 
 background: url(/images/dropshadow.jpg) no-repeat bottom right; 
 margin: 8px 7px 0 8px !important; 
 margin: 8px 0 0 5px; 
 }


div.imgholder img { 
 display: block; 
 position: relative; 
 background-color: #fff; 
 border: 1px solid #666;
 margin: -3px 5px 5px -3px; 
 /*padding: 2px; */
}

ul.inline { display:inline }

li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
  }

li.inline a:hover {color: white; background-color:#802828;}

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  }

li.last a:hover {color: white; background-color:#802828;}

.BLOCK_AD {
	margin: 10px auto;
	border: 1px solid gray;
}

.BAN_AD {
	clear: both;
	margin: 40px auto;
	border: 1px solid gray;
}

.banner { 
	text-align: center;
}

.banner a:hover {
	background-color: transparent;
}

.gallery {
	padding: 8px 0px;
	float: left;
	clear: right;
	width: 100%;
}

.center {
	text-align: center;
}



