/*
Theme Name: ECJ
Theme URI: http://www.ecjlaw.com/
Description: The Glyphix ECJ Wordpress theme.
Version: 0.1
Author: briz@glyphix.com
Author URI: http://www.glyphix.com/
Tags: stuff
*/

/*******************************************************************************
* ECJLAW CSS                                                                   *
*                                                                              *
* Colors
	+ logo blue:		#004684
	+ nav item gray:	#8e979d
						#d6ccb1
	+ brown bg:			#53493e
*                                                                              *
********************************************************************************/

/*******************************************************************************
* Base styles                                                                  *
********************************************************************************/

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: white;
	line-height: 1.4em;
	font: small Verdana, Arial, sans-serif;
}
ol {
	margin-left: 3em;
}
ul {
	margin-left: 2.5em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup {
	font-size: 0.6em;
	vertical-align: 40%;
}

a {
	/*color: #53493E;*/
	color: #755d43;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #004684;
}


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

h1, h2, h3, p {
	margin: 1em 0;
}
h1 {
	font-size: 20px; /* px value so we can pixel position the transparent background image */
}
h2 {
	font-size: 1.3em;
}


input {
	border: 1px silver solid;
	padding: 3px;
	font-size: 1.0em;
}
button {
	color: #755d43;
	font-weight: bold;
	background: none;
	border: 1px #755d43 solid;
	font-size: 1.1em;
	font-family: Arial;
	padding: 0 5px;
	cursor: pointer;
}
textarea {
	width: 100%;
}


/*******************************************************************************
* Top-level page structure
********************************************************************************/

#info {
	display: none;
}
#header {
	position: relative;
}
.primary {
	padding-top: 100px;
}
#page {
	padding: 0 0 1.5em 0;
	overflow: hidden;
	position: relative;
	clear: both;
}
	#page h1 {
		color: white;
		/*padding: 110px 25px 20px 38%;*/
		padding: 100px 40px 30px 38%;
		height: 27px;
		overflow: hidden;
		margin: 0 0 2em 0;
		text-align: right;
		background-color: #53493e;
		/*background: #53493e url(images/theme-secondary.jpg) no-repeat top left;*/
	}
	#page #pic {
		position: absolute;
		width: 440px;
		height: 200px;
		top: 0;
		left: 0;
		background: transparent url(images/theme-secondary.jpg) no-repeat top left;
	}
#footer {
	clear: both;
	margin: 1em 0;
}


/*******************************************************************************
* Header layout
********************************************************************************/

#header ul.nav {
	padding: 15px 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
	#header ul.nav a,
	#header ul.nav b {
		font-size: 0.95em;
		color: black;
		margin-right: 0.8em;
	}
#search {
	text-align: right;
	padding: 10px 0;
}
	#search input {
		background: white url(images/icon-magnifying_glass.gif) no-repeat 98% 2px;
		padding-right: 25px;
		color: silver;
		width: 150px;
		font-style: italic;
	}

	#search input.set {
		color: black;
		font-style: normal;
		border-color: #004684;
	}

		/* dynamic search results html */
		#search-results {
			position: absolute;
			background-color: white;
			border: 1px #004684 solid;
			padding: 10px;
			display: none;
			z-index: 10000;
		}

			#search-results h2 {
				font-size: 1.2em;
				font-weight: normal;
				margin: 0;
				width: 400px;
				cursor: pointer;
				/*
				background: transparent url(images/icon-close.png) no-repeat top right;
				_background-image: url(images/icon-close.gif);
				*/
			}

			#search-results a {
				color: #004684;
			}

			#search-results .url {
				margin-bottom: 0;
				padding-bottom: 0;
			}
			#search-results .excerpt {
				margin-top: 0;
				padding-top: 0;
				padding-left: 20px;
				font-size: 0.8em;
				color: gray;
			}

.primary #header ul.nav {
	display: block;
}

#primary-nav {
	border: 1px #004684 solid;
	border-width: 1px 0 0 0;
}
	.primary #primary-nav {
		border-width: 0 0 1px 0;
	}
	#primary-nav ul.nav {
		padding: 10px 0;
		font-size: 1.2em;
	}
	#primary-nav .nav-left {
		width: 38%;
		float: left;
		position: relative;
		z-index: 10;
	}
		#primary-nav .nav-left a {
			margin-right: 20px;
		}
		/*
		.primary #primary-nav .nav-left a,
		.primary #primary-nav .nav-right a {
			padding-top: 3px;
		}
		*/
	#primary-nav .nav-right {
		margin-left: 50%;
		position: relative;
		z-index: 10;
	}
		#primary-nav .nav-right a {
			margin-left: 20px;
		}
		#primary-nav .nav-right ul {
			float: right;
		}
		#primary-nav .nav-right li {
			text-align: right;
		}
	#primary-nav .logo {
		position: relative;
		z-index: 9;
	}
		#primary-nav .logo a {
			display: block;
			height: 40px;
			position: relative;
			z-index: 1;
		}
		#primary-nav .tag {
			position: absolute;
			margin-left: 38%;
			top: 48px;
			z-index: 11;
		}

/* on the home page, change the column width and the height of the nav bar */
.primary #primary-nav .nav-left {
	width: 48%;
}
	/*
	.primary #primary-nav .logo a {
		height: 40px;
	}
	*/
	.primary #primary-nav .tag {
		margin-left: 48%;
	}

.disclaimer {
	color: #c0c0c0;
	font-size: 70%;
	margin: 1em auto;
	text-align: justify;
}

/*******************************************************************************
* Content area layout
********************************************************************************/

#page {
	border: 1px #004684 solid;
}
	.primary #page {
		background: white url(images/theme-primary.jpg) no-repeat top left;
		height: 295px;
	}
		.primary #page * {
			display: none;
		}

#page .two-col > .col-right {
	padding-right: 5em;
}
#page .secondary-nav {
	margin: 0 2.5em 0 0;
	padding: 0;
	top: -1px;
	position: relative;
	line-height: 1.6em;
	font-size: 90%;
}
	#page .secondary-nav li {
		position: relative;
		text-align: right;
		list-style-type: none;
		padding-right: 1.5em;
		margin: 0;
		font-weight: bold;
	}
	#page .col-left h2 {
		text-align: right;
		padding-right: 2.4em;
		font-size: 98%;
		margin-top: 0.6em;
	}
	#page .secondary-nav li.current_page_item a {
		color: #004684;
	}
		#page .secondary-nav li span {
			position: absolute;
			top: 0.15em;
			right: 0;
			font-size: 2.5em;
			line-height: 0.25em;
		}

#page .col-right * {
	line-height: 1.6em;
}
#page .col-right h3 {
	font-size: 110%;
}

#page.attorney #pic {
	background-image: url(images/motif/lightbulbs/pic-attorneys.png);
}
#page.bg-1 #pic {
	background-image: url(images/motif/lightbulbs/pic-1.png);
}
#page.bg-2 #pic {
	background-image: url(images/motif/lightbulbs/pic-2.png);
}
#page.bg-3 #pic {
	background-image: url(images/motif/lightbulbs/pic-3.png);
}
#page.bg-4 #pic {
	background-image: url(images/motif/lightbulbs/pic-4.png);
}
#page.bg-5 #pic {
	background-image: url(images/motif/lightbulbs/pic-5.png);
}


/*******************************************************************************
* Footer layout
********************************************************************************/

#footer p {
	text-align: center;
	color: #6680b0;
	font-size: 0.8em;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
	#footer p span {
		font-style: italic;
	}
	#footer p a,
	#footer p a:visited {
		color: #6680b0;
		font-weight: normal;
	}


/*******************************************************************************
* Common structures
********************************************************************************/

/* two-col defaults to the column widths for most content ... override it for other uses */
.two-col {
	/* border: 1px red solid; */
}
	.two-col .col-left {
		float: left;
		width: 38%;
	}
	.two-col .col-right {
		margin-left: 38%;
	}

/* horizontal nav items */
ul.nav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.nav li {
		display: inline;
	}
	ul.nav li.here a {
		color: #004684;
	}
		ul.nav a,
		ul.nav b {
			display: block;
			float: left;
			color: #8e979d;
			font-weight: normal;
		}
		ul.nav a:hover,
		ul.nav li.current_page_item a {
			color: #004684;
		}

/* contact block */
.contact {
	list-style-type: none;
	color: black;
	margin: 0 0 1em 0;
	padding: 0;
}
	.contact p {
		margin: 0;
	}
	.contact span {
		font-style: italic;
		display: inline-block;
		width: 4em;
	}
	.contact button {
		margin-top: 0.5em;
	}

.ref {
	list-style-type: square;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}
.resume {
	border-top: 2px #cbc9c4 solid;
	margin-top: 40px;
	/* padding-top: 1em; */
}

.resume img {
	margin: 0 0 10px 10px;
}
.attorney .bio-pic {
	float: right;
}


/*******************************************************************************
* Posts
********************************************************************************/

.post {
	margin-bottom: 2em;
}
	.post h2 {
		margin-bottom: 0;
	}
.post-info {
	font-size: 85%;
	margin-top: 0;
	color: gray;
	/*
	padding: 3px 5px;
	border: 1px #cbc9c4 solid;
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}
.post-date {
	float: right;
}

/*******************************************************************************
* Contact Form
********************************************************************************/
/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}
/* End Contact Form ][ CSS */
.wpcf7-form {
	overflow: hidden;
}
.wpcf7-response-output {
	clear: both;
}