/* 
debugging.css
Carl Angiolillo
Version: 0.0.1
Updated: 2006-04-28

Default style for debugging the website.
*/

div 
{
	/*border-style: solid;*/
}

div.container
{
	width: 100%;
	margin: 0px;
	line-height: 150%;
	border-color: green;
}

div.navbar
{
	width: 152px;
	float: left;
	margin-top: 0px;
	margin-left: 64px;
	border-color: black;
	
	
}

div.content
{
	/*border-top-style: solid;
	border-top-color: gray;
	*/


	margin-left: 216px;
	margin-top: 32px;
	margin-right: 32px;
	margin-bottom: 32px;
	
	padding-left: 64px;
	padding-right: 32px;
	padding-top: 32px;
	padding-bottom: 32px;
	
	/*height: 200px; /*or larger!!!*/
	/*width: 200px; /*or larger*/

}


div.title_icon
{
	margin-left: -15px;
	margin-top: 0px;
	width: 138px;
	height: 138px;
	padding: 0px;
}


div.title
{
	margin-left: 150px;
	margin-top: -90px;
	height: 80px;
	line-height: 250%;
}

img
{
	padding: 9px;
	border-style: none;
}

img.selected 
{

	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: gray;
	
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #D3D3D3;
	
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: gray;
	
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: white;
	
	/*This causes a popping effect. I'm not sure I want to keep it. */
	/*
	padding-left: 24px;
	padding-right: 0px;
	*/
}

img.unselected
{
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: gray;
}


/*figure out how to get the spacer to work...*/
div.spacer
{
	height: 0px;
	width: 512px;
	border-color: blue;
}


h1
{
	color: maroon;
	font-size: 36pt;
}

h2
{
	color: maroon;
	font-size: 24pt;
}

/* What is "margin-left"? */
p
{
	font-size: 11pt;
	margin-left: 15px;
}


.name {
	font-size: 36pt;
	color: maroon;

}

.section_title {
	font-size: 24px;
	color: maroon;
}
.item_name {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}
.item_location {
	text-align: left;
	font-style: italic;
	font-size: 16px;
}
.item_date {
	text-align: right;
	font-size: 16px;
}
.item_body {
	list-style-type: circle;
	font-size: 14px;
	padding-bottom: 10px;
}