@charset "utf-8";

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

Theme Name: Alive - Version 2.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
		

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



/*--------------------------------------------------------
	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:"Helvetica Neue", Helvetica, Arial, sans-serif; line-height:20px;}
	
/*--------------------------------------------------------
	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:20px; }
	
	/* 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:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-transform:uppercase; line-height: 1.2em;}
	
	/* tile block logo */
	#tileBlock #logo { position:absolute;}
	#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; left:0; top:0;}
	#tileBlock #logo a.home {width:270px; height:270px; }
	#tileBlock #logo a img.home {margin-top:123px; }

	#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; left:0; top:0;}
	#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:13px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px;}
		
	/*----------------------------
	ii. twitter
	-----------------------------*/

	.twitter, .query { font-family:"Helvetica Neue", Helvetica, Arial, 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:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; 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:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;}
	.field:focus{border:1px solid transparent; color:#fefefe;}
	.tarea{background: url("../images/dark/formBackground.png");border:1px solid transparent; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
	.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; line-height: 50px;}
	#footer a{color: #656565; font-size:11px;}
	
	/*----------------------------
	ix. links
	-----------------------------*/

	a,a:visited{font-size:13px; 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:13px;}
	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: #2c2c2c;}
	.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 div._rollover {background: url("../images/dark/transparent.png");}
	._rollover p {color:#fefefe !important;}
	.mediaContainer span {color: #fefefe; }
	
		
	/*----------------------------
	iii. comment lists
	-----------------------------*/
		
	ul.commentList li{border-bottom:1px dotted #333;}
	ul.commentList li p{font-size:13px;}
	.commentDate {font-size:13px;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; }
	#widgetContainer .widgetBox .input-text {background: url("../images/dark/formBackground.png");border:1px solid transparent;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; color:#656565;}
	#widgetContainer .widgetBox .input-text:focus{border:1px solid transparent; color:#fefefe;}
	/*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
--------------------------------------------------------*/
	
	.quantity input.qty,#content .quantity input.qty {
		background:url("../images/dark/formBackground.png");
		color:#ffffff;
	}
	.quantity .plus,#content .quantity .plus,.quantity .minus,#content .quantity .minus {
		color:#cecece;
		background: #000000;
	}
	.quantity .plus:hover,#content .quantity .plus:hover,.quantity .minus:hover,#content .quantity .minus:hover {
		background:#2c2c2c;
	}
	#review_form input[type=text], #review_form textarea, table.cart td.actions .coupon .input-text, #content table.cart td.actions .coupon .input-text {
		background: url("../images/dark/formBackground.png");
		color:#656565;
	}
	#review_form input[type=text]:focus, #review_form textarea:focus, table.cart td.actions .coupon .input-text:focus, #content table.cart td.actions .coupon .input-text:focus{
		color:#fefefe;
	}
	#review_form #respond .form-submit input {
		color:#eeeeee;
		background: #000000;
	}
	#review_form #respond .form-submit input:hover {
		background: #2c2c2c;
	}
	.woocommerce_ordering select, .variations select, form .form-row select {
	    background: #000000;
	    color:#eee;	
	}
	div.product .woocommerce_tabs ul.tabs li,#content div.product .woocommerce_tabs ul.tabs li {
		background:#000000;
	}
	.cart .checkout-button, .cart-collaterals .shipping_calculator .button {
		background:#000000;
		
	}
	.cart .checkout-button:hover, .cart-collaterals .shipping_calculator .button:hover {
		background:#2c2c2c;
	}
	div.product .woocommerce_tabs ul.tabs li a:hover,#content div.product .woocommerce_tabs ul.tabs li a:hover {
		color:#eeeeee;
	}
	div.product .woocommerce_tabs ul.tabs li.active,#content div.product .woocommerce_tabs ul.tabs li.active {
		background:#2c2c2c;
		color:#eeeeee;
	}
	table.shop_table {
		border:1px dotted #333;
	}
	table.shop_attributes,table.shop_table td {
		border-top:1px dotted #333;
	}
	table.shop_attributes tr {
		border-bottom:1px dotted #333;
	}
	table.shop_table th, .cart-collaterals .cart_totals table tr th {
		color:#fff;
	}
	table.my_account_orders .button {
		background: #000000;
		color: #eeeeee !important;
	}
	table.my_account_orders .button:hover {
		background: #2c2c2c;
	}
	#reviews #comments ol.commentlist li {
		border-bottom:1px dotted #333;
	}
	.cart .button,.cart input.button {
		color:#eeeeee !important;
	}
	form .form-row input.input-text,form .form-row textarea {
		background: url("../images/dark/formBackground.png");
		color:#656565;
	}
	form .form-row input.input-text:focus,form .form-row textarea:focus {
		color:#fefefe;
	}
	.cart-collaterals .cart_totals tr td,.cart-collaterals .cart_totals tr th {
		border-top:1px dotted #333;
	}
	.chzn-container-single .chzn-single, .chzn-container-single .chzn-search input, .chzn-container-active .chzn-single-with-drop,.chzn-rtl .chzn-search input {
  		background: url("../images/dark/formBackground.png");
  	}