/* @override http://www.markupninjas.com/placeholder.css */

/**********************************************************************************
*	Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta ) 
*
*	version:	1.1
*	author:		ken hanson
*	email:		ken@markupninjas.com
*	website:	www.markupninjas.com
**********************************************************************************/

/***********************************************************************
*							Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)..................................(Line  16)
* =The whole shebang..........................................(Line  57)
* =MyEmma.....................................................(Line 101)
*************************************************************************/

/*	When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: black;}
	a:hover { text-decoration: underline; }
	
.ir { position: relative; overflow: hidden; display: block;}
	.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
	
	a em { cursor: pointer; }

/***********************************
		=The whole shebang
***********************************/
.wrapper { width: 355px; margin: 0 auto; text-align: center; }

body 
{ 
	background: #010101; 
	font-family: Arial;
	font-size: 14px;
	color: white;
	text-align: left;	
}

a, .specialNote, .author { text-decoration: underline; color: #ee3c23;}
	a.linkout, .author, .specialNote { display: block; text-align: right; padding: 5px;}
	span.author {text-decoration: none;}
	.linkedin { font-weight: bold; display: block; margin: 0 0 40px 0;}
	
p { padding: 0 0 10px 0; text-align: left;}

h2 { font-family: Georgia; font-size: 32px; color: #cc311c; margin: 0 0 20px 0;}
h3 { font-family: Georgia; font-size: 28px; color: #8a8a8a; margin: 0 0 20px 0; text-transform: lowercase;}

.logo { width: 355px; height: 399px; margin: 0 0 40px 0;}
	.logo em { background: url(placeholderimages/ir_logo.gif) no-repeat top left; }
	
.codeTheft { width: 355px; height: 79px; margin: 40px 0;}
	.codeTheft em { background: url(placeholderimages/ir_codeTheft.gif) no-repeat top left; }
	

.client { margin: 0 0 20px 0; }
	.client .ir { height: 137px; width: 355px; display: block;}
		.globalgrind em { background: url(placeholderimages/ir_globalgrind.gif) no-repeat top left;}
		.webpillars em { background: url(placeholderimages/ir_webpillars.gif) no-repeat top left;}
		.urbana em { background: url(placeholderimages/ir_urbana.gif) no-repeat top left;}
		.dangerfilms em { background: url(placeholderimages/ir_dangerfilms.gif) no-repeat top left;}
		
blockquote { border: dashed 2px #2b2b2b; padding: 5px; margin: 5px; font-style: italic; color: #efefef; text-align: justify;}

p.calloutParagraph { font-family: Georgia; font-size: 26px; color: #2b2b2b; margin: 0 0 5px 0; text-align: center;}
p.last { margin: 0 0 40px 0; }

/***********************************
			=MyEmma
***********************************/
#e2ma_signup_message h3 { margin-top: 40px; }
.e2ma_signup_form_row { overflow: hidden; }
	.e2ma_signup_form_label { float: left; font-size: 24px; color: #8a8a8a; font-weight: bold;}
		.e2ma_signup_form_required_asterix { display: none; }
	.e2ma_signup_form_element { float: left; }
		.e2ma_signup_form_element input 
		{ 
			display: block; 
			width: 260px; 
			height: 24px; 
			margin: 0 0 0 20px; 
			border: solid 3px #8a8a8a; 
			color: #ee3c23;
			font-weight: bold;
			font-size: 20px;
		}

#e2ma_signup_form_button_row { text-align: right; margin: 10px 0 40px 0; overflow: hidden;}		
	.e2ma_signup_form_required_footnote { display: none; }
	#e2ma_signup_reset_button { display: none; }
	#e2ma_signup_submit_button { display: block; float: right; width: 100px; margin-right: 10px;}