@charset "utf-8";

/*------------------------------------------------------

Theme Name: Alive - Version 1.0
Type: Core

CSS overview: 

	1. Resets
	2. Backgorund
	3. Main Elements
		i.global wrapper
		ii.tile block
		iii. main content
	4. Theme elements
		i.portfolio
		ii.blog
		iii. form elements
		iv.pagination
	5. Footer
	6. Links
	7. Typography
	8. Standard Elements
		i.buttons
		ii.columns
		iii. highlights
		iv.media frames
		v.lists
		vi.content lists
		vii. comment lists
		viii.blockquotes
		ix. social
	9. Miscellaneous
		
		

---------------------------------------------------------*/


/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/

	html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

iframe {border: none;}


/*--------------------------------------------------------
	2.BACKGROUND
--------------------------------------------------------*/

	
	html,body{width:100%;height:100%; }
	body{background:#000;}
	#overlay{width:100%; height:100%; position:fixed; top:0; left:0; }
	#noscript {position:absolute; top:20%; left:50%; z-index:10; width:600px; height:130px; margin:-65px 0 0 -300px; text-align: center;  }
	#noscript h1 {text-align: center;}
/*--------------------------------------------------------
	3.MAIN ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- global wrapper
	-----------------------------*/
	
	#wrapper{width:1000px; height:auto; margin:0 auto; overflow: hidden;  }
	
	
	/*----------------------------
	ii.-- tile block
	-----------------------------*/
	
	.home, .nav {overflow:hidden;}
	#tileBlock {overflow:hidden; position:fixed; display:block;z-index:99;}
	#tileBlock .inner{width:auto; height:auto; overflow:hidden; float:left;}
	
	/*----------------------------
	iii.-- main content 
	-----------------------------*/
	
	#contentWrapper { position:relative; width:560px; overflow:hidden; height:auto; left:250px; margin-top:40px; opacity: 0; filter: alpha(opacity=0); display:none;} 
	#contentWrapper .content{width:500px; height:auto;  margin:30px auto 0px auto; }
	#contentWrapper .content .page .mainpage, #contentWrapper .content .page .subpage  {overflow: hidden; opacity: 0; filter: alpha(opacity=0); display:none;}
	
	#blogContainer {position:relative;}

/*--------------------------------------------------------
	4.PAGE ELEMENTS
--------------------------------------------------------*/

	
	/*----------------------------
	i.-- portfolio
	-----------------------------*/
	
	._mediaIcon{width:40px; height:40px;position:absolute; z-index:4; bottom:0; right:0;}
	
	/*----------------------------
	ii.-- blog
	-----------------------------*/
	
	.post{width:500px;padding-bottom:30px; margin-bottom:30px; float:left; position:relative;}
	.post_full{width:500px;margin-left:-500px}/*hide post off screen*/
	.post.last{margin:0px; padding:0px; border-bottom:none !important;}
	.entrySpec{width:auto; margin-bottom:15px;}
	.postClose{width:11px;height:18px;position:absolute;z-index:99;cursor:pointer;top: 0%; right:0%; text-align: center; display:none;}
	
	
	/*----------------------------
	iii.-- forms
	-----------------------------*/
	
	.field{width:233px; height:30px;border:none; padding:0 5px;margin:0 0 10px 0; }
	.field:focus{outline:none;border:none;}
	.tarea{width:233px; height:101px;border:none;  padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto;}
	.tarea:focus{border:none; outline:none;}
	.formProgress{float:left;margin-top:15px;}
	 p.form{float:left; overflow:hidden; margin-bottom:15px;}
	
	/*----------------------------
	iv.-- pagination
	-----------------------------*/
	
	.ellipse{float: left;}
	.container{width:500px; float:left;margin:0 0 30px 0;padding:0px; overflow:hidden;height:auto;}
	.spacing{padding-bottom:85px;}
	.page_navigation , .alt_page_navigation{ width: 500px; height:auto; text-align: center; letter-spacing: 35px;  white-space: nowrap;  line-height: 12px;  overflow: hidden; bottom:65px;}
	.page_navigation a, .alt_page_navigation a{margin:2px; width:10px;height:10px;color:white;text-decoration:none;font-family: Arial, sans-serif;font-size: 12px; display: inline-block; vertical-align: middle;  }
	.page_navigation .previous_link, .page_navigation .next_link {display:none;}
	.active_page{text-decoration:none;}	
	ul.contentPaginate li{list-style:none; margin:0;padding:0;}


/*--------------------------------------------------------
	5. FOOTER
--------------------------------------------------------*/

	#footer{width:500px; height:50px; line-height:50px; border-top:1px solid #333333; margin:auto; font-family: Arial,Helvetica,sans-serif; font-size:11px;}
	.icon_container{width:16px; height:16px;float:right; margin-top:18px;}

/*--------------------------------------------------------
	6. LINKS
--------------------------------------------------------*/

	a,a:visited{text-decoration:none; outline:none; border:none;}
	a:hover{text-decoration:underline;}
	a.readMore,a:visited.readMore{text-decoration:none; outline:none; border:none; float:right;}
	a.readMore:hover{text-decoration:none;}


/*--------------------------------------------------------
	7. TYPOGRAPHY
--------------------------------------------------------*/
	
	h1,h2, h3, h4, h5, h6, p, ul, ol {margin-bottom: 30px;  }
	h1,h2,h3,h4,h5,h6 { text-transform: uppercase; letter-spacing: 1px;}
	h1.pageHeading{ font-size:140px;line-height:130px; padding-top:15px;/*ie fix*/position:relative;z-index:10;width:500px;/**/ margin-bottom:15px; padding-bottom:20px;}
	h1,h2,h3,h4,h5,h6{text-align:left;} 
	p{font-family: Arial,Helvetica,sans-serif;font-size: 12px;line-height: 16px;}
	p.slogan{ width:100%; font-family: "GeosansLightRegular",sans-serif; font-size:12px; margin:5px 0 0;text-transform:uppercase; letter-spacing:3.5px;}

/*--------------------------------------------------------
	8. STANDARD ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- buttons
	-----------------------------*/
	
	.button {display: inline-block;line-height: 1;position: relative;cursor: pointer;border:none;}
	.button:active {position: relative;top: 1px;}
	.button:hover{text-decoration:none;}
	
		/* button sizes */
		.button.small {font-size: 11px;padding: 10px 20px;}
		.button.medium{font-size: 13px;padding: 12px 25px;}
		.button.large {font-size: 14px;padding: 15px 25px;}
		.button.alignLeft{float:left;}
		.button.alignRight{float:right;}
	
	/*----------------------------
	ii.-- columns
	-----------------------------*/
	
	.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth{height:auto; float:left;margin-right:8%;overflow:hidden;}
		
		.one_half{width:46%;}
		.one_third{width:28%;}
		.one_fourth{width:19%;}
		.one_fifth{width:19%;}
		.two_third{width:64%;}
		.three_fourth{width:73%;}
		.col_last{margin-right: 0 !important; clear: right;}

	
	/*----------------------------
	iii.-- highlights
	-----------------------------*/
	
	.highlight{padding:2px 5px;}		
	
	/*----------------------------
	iv.-- media frames
	-----------------------------*/
	img, iframe{display:block;}
	.mediaContainer{margin-bottom:30px; position:relative;}
	
		._imageOriginal,._videoOriginal {position:absolute;border:none;z-index:3; }

		/*frames*/
		._border{padding:5px;}

		/*media alignment/wrappeds*/
		.mediaContainer.alignLeft{float:left;margin-right:20px;}
		.mediaContainer.alignRight{float:right;margin-left:20px;}
		.mediaContainer.alignLeftWrapped{float:left;margin-right:20px; margin-bottom:5px;}
		.mediaContainer.alignRightWrapped{float:right;margin-left:20px; margin-bottom:5px;}

		/*portfolio speicific*/
		.mediaContainer.portfolio{ float:left;margin:0px 10px 10px 0px;}
		.mediaContainer.last{margin-right:0px;}
		
		/*image-hover containers*/
		._rollover {position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);  } 
		._rollover p {padding:10px; position:absolute; bottom:0; margin:0;}
		._rolloverSocial{position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);} 
		._thumb{position:relative; display:block;}
		
	/*----------------------------
	v.-- lists
	-----------------------------*/	
	
	ul li{margin-bottom: 2px;padding-bottom: 2px;margin-left: 25px; list-style: disc;}
	
	/*----------------------------
	vi.-- content lists
	-----------------------------*/	
	
	ul.contentList{width:100%; list-style:none;}
	
		ul.contentList li{width:500px;margin:0 0 30px 0; padding: 0 0 30px 0;float:left; list-style: none;}
		ul.contentList li p{margin:0px}
		ul.contentList li p span.title{padding:5px;}
		ul.contentList li .mediaContainer{margin-bottom:0px;}
		
	/*----------------------------
	vii.-- comment lists
	-----------------------------*/	
	
	ul.commentList{width:100%; list-style:none;}
	
		ul.commentList li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;list-style:none;}
		ul.commentList li .avatar{float:left; margin-right:25px;}
		ul.commentList li .commentLeft{width:412px; float:left;}
		.commentName,.commentDate,.commentary p{margin-bottom:15px;}
		ul.commentList li .mediaContainer{margin-bottom:0px;}
		
	
	/*----------------------------
	viii.-- blockquotes
	-----------------------------*/

	blockquote{margin:10px 0 30px 0; clear: both;overflow:auto;}
		
		/*quote positioning*/
		blockquote p {float:left;margin:0 0 15px 45px;padding-top:3px;}
		blockquote p.clientRef {margin:0px 0 0 45px;}
		
		/*blockquote alignment*/
		blockquote.alignLeft{width:200px; float:left; margin:10px 15px 15px 0 ;}
		blockquote.alignRight{width:200px; float:right ;margin:10px 0 15px 15px;}
	
	
	/*----------------------------
	ix.-- social
	-----------------------------*/
	
	.icon_container{width:16px; height:16px;}
	.icon_container.alignRight{float:right; margin-left:5px;}
	.icon_container.alignLeft{float:left; margin-right:5px;}
	



/*--------------------------------------------------------
	9. MISCELLANEOUS
--------------------------------------------------------*/	

  	.clear{clear:both;}
  	.clearLeft{clear:left;}
  	.clearRight{clear:right;}
  	.hide{display:none;}
  	.show{display:block;}
	.right{float:right !important;}
	.left{float:left !important;}