* {margin: 0; padding: 0;}
a {text-decoration: none;}
li {list-style: none;}
/*David McCabe's header font*/
@font-face
    {font-family: 'TheanoDidotRegular';
    src: url('theanodidot-regular-webfont.eot');
	src: local("☺");
    	src: url('theanodidot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         	url('theanodidot-regular-webfont.woff') format('woff'),
         	url('theanodidot-regular-webfont.ttf') format('truetype'),
        	url('theanodidot-regular-webfont.svg#TheanoDidotRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
/*Container for the rest of the content*/ 
#wrapper 
	{position: relative; 
	width: 100%; 
	margin: 3.5em auto 3em 4%; 
	max-width: 900px;
	min-wdith: 480px; 
	min-height: 600px; 
	text-align: left;}
/*This div holds all the internal content, not used in index.html*/
.content, #gallery
	{position: absolute; 
	top: 5.25em; 
	left: 19.75em; 
	width: 750px; 
	height: 600px; 
	text-align: left; 
	border-left: 1px solid #000;
	padding: 1.5em 0 0 0.75em;}
/*David McCabe header*/
h1 
	{font: bold 49px/39px "TheanoDidotRegular";
	color: #000;
	margin: 0 11.7em 0 1.82em; 
	height: 75px;
	width: 197px; 
	border-bottom: 1px solid #000; 
	border-right: 1px solid #000;
	padding: 0 15px 8px 15px;}
h1 a 
	{color: #000;}
/*Styles and position for the upper nav*/
#navbar
	{position: relative;
	top: -85px; 
	left: 317px;
	list-style: none; 
	border-top: 1px solid #000; 
	width: 327px; 
	text-align: left;}
#navbar li
	{float: left;
	list-style: none;
	padding: 2px 0.57em 1px 0.815em;
    margin: 0;
	font: bold 14px Arial, Helvetica, sans-serif;}
#navbar a 
	{text-decoration: none;
	color: #666;}
#navbar a:hover
	{color: #000;}
/*current page nav style*/
.selected
	{color: #000;}
/*Styles and positioning for the tabbed (lower) nav*/
ul.menu_tabbed li 
	{display: inline;
	margin-right: 15px;}	
ul.menu_tabbed li a 
	{color: #000;
	border: 1px solid transparent;
	text-decoration: none;
	padding: 2px 3px;}
ul.menu_tabbed {
	list-style: none;
	border-bottom: 1px #000 solid;
	padding-left: 4px;
	padding-bottom: 1px;
	position: absolute; 
	top: 58px; 
	left: 300px; 
	width: 575px;
	font: bold 20px/23px Palatino, Times New Roman, serif;
	margin: 1px 0 0 17px;
	text-align: right;
	}
/* filter IE6 */
html>body ul.menu_tabbed li a:hover 
	{border: 1px #666 solid;
	border-bottom: none;
	padding: 2px 3px 2px 3px;}
/*Menu tabs current*/
ul.menu_tabbed span.selected {
	height: 30px;
	background: #FFF;
	color:#000;
	border: 1px #000 solid;
	border-bottom: 2px #FFF solid;
	padding: 2px 3px 1px 3px;}
/*Footer styles and positioning*/
.footer 
	{margin: 0; 
	padding: 0.75em 1em 1em 3.5em;
  	font-size: 60%;
  	color: #000; 
	background: #FFF;
	width: 590px;}
#footer p, #footergallery p 
	{margin: 0; 
	padding: 0;}
.footerlink
	{color: #000;
	font-weight: bold;}
/*Start Index styles*/
ul.menu_tabbed#index {border-bottom: none;}
img#index 
	{position: absolute; 
	top: 5.21em; left: 19.8em; 
	border: 1px solid #000;}
#footerindex 
	{margin: 790px 0 0 324px; 
	font: bold 60% Arial, Helvetica, sans-serif; 
	color: #666; 
	text-align: left;
	border-style: none;}
.footernav 
	{font: bold 10px Arial, Helvetica, sans-serif; 
	color: #666;}
a.footernav:hover {color: #000;}
/*Turns off Tab bottom border*/
#menuIndex
	{border-style: none;}
/*End Index Styles*/
/*Start Biography Styles*/
img#camera 
	{margin: -7em 0 1em 0;
	border: 2px solid #000;}
#contentbio
	{height: 550px;}
#bio 
	{font:17px/24px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	margin: 7.5em 10.5em 0 2.55em;}
span#name 
	{font: bold 30px "TheanoDidotRegular", Palatino, serif, Times, serif; 
	color: #000;
	margin-right: 3px;}
#footerex
	{font-size: 60%;
	margin: 5.5em 0 0 1em; 
	border-style: none;
	width: 500px;}
/*End Biography Styles*/
/*Start Exhibitions Styles*/
/*Styles for Press and Exhbitions List*/
ul.ExhibitionsList, #press
	{font:17px/24px "Georgia, Times New Roman, Times, serif", Palatino, Times, serif; 
	color: #666; 
	margin: 1em 0 2em 2em; 
	text-align: left;}
ul.ExhibitionsList 
	{line-height: 28px;
	margin-bottom: 2em;}
ul.ExhibitionsList  a
	{color: #000;
	text-decoration: none;}
ul.ExhibitionsList  a:hover
	{color: #000;
	font-weight: bold;}
#press
	{margin-top: 1em;}
.address
	{font:17px/20px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	margin: 0.25em 0 0.5em 2.25em; 
	text-align: left;}
h4 
	{font: bold 24px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	margin: 1.25em 0 0.25em 1.25em;
	color: #666;}
a.showTitle 
	{font: bold 17px Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 1em 0 0 2.15em;
	color: #000;}
a.showTitle:hover
	{text-decoration: underline;}
img#ex 
	{position: relative; 
	top: 0; 
	left: 0; 
	border: 1px solid #000; 
	display: inline; 
	margin: 1.25em 2em 0.5em 2em;}
a.press
	{color: #000;
	text-decoration: none;}
a.press:hover
	{text-decoration: underline;}
#press
	{line-height: 28px;}
.date
	{color: #000;
	font-weight: bold;}
.Proud
	{color: #666;
	font-weight: bold;}
a#Proud:hover
	{color: #000;}
.indent
	{margin-left: 170px;}
/*Styles for list indents*/
.left-space
	{margin-left: 50px;}
.list-date
	{color: #000;
	margin-right: 10px;}
/*End Exhibitions Styles*/
/*Start Books Styles*/
img#books 
	{float: left; 
	border: 1px solid #000; 
	display: inline; 
	margin: 2em 2em 1em 2em;}
#info 
	{font:17px/24px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	margin: 1.75em 0 2em 2em; 
	text-align: left; 
	padding-bottom: 2em;}
h4#books 
	{font: bold 26px Arial, Helvetica, sans-serif;
	color: #666; 
	font-style: italic;
	margin: 1.25em 1em 0 1.35em;}
h5#books 
	{font: 15px/22px Arial, Helvetica, sans-serif; 
	color: #666;
	margin: 0 0 0 2.5em;}
h5#dm 
	{font: 15px/22px Arial, Helvetica, sans-serif; 
	color: #666;
	font-size: 18px; 
	margin: 0.75em 0 0 2em;}
a#signed 
	{text-decoration: none; font: bold 17px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	border: 1px solid #000; 
	width: 283px; 
	padding: 2px 4px; 
	margin-left: 0.5em;}
a#signed:hover 
	{color: #000;} 
a#Phaidonlink 
	{text-decoration: none; 
	color: #666;}
a#Phaidonlink:hover 
	{color: #000;} 
.bookquote 
	{font-size: 14px;
	font-style: italic;}
/*End Books Styles*/
/*Start Contact Styles*/
h4#contact 
	{font: bold 20px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #000; 
	margin: 3em 0 0 19.75em;}
a.email 
	{font: bold 17px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	border: 1px solid #000; 
	width: 283px; 
	padding: 2px 4px; margin: 0 0 0 23.15em;}
#subfooter 
	{font:13px/18px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	margin: 5em 0 0 30.75em;}
a.email:hover 
	{text-decoration: none; color: #000;}
p.sales
	{font:17px/30px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	margin: 0 0 0.5em 23.5em;}
p.represent
	{font:10px/24px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #666; 
	margin: 0 0 0.5em 23.5em;}
h5#contact
	{font: 8px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	color: #000; 
	margin: 1em 0 0.5em 22em;}
img#contact 
	{position: absolute; 
	top: 2.5em; 
	left: 2.5em; 
	border: 1px solid #000;}
a#proudContact, a#proudContact:visited 
	{color: #000;}
a#proudContact:hover 
	{text-decoration: underline;}
div#resize
	{height: 350px;
	width: 350px;
	margin-top: 3em}
/*End Contact Styles*/
/*Gallery styles*/
div.galleryWarhol 
	{float: left; 
	height: 175px; 
	width: 185px;
	padding: 0 0 0.25em 0; 
	margin: 0; 
	text-align: center;}
div.galleryWarhol img 
	{display: inline; 
	border: 2px solid #000;}
/*Portraits subheader styles*/
h2
	{font: bold 24px "Georgia, Times New Roman, Times, serif", Palatino, serif, Times, serif; 
	margin: 0 0 0.5em 0;
	color: #666;}
/*Footer styles for image galleries*/
#galleryfooter 
	{margin: 0; 
	padding: 0.75em 1em 1em 2em;
  	font-size: 60%;
  	color: #000; 
	background: #FFF;}
.footerlink
	{color: #000;
	font-weight: bold;}
* html .menu_tabbed {height: 1%;} /* for IE/Win */
*>html .menu_tabbed {he\ight: auto;} /* for IE5/Mac */

/*IE6*/
ul.menu_tabbed li a
	{_border-style: none;}
ul.menu_tabbed
	{_margin-top: 4px;}
#navbar
	{_margin-top: -2px;}
img#index 
	{_margin-left: -5px;}
/*IE7*/
span.selected
	{*border-top: none;}
/*iPad (portrait and landscape)*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#wrapper 
		{margin-left: -5em;
		margin-right: 1em;}
	h1, span#name
		{font-family: "Times New Roman";}
	ul#menuIndex
		{border-style: none;}
	#bio, div#info
		{color: #000;}
	div#info
		{margin-right: 2.25em;}	
}
/*Smartphones (portrait and landscape)*/
@media only screen and (min-device-width : 320px) and (max-device-width : 854px) {
	ul.menu_tabbed li
		{font-size: 13px;}
	#wrapper 
		{margin-left: -5em;
		margin-right: 1em;}
	h1, span#name
		{font-family: "Times New Roman";}
	ul#menuIndex
		{border-style: none;}
	#bio, div#info
		{color: #000;}	
  	ul.menu_tabbed
		{position: absolute;
		top: 46px; 
		left: 300px;}
}


