/* $Id: html-elements.css,v 1.1.2.1 2007/11/29 00:50:59 johnalbin Exp $ */

/****
 **** HTML ELEMENT STYLING
 ****/

/* All over MARGINS & PADDINGS
 * Standardize across browsers on var. elements
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
/*dl, dt, dd,*/ ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
ul, textarea, input, select { margin:0; }

/** fonts **/
/*
 * Our font size and line height declarations are based on the following ALA
 * article:
 *   http://www.alistapart.com/articles/howtosizetextincss
 *
 * All modern browsers use a 16px default font size. Specifying the font-size
 * and line-height in ems (relative to the 16px default font) allows the user
 * to resize the font in the browser and produces the most consistent results
 * across different browsers.
 */
body {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
}

#page {
/*
 * To use a 12px font size on the page, delete the 14px declarations.
 * to use a 14px font size on the page, delete the 12px declarations.
 */

	/* Use a 12px base font size with a 16px line height */
	font-size: 0.75em; /* 16px x .75 = 12px */
	line-height: 1.4em; /* 12px x 1.4 = 16px */

	/* Use a 14px base font size with a 18px line height * /
	font-size: 0.875em; /* 16px x .875 = 14px * /
	line-height: 1.286em; /* 14px x 1.286 = 18px */
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, samp {
/* The following font family declarations are based on the Microsoft core
 * web fonts which are common fonts available on most computer systems. The
 * Bitstream Vera fonts are commonly available on Linux systems where the MS
 * fonts are less common.
 *
 * A user's web browser will look at the comma-separated list and will
 * attempt to use each font in turn until it finds one that is available
 * on the user's computer. The final "generic" font (sans-serif or serif)
 * hints at what type of font to use if the web browser doesn't find any
 * of the fonts in the list.

	font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
	font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;

	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;

	 */
	font-family: Tahoma,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
}

pre, code {
	font-size: 1.1em; /* Monospace fonts can be hard to read */
	background: #F3F3F3;
	border: 1px solid #DDD;
	padding: 0.2em 0.5em;
	overflow-x: auto; /* todo: Cross-Browser Testing */
}
code {
	font-size: 100%;
	font-family: Profont,'Lucida Console','Courier New',Monaco,monospace;
}
/** links **/
/* The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a, a:link {
	color: #015AB1;
	text-decoration: none;
}

a:visited {
	color: #015AB1;
	text-decoration: none;
}

a:hover, a:focus {
	color: #015AB1;
	text-decoration: underline;
}

a:active {
	color: #C00; 
}
a.active {
	color: #444;
}


	#content a[href^="http"]:not([href*="transformingfreedom."]),
	#footer a[href^="http"]:not([href*="transformingfreedom."]),
	.link-ext
	/*.link-external //comes from TinyMCE*/ {
		background: url(images/bg-mastergrid-8bit.png) no-repeat -384px -10px;
		padding: 1px 0 0 16px;
	}
		#content a[rel^="license"] { /* excluding CC-License */
			background: none !important;
			padding: 0 !important;
		}
	
	/* categories/tags */
	.taxonomy a { /* a[class^="taxonomy_term"] doesn't work in IE6! */
		background: url(images/tags.png) no-repeat left top;
		padding: 0 0 2px 17px;
	}
	
	a[href^="mailto:"],
	.link-email {
		background: url(images/bg-mastergrid-8bit.png) no-repeat -384px -26px;
		padding: 1px 0 0 18px;
	}



/** headings **/
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
	                         Remember, a margin specified in ems is relative to
	                         the element's font-size, not to the pages' base
	                         font size. So, for example, if we want a 1em margin
	                         (relative to the base font), we have to divide that
	                         length by the element's font-size:
	                         1em / 2em = 0.5em */

	color: #444;
	margin: .5em 0 .5em 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 150%;
	text-transform: uppercase;
}
	h1.title, h1.title a, h1.title a:hover {
		color: #444; /* #6191C5 */
		font-size: 172%;
		margin-bottom: 0px;
		line-height: normal;
		text-transform: none;
	}


h2, h2 a, h2 a:hover, 
.block h3, .block h3 a {
	color: #444;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Verdana,Helvetica,sans-serif;
	font-weight: normal;
	margin: .5em 0 .2em 0;
	line-height: 1.3em;
}
	#block-views-featured_interviews h3 a { /* sublines to featured interviews  */
		line-height: 1.1em;
	}

h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
	margin-bottom: 0.769em;
	
		color: #444;
	font-size: 107%;
	font-weight: normal; 
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Verdana,Helvetica,sans-serif;
}
.block h3, .block h3 a {
	font-size: 114%;
}

h4 { /* e|vo: vorrangig Persons/Speakers */
	margin-top: 7px;
	margin-bottom: 0.5em;
	font: normal 110% "Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
}

h5, h6 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
	margin-bottom: 0.909em;
	
	font-weight: bold;
	font-family: Verdana,Helvetica,sans-serif;
}

/** block-level elements **/
p, ul, ol, dl, pre, table, fieldset, blockquote {
	margin: 0.5em 0; /* e|vo 081020 zen 1.1: margin: 1em 0;*/
}

p, .book .body {
	padding: 0 0 0.5em 0;
}

blockquote {
	border: 1px solid #BBB;
	border-width: 0 0 0 1px;
	margin: 0.5em 1em;
	padding: 0.3em;
	font-style: italic;
}

/** lists **/
/* standardize list item indentation */
ol, ul, dl { 
	position: relative; 
}

ul, ol {
	margin-left: 0;
	padding-left: 2em;
	list-style-position: inside;
}
ol {
	padding-left: 1.6em;
}
	#content-area ol {
		list-style-position: outside;
	}

.block ul, /* Drupal overrides */
.item-list ul {
	margin: 1em 0;
	padding: 0 0 0 2em;
}
	.block ul {
		margin: 0;
	}

ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
	margin: 0;
}

.item-list ul li { /* Drupal override */
	margin: 0 0 0.25em 1.5em; /* e|vo 081021: was 0 */
	list-style: inherit;
}

ul.menu li, /* Drupal override */
li.expanded,
li.collapsed,
li.leaf {
	margin: 0;
	/*padding: 0.2em 0.5em 0 0; e|vo 081020: zen 1.1, but not TF */
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }


dt {}

dd {
	margin: 0 0 0.3em 2em;
}


/** tables **/
/* Override Drupal default CSS */
table {
	border-collapse: collapse;
}

th,
thead th,
tbody th {
	font-family: Arial,Helvetica,sans-serif; /* e|vo 081020: it's bold, therefore it's done in Arial */
	/*text-align: center; disabled due to admin status*/
	border-bottom: none;
}

tbody {
	border-top: none;
}

tr, td { /* e|vo 081014: todo, <tr> also padding? */
	padding: .25em;
}

td.icon {
	text-align: center;
}

/** abbreviations **/
abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	white-space: nowrap;
}

/* Date-based "abbreviations" show computer-friendly timestamps which are not
	human-friendly. */
abbr.created {
	border: none;
	cursor: auto;
	white-space: normal;
	text-decoration: none; /* todo - necessary? */
}

/** images **/
img {
	border: 0;
}

/** horizontal rules **/
hr {
	height: 1px;
	border: 1px solid #BBB;
	border-color: #BBB !important;
}

/** forms **/

fieldset {
	border: 1px solid #ECECEC; /* e|vo 081116: was #DDD, don't know if good on Mac */
	margin: 1em 0;
	padding: 0.5em;
}

input, textarea, textfield {
	color: #111;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 1px;
	font-size: 100%;
}

body > div input[type=text], textarea, textfield {
	background: #FFF;
}

	.fieldset-wrapper,
	fieldset > div { /* only for standards-compliant Browsers; NOT IE */
		padding: 0 7px; /* e|vo 090506: changed for hyperaudio-node, don't know if good at other nodes */
	}
	.fieldset-wrapper table { 
		width: 100%;
	}

.form-item {
	margin: 0.5em 0;
}

input.form-checkbox, input.form-radio {
	border: none;
}

.form-submit, .button {
	padding: 0 1px;
}

#search .button, 
#search .form-submit,
#user-login-form .button,
#user-login-form .form-submit {
	/* background-color: #68A0D9;*/
	/*color: #fff;*/
	border: 1px solid #EEE; border-color: #ECECEC #AAA #AAA #ECECEC;
	font-weight: bold;
}

#node-form, 
#node-form .node-form {
	overflow: auto;
}


/* ... old formatting ... */
b, 
strong {
	color: #444;
}