/* CSS Document */

/* base
----------------------------------------------- */

/*
Font sizing based on iteration 5 from:
http://www.alistapart.com/articles/howtosizetextincss/
base size of 100% is 16 point type in most browsers
15pt = .9325em
14pt = .875em
13pt = .8125em
12pt = .75em
11pt = .6875em
10pt = .625em
 9pt = .5625em
 8pt = .5em
*/

body
{
	margin: 0;
	padding: 0;
	color: #444;
	background-color: #ccc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
}

h3, h4, h5, h6, p, li
{
	margin-top: 0;
	font-size: 0.8125em;
	padding: 0 1em;
}

ul { margin: 0.5em 0; }

blockquote
{
	margin-right: 0;
	margin-left: 20px;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; }

h1, h2, h3
{
	color: #fd0000;
	font-size: 1em;
	margin-bottom: .4em;
}

h1 { padding-left: 0.4em; }

h2
{
	font-style: italic;
	padding-left: 0.5em;
	font-size: .9325em;
}

h4
{
	color: #fd0000;
	font-weight: normal;
	padding-left: 0.8125em;
}

h5 { color: #e80001; }
li { color: #e80001; }
small, .small { font-size: 0.9em; }
img { border: none; }

img, a
{
	padding: none;
	margin: none;
}

#form
{
	padding-left: 1em;
	font-size: 0.8125em;
}

/* links
----------------------------------------------- */

a
{
	text-decoration: none;
	color: #000;
	background-color: inherit;
	border-bottom: 1px #000 solid;
}

h1 a, h2 a, h3 a { border: none; }
h3 a { font: 1.5em Georgia, Times, serif; }
#head a { border-bottom: none; }

/* overrides
----------------------------------------------- */

#content hr
{
	margin: 2em 0;
	width: 66%;
	color: #ccc;
	background-color: inherit;
}

.caps
{
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

img.divider
{
	margin: 2em 0;
	text-align: center;
}

/* global layout
----------------------------------------------- */

#accessibility
{
	position: absolute;
	top: -10000px;
}

#container
{
	background-color: #fff;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
}

#head
{
	border: none;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
	line-height: 0;
}

/* right sidebar
----------------------------------------------- */

#sidebar
{
	background-image: url(../img/magician-right-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	float: right;
	width: 260px;
	color: #fff;
}

#sidebar_quotes
{
	background: #090909;
	padding: 10px;
	height: 15em;
}

.slide
{
	text-align: center;
	color: #eee;
}

.slide blockquote
{
	width: 240px;
	padding: 0;
	margin: 10px;
}

.slide blockquote p
{
	margin: 0;
	line-height: 1.1em;
	font-size: 1.375em;
	font-family: Impact, Charcoal;
}

.slide h5
{
	color: #999;
	font-weight: normal;
	font-size: 0.75em;
	line-height: 1.125em;
}

#sidebar_img
{
	background: #090909;
	margin-top: 116px;
	height: 190px;
}

#sidebar_img img { padding: 30px 10px 10px 10px; }

#sidebar_blog
{
	background: #000;
	margin-top: 116px;
	padding: 1em 2em;
}

#sidebar_blog h2, #sidebar_blog h1
{
	margin: 1em 0;
	font-size: .9325em;
}

#sidebar_blog a { font-size: 0.8125em; }

#sidebar-bottom
{
	background-image: url(../img/sidebar_bottom.gif);
	background-repeat: no-repeat;
	height: 40px;
}

#text
{
	padding: 20px;
	text-align: center;
	color: #333333;
	font-size: 84.6%; /* assumes 13 point base size; gives 11 pt */
	background-color: #ccc;
}

#equity
{
	float: right;
	padding-right: 20px;
}

#links
{
	padding-top: 7px;
	float: left;
}

.photograph-left
{
	float: left;
	border: solid 1px #eb0001;
	padding: 5px;
	margin: 0.5em 1em 0.5em 0.5em;
	line-height: 0;
}

.photograph-right
{
	float: right;
	border: solid 1px #eb0001;
	padding: 5px;
	margin: 0.5em 0.5em 0.5em 1em;
	line-height: 0;
}

#photograph-contact
{
	float: right;
	padding: 5px;
}

#content
{
	margin-left: 10px;
	margin-right: 270px;
	padding-top: 0px;
}

#content .category_testimonials
{
	clear: both;
	padding-top: 2em;
}

#foot
{
	height: 30px;
	margin-top: 25px;
	clear: both;
	text-align: left;
	padding-top: 1px;
	padding-left: 20px;
	color: #fd0000;
	background-color: #000000;
	font-size: 0.8125em;
}

#foot, a { color: #fd0000; }

#foot a
{
	border-left: 1px #fd0000 solid;
	padding-left: 0.5em;
	margin-left: 0.5em;
}

/* contact form
----------------------------------------------- */

.zemRequired { font-weight: bold; }

/* gallery
----------------------------------------------- */

#gallery_area
{
	font-size: 10px;
	/* for image spacing */
	line-height: 14px;
}

#gallery_area .wide_images img { width: 117px; }
#gallery_area .tall_images img { height: 116px; }
#gallery_area a { border: none; }

/* testimonials
----------------------------------------------- */

div#testimonials_content
{
	width: 748px;
	margin: 0 0 -25px -10px;
}

div.quote
{
	background: url('/img/gradient_b4.jpg') repeat-x;
	border: 1px solid #ddd;
	padding: .3em;
	margin: .4em 0 0 0.8125em;
}

div.quote h4
{
	color: #555;
	margin: 0 0 0.4em 0;
	font-size: 0.875em;
	font-weight: bold;
}

div.quote blockquote
{
	color: #333;
	margin: 0 0.8125em;
}

div.quote blockquote p
{
	margin: 0 0 .4em 0;
	/*
	line-height: 1.4em;
*/
}

div.quote img
{
	margin: 2px 1.5em 0.8125em .5em;
	border: 2px #eee solid;
	float: left;
}

blockquote b
{
	margin: .25em 0 0 0;
	color: #eee;
	position: absolute;
	font-size: 2em;
}

blockquote b.open { margin-left: -.7em; }
blockquote b.close { margin-left: .2em; }

div.quote h5
{
	margin: 0.4em 0 0 0;
	color: #555;
	clear: left;
}

.clear
{
	clear: left;
	margin: 0 0 -1em 0;
	height: 0;
}

h2.clear, p.clear
{
	margin: 0 0 0.5em 0;
	padding-top: 0.5em;
}

/* blog
----------------------------------------------- */

div.blog_post p.posted, div.blog_post h1, div.blog_post h1 a
{
	background: #d20;
	color: #eee;
}

div.blog_post h1
{
	font-style: normal;
	margin: 0.5em 0 0 0;
	padding: 0.2em;
}

div#blog_intro p
{
	font-size: 0.875em;
	font-weight: bold;
}

div#pager
{
	border-top: 1px dotted #bbb;
	padding-top: 0.3em;
	padding-left: 1em;
	clear: left;
	margin-top: 0;
}

div#pager #prev { margin-right: 3em; }

div#pager a
{
	text-decoration: none;
	border: none;
	font-style: italic;
}

div.blog_post p.byline
{
	font-size: 0.75em;
	color: #aaa;
	font-style: italic;
	margin: 0 2em 0.2em 0;
	float: left;
}

div.blog_post p.posted
{
	float: right;
	text-align: center;
	padding: 0.3em;
	line-height: 2em;
	margin: 0 0 1em 1em;
}

div.blog_post p.posted span.month_year { font-size: 90%; }
div.blog_post p.posted span.day { font-size: 250%; }

div.blog_post p.category
{
	font-size: 0.9em;
	color: #aaa;
	font-style: italic;
	margin: 0 0 0.2em 0;
}

div.blog_post p.read_more a
{
	border: none;
	color: #bbb;
	font-style: italic;
}