/* CSS file for modern browsers */
/* ************************************************************** */
/* A. Treshansky, Aug. 2006, CSS for Black Dog Studios            */
/* CSS file for use by newer browsers with the import method      */
/* Called second in the html file, after more basic CSS           */
/* Older browsers will only link to more basic CSS                */
/* Differences in this file override or add to the first one      */
/* ************************************************************** */
/* different in the new file, also left padding in header, content and footer */
/*
div {
	border: 1px solid blue;
}

table {
	border: 1px solid red;
}

td {
	border: 1px solid green;
}
*/
/* Basic page structure  */
table#structuring {
	border: none;
	padding: 0;
	width: auto; 
	max-width: 100%;
	vertical-align: top;
}

body.wider {
	width: auto;
	max-width: 100%;
}

/* zero div doesn't work in old browsers */
.screenreader {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* (most header styles in the other file - these settings override) */

#header {
	padding-left: 0; 
	margin-left: -1em; 
}
#header h1, #header h2.topheader {
	padding-top: 0.2em;
	padding-bottom: 0.2em; 
}

div.sidebar  {
/*	width: 13em; */
	margin-top: 0.5em;
	padding-top: 0;
	padding-right: 0;
max-width: 200px;
margin-right: 30px;
}

div#addressbox {
	clear: both;
}

div#content, div#content-wide, div#black_dog_legend {
	padding-top: 0;
	margin-top: 0;
/*	width: 57em; */
	float: left;
	vertical-align: top;
	display: inline;
	max-width: 100%;
/* font-size: small; */
}

#content {
/*	padding-left: 0.8em; */
padding-left: 10px;

}

#content div, #content-wide div {
	vertical-align: top;
}

div#maintext, div#introtext  {
/*	width: 25em; 
width: 43%; */
	padding-top: 0;
	margin-top: 0;
	text-align: left;
	float: left;  
	clear: none;
	vertical-align: top;
}

div#content-wide, div#black_dog_legend {
	width: 95%;
}

#footer {
	clear: both;
/*	padding-left: 2em; */
padding-left: 20px;
}
/* --- end of basic structure ------ */

/* Logo area */


div#logo {
	margin: 0;
	padding: 0;
/*	width: 13em; */
max-width: 200px;
max-height: 200px;
}

#logo a:link,#logo a:visited,#logo a:hover,#logo a:active {
  	text-decoration: none;
	font-weight: normal;
	font-family: Sylfaen, Times, serif;
	font-size: 100%;
	line-height: 1.2em;
	color: black;
	background-color: white;
	margin-top: 0;
	padding-bottom: 0.5em;
}

img.logo {
	padding: 0;

/*	height: 13em; 
	width: 13em; */
	margin-top: 0;
margin-left: 8px;
max-width: 200px;
max-height: 200px;
}

/* --------- end of logo --------*/


/* Styles for the menu options */

div#menu {
	margin-top: -0.4em;
	width: 160px;
/*	margin-right: 10px;
 margin-left: -10px;
max-width: 200px; */
}

#menu h2, #menu h3 {
	display: none;
}

ul#menu {
	padding-bottom: 0;
	margin-bottom: 0;
}

#menu ul {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0.5em;
margin-left: 3px;
	margin-right: 0;
padding-left: 0;
	list-style: none;
	font-family: Arial, Trebuchet, 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	text-align: right;
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active, #paintingmonth {  
  	text-decoration: none;
	font-weight: bold;
	line-height: 1.3em; 
	margin-bottom: 0;
	margin-top: 0.9em; 
}

#menu a:link, #menu a:visited  {  
  	color: #777;
	background-color: white;
}

#menu a:hover, #menu a:active, #paintingmonth  a:hover, #paintingmonth a:active {  
  	color: #000;
	background-color: white;
}


/* end of menu options */

/* styles within the page content section */

#content div, #content form, #content td {
	margin: 0;
	vertical-align: top;
/*	font-size: small; */
}

div#maintext {
	margin-top: 0.3em;
}

div.bodytext {
	vertical-align: top;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4.bodytext {
	padding-top: 2em; 
}

#maintext .strong_first {
	padding-top: 0;
	padding-bottom: 0;
}

#maintext p.strong {
	padding-top: 1em;
	padding-bottom: 0;
}

#maintext h4 {
	font-size: 100%; 
	font-weight: bold; 
	line-height: 1.2em;
	padding-top: 0;
	padding-bottom: 0; 
	margin-top: 0;
}

#content h2, #content h1 {
	padding-top: 0;
	margin-top: 0.2em;
}

#content-wide h2, #content-wide h1 {
	padding-top: 0;
	margin-top: 0;
}

/* ---- end of general page content styles ---- */

/* Photos and other images */

/* Images in general have no border */
img {
	border: none;
}

/* float styles */
.float_left {
	float: left;
}

.float_right {
	float: right;
}

img.float_left {
	padding-right: 1.5em;
	padding-bottom: 1em;
}

/* --- end of float styles --- */

p.pic_copyright {
	width: inherit;
}
button {
vertical-align: middle;
}