@charset "utf-8";

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

Theme Name: Alive - Version 1.0
Type: Dark

CSS overview: 

	1. Background
	2. Main Elements
		i. preloaders
		ii. common
	3. Menu
		i. tile block
		ii. main menu
		iii.sub menu
	4. Page elements
		i. content wrapper
		ii.twitter
		iii.fancybox
		iv. blog
		v. search
		vi. form elements
		vii. pagination
		viii. footer
		ix. links
	5. Typography
	6. Elements
		i.buttons
		ii. image styling
		iii. comment lists
		iv.blockquotes
	7. Widgets
	8. Miscellaneous
		

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

/*--------------------------------------------------------
	CUSTOM EDITS
--------------------------------------------------------*/
/*
	#tileBlock.home {height:680px!important;}
	
	#tileBlock #logo a img.home {margin-top:0px!important; }
*/

h1.pageHeading{font-size:30px!important;margin: 20px 0 10px;!important}

h2{font-size:20px!important;}

h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin-bottom: 0!important;
}

#tileBlock #logo p.slogan{letter-spacing:2.5px!important;}

#tileBlock.home {height:650px!important;}

#tileBlock #logo a img.home {margin-top: 0!important;}

#tileBlock #logo a img.nav {margin-right: -28px !important; margin-top: -23px!important;}

#tileBlock #logo a * {padding-right: 0!important;}

.tile, #logo {background: none!important; color: #FFFFFF;}

#tileBlock .tile .tileHeading.nav {background: #111111; opacity: 0.6;}

.tile.highlight h2 {color: #FFFFFF!important; opacity: 1;}

#contentWrapper ul li { line-height: 1.5em !important; margin-bottom: -1px;}

#contentWrapper p {line-height: 1.5em!important;}

#contentWrapper {background: none repeat scroll 0 0 #26292B!important;}

#contentWrapper, #contentWrapper p, #contentWrapper ul li {color: #888888;}

#widgetContainer {border-top:none!important;}




/*--------------------------------------------------------
	1.BACKGROUND
--------------------------------------------------------*/

	body{background:#000; color:#fff;}
	
	#overlay.bkgPattern1 {background:url("../images/dark/backgroundOverlay1.png") repeat;}
	#overlay.bkgPattern2 {background:url("../images/dark/backgroundOverlay2.png") repeat;}
	#overlay.bkgPattern3 {background:url("../images/dark/backgroundOverlay3.png") repeat;}
	#overlay.bkgPattern4 {background:url("../images/dark/backgroundOverlay4.png") repeat;}

/*--------------------------------------------------------
	2.MAIN ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i. preloaders
	-----------------------------*/
	
	#preloader { position:absolute; top:50%; left:50%; z-index:10; width:150px; height:70px; margin:-35px 0 0 -75px; text-indent:-999em; background: url("../images/dark/loader.gif") no-repeat bottom center;}
	#preloader-logo{width:150px; height:40px;background: url("../images/dark/logo-preloader.png")  top center no-repeat;}
	#ajaxloader {position:absolute; top:250px; left:50%; z-index:10; width:150px; height:70px; margin:-35px 0 0 -75px; text-indent:-999em; background: url("../images/dark/loader.gif") no-repeat bottom center;}
	#ajaxloader-logo{width:150px; height:40px;background: url("../images/dark/logo-preloader.png")  top center no-repeat;}

	/*----------------------------
	ii. common
	-----------------------------*/
	h1, #fancybox-title {color:#fefefe;}
	p,p.slogan,a,.field,.fieldNotify,.tarea, #footer, .button, li {font-family:Arial, Helvetica, sans-serif;}
	
/*--------------------------------------------------------
	3.MENU
--------------------------------------------------------*/

	/*----------------------------
	i. tile block
	-----------------------------*/
		
	/* tile block states */
	
	#tileBlock.home {width:1000px; height:560px; margin:0 auto;  }
	#tileBlock.nav {width:220px; height:540px; top:0; margin-left:0px; }
	
	/* tile block elements */
	#tileBlock a {text-decoration: none;}
	#tileBlock .highlight {padding:0; margin:0;}
	#tileBlock .submenu {display:none; width:100%; margin:30px 0; position:relative;  }
	#tileBlock .submenu a { display:block; margin:5px 0 5px 5px; font-family: Arial,sans-serif; font-size:12px; text-transform:uppercase; }
	
	/* tile block logo */
	#tileBlock #logo { float:left;}
	#tileBlock #logo a { display:block; text-align: right; }
	#tileBlock #logo a * { padding-right:5px; float:right; }
	#tileBlock #logo p.slogan{ width:100%; font-family: "GeosansLightRegular",sans-serif; font-size:18px;  margin:5px 0 0;text-transform:uppercase; letter-spacing:3.5px;}
	
	/*---- home tile positions and sizes ----*/
	
	#tileBlock #logo.home {width:270px; height:270px;}
	#tileBlock #logo a.home {width:270px; height:270px; }
	#tileBlock #logo a img.home {margin-top:0px; }

	#tileBlock .tile.home {position:absolute; width:180px; height:180px;}
	#tileBlock .tile .tileContent.home {position:absolute;}
	#tileBlock .tile img.home { width:180px; height:180px;}
	#tileBlock .tile .tileHeading.home {height:50px; padding:0 0 0 5px;  margin:0;  }
	#tileBlock .tile .tileHeading.home span {line-height:60px;}
	
	#tileBlock #tile1.home {top:110px; left:310px;}
	#tileBlock #tile2.home {top:300px; left:40px;}
	#tileBlock #tile3.home {top:350px; left:280px;}
	#tileBlock #tile4.home {top:270px; left:530px;}
	#tileBlock #tile5.home {top:160px; left:750px;}
	#tileBlock #tile6.home {top:380px; left:820px;}
	

	/* nav tile positions and sizes*/
	
	#tileBlock #logo.nav {width:210px; height:210px; }
	#tileBlock #logo a.nav {width:210px; height:210px; }
	#tileBlock #logo a img.nav {margin-top:110px; }

	#tileBlock .tile.nav {position:absolute; width:100px; height:100px; overflow: hidden; float:left;  }
	#tileBlock .tile .tileContent.nav {position:absolute;}
	#tileBlock .tile img.nav { width:100px; height:100px; }
	#tileBlock .tile .tileHeading.nav {height:30px; padding:20px 0 0 3px; margin:0; }
	#tileBlock .tile .tileHeading.nav span {font-weight: bold; line-height:40px;}
	#tileBlock .tile.nav .submenu {opacity: 0; filter: alpha(opacity=0); }
	
	#tileBlock #tile1.nav {top:220px; left:0px;}
	#tileBlock #tile2.nav {top:220px; left:110px;}
	#tileBlock #tile3.nav {top:330px; left:0px;}
	#tileBlock #tile4.nav {top:330px; left:110px;}
	#tileBlock #tile5.nav {top:440px; left:0px;}
	#tileBlock #tile6.nav {top:440px; left:110px;}
	#tileBlock #tile7.nav {top:550px; left:0px;}
	#tileBlock #tile8.nav {top:550px; left:110px;}
	#tileBlock #tile9.nav {top:660px; left:0px;}
	#tileBlock #tile10.nav {top:660px; left:110px;}
	
	
	/*----------------------------
	ii. main menu
	-----------------------------*/
	
	.tile, #logo { background:#111 url("../images/dark/noise.png"); color:#fff;}
	.tile.highlight {background:#fff url("../images/dark/noise.png");}
	.tile .tileHeading {color:#fefefe}
	.tile .slogan {color:#fefefe}
	.tile.highlight h2 {color:#010101;}
		
	/*----------------------------
	iii. sub menu
	-----------------------------*/
	
	#tileBlock .submenu a,#tileBlock .submenu a:visited {color:#444;}
	#tileBlock .submenu a:hover,#tileBlock .submenu a.active {color: #010101;}
	
	
		
/*--------------------------------------------------------
	4.PAGE ELEMENTS
--------------------------------------------------------*/
	
	/*----------------------------
	i. content wrapper
	-----------------------------*/
	
	#contentWrapper {background:#111 url("../images/dark/noise.png");}
	#contentWrapper, #contentWrapper p, #contentWrapper ul li {color:#656565; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
		
	/*----------------------------
	ii. twitter
	-----------------------------*/

	.twitter, .query { font-family:Arial, Helvetica, sans-serif;  }
	.tweet_list .awesome, .tweet_list .epic {text-transform: uppercase;}
	.tweet_list li {border-bottom:1px dotted #333;}
	.tweet_list li a {color: #999;}
	.tweet_list .tweet_text {font-size:14px;font-style:italic; color:#656565;}
	.tweet_list .tweet_text a {font-size: 14px;}
	
	
	/*----------------------------
	iii. fancybox
	-----------------------------*/
	
	#fancybox-outer {background: #000;}
	#fancybox-content {border: 0px solid #000;}
	#fancybox-close {background: transparent url("../images/dark/fancybox.png") -40px 0px;}
	#fancybox-title-over {background-image: url("../images/dark/fancyboxCaption.png") !important;}
	
	

	/*----------------------------
	iv. blog
	-----------------------------*/
	
	ul.entryMeta{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cccccc;}
	ul.entryMeta li{border-bottom: 1px dotted #333; padding:2px 0 2px 16px; }
	ul.entryMeta li, ul.entryMeta a {font-size:11px !important;}
	#blogContainer ul li div.post{border-bottom:1px dotted #333;}
	.postClose{background: url("../images/dark/closeButton.png") no-repeat;}
	
	.entryMeta .author {background: url("../images/dark/author.png") no-repeat left center;}
	.entryMeta .category {background: url("../images/dark/category.png") no-repeat left center;}
	.entryMeta .date {background: url("../images/dark/date.png") no-repeat left center;}
	.entryMeta .comments {background: url("../images/dark/comment.png") no-repeat left center;}
	.entryMeta .tags {background: url("../images/dark/tag.png") no-repeat left center;}
	
	/*----------------------------
	v. search
	-----------------------------*/

	#searchContainer ul li div.post, #searchContainer ul li div.page{border-bottom:1px dotted #333;}
	
	/*----------------------------
	vi. form elements
	-----------------------------*/
	
	.field{background: url("../images/dark/formBackground.png");border:1px solid transparent;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
	.field:focus{border:1px solid transparent; color:#fefefe;}
	.tarea{background: url("../images/dark/formBackground.png");border:1px solid transparent; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.tarea:focus{background: url("../images/dark/formBackground.png");border:1px solid transparent; color:#fefefe;}
	.formReset{background: url("../images/dark/formBackground.png");border:1px solid transparent;}
	.formVerify{background: url("../images/dark/formBackground.png");border:1px solid transparent; color:#fefefe;}

	
	/*----------------------------
	vii. pagination
	-----------------------------*/
	.page_navigation a, .alt_page_navigation a{background-image:url("../images/dark/paginate.png");background-position: 0 0;background-repeat:  no-repeat;}
	.active_page{background-image:url("../images/dark/paginate.png");background-position: 0px -10px !important;background-repeat:  no-repeat !important;text-decoration:none;}

	
	/*----------------------------
	viii. footer
	-----------------------------*/
	
	#footer{border-top:1px solid #333;}
	#footer a{color: #656565; font-size:11px;}
	
	/*----------------------------
	ix. links
	-----------------------------*/

	a,a:visited{font-size:12px; color:#fefefe;}
	a:hover{color:#fefefe; text-decoration:underline;}
	a.readMore {float:right;}


/*--------------------------------------------------------
	5.TYPOGRAPHY
--------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6{color:#fefefe; font-family: "GeosansLightRegular",sans-serif; }
	h1.pageHeading{color:#fefefe !important; text-transform: uppercase; font-size:80px;  border-bottom: 1px solid #333333; font-family: "GeosansLightRegular",sans-serif;}
	h1{font-size:36px;}
	h2{font-size:28px;}
	h3{font-size:22px;}
	h4{font-size:18px;}
	h5{font-size:14px;}
	h6{font-size:12px;}
	p.slogan{color:#fefefe;}
	p,#footer,blockquote p.clientRef, .field, .tarea {color:#656565;}
	pre,code {color:#fefefe; background:url("../images/dark/border.png") repeat;}

/*--------------------------------------------------------
	6.ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i. buttons
	-----------------------------*/
	
	.button {background-color: #000; color:#eee !important;}
	.button:hover{background-color:#111;}
	.button.teal {background-color: #07beec; }
	.button.teal:hover{background-color:#07a1c7;}
	.button.navy {background-color: #266291;}
	.button.navy:hover{background-color:#1d537e;}
	.button.red {background-color: #e22424;}
	.button.red:hover {background-color: #c61818;}
	.button.magenta {background-color: #ba115b;}
	.button.magenta:hover {background-color: #a51b58;}
	.button.orange {background-color: #e78c0b;}
	.button.orange:hover {background-color: #cf7f0d;}
	.button.yellow {background-color: #f0ed0b; color:#111 !important;}
	.button.yellow:hover {background-color: #d1cf10; color:#111 !important;}
	.button.green {background-color: #7fa607;}
	.button.green:hover {background-color: #68860b;}
	.button.black {background-color: #000000;}
	.button.black:hover {background-color: #1e1e1e;}
	.button.white {background-color: #ffffff; color:#000 !important;}
	.button.white:hover {background-color: #dedede;color:#000 !important;}
		
		
		
	/*----------------------------
	ii. image styling
	-----------------------------*/
		
	#content img{border: 1px solid #111; background:url("../images/dark/border.png") repeat; padding:5px;}
	.mediaContainer{border: 1px solid #111; background:url("../images/dark/border.png") repeat;}
	.mediaContainer a div._rollover {background: url("../images/dark/transparent.png");}
	._rollover p {color:#fefefe !important;}
	.mediaContainer a span {color: #fefefe; }
	
		
	/*----------------------------
	iii. comment lists
	-----------------------------*/
		
	ul.commentList li{border-bottom:1px dotted #333;}
	ul.commentList li p{font-size:12px;}
	.commentDate {font-size:12px;color:#999; font-family: "Times New Roman",Times,serif;font-style: italic;}
	.commentName {font-size:14px;color:#999;}
	ul.commentList li.last{border:none;padding:0px;}
	
	
	/*----------------------------
	iv. blockquotes
	-----------------------------*/
	
	blockquote{background-image: url(../images/dark/openQuote.png);background-repeat:no-repeat; font-size: 15px;font-style: italic;}
	blockquote p {font-size:15px !important; color:#656565 !important;}
	blockquote p.clientRef {font-size:11px !important; color:#999 !important;}
		

/*--------------------------------------------------------
	7. WIDGETS
--------------------------------------------------------*/

	#widgetContainer {border-top:1px dotted #333; }
	
	/*jPlayer*/
	
	div.jp-audio { }
		
	div.jp-interface {background:#111 url("../images/dark/noise.png"); }
	
	a.jp-previous { background: url("../images/dark/skin.png") 0 0 no-repeat; }
	a.jp-play { background: url("../images/dark/skin.png") -50px 0 no-repeat; }
	a.jp-pause { background: url("../images/dark/skin.png") -100px 0 no-repeat; display: none; }	
	a.jp-next { background: url("../images/dark/skin.png") -150px 0 no-repeat; }
	a.jp-stop { background: url("../images/dark/skin.png") -200px 0 no-repeat; }	
	

	ul.jp-controls li a:hover {}
	
	div.jp-jplayer { background-color: #000000; }

/*--------------------------------------------------------
	8. MISCELLANEOUS
--------------------------------------------------------*/