/*
Title:      AiChi master styles for screen media
Author:     Martin Mosimann, martin.mosimann@webarts.cx
Updated:    Sept 24 2005
Notes:			Hand-crafted by myself.
*/

html, body {
	min-height: 100%;
	height: 100%;
	width: 100%;
	}
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #333;
	background: #ffe644 url(../img/theme/body_bg.jpg) 160px 0 repeat-y fixed;
	}

/* ---[ links ]------------------------------- */

a {
	color: #ffe7ce;
	text-decoration: none;
	}
a:link, a:visited {
	color: #ffe7ce;
	border-bottom: 1px dotted #ffe7ce;
	}
a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	}
a:active, a:focus { 
	color: #fff;
	border-bottom: 1px solid #fff;
	}
a.more {
	padding-right: 7px;
	background: url(../img/common/more-white.gif) 100% 5px no-repeat;
	}

/* ---[ common elements ]--------------------- */

p {
	margin: 1em 0 1em;
	padding: 0;
	}
h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}
h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0 0 1em 0;
	}
h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #ffcc99;
	border-bottom: 1px dotted #ffcc99;
	}
h3 a:link, h3 a:visited {
	font-size: 110%;
	text-decoration: none;
	border-bottom: none;
	color: #ffcc99;
	}
h3 a:hover {
	color: #fff;
	}
h4, h5 {
	margin: 1.5em 0 0 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #ffcc99;
	}
h1 span, h2 span, h3 span {
	color: #999;
	}
form { 
	margin: 0;
	padding: 0;
	}

img {
	margin: 0;
	padding: 0;
	}
img a {}
img a:hover{}

blockquote {
	font-size: 88%;
	line-height: 1.5em;
	color: #777;
	padding-left: 23px;
	background: url(../img/common/quotemarks.gif) 0 3px no-repeat;
	}
blockquote.praise {
	padding: 0 0 10px 23px;
	border-bottom: 1px solid #eaeaea;
	}
code {
	color: #777;
	font-size: 110%;
	line-height: 1.2em;
	text-align: left;
	}
code strong {
	color: #555;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #333;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}

/* ----- IDS ----- */

#stripes {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background: transparent url(../img/theme/stripes.jpg) 0 0 repeat-x;
	}
* html #stripes { position:absolute; }

#pageHeader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
	margin: 0;
	padding: 0;
	background: transparent url(../img/theme/pageHeader_bg.jpg) -107px 0 no-repeat;
	}
* html #pageHeader { position:absolute; }

#navbar {
	position: fixed;
	top: 180px;
	left: 0px;
	width: 160px;
	}
* html #navbar { position:absolute; }

#container {
	position: absolute;
	top: 170px;
	left: 200px;
	width: 600px;
	}
#sidebar {
	display: none;
	}   
#footer {
	text-align: center;
	}


/* ----- SPECIAL ELEMENTS ----- */

.contentBoxMiddle ul {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	}
.contentBoxMiddle li {
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
	background: transparent url(../img/common/bullet-lightorange.gif) 0 6px no-repeat;
	}
/*hide from ie-mac\*/
* html .contentBoxMiddle li {
  height: 1px;
  }
/* end hack */ 
.contentBoxMiddle img.ImageBorder,
.contentBoxMiddle img.ImageCenter,
.contentBoxMiddle img.ImageLeft,
.contentBoxMiddle img.ImageRight {
	padding: 3px;
	border: 1px solid #ffcc99;
	-moz-border-radius: 4px;
	}
.contentBoxMiddle img.ImageCenter {
	margin: 0 10px;
	}
.contentBoxMiddle img.ImageLeft {
	margin: 0 10px 0 5px;
	}
.contentBoxMiddle img.ImageRight {
	margin: 0 5px 0 10px;
	}
.contentBoxMiddle table {
	border-collapse: collapse;
	margin: 0 auto 10px;
	padding: 0;
	}
.contentBoxMiddle th, .contentBoxMiddle td {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #333;
	}
/* also redefined in screen.css! */
.contentBoxMiddle p.PullQuote {
  float: right;
	width: 35%;
	margin: -10px 0 10px 5px;
	padding: 10px 5px 5px 15px;
	color: #ffcc99;
	font: bold italic 1em "Trebuchet MS", Verdana, sans-serif;
	}
.contentBoxMiddle p.QuoteLeft50,
.contentBoxMiddle p.QuoteRight50,
.contentBoxMiddle p.QuoteCenter35,
.contentBoxMiddle p.QuoteCenter50,
.contentBoxMiddle p.QuoteCenter75 {
/*	padding: 10px 10px 5px 10px; */
	padding: 0 10px 5px 10px;
	border: 1px solid #ffcc99;
/*	-moz-border-radius: 4px; */
	color: #ffcc99;
	font: bold italic 1em "Trebuchet MS", Verdana, sans-serif;
	background: transparent url(../img/common/aichi-sign-liquid.gif) 100% 100% no-repeat;
	}
.contentBoxMiddle p.QuoteLeft50 {
	float: left;
	width: 45%;
	margin: 0 10px 10px 0;
	border-width: 0;
	background: transparent url(../img/common/aichi-sign-liquid.gif) 0% 100% no-repeat;
}
.contentBoxMiddle p.QuoteRight50 {
	float: right;
	width: 45%;
	margin: 0 0 10px 10px;
	border-width: 0;
}
.contentBoxMiddle p.QuoteCenter35 {
	margin: 0 auto 10px;
	width: 35%;
	border-width: 0;
}
.contentBoxMiddle p.QuoteCenter50 {
	margin: 0 auto 10px;
	width: 50%;
	border-width: 0;
	background: transparent url(../img/common/aichi-sign-liquid.gif) 0% 100% no-repeat;
}
.contentBoxMiddle p.QuoteCenter75 {
	margin: 0 auto 10px;
	width: 75%;
	border-width: 0;
}
.contentBoxMiddle span.QuoteDesc {
	display: block;
/*	margin: 10px 40px 0 0; */
	margin: 10px 0 0;
	padding: 5px 0 0;
	text-align: center;
	color: #ffcc99;
	font: italic 1em "Trebuchet MS", Verdana, sans-serif;
	background: transparent url(../img/common/line-h-dotted.gif) 0 0 repeat-x;
	}
.contentBoxMiddle p.clear {
	clear: both;
	height: 0;
	line-height: 0;
	padding: 1px 0 0;
	margin: 0;
}

/* ----- MEDIA - STYLES ----- */
li.pdf {
	margin: 0;
	padding-left: 25px;
	background: url(../img/common/icon_pdf.gif) 0 50% no-repeat;
}

/* ----- CLASSES ----- */

/*
.hide {
}
.show {
}
*/
 
/* ----- HEADINGS ----- 

h1{
}
h2{
}
h3{
}
h4{
}
*/

/* ----- LISTS ----- 

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}
*/

/* ----- FORMS ----- 

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}
*/

/* ----- TABLES ----- 

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}
*/