/* @override
	http://www.dinahperezlaw.com/css/*.css
*/

/* --- css reset / ins,small,abbr,acronym,del,dfn,code,samp,kbd,tt,var,address left as default or defined in generic style instead of being unnecessarily added in reset --- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,b,i,img,q,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr {margin:0;padding:0; border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}/* --- not reset for strong, em --- */
a,a:link,a:visited,a:hover,a:active,a:focus { color:inherit; }/* --- IE inherit override (border:inherit; fix IE Win issues w/underline using border element) Note: IE seems to lack inherit support while firefox and safari extend inherit rules too far down the line to <a> tags --- */
a { text-decoration: none; } /* --- reset border and decoration to none for these tags (!important rule needed for ff and safari or else it inherits wrongly from border specs in other classes applied to the <a> tag) NOTE: override with !important will be needed to apply borders on <a> tags associated with these elements --- */
table { border-collapse:collapse; border-spacing:0; empty-cells: show;}/* --- cellspacing="0" / table shared cell borders and always visible  (only inside html) --- */
q { quotes:none }/* --- remove default quotes  --- */
ol,ul { list-style:none; }/* --- remove list markers  --- */
#html div { clear: both; height: 1%; display:block; }/* --- 'clearfix' all divs by default (only inside html, preventing se cacheview div tag to mess with div positioning) --- */
input[type='hidden'] { display:none; }/* --- address vertical spacing issues  --- */
/* --- strict xhtml and deprecated html 4 tag warnings (except for outside html content like search engine headings in cached pageviews) --- */
center,font,s,strike,applet,basefont,blink,dir,isindex,marquee,menu,nobr,xmp { color:red; background-color: yellow; }
/* --- generic hexa css --- */
html { width: 100%; }/* --- perm vscroll --- */
abbr,acronym { text-transform:uppercase; font-size:92%; }/* --- small caps --- */
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }/* --- links default style --- */
blockquote { line-height: inherit; width:94%; padding: 0.05em 3% 0.15em;float: left;display: block;clear:both; }/* --- blockquote style --- */
blockquote cite { float: right; text-align: right; padding: 0.5em 0; width:95%; display: block; clear:both;}/* --- sub-block to mention author using inline <cite> tag --- */
blockquote > *:before { content: "\201C"; font-size: 2.5em; color:#ccc; line-height: 0.1em; vertical-align:bottom; letter-spacing: 0.1em}/* --- start quote --- */
blockquote > *:after { content: " \201D"; font-size: 2.5em; color:#ccc; line-height: 0; vertical-align:bottom; }/* --- end quote --- */
del { text-decoration: line-through; color: #666; }/* --- shaded gray w/line through default --- */
dfn, ins { text-decoration:none; border-bottom: 1px solid #ccc; } dfn { font-style: italic; }/* --- non italic underline default --- */
samp, kbd, pre, tt { font-size: 1.2em; font-family: courier; color:#000;}/* --- black style courier default --- */
code { font-size: 1em; font-family: monaco; color:#000;}/* --- black style monaco default --- */
big { font-size: 125%; line-height: 80%; }/* --- keep line leading  --- */ small { font-size: 92%; }
pre { white-space: pre; } pre * { font-size: 100%; white-space: pre; }
sub,sup { font-size: 85%; line-height: 100%; display:inline-block; }/* --- keep line leading intact --- */ sup { vertical-align: top; }/* --- keep inline --- */ 
q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* --- quote style  --- */
*[lang|='en-us'] q:before { content:'\201C'; } *[lang|='en-us'] q:after { content:'\201D'; } *[lang|='en-us'] q q:before { content:'\2018'; } *[lang|='en-us'] q q:after  { content:'\2019'; } /* --- safari quote support --- */
caption,th,td { text-align:left; min-width: 125px;}
td { padding: 5px; }
input[type='button'],input[type='submit'],input[type='checkbox'],input[type='radio'],input[type='reset'],select,button { cursor: pointer; }/* --- force pointer in IE  --- */
.ifemt { width:0; height:0; display:none; }/* --- hidden emt iframe  --- */
/* --- custom generic classes --- */
.hb { background: none; }/* --- hide background  --- */
.hd,dn { display:none; }/* --- hide  --- */
.hv { visibility:hidden; }/* --- make invisible  --- */
.lb { padding-bottom: 0px; display: block; visibility:hidden; }/* --- conditional line break class for static fill in --- */
/* --- base site styles --- */
a,a:link,a:visited,a:hover,a:active,a:focus { color: #e5e5e5; text-decoration: none;}/* --- links default style --- */
b { background-color: #ffff7f; padding: 0 3px; }/* --- highlight (only inside html) --- */
br {font-size: 8px;line-height: 8px; }/* --- defined standard min height for separators --- */
hr { height: 1px; background: #ccc; color: #ccc; }/* --- full underline for titles --- */
i { border-bottom: 1px dashed #ccc; }/* --- dotted underline  --- */
blockquote { }
img { float: left; vertical-align:top; }/* --- left top alignment  --- */
p { padding: 0.9em 0 0.35em; line-height: 1.45em;}/* --- nice paragraph leading along with headings--- */
p a { overflow: hidden; }/* --- word-wrap: break-word; for paragraph links in non IE browsers  --- */
ul { list-style-position: inside; }/* --- wrap list in block  --- */
/* --- form style --- */
form { vertical-align:top; }
fieldset { padding: 10px; border: solid 1px #ccc; }
legend { text-transform: capitalize; padding: 0 6px; }
label { }
input, select, textarea { font-size:11px; font:1.1em Arial, Helvetica, sans-serif; padding:2px; }
input[type='button'] { color:#101010; background-color: #ccc; text-align: center; padding: 2px 6px; border: outset 1px #ccc; }
input[type='button']:hover { color:#000; background-color: #ddd; text-align: center; padding: 2px 6px; border: outset 1px #ccc; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border: 1px inset #ccc;}

/* --- structure --- */
body {
	overflow-y: scroll;/*force inactive vertical scroll*/
	font-family: Arial, sans-serif;
	font-size:16px;
	color: #333;
	text-align:center;
	background: #ccc url(/images/gradiant4.jpg) repeat-x fixed;
}

#grid {
	width: 980px;
	height: 100%;
	margin:0 auto;
}

/* #grid > div */
#header, #navi, #nav, #cont, #footer{
	width: 100%;
	clear: both;
	margin: 0 auto;
	overflow: hidden;/* fill background + clearfix*/
}

div{
	/* line-height: 0; clear baseline overflow */
	/* redefined on an inline tag basis */
}

#header, #footer{
	background: #980000;
}

#brand {
	float: left; 
 	width: 260px;
}
#brand a {
	display:inline-block;
	float: left;
}

#phone{
	color: #FAFAFA;
	font-size: 1.1em;
	float: right;
	margin-right: 25px;
	letter-spacing: 2px;
}

#cont {
	background-color: #cfcfcf;
	text-align: left;
	color: #404040;
}
#left { }
#main {
	min-width:648px;
	margin:0 35px 20px 45px; }
#full {
	float:left;
	min-width:860px;
	margin:0 50px 20px 50px; }
#bc {
	width: 980px;
	height:35px;
	/* background-image: url(/i/bg.png); */
}/* breadcrumd / before content */
#art {
	float:left;
	width: auto;
	max-width: 648px;
	padding: 30px 0 10px;
	font-size: .85em;
}
#art.wide{
	max-width: 900px;
}

#embed{
	float: right;
	margin-left: 20px;
	max-width: 415px;
}

#ac {}/* associated content / after content */
#rel {}/* related content */
#right {
	margin-top: 24px;
	display: inline-block;
	clear: right;
	max-width: 240px;
	color: #d8d8d8;
	font-size: 14px;
	padding-left: 25px;
}

/* --- navigation --- */
#nav ul, #nav ol {
	background-color: #333;
	text-align: center;
	overflow: hidden;
}
nav li {
	text-align: center;
	display: inline-block;
}

nav ol a:hover {
	background-color: #333;
}

#nav a, #nav span {
	font-size: 0.75em;
	display: inline-block;
	line-height: 30px;
	color: #ccc;
	padding: 0 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	word-spacing: 1px;
}

#nav a:active {
	font-weight: bold;
}
#nav a:hover {
	font-weight: normal;
	
}

#nav a:hover:not(.void),
#about .about a,
#services .services a,
#articles .articles a,
#books .books a,
#contact .contact a,
#terminology .terminology span,
#resources .resources a,
#abogado .abogado a {
	color: #f1f1f1;
}

nav a + ol {
	position:absolute;
}

nav a:not(:active) + ol {
	z-index:-1;/* no interaction without focus*/
	position:absolute;
  	opacity: 0;/*trans*/
  	max-height: 0px;/* for slide-in */
	-webkit-transition: all 0.4s ease-out;/*op+sl*/
	-moz-transition: all 0.4s ease-out;/*op+sl*/
	-o-transition: all 0.4s ease-out;/*op+sl*/
	transition: all 0.4s ease-out;/*op+sl*/
	/* display:none; prevents trans*/
}

nav ol li {
	text-align: left;
	display: block;
	float: none;/*clear float vert stack*/
	border-top: 1px solid #727272;
}

#nav ol a {
	padding-right: 30px;/*wider than menubar*/
	float: none;
	display: block;
}

#nav ul li:hover > ol,
#nav a:focus + ol,
#nav a:hover + ol,
#nav ol.focus{/* focus trigger from child*/
	z-index: 1;
	opacity: 1;/*trans*/
	-webkit-transition: opacity 0.1s ease-in;/*fade*/
	-webkit-transition: max-height 0.2s ease-in;/*slide*/
	-moz-transition: opacity 0.1s ease-in;/*fade*/
	-moz-transition: max-height 0.2s ease-in;/*slide*/
	-o-transition: opacity 0.1s ease-in;/*fade*/
	-o-transition: max-height 0.2s ease-in;/*slide*/
	transition: opacity 0.1s ease-in;/*fade*/
	transition: max-height 0.2s ease-in;/*slide*/
	display: block;
	float:left;
	max-height:600px;
	clear: both;
}

/* --- content --- */
h1 {
	font: small-caps bold 1.5em "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #444;
}

h2 {
	color: #333;
	margin-top: 0.85em;
	font-weight: bold;
	font: small-caps bold 1.3em "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #444;
}

h2.exc {
	color: #555;
	margin-top: 0.75em;
	font: bold 1.15em/1.5em Arial, sans-serif;
	letter-spacing: normal;
	text-shadow: 1px 1px 1px #ccc;
}
h3 {
	color: #333;
	margin-top: 0.85em;
	font-weight: bold;
	font: small-caps bold 1.3em "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #444;
}

h3 cite{
	color: #777;
	letter-spacing: 0;
	font: bold 0.8em/1em Arial, sans-serif;
}

.slog {
	margin: 56px 0 0 60px;
	word-spacing: 1px;
	color: #fafafa;
	letter-spacing: 2px;
	font: small-caps 1.1em "Times New Roman", Times, serif;
	float: left;
	
}

.c strong{
	color: #444;
	text-shadow: 1px 1px 1px #ccc;
}
.c a:link {
	color: #404040;
	border-bottom: 1px dotted #8f4b49;
}/* apply text style to a */
.c a:visited {
	color: #4d4d4d;
}/* apply border to a:link not a (img inherit issue) */
#mt span { }

.sc{
	font-variant: small-caps;
}
.c ul li a:link,.c ul li a:visited { }/* force border on ul li list */
.c a:hover {
	color: #980000;
	border-bottom: 1px dotted #872823;
}
.c ul {
	padding: 0.7em 0 0.25em 0;
	list-style-type: disc;
}
.c ul li {
	font-size: .99em;
	line-height: 1.45em;
	margin-bottom: 0.5em;
	list-style-position: outside;
}

ul.indt li{/* compact style */
	font-size: 0.99em;
	line-height:1.2em;
	list-style-position: outside;
	list-style-type: square;
	word-spacing: -1px;
	color: #444;
	margin-left: 1.2em;
}

ul.inside li{/* compact style */
	list-style-position: inside;
}

ul.disc li{
	list-style-type: disc;
}

ul.nb li{ /*no bullet/smaller margin */
	list-style-type: none;
	margin-bottom: 0.25em;
}

.c ul.exp {
	text-indent: 0.25em;
}
.c ul.exp li {
	margin-left: 20px;
	line-height: 2em;
	list-style-position: outside;
}

.c dl{
	margin-top: 8px;
	line-height:1.45em;
}

.c dt{
	
}
.c dt,.c dd{
	display:inline;
}

.c dfn {
	display:inline-block;
	color: #222;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.05em;
	padding-top: 10px;
}

.c dd:before{
	content: " - ";
}
/* safari/chrome<30 baseline fix */
dd br {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

/*
dd br {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 10px;
}*/

.rc3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

/*** Inline Post Images ***/

.all {
	float: left;
	clear: left;
	padding: 8px;
	margin: 2px 18px 10px 0;
	background-color: #eee;
}

/* --- bottom navigation --- */
#navi ul { /* background usage */
	background-color: #cfcfcf;
	text-align: center;
	font-size: .9em;
	line-height: 36px;
	color: #fafafa;
}
#navi ol { /* no pulldown */
	display:none;
}

#navi li {
	text-align: center;
	padding: 0 12px;
	border-right: 1px solid gray;/* separator */
	display: inline;
}
#navi li:last-child{
	border-right: none;
}
#navi li a, #navi span {
	color: #505050; }
#navi li a:hover {
	color: #333; }
/* --- footer --- */
#footer {
	color: #dadada;
	font: small-caps 1em/40px "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
#footer a, #footer a:hover {
	color: #dadada;
}

.hex{
	line-height: 28px;
	color: gray;
	font-size: 0.8em;
}
.hex a{
	font-size: 1.02em;
	color: #727272;
}

.vcard{
	padding: 10px 0;
	line-height: 1em;
	clear: left;
	display: block;
}

.vcard span{
	padding: 0.7em 0 0;
	line-height: 1em;
	clear: left;
	display: block;
}

span.tel,span.locality,span.postal-code,span.region{
	display:inline-block;
}

.org{
	font-size: 1.1em;
	font-weight: bold;
}

.email{
	clear: left;
	display: block;
}

.emt { text-transform:lowercase; }
.emt sub { font-size: 0.8em; }
.emt del { text-decoration: none; }
.c a del { text-decoration: none; color: inherit; }
.c a del:hover { text-decoration: none; }

/* --- global class definitions --- */
.ib { display:  inline-block; }
.cb { clear: both; }
.cn { clear: none; }
.cl { clear: left; }
.cr { clear: right; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.bn { background: none; }
.vh { visibility: hidden; }
.dn { display: none; }/* FAE/508 acc compliance */
/* hide when js enabled, graceful degradation + screen reader acc.*/

/* special one for skip to main content */
a.skip{/* a. must be there to pass contrast ratio */
	position: absolute;
	text-indent: -1000%;
	/*width: 1px;*/
	height: 1px;
	left: 0;
	color: #000;
}
.skip:focus{
	position: static;
	color: #e5e5e5;
	background-color: #333;
	display: inline-block;
	line-height:1.5em;
	padding: 0 15px;
	text-indent: 0;
	width: auto;
	height: auto;
}
.skip:hover{ color: #eee; }
.acc, .ns, .os, .skip{ position: absolute; left: -9999em; }/* skip, noscript, off-screen*/
.acc:focus, .acc:active { position: static; left: 0; width: auto; height: auto; overflow: visible; }
.fa { /* functional accessibility (usually for css backgrounds) */
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}