/****************************************************************
Ben Elias Website Base Styles
Author:   Michael John Trettewick
Version:  29 November 2005 
*****************************************************************/
@import url(layout.css);
@import url(navigation.css);
@import url(headings.css);

/* Global
*****************************************************************/

body {
	background: #353535 url(../img/bgTile.gif) repeat-x;
	font-family: Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	}

img { border: 0; }
.hide {display: none; width: 0px; overflow: hidden;}


/* Text Formatting
*****************************************************************/
p {
	color: #ddd;
	font: 13px/1.5 Arial, sans-serif;
	margin: 5px 0px 15px 0px;
	}
#secondary p {
	font-size: 12px;
	}



/* Links
*****************************************************************/
a, a:link, a:visited, a:active { }
a, a:link { color: #CDDDBB; }
a:visited { color: #CDDDBB; } /*B88782*/
a:focus, a:hover, a:active { color: #CDDDBB; }

a.more-link, a.more-link:link, a.more-link:visited {
	background-color: #F6F3F3;
	border: 1px solid #D9CCCB;
	padding: 1px 4px;
	font: 10px/1.5 Arial, sans-serif;
	}
a.more-link:focus, a.more-link:hover, a.more-link:active {
	background-color: #EDE7E6;
	border: 1px solid #B49C99;
	}





/* Lists
*****************************************************************/
ul	{
	list-style: none;
	padding: 0 0 0 0;
	margin: .5em 0 1.2em 1px;
	color: #fff;
	}
ul li	{
	font: 12px/1.1 Arial, sans-serif;
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 0.5em 0px;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
ul.no-bullet	{
	font-size: 11px;
	list-style: none;
	padding: 0 0 0 0em;
	margin: .5em 0 2em 0;
	color: #333;
	}
ul.no-bullet li	{
	padding-left: 0px;
	background-image: none;
	}


/* =press */
ul.press {
	width: auto;
	margin: 0px 0px 15px 0px;
	padding-right: 20px;
	/* this is to make the date stick out to the left */
	padding-left: 52px;
	text-indent: -52px;
	list-style-type: none;
	}
ul.press li {
	margin: 0px 0px 0.7em 0px;
	padding: 0px;
	background-image: none;
	color: #777;
	font: 10px/1.1em Arial, sans-serif;
	}



dl {
	font: normal 11px/0.8em Arial, sans-serif;
	list-style: none;
	margin: 0px 10px 15px 0px;
	}
dl dt {
	font: normal 11px/1.1em Arial, sans-serif;
	color: #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0.5em 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
dl dd {
	color: #666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	}








/* Headings
*****************************************************************/
h2 {
	font: normal 18px/1 Arial, Sans-Serif;
	color: #CDDDBB;
	margin: 22px 0 12px 0;
	}
h3 {
	font: normal 14px/1 Arial, Sans-Serif;
	color: #CDDDBB;
	margin: 22px 0 7px 0;
	}
h4 {
	font: normal 16px/1.4 Arial, sans-serif;
	color: #CDDDBB;
	margin: 2em 0 0 0;
	}
h5 {
	font: bold 12px/1.6 Arial, sans-serif;
	color: #fff;
	margin: 1em 0 0px 0;
	}
h6 {
	font: bold 12px/1.6 Arial, sans-serif;
	color: #fff;
	margin: 0 0 0.5em 0;
	}



/* Images
*****************************************************************/

#secondary img, .border {
	border: 1px solid #6F6D54;
	margin-bottom: 5px;
	}
/* bio formatting */
img.bio {
	float: left;
	margin-right: 15px;
	border: 1px solid #000;
	}
div.bio-data {
	display: inline;
	margin-left: 135px;
	width: 620px;
	}
div.bio-box {
	margin: 20px 0px 30px 0px;
	}
.directory-box {
	height: 7em;
	width: 170px;
	float: left;
	margin: 0px 0px 10px 0px;
	font: 11px/1.2em Arial, sans-serif;
	}


.float-box {
	height: 7em;
	width: 160px;
	display: block;
	float: left;
	margin: 0px 0px 10px 0px;
	}



/* Tables (data tables)
*****************************************************************/
table {
	margin: 0px; padding: 0px;
	margin-top: 20px;
	background: url(../img/gradientTile1.gif) repeat-x;
	}
th, td {
	text-align: left;
	font-size: 11px;
	color: #333;
	}
td {
	padding: 10px 10px 10px 10px;
	}
th {
	padding: 10px 10px 10px 10px;
	}
.available-space table {
	width: 100%;
	margin: 0px; padding: 0px;
	background: url(../img/gradientTile1.gif) repeat-x;
	}
.empty-cell {
	border-top: none;
	border-right: 1px solid #f5f5f5;
	}




/* Misc
*****************************************************************/
.column {
	float: left;
	width: 210px;
	}
	
.vcard {
	font: normal 12px Arial, sans-serif;
	color: #fff;
	}	
.vcard span {
	font-weight: bold;
	color: #fff;
	}

.caption p {
	width: 237px;
	font: normal 10px Arial, sans-serif;
	color: #ccc;
	margin: 0;
	padding: 0;
	}
.caption p span {
	width: 237px;
	font-style: italic;
	color: #ccc;
	margin: 0;
	padding: 0;
	}
	
.bio span {
	float: left;
	width: 300px;
	}
.bio img {
	float: left;
	width: 100px;
	margin: 15px 10px 0px 0px;
	border: 1px solid #6F6D54;
	}