/* ===== Reset ===== */
@import url('/styles/reset.css');
@import url('/styles/forms_common.css');
/* 
Highlight: 	#8a831a;
Beige: 		#eaead7;
*/

html { background: #eaead7; padding: 30px; position: relative;}

/* ===== Base Layout ===== */
/* Adaption of the Holy Grail */
		body {
			background: #fff; padding: 20px 30px; 
			min-width: 1000px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
		}
		#container {
		  	margin-top: -190px;
			padding-left: 310px;      /* LC fullwidth */
			padding-right: 300px;     /* RC fullwidth + CC padding */
		}
		#container .column {
			position: relative !important;
			float: left;
			z-index: 0;
		}
		#column1 {
			padding: 0 10px;       /* CC padding */
			width: 100%;
		}
		#column2 {
			width: 300px;             /* LC width */
			padding: 0 10px 0 0;          /* LC padding */
			right: 330px;             /* LC fullwidth + CC padding */
			margin-top: 170px;
			margin-left: -100%;
		}
		#column3 {
			width: 280px;             /* RC width */
			padding: 0;          /* RC padding */
			margin-right: -100%;
		    background: #000;
		}
		#footer {
			clear: both;
			position: relative;
			background: #fff;
			width: 100%;			
		}
		/*** Equal-height Columns ***/
		#container {
			overflow: hidden;
		}
		#container .column {
			padding-bottom: 1001em;     /* X + padding-bottom */
			margin-bottom: -1000em;     /* X */
		}


#blog_entries {
  border: #000 2px solid;
  padding: 1em 1.5em;
  height: 100%;
  float: none;
  position: relative;
}
/* ===== Base Typography ===== */
html {
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-weight: bold;
	font-size: 1.375em;
	color: #8a831a;
}
h3 { text-transform: uppercase; }

a:link {
	color: #8a831a;
	text-decoration: none;
}
a:visited {
	color: #bcb351;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}
p { margin-bottom: .6em; }
p+p { text-indent:2em; }

.note {
	font-size: .725em;
	font-style: italic;
}

noscript { display:block; background:#faa; border: 1px solid #900; color: #900; padding: .5em; margin:.5em; }

/* ===== In-Depth Layout/Styling ===== */

/* =Header */
ul.skipto {	
	color: #eaead7;
	position: absolute;
	top: 5px; left: 5px;
	font-variant:small-caps;
	font-size: .725em;
}
ul.skipto:hover, ul.skipto:hover li a{ 	color: #8a831a;	}
ul.skipto:before { content: "Skip to:";	}
ul.skipto li {
	display: inline;
}
ul.skipto li a:link, ul.skipto li a:visited {
	color: #eaead7;
}
ul.skipto li a:focus, ul.skipto li a:hover, ul.skipto li a:active{
	color: #8a831a;
}

#blog_home {
	position: relative;
	z-index: 1000;
	background: url(../images/blog_logo.png) top left no-repeat;
	display: block;
	width: 300px;
	height: 184px;
	text-indent: -9999em;
}

/* =Left Sidebar */
#nav_contact {
	width: 155px;
	padding: 1em 20px;
	margin-right: 20px;
	background-color: #eaead7;
}
	h2#navigation {
		font: 1.25em "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: bold;
		color: #000;
		text-transform:lowercase;
		margin: 0 0 .5em;
	}
	ul.navigation { position: relative; }
	ul.navigation  li { 
		margin: 0 0 .5em 0;
		border-bottom: 1px solid #000;
		text-transform: uppercase;
	}
	ul.navigation li a:link, ul.navigation li a:visited {
		color: #000;
	}
	ul.navigation li a:hover, ul.navigation li a:active {
		color: #8a831a;
		text-decoration: none;
	}
	.quote {
		font: 1.25em "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: bold;
		margin: 4em 0;
	}
	p+p.quote { text-indent: 0;}
	#newsletter { text-align: center;	}
		#newsletter a {
			display: block;
			padding: .2em 0;
			margin: .5em 0 0;
			color: #fff;
			background-color: #8a831a;
			text-transform:uppercase;
		}
		#newsletter a:hover { background-color: #bcb351; }

	#rss_feed {
		margin: 1.5em 0 1.5em 5px;
		display: block;
		height: 40px;
		padding: 10px 0 0 55px;
		background: url(../images/rss_icon.gif) no-repeat top left;
		color: #8a831a;
		text-transform:uppercase;
		text-decoration:underline;
		font-size:1.275em;
		font-weight: bold;
	}
		#rss_feed:hover { color: #bcb351; }
	#firm_home {
		display: block;
		height: 135px;
		text-align: center;
		color: #000;
		text-decoration:none;
		background: url(../images/mattacola_logo.jpg) no-repeat center bottom;
	}
	
	
/* =Archives */
#blog_archives {
	width: 60px;
	height: 100%;
	margin: 50px 0 0;
	padding: 1em 10px;
	background-color: #eaead7;
	font-size: .875em;
}
	#blog_archives h2 { 
		font-size: 1.3em; 
		font-weight: normal; 
		text-transform: lowercase; 
		font-variant:small-caps;
	}
	#blog_archives ul { 
		margin: 2em 0 0 0;
		position: relative;
	}
		#blog_archives ul  li { 
			padding: 0 0 0 1em;
			margin: 0 0 .5em 0;
			border-bottom: 1px solid #000;
		}
		#blog_archives li a {
			color: #000;
		}
		#blog_archives li a:hover{
			color: #8a831a;
			text-decoration: none;
		}

		
/* =Blog Entries */
#blog_entries h1 {margin: 0 0 1em;}
#blog_entries a { margin: 0 .7em 0 0;}
.blog_entry {
	border-bottom: 1px solid #000;
	position: relative;
	margin: 0 0 1em;
	float: none;
}		
	.blog_entry a, #blog_comments a { margin: 0; }
	.blog_entry h2 {
		padding: 1em 0 .7em;
		font-size: 1.375em;
		text-transform: uppercase;
	}	
	.blog_entry h3 {
		position: absolute;
		font-size: .75em;
		top: 0;
		text-transform: uppercase;
		white-space: nowrap; 
	}
	.blog_entry .links, .blog_entry .sharelinks {
		margin: .7em 0;
		clear: both;
		float: none;
		position: relative;
	}
	a.email_post:link, a.comment_post:link, a.email_post:visited, a.comment_post:visited {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		color: #fff;
		background-color: #8a831a;
		padding: 5px 20px;
		text-decoration:none;
		text-transform:lowercase;
		position: relative;
	}
	a.email_post:hover, a.comment_post:hover{
		background-color: #bcb351;
		text-decoration:none;
		position: relative;
	}
	span.d-time { padding: 0 0 0 .7em; }

	#blog_comments ol { margin: 1em 0 0; }
	#blog_comments li { 
		border-bottom: 1px solid #8a831a;
		margin: 0 0 .5em;
		/*padding: 0em 0em.5em 0em;*/
	}
	#blog_comments li h4 { margin: 0 0 .2em;  font-weight: bold;}
	#blog_comments li h4 span { 
		color: #000; 
		font-weight: normal; 
		text-transform:uppercase; 
		font-size: .725em; 
		float: right; 
		display: inline;
		/*margin-top: -1.5em;*/
	}
	#blog_comments li p.website {
		margin: 0 0 .5em 0;
		padding: 0;
		text-indent: 0;		
	}
	
	li.image_verify input { width: 45%; }
	li.image_verify img { float: right; }
	
	ul.arch_list { padding: 0 0 1em; border-bottom: 1px solid #000; }
		ul.arch_list li { padding: 0 0 .5em 2em; text-indent: -2em; }
			ul.arch_list li .d-cat { font-size: .75em; font-style: italic; }
			ul.arch_list li .d-date { text-transform: uppercase; font-size: .75em; }
	
	
	
/* =Right Sidebar */
#podcast {
	margin: 10px;
	color: #c2c18f;	
	text-transform:uppercase;
	font-weight: bold;
	background: url(../images/podcast.gif) no-repeat top left;
	padding: 10px 0 0 75px;
}
#podcast a {
	display: block;
	text-transform: none;
	padding: 0; margin: 5px 0 0 -65px;
	color: #c2c18f; 
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}

#about { margin: 40px;	}
	#about p {
		width: 80%;
		font-size: .875em;
		color: #c2c18f;	
	}
	
#disclaimer { margin: 40px 30px 40px 40px;	}
	#disclaimer p {
		width: 80%;
		font-size: .875em;
		color: #c2c18f;	
	}
	
h3.disclaimer {
	display: block;
	margin: 40px 0 0 0px;
	color: #c2c18f;
	font-size: 12px;
}
	
.firm_concentration {
 	font-size: .875em;
	text-transform: uppercase;
	color: #c2c18f; 
}
	h3.firm_concentration { padding: 1.3em 0 1em 0; }
	.firm_concentration li { color: #fff; margin: .3em 0 0;}
	
	ul.firm_concentration a { color: #fff; text-decoration: none; }
	ul.firm_concentration a:hover { color: #fff; text-decoration: underline; }

.need_firm {
	margin: 0 40px; 
	color: #c2c18f;
	font-size: 1.2em;
	text-transform:uppercase;
	font-weight:normal;
}
	a.need_firm { color: #c2c18f; font-size: 1.321em; text-decoration: underline; }
	a.need_firm:hover { color: #bcb351; font-size: 1.321em; }

h3.other-blogs {
	display: block;
	margin: 40px 0 0 40px;
	color: #FFFFFF;
	font-size: 12px;
}
#blog_roll { margin: 0 40px 40px 40px; }
	#blog_roll li a {
		color: #fff;
		font-size: .75em;
	}

/* =Footer */
#footer span {
	font-size: .75em;
	padding: .3em .5em;
}
	#footer .quad { 
		float: right;
		display: inline;
		margin-top: -1.75em;
		color: #BCB351;
	}
	
/* ===== Body-Class Specifics ===== */
body.home #blog_entries h1 { display: none; }

body.law #nav-law, 
body.life #nav-life, 
body.community #nav-community { background: #000; padding: 0 .5em;}
	body.law #nav-law a,
	body.life #nav-life a, 
	body.community #nav-community a { color: #fff; }

/*===== Photos ======*/

div.photos {
	float: right; 
	position: relative;
	margin-left: 5px;
}

p.caption {
	font-size:.75em; margin:0; font-weight: bold; padding: 5px 0 10px; line-height:normal; max-width: 345px;
}

img.scale{
	margin:10px 0 0 -12px;
}