/* davidabrahamrosen.com stylesheet
---------------------------------------------
css by pjkelly || last edited on 25 August 05
--------------------------------------------- */

/* =>global
-----------------------------
|||||||||||||||||||||||||| */

	body
	{
	font: 12px/1.5em Verdana, Arial, sans-serif;
	background: #efefef;
	color: #000;
	margin: 0;
	padding: 0;
	}
	
	p, li, h1, h2, h3, h4, h5, h6, dt, dd, input, select, textarea
	{
	font-family: Verdana, Arial, sans-serif;
	}
	
	ul, li, p, dd, dt
	{
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	}
	
	h1, h2, h3, h4, h5, h6
	{
	margin: 0 0 1em 0;
	padding: 0;
	letter-spacing: 2px;
	}
	
	a
	{
	color: #006;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
	}
	
	a:hover
	{
	color: #fff;
	background: #006;
	}
	
	p
	{
	margin: 0 0 1.5em 0;
	}

	#container
	{
	background: #fff;
	}

	#banner
	{
	height: 50px;
	background: #efefef;
	border-bottom: 1px solid #333;
	}

	#banner h1
	{
  display: none;
	}

	#nav
	{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	background: #ccc;
	border-bottom: 1px solid #333;
	}
	
	#subconwrap
	{
	padding: 0 20px 10px 20px;
	}

	/* min-height hack by David Shea www.mezzoblue.com */

		/* for Mozilla/Safari/Opera */
		*>#conwrap {
		padding-top: 510px;
		min-height: 1px;
		}
		*>#conwrap #subconwrap {
		margin-top: -510px;
		}
		/* for IE, with IE5/Mac backslash filter \*/
		* html #conwrap {
		height: 510px;
		}
		/* end filter */

	/* end hack */

	h2
	{
	padding: 5px;
	border-top: 3px solid #333;
	border-bottom: 1px solid #333;
	background: #efefef;
	}
	
	#listen
	{
	/*border-left: 10px solid #333;*/
	padding-left: 10px;
	}
	
	#homepic img
	{
	display: block;
	padding: 2px;
	border: 1px solid #000;
	}
	
	
	#left
	{
	float: left;
	margin: 10px 10px 10px 0;
	width: 300px;
	}
	
	#right
	{
	margin: 10px 0 0 0;
	float: left;
	width: 300px;
	}
	
	ul
	{
	list-style: none;
	}
	
	#footer
	{
	background: #efefef;
	clear: both;
	font-size: 80%;
	border-top: 1px solid #000;
	padding: 10px 0 0 20px;
	margin: 20px 0 0 0;
	}
	
	.note
	{
	font-size: 80%;
	}
	
	#gallery a
	{
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px;
	padding: 5px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 1px solid #000;
	background-color: #ffffff;
	}

	#gallery a:hover
	{
	background-color: #505057;
	}

	#gallery a span {display: none;}
	
	#photo, #photo_info
	{
	float: left;
	}
	
	#photo_info
	{
	width: 300px;
	}
	
	#photo_info ul
	{
	background: #efefef;
	padding: 10px 0 5px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #333;
	}

	#photo_info h3
	{
	margin: 0 0 0 0;
	padding: 0;
	border-bottom: 1px solid #333;
	background: #ccc;
	}
	
	#gal_nav { width: 300px; background: #efefef; float: left; margin: 0 0 10px 0;}
	
	#photo
	{
	margin: 0 20px 0 0;
	text-align: center;
	}
	
	.back_to_gallery
	{
	display: block;
	clear: both;
	width: 250px;
	margin: 0 auto;
	text-align: center;
	background: #efefef;
	border: 0;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	}

	.back_to_gallery:hover
	{
	color: #333;
	background: #efefef;
	border: 1px solid #bfbfbf;
	border-bottom: 0;
	border-right: 0;
	}
	
	
	#photo img { border: 2px solid #000; }
	
	.fr {float: right; padding: 0 0 0 5px; }
	.fl {float: left; padding: 0 5px 0 0; }
	.center {text-align: center; }