/* main.css
for lindeanmillglass.com
author: chris whincop, march 2007
beta v0.1
*/
/*
TODO the cv subsection has different coloured body text - check it's important, and change if it is
TODO paragraph spacing in tables should be tightened up, if possible, or the paragraphs got rid of and the text otherwise styled
TODO make page/subsection specific styling explicit within this stylesheet
TODO get rid of experimental code that's no longer required (.e.g. for non-existent divs and navigation lists)
*/

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../img_39.gif);
}

body,td {
    font-size: medium;
	/*font-family: futura,"futura bk bt","century gothic",arial,helvetica,sans-serif;*/
	font-family: futura, "futura bk bt", "century gothic", Tahoma, Verdana, "Lucida Sans Unicode", "Trebuchet MS", arial, helvetica, sans-serif;
	text-align: left;
	color: #333;
}



p {
  font-size: 76%;}

/*,"century gothic","lucida
grande","trebuchet ms"*/

a:link, a:visited { color: #FFCC33;text-decoration: none; }

a:hover, a:active
{
	color: #FFCC33;
	text-decoration: underline;
	background-color: #fff;
}

img {border: none;}

h2
{
	color: #333;
	font-size: 105%;
	font-weight: normal;
	margin: 0 0 2px 0;
}
h2.leader
{	margin-top: 8px;
	margin-bottom: 2px;
}

.tablehead strong {color: #333;
	font-weight: normal;
}

h2 a { text-decoration: none; }

h3
{
	color: #333;
	font-size: 85%;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 0px;
}
h3.leader
{	margin-top: 8px;
	margin-bottom: 0px;
}

#container
{	margin:48px 53px;
	/*margin: 67px 53px;*/
	width: 752px;
	text-align: left;
	background-color: #fff;
	/*border: 1px none #fff; */
}

#header
{
	height: 125px;
	width: 100%;
	background-image: url(../header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	/* border: 1px none #fff;
	border-bottom: 1px solid #fff; */
}

#header h1
{
	font-size: 1px;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

td .subnav li a
{
	text-decoration: none;
	color: #999;
	list-style-type: none;
}



#sidebar
{
	/* note smaller font size than main body text 
	
	and also note that on collection pages the colour of text
	in the sidebar varies */
	

	float: left;
	width: 212px;
	/*border-right: 1px solid #C5C877;*/
	padding: 0;
	font-size:95%;
	color:#999999;
}

/*this doesn't seem to work!!! */
#sidebar.desc {color:#000;}


	/*width of main content is logo width(212)+distance to beginning of main nav*/
#maincontent { margin: 0 20px 40px 267px; }
#maincontent p { line-height: 165%; }
* html #maincontent {margin-top:-60px;} /* supposedly for IE/Win, but doesn't work! */

table p { line-height: 100%; } /*doesn't work!*/

#footer
{
	clear: both;
	color: #999; /* was: 272900 */
	text-align: right;
	font-size: 90%;
	/*font-size: small; TOO SMALL IN FIREFOX */
	padding-top: 10px;
	margin-right:35px;
}

.footerlinks a {color: #999; text-decoration: none;}
.footerlinks a:hover, a:active {color: #FFCC33; text-decoration: underline;}

/*these coordinates work to keep the footer in the same position between collection pages in Safari, with the default text size 
.dbindx {position: absolute;
	margin-top: 86px;
	margin-left: 478px;
}*/


/* here's the same for FF with 'normal' text size on OS X 

.dbindx {position: absolute;
	margin-top: 20px;
	text-align: right;
}*/


.skiplink {

	position: absolute;

	left: -1000px;

	width: 990px;

	font-size:1px; line-height:1;

	}

/* page navigation within subsections: 1 | 2 | 3 etc. */
	
.subpages {text-align: right;
font-size:95%;color:#999999;
}
.subpageson {color:#FFCC33;}	
.subpages a {color:#999999;text-decoration: none; }
.subpages a:hover {color:#FFCC33;}

.nobulllist {line-height: 80%; }
	
/* PAGE OR SECTION-SPECIFIC STYLING*/	

/* C V s */

table.nopara td{ 
	font-size: 76%;
	text-align: left;
	color: #999999;
	line-height: 140%; }

td p {
color:#999999;
line-height: 50%;}

/*td .tablehead {
color:#272900;
font-size:100%;}*/

/* C V page 3 has div.class="ieclear" that's referenced in the IE specific external stylesheets 
The h3 tag used to have it, but needs a different class, as in the table heads, to lose the big, blocky boldness. Emulating the master PDF, here. Maybe ought to do the same for the legal info page and so do it for all h2s and h3s - OK, done.
*/

p.nobulllist {
color:#999999;
line-height: 50%;
margin-top: 0px;}


/* N E W S*/
#newsleader {float: left;
margin: 0 10px 2px 0;}

.newsitemon {color: #FFCC33;}

/*.newsfirstpara {font-weight: bold;font-size:1.2em;}*/

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  width: 49%;
  }

div.spacer {
  clear: both;
  }

/* see (with thanks) http://www.alistapart.com/articles/practicalcss/ for details of this and similar moves */



/* COLLECTION and GALLERY image grids

ala: 

http://css.maxdesign.com.au/floatutorial/tutorial0407.htm
*/


/* test pages have their own settings for this thumbnail class*/
/* ok for collection*/
.thumbnail
{
float: left;
width: 88px;
/*border: 1px solid #999;
margin: 0 15px 15px 0;*/
padding: 2px;
}

.gallthumb
{
float: left;
/*border: 1px solid #999;
margin: 0 15px 15px 0;*/
padding: 2px;
}


.clearboth { clear: both; }