@charset "utf-8";

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

Theme Name: Alive - Version 1.0
Type: Light

CSS overview: 

	1. Background
	2. Main Elements
		i. preloader
		ii. common
	3. Menu
		i. tile block
		ii. main menu
		iii.sub menu
	4. Page elements
		i. content wrapper
		ii.twitter
		iii.fancybox
		iv. portfolio
		v. blog
		vi. form elements
		vii. pagination
		viii. footer
		ix. links
	5. Typography
	6. Standard Elements
		i.buttons
		ii. highlights
		iii.boxes
		iv.media frames
		v.lists
		vi.content lists
		vii.blockquotes
	7. Miscellaneous
		

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



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

	body{background:#fff; color:#000;}
	#overlay{background:url("../images/light/backgroundOverlay.png") repeat;}


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

	/*----------------------------
	i.-- preloader
	-----------------------------*/
	
	#preloader { position:absolute; top:50%; left:50%; z-index:10; width:100px; height:70px; margin:-35px 0 0 -50px; text-indent:-999em; background: url("../images/light/loader.gif") no-repeat bottom center;}
	#preloader-logo{width:100px; height:41px;background: url("../images/light/logo-preloader.png")  top center no-repeat;}
	
	/*----------------------------
	ii.-- common
	-----------------------------*/
	h1, #fancybox-title {color:#121212;}
	p,p.slogan,a,.field,.fieldNotify,.tarea, .tweet .txt, .tweet .time, #footer,ul.list,.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: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: Arial,sans-serif; font-size:12px; text-transform:uppercase; }
	
	/* tile block logo */
	#tileBlock #logo { float:left;}
	#tileBlock #logo a { display:block; text-align: left; }
	#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;border: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; font-size:30px; margin:0; 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:0px; }

	#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; font-size:14px; font-weight: bold;  margin:0; 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;}
	
	
	/*----------------------------
	ii.-- main menu color
	-----------------------------*/
	
	.tile, #logo { background:#fdfdfd url("../images/noise.png"); color:#111;}
	.tile.highlight {background:#111 url("../images/noise.png");}
	.tile .tileHeading {color:#121212;}
	.tile .slogan {color:#121212;}
	.tile.highlight h2 {color:#fefefe;}
		
	/*----------------------------
	ii.-- sub menu color
	-----------------------------*/
	
	#tileBlock .submenu a,#tileBlock .submenu a:visited {color:#999;}
	#tileBlock .submenu a:hover,#tileBlock .submenu a.active {color: #fefefe;}
	
		
/*--------------------------------------------------------
	4.PAGE ELEMENTS
--------------------------------------------------------*/
	
	/*----------------------------
	i.-- content wrapper
	-----------------------------*/
	
	#contentWrapper {background:#fdfdfd url("../images/noise.png");}
	#contentWrapper p, #contentWrapper ul li {color:#656565; font-size: 12px;}

	
	/*----------------------------
	ii.-- twitter
	-----------------------------*/

	.twitter, .query { font-family:Arial, Helvetica, sans-serif; margin-bottom: 30px; }
	.tweet_list {list-style: none;margin: 0;padding: 0;overflow-y: hidden;}
	.tweet_list .awesome, .tweet_list .epic {text-transform: uppercase;}
	.tweet_list li {overflow-y: auto;overflow-x: hidden;padding: 15px 0;list-style-type: none;margin:0; border-bottom:1px dotted #ccc; vertical-align: middle;}
	.tweet_list li a {color: #999;}
	.tweet_list .tweet_even {}
	.tweet_list .tweet_avatar {padding-right: 10px; float: left;}
	.tweet_list .tweet_avatar img {vertical-align: middle;}
	.tweet_list .tweet_time {}
	.tweet_list .tweet_join {}
	.tweet_list .tweet_text {font-size:14px;line-height:18px;font-style:italic; color:#656565;}
	.tweet_list .tweet_text a {font-size: 14px;}
	.tweet_list .tweet_last {border:0;}
	
	
	/*----------------------------
	iii.-- fancybox
	-----------------------------*/
	
	#fancybox-outer {background: #000;}
	#fancybox-content {border: 0px solid #000;}
	#fancybox-left-ico {background-image: url("../images/light/fancybox.png")}
    #fancybox-right-ico {background-image: url("../images/light/fancybox.png")}
	#fancybox-close {background: transparent url("../images/light/fancybox.png") -40px 0px;}
	#fancybox-title-over {background-image: url("../images/light/fancyboxCaption.png") !important;}
	
	
	/*----------------------------
	iv.-- portfolio
	-----------------------------*/
	
	._rollover p {color:#121212 !important;}
	
	/*----------------------------
	v.-- blog
	-----------------------------*/
	
	.entrySpec{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444;}
	#blogContainer ul li div.post{border-bottom:1px dotted #ccc;}
	.comment{background: url("../images/light/comments_blog.png") center center no-repeat;font-size:30px;}
	.postClose{background: url("../images/light/closeButton.png") no-repeat;}
	
	/*----------------------------
	vi.-- form elements
	-----------------------------*/
	
	.field{background: url("../images/light/formBackground.png");border:1px solid transparent;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
	.field:focus{border:1px solid transparent; color:#121212;}
	.tarea{background: url("../images/light/formBackground.png");border:1px solid transparent; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.tarea:focus{background: url("../images/light/formBackground.png");border:1px solid transparent; color:#121212;}
	.formReset{background: url("../images/light/formBackground.png");border:1px solid transparent;}
	.formVerify{background: url("../images/light/formBackground.png");border:1px solid transparent; color:#121212;}
	.formLoader{background: url("../images/light/loader.gif") no-repeat;}
	
	
	/*----------------------------
	vii.-- pagination
	-----------------------------*/
	.page_navigation a, .alt_page_navigation a{background-image:url("../images/light/paginate.png");background-position: 0 0;background-repeat:  no-repeat;}
	.active_page{background-image:url("../images/light/paginate.png");background-position: 0px -10px !important;background-repeat:  no-repeat !important;text-decoration:none;}

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

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


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

	h1,h2,h3,h4,h5,h6{color:#121212; font-family: "GeosansLightRegular",sans-serif; }
	h1.pageHeading{color:#121212 !important; text-transform: uppercase; border-bottom: 1px solid #ccc; font-family: "GeosansLightRegular",sans-serif;}
	h1{font-size:36px;}
	h2{font-size:24px;}
	h3{font-size:18px;}
	h4{font-size:16px;}
	h5{font-size:14px;}
	h6{font-size:12px;}
	p.slogan{color:#121212;}
	p,#footer,blockquote p.clientRef,.field, .tarea,ul.list{color:#656565;}


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


	/*----------------------------
	i.--standard buttons
	-----------------------------*/
	
	 
		/*button colors */
		.button {background-color: #fff; color:#111 !important;}
		.button:hover{background-color:#eee;}
		.button.teal {background-color: #00ccff; color:#fff !important;}
		.button.teal:hover{background-color:#18c6f1;color:#fff !important;}
		.button.navy {background-color: #3a74a1;}
		.button.navy:hover{background-color:#2e648d;}
		.button.red {background-color: #f31616;}
		.button.red:hover {background-color: #e21616;}
		.button.magenta {background-color: #bb1a61;}
		.button.magenta:hover {background-color: #9e1652;}
		.button.orange {background-color: #ff9600;}
		.button.orange:hover {background-color: #f09411;}
		.button.yellow {background-color: #ffcc00;}
		.button.yellow:hover {background-color: #fdb10d;}
		.button.green {background-color: #8db513;}
		.button.green:hover {background-color: #7b9e10;}
		.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.-- highlights
	-----------------------------*/
	
	.highlight{background:#fff;color:#000;}
	
		/*highlights colors*/
		.highlight.gray {background-color: #666;}
		.highlight.teal {background-color: #3ec3e4;}
		.highlight.navy {background-color: #3a74a1;}
		.highlight.red {background-color: #f31616;}
		.highlight.magenta {background-color: #bb1a61;}
		.highlight.orange {background-color: #ff9600;}
		.highlight.yellow {background-color: #ffcc00;}
		.highlight.green {background-color: #8db513;}
		
		/*highlights effects*/
		.highlight.italic{font-style:italic;}
		.highlight.bold{font-weight: bold}
		
		
	/*----------------------------
	iii.-- media frames
	-----------------------------*/
	
	._imageOriginal{background: url("../images/light/logoHover.png") center -160px no-repeat;}
	._videoOriginal{background:url("../images/light/logoHover.png") center -160px no-repeat;}
		
		/*frames*/
		._border{border: 1px solid #fefefe; background:url("../images/light/border.png") repeat;}
		

		/*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); background-image: url("../images/light/transparent.png");background-repeat:repeat;/*ie fix*/} 
	
	/*----------------------------
	iv.--lists
	-----------------------------*/
	
	ul.list li{list-style-type: disc; list-style-position: outside; margin-bottom: 2px;padding-bottom: 2px;padding-left: 25px; font-size:12px; }		
	
	/*----------------------------
	v.-- content lists
	-----------------------------*/
		
	ul.contentList li{border-bottom:1px dotted #ccc;}
	
		ul.contentList li p{/*font-family:Arial, Helvetica, sans-serif;*/ font-size:12px;}
		ul.contentList li p span.name {font-size:14px;color:#333;}
		ul.contentList li p span.title{font-family:"Times New Roman", Times, serif; font-style:italic;color:#656565;background:#fff;}
		ul.contentList li.last{border:none;padding:0px;}
		
	
	/*----------------------------
	vi.-- comment lists
	-----------------------------*/
		
	ul.commentList li{border-bottom:1px dotted #ccc;}
	
		ul.commentList li p{/*font-family:Arial, Helvetica, sans-serif;*/ font-size:12px;}
		.commentDate {font-size:12px;color:#333; font-family: "Times New Roman",Times,serif;font-style: italic;}
		.commentName {font-size:14px;color:#333;}
		ul.commentList li.last{border:none;padding:0px;}
	
	/*----------------------------
	vii.--blockquotes
	-----------------------------*/
	
	blockquote{background: url("../images/light/open_quote.png")0 0 no-repeat;font-style: italic;font-size: 15px;line-height: 20px;}
	blockquote p {font-size:15px !important; color:#656565 !important;}
	blockquote p.clientRef {font-size:11px !important; color:#999 !important;}
		

/*--------------------------------------------------------
	7. MISCELLANEOUS
--------------------------------------------------------*/