/*
THEME NAME: Coming soon!
DESCRIPTION: A coming soon page for wordpress.
VERSION: 1.1
AUTHOR: Matt Richardson
AUTHOR URI: http://www.mydynamicmedia.com/
*/

/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

 html, body { 
  height: 100%;
  line-height: 1.5; 
  margin:0; 
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* -------------------------------------------------------------- 
  
   Structure and headers.  
   
-------------------------------------------------------------- */

body {
	background: url(images/backgroundShadow.png) repeat-y top center #000;
	/*background: url(images/mainLight.png) no-repeat top center #272833;*/
	color:#FFF;
	width: 100%;
	height: 100%;
}
a {
	text-decoration:none;
	color: #a6a6a6;
}
a:hover {
	text-decoration:underline;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
h1 {
	font:30px/36px Verdana, sans-serif;
	font-weight:bold;
}
h1 span {
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#clear{
	clear: both;
}

/* -------------------------------------------------------------- 
  
	Site styles go here
	
-------------------------------------------------------------- */

/*  - Content
/* ----------------------------------------------*/

	#wrapper{
		background: url(images/mainLight.png) no-repeat top center #272833;
		width: 960px; min-height: 100%;
		color: #000;
		margin: 0 auto; padding: 0;
	}
	
	#main{
		overflow:auto;
		padding-bottom: 50px;
	}
	
	#logo{
		width: 345px; float: left;
		margin: 15px 0; padding: 0; clear: both;
	}
	
		.logo{
			font: 40px Myriad Pro, Helvetica Neue, Helvetica, Arial, sans-serif; color:#f1eee5;
		}
		.logo a{	
			color:#f1eee5; text-decoration: none; letter-spacing: -3px;
		}
		
		.tagline{
			padding: 0 0 0 30px;
			font: 13.5px Georgia,  times, serif; color:#b1b1b2;
		}
		
	#content{
		width: 960px; float: left;
		margin: 120px 0; padding: 0;
		overflow:auto;
	}
		#contentCallout{
			width: 475px; float: left;
			margin: 60px 0 0 0; padding: 0;
			font: 21px Helvetica, Arial, sans-serif; color:#fcfeff;
		}
		
		h2 {
			font: 26px Helvetica, Arial, sans-serif; color:#fcfeff;
			margin: 20px 0;
		}


/*  - Footer
/* ----------------------------------------------*/


#footer {
	padding:50px 0;
	width:100%; clear:both;
	font:0.92em Helvetica Neue, Helvetica, Arial, sans-serif; color:#979797;
	line-height:20px;
}

	#footer a{
			color: #fff;
		}
	
		#footer a:hover{
			color: #fff; text-decoration: underline;
		}

	.footer-divider {
	
	}

	#footer .about {
		margin:0; padding:0;
		width:580px; height:auto;
		float:left;
	}
	
		.footer-about {
			margin:0; padding:0;
			width:580px; height:auto;
			list-style:none;
		}
		
		#footer h4 {
			margin:0 0 20px 0; padding: 0;
			font: 18px Helvetica Neue, Helvetica, Arial, sans-serif; color:#f1eee5;
		}
		
			.footer-about li {
				margin:5px 0; padding:0 0 0 9px;
				width:150px; height:auto;
				float:left;
			}
			
				.footer-about li a {
					margin:0; padding:0 9px 0 0;
					width:auto; height:23px; line-height:23px;
					float:left; display:block;
				}
				
			.contact{
				margin: 20px 0;
			}
			.emailBtn{
				width: 144px;
				margin: 15px auto;
			}
	
	#footer .newsletter {
		margin:0; padding:0;
		width:340px; height:auto;
		float:right; 	
		}
	
		input[type=email] {
			border: none;
		    background: url(images/emailBackgnd.png) no-repeat top center;
		    width: 293px; height: 36px; padding: 0 0 0 18px; margin: 0 0 0 -12px;		    
		    color: #fff;
		}
		input[type=submit] {
			border: none;
		    background: url(images/subscribeBtn.png) no-repeat top center;
		    width: 77px; height: 26px; text-indent: -99999px; margin: 0 0 0 -80px;
		}

#copyrightWrap{
	margin-top: -50px; height: 50px;
	width: 100%; float: left;  
 	background: url(images/copyrightBckgnd.jpg) repeat-x top center;
 	}

	#copyright{
		width: 960px; margin: 0 auto;
		padding: 20px 0 0 0;
		font: 13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#626262;
	}
			
	.siteright{
		color: #626262; width: 400px; float: left;
	}
	
		.siteright a{
			color: #fff;
		}
	
		.siteright a:hover{
			color: #fff; text-decoration: underline;
		}
	
	.tele {
		color: #FFF;
	}
	
	.designInfo{
		color: #626262; width: 400px; float: right; text-align: right;
	}
	
		.designInfo a{
			color: #8ACD65;
		}
		
		.designInfo a:hover{
			color: #8ACD65; text-decoration: underline;
		}


/* =Images
-------------------------------------------------------------- */

/*  Only added for the sake of compliance with Themes Directory   */

.entry-content img { margin: 0 0 18px 0; max-width:100%; }

img.alignleft,img.align-left {
	float: left;
	margin-right:20px;
}
img.alignright,img.align-right {
	display: block;
	float: right;
	margin-left:20px;
}
img.center, img.centered {
	margin: 0 auto;
	display: block;
	float: none;
	clear: both;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
}