/* 	THE FRANKLIN HOUSE
	PATRICIA FRALNKLIN MOSAIC ART 
	BUILT ON TEXTPATTERN
	BY SEANET	
*/
	
	
* 	{
	margin: 0;
	padding: 0;
	}
	
.clear{
	clear: both;
	}
	
.float_left {
	float: left;
}

.float_right {
	float: right;
}
	
	
span.red {
	color: #990000;
	}
	
	
	
body {
	font-family: Arial, sans-serif;
	background: url(/images/bk_body_02.jpg) repeat top left;
	background-color: #000;
	}


div#container {
	background-color: #000;
	padding: 20px;
	width: 720px;
	margin: 0 auto;
	}


div#header {
	border-bottom: 2px solid #444!important;
	padding-bottom: 15px;
	position: relative;
	height: 100px;
	}
	
	div#header div#nav_bar_container {
		position: absolute;
		top: 62px;
		right: 20px;
		}
		
		div#logo {
			float: left;
			}
		
		ul#nav_bar {
			list-style: none;
			margin-right: 0;
			}
			
			ul#nav_bar li {
				float: left;
				padding: 0 5px 0 5px;
				}
				
				ul#nav_bar li a {
					color:#888;
					text-decoration: none;
					border: none;
					font-size: 14px;
					letter-spacing: 1px;
					}
					
				ul#nav_bar li a:hover {
					color:#999;
					border-bottom: 1px solid #999;
					}
		

div#content {
	padding:0 10px;
	}
	
	div.main_illustration {
		background-color: #fafafa;
		padding: 0;
		margin: 0 0 10px 0;
		}
		
	div.left_block {
		width: 400px;
		float: left;
		display: block;
		}
	
	div.right_block {
		background: url(../images/bk_right_block_2.jpg) top right no-repeat transparent;
		width:250px;
		float:right;
		height: 500px;
		padding-top: 10px;
		}
		
		div.right_block h1.sidebar_title {
			padding: 5px 0 5px 35px;
			font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			font-variant: small-caps;
			letter-spacing: 1px;
			font-weight: normal;
			font-size: 0.9em;
			color: #ccc;
			background: url(../images/title_bullet.jpg) no-repeat 15px 11px transparent;
			}
		


	div#content p {
		font-size: 0.9em;
		color: #888;
		line-height: 130%;
		padding: 0 0 0.8em 10px;
		display: block;
		font-family: Arial, sans-serif;
		}
			
	div#content .blockquote {
		padding: 0 0 0 40px;
		background: url(../images/cite_open.jpg) top left no-repeat;
		margin: 20px 0 0 10px; 
		}
		
		div#content .blockquote p {
			font-size: 1.25em;
			font-family: Arial, sans-serif;
			font-style: normal;
			color: #777;
			padding: 0 40px 0 0;
			background: url(../images/cite_close.jpg) bottom right no-repeat;
			margin-right: 10px;
			line-height: 105%;
			}
			
		div#content .sub_block {
			/* border-bottom: 1px solid #111; */
			padding: 0 20px 10px 0;
			margin-bottom: 20px;
			}
			
		div#content .sub_block_1 {
			
			padding: 10px 10px 10px 0;
			margin-bottom: 10px;
			}
	
	h1.title {
		padding: 0 0 10px 25px;
		font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
		font-variant: small-caps;
		letter-spacing: 1px;
		font-weight: normal;
		font-size: 28px;
		color: #ccc;
		background: url(../images/title_bullet.jpg) no-repeat 0 8px transparent;
		}
	

		
	div.illustration_box {
		float: right;
		width:290px;
		padding: 10px 0;
		background-color: #000;
		text-align: center;
		margin-left: 20px;
		}
		
		span.illustration_caption {
		font-size: 0.7em;
		color: #666;
		padding-top: 4px!important;
		display: block;
		font-family: Arial, sans-serif;
		letter-spacing: 1px;
		
		}
		
	img.icon {
		padding: 3px 6px 0 0;
		float: left;
		}
		
		
	div.link_item {
		padding: 15px 10px 0 20px;
		border-bottom: 1px solid #111;
		}
	
		h3.link_name, h3.link_name a {
			font: 1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			font-variant: small-caps;
			letter-spacing: 1px;
			color: #999;
			margin: -5px 0 10px 0;
			padding: 0;
			text-decoration: underline;
			font-weight: normal;
			}
		
		/*div.link_item p {
			font-size: 6em;
			color: #333;
			line-height: 130%;
			padding: 0 0 0.8em 10px;
			display: block;
			} */
			
		
	dl.event_item {
	color: #777;
	padding-bottom: 20px;
		}	
		
		dl.event_item dt {
			font: 1.1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
			color: #999;
			font-variant: small-caps;
			letter-spacing: 1px;
			margin: -5px 0 10px 0;
			padding-left: 20px;

			}
		
		dl.event_item dd {
			font: 1em Arial, sans-serif; 
			line-height: 130%;
			padding-left: 20px;
			}
	

	
	.portfolio_archive_item2 {
	padding:10px 5px 15px 0;
	width: 32.5%;
	min-height: 210px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	}
	
	.portfolio_archive_item2 h2.title, .portfolio_archive_item2 h2.title a {
		font-family: Arial, sans-serif;
		font-size: 0.9em;
		padding: 5px 0 0 0;
		margin: 0;
		font-weight: normal;
		color: #777;
		}
		
		
	div.illustration_home {
		padding: 10px;
		text-align: center;
		}
		
		img.home_image {
		
		}
		
		
		
	div.contact_form {
		padding: 0px 0px 0px 0px;
		margin-left: 0px;
		width: 350px;
		border: 1px solid #222;
		color: #888;
		}
	
		.zemContactForm fieldset {
			padding: 10px;
			font-size: 0.85em;
			border: none;
			}
		   
		.zemContactForm legend {
			padding: 0.5em 10px 0.5em 0;
			width: 60px;
			display: none;
			}
		   
		.zemContactForm label {
			float: left;
			width: 60px;
			margin: 0 10px 0 0;
			display: block;
			}
		  
			
		.zemContactForm br {
			clear: left;
			padding: 5px 0;
			margin: 5px 0;
			display: block;
			}
		   
		.zemContactForm .zemSubmit {
			margin: 10px 0 0 0;
			}


div#footer {
	padding-top: 15px;
	border-top: 2px solid #444;
	}
	
	p.footer_copy {
	color: #888;
	text-align: right;
	font-size: 0.8em;
	}
	
/* ===============
   being tested 
=============== */

div.project_info {
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	color: #888;
	}
	
	div.project_info h1.title {
	font-size: 1.3em;
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
	}
	


div.illustration_box2 {
	float: left;
	margin: 0 20px 10px 0;
}

span.info_cell {
	display: block;
	padding: 5px;
	}
	
	span.info_cell a {
	font-style: italic;
	text-decoration: underline;
	color: #888;
	}
	
span.sub_category {
	font-size: 0.8em;
	font-style: italic;
	color: #666;
	display: block;
	}


/* latest update
----------------------------------------------- */

.event_item {
border-bottom:1px solid #111111;
padding: 15px 0;
	}

	.event_item a {
		font-style: italic;
		text-decoration: underline;
		color: #888;
		}