@charset "utf-8";

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

	WANTED CREATIVES
	Type: Layout css
	Author: Wanted Creatives

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

	CSS TOB: 

	1. RESETS
	2. COMMONS
	3. STRUCTURAL
		i.gobal wrapper
		ii.header
		iii.body/pages
		iv.footer
	4. TYPO & LINKS
	5. GENERIC ELEMENTS
		i.buttons
		ii.columns
		iii.media
		iv. lists
		v.blockquotes
		vi.dropcaps
	6. MISC
		
---------------------------------------------------------*/

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

	/* http://meyerweb.com/eric/tools/css/reset/ 
       v2.0 | 20110126
       License: none (public domain)
	*/
	
	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;}
	

/*--------------------------------------------------------
	2.COMMONS
--------------------------------------------------------*/

	
	h1,h2, h3, h4, h5, h6, p, ul, ol, .button, .media_holder,ul.comment-list li,blockquote,ul.content-list li,#featureContainer,#pagination, .post-type-1,#form #reload{margin-bottom:30px;}
	

/*--------------------------------------------------------
	3.STRUCTURAL ELEMENTS/SKELETON
--------------------------------------------------------*/

	/*----------------------------
	i.-- Global
	-----------------------------*/
	
	html, body {overflow:auto;}
	#wrapper{overflow:hidden;}

	
	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
	/*top header*/
	#header-top{margin-bottom:70px;position:relative;z-index:50;}
	#header-top #content{width:100%;overflow:hidden;padding:30px 0;}
	#header-top #content  ul.header-widgets{width:900px;list-style:none; margin:0 auto 0 auto;overflow:hidden; overflow:hidden;margin-bottom:0px;}
	#header-top #content  ul.header-widgets li{width:195px;margin-right:40px; float:left;}
	#header-top #content  ul.header-widgets li:last-child{margin:0;}
	#header-top #content ul.header-widgets li .post .entrySpec{width:auto;float:none;margin-right:0px;}
	#header-top #content  ul.header-widgets li p,#header-top #content ul.header-widgets li .media_holder,#header-top #content ul.header-widgets li .post{margin:0 0 20px 0; overflow:hidden;}
	
	/*main header*/
	#header{width:900px;height:32px;margin:auto;padding:30px;margin-bottom:10px;}
	#header #logo{
	width:97px;
	height:32px;
	float:left;
	position:relative;
	margin-right:10px;
}
	#header #logo:active{top:1px;}
	#header #slogan{float:left; padding-left:10px;}
	#header #more-less{width:26px;height:26px; cursor:pointer; float:right; position:relative;margin:-30px -30px 0 0;}
	#header #more-less .more {width:7px;height:6px;float:right; margin:5px 5px 0 0; }
	#header #more-less .less {width:7px;height:6px;float:right; margin:5px 5px 0 0; }
	
		
		/* main menu
		-----------------------------*/
		
		#nav{width:auto;height:32px;line-height:32px;list-style:none;float:right; padding-top:0px; margin-right:-20px;}
		#nav li{position:relative;float:left;display:block;padding:0 20px;}
		#nav li a{display:block;background:none; outline:none;border:none;}
		#nav-marker{width:1px;height:5px;float:left;position: absolute;}
		/*#nav li a:hover{}*/
		/*#nav li a.active {}*/
	
		
		/* sub menu
		-----------------------------*/
		
		#nav ul.submenu{width:150px;position:absolute;z-index:500;left:-9999px;}
		#nav ul.submenu li{width:150px;line-height:15px;margin:0;padding:0;text-align:left; /*switch to center for center align*/}
		#nav ul.submenu li:last-child{margin:0px;}
		#nav ul.submenu li a{width:120px;display:block; padding:10px 15px;}
		#nav li:hover ul{left:0;margin: 0px;}
		/*#nav li:hover ul{}*/


	
	
	/*----------------------------
	iii.-- Body / Pages 
	-----------------------------*/
	
	
		/* page wrappers
		-----------------------------*/
		#mainBody{width:900px;margin:auto; overflow:hidden;padding:30px 30px 0 30px; margin-bottom:10px;}
		
			/*layout*/
			.content,.content-full-width,.content-folio-index, .sidebar {padding-top:30px;}
			.content{width:623px;}
			.content.alignLeft{float:left;}
			.content.alignRight{float:right;}
			.content-full-width{width:900px;}
			.content-folio-index{width:930px;}
			.sidebar{width:237px;border}
			.sidebar.alignLeft{float:left;margin-right:40px;}
			.sidebar.alignRight{float:right;margin-left:40px;}
			

		
		
		/* general pages
		-----------------------------*/
		
		/*page title*/	
		.page-title{width:900px;text-align:center; position:relative; overflow:hidden;padding:45px 0;}
		.page-title.folio-index{margin-bottom:15px;}
		.page-title h1.pageHeading{margin-bottom:0px;}	
		
		/*logo list*/	
		ul#logo_list{width:900px; list-style:none;float:left;}
		ul#logo_list li{width:87px;float:left;margin-right:28px;}
		ul#logo_list li:last-child{margin:0px;}
		ul#logo_list li {position:relative;}
		ul#logo_list li:active{top:1px;}
		
		/*widgets*/
		.sidebar .widget-text, .sidebar .widget-blogcategories, .sidebar .widget-recentposts, .sidebar .widget-recentcomments, .sidebar .widget-twitter{overflow:hidden;}
		.sidebar .widget-blogcategories ul li, .sidebar .widget-recentposts  ul li, .sidebar .widget-recentcomments  ul li {margin-bottom:5px;}
			
		/*twitter*/
		/*.tweet,.query {}*/
		.tweet_list {margin: 0;padding: 0;overflow-y: hidden;}
		.tweet_list :last-child {border:none; padding:0px;maring:0px;}
		.tweet_list li {overflow-y: auto;overflow-x: hidden;margin-bottom:15px;padding-bottom:15px;}
		.tweet_list .tweet_avatar {padding-right: .5em; float: left;}
		.tweet_list .tweet_avatar img {vertical-align: middle;}

		
		/* homepage specific
		-----------------------------*/
		
		#recent-work{width:900px;margin-bottom:30px;}
		ul.recent-work{width:900px;list-style:none; overflow:hidden;}
		ul.recent-work li{width:280px;margin-right:30px; float:left;}
		ul.recent-work li:last-child{margin:0;}
		
		
		/* folio specific
		-----------------------------*/
		#featureContainer-slider{position:relative;overflow:hidden;height:450px;margin-bottom:20px;}
		#featureContainer{position:relative;overflow:hidden;}
		#thumbContainer{overflow:hidden;margin-bottom:26px;}
		
			/*filter-menu
			-----------------------------*/
			#filter-menu{width:900px;overflow:hidden;list-style:none;padding-bottom:15px;}
			#filter-menu span{float:left; padding-right:20px;}
			ul.filter-list{list-style:none;overflow:hidden;margin-bottom:0px;}
			ul.filter-list li{float:left; margin-right:10px;padding: 0 20px 0 10px;}
			ul.filter-list li:first-child{padding-left:0px;}
			ul.filter-list li:last-child{border-right:none;}
			
			
			/*filter-content
			-----------------------------*/
			.folio-list{list-style:none;width:930px;overflow:hidden;}
			.folio-list .category {width:280px;float:left;margin:0 30px 30px 0;overflow:hidden;}
			.folio-list h6 {margin-bottom:10px;text-align:center;height:17px;/*fix for cufon*/}
			.folio-list .divisor{width:50px;height:1px;margin:0 auto 10px auto;}
			.folio-list p{margin-bottom:0px;text-align:center;padding:0 20px;}
			.folio-list .category .media_holder{margin:0 0 20px 0}
			
			
			/* fancybox
			-----------------------------*/
			#fancybox-title-over {padding: 20px;width:150px;display: block;left:30px;position:relative;}
			.fancybox-html{display:none;}
			.fancybox-num,.fancybox-title,.fancybox-txt{margin-bottom:10px;}
			
			
			/*folio specs
			-----------------------------*/
			.folio-spec{overflow:hidden;}
			.folio-spec .review {background:url(../images/review_tipo.png) bottom center no-repeat; overflow:hidden;}
			.folio-spec .review p{padding:15px;}
			.folio-spec ul{list-style:none; width:100%;padding-bottom:15px;}
			.folio-spec ul li{width:100%;margin-bottom:3px;}
			.folio-spec .projectNav{padding-bottom:15px; overflow:hidden;}
			.folio-spec .projectNav a.projectNext{padding-right:12px; float:right;}
			.folio-spec .projectNav a.projectPrev{padding-left:12px;float:left;}
			.folio-spec .review,.folio-spec .review p, .folio-spec ul, .folio-spec .projectNav {margin-bottom:15px;}
			.folio-spec .share.hide{display:none}
			.folio-spec .share .tweet-button{float:left;width:90px;margin-left:20px;}
			/*.folio-spec .review .quote .name{}*/
			
			
		
		
		/* blog specific
		-----------------------------*/
		
		.post-type-1{width:623px;overflow:hidden;padding-bottom:30px;}
			
			
			/* layout 1
			-----------------------------*/
			
			.post-type-1 .post-content{width:520px; overflow:hidden; float:right;}
			.post-type-1 .dateContainer-1{width:70px;padding:10px 5px;margin-bottom:15px;}
			.post-type-1 .dateContainer-1.alignLeft,dateContainer-2.alignLeft{left:0;}
			.post-type-1 .dateContainer-1.alignRight, .dateContainer-2.alignRight{right:0;}
			.post-type-1 .dateContainer-1 .dateDay,.dateContainer-1 .dateMonth, .dateContainer-1 .dateYr {text-align:center; position:relative;}

			
			/* entry spec
			-----------------------------*/
			
			.entrySpec{width:80px; float:left;margin-bottom:20px;margin-right:23px;}
			.entrySpec p{margin-bottom:5px;}
			
			
			/* comment list
			-----------------------------*/
			#comments {overflow:hidden;}
			#comments ul.comment-list{overflow:hidden; list-style:none;}
			#comments ul.comment-list li{width:623px; padding-bottom:30px;float:left;}
			#comments ul.comment-list li .avatar{float:left; margin-right:25px;}
			#comments ul.comment-list li .comment{width:548px; float:left;}
			#comments ul.comment-list li .comment h6, ul.comment-list li .comment .comment-date, ul.comment-list li .comment .commentary p{margin-bottom:15px;}
			#comments ul.comment-list li .media_holder{margin-bottom:0px;}
			#comments ul.comment-list li.last{padding:0;margin:0;}
			#comments ul.comment-list li ul {overflow:hidden;list-style:none;padding-left:75px; margin:0px;}
			#comments ul.comment-list li ul li {width:548px; padding:30px 0 0 0;float:left;margin:30px 0 0 0;}
			#comments ul.comment-list li ul li .comment{width:465px; float:left;}
			
			
			
			/* pagination
			-----------------------------*/
			
			#pagination{overflow:hidden; height:14px;}
			#pagination span{float:left;font-weight:bold; padding-right:20px;}
			#pagination ul{list-style:none;margin-top:3px;}
			#pagination ul li, #pagination ul li a{width:10px;height:10px;}
			#pagination ul li{float:left;margin-right:5px;}
			#pagination ul li a{overflow:hidden; float:left; }
			#pagination ul li .tooltip{width:20px;height:20px;background:#000;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; position:absolute; z-index:1; text-align:center;line-height:20px;color:#fff; font-family:Arial, Helvetica, sans-serif;display:none;margin:-25px 0 0 -5px; font-size:12px;}

		
		/* contact specific
		-----------------------------*/
		
			
			/* maps
			-----------------------------*/
				
			#map_canvas{}
				
			
			/* forms
			-----------------------------*/
				
			.field{width:330px;height:20px;padding:10px;margin-bottom:10px;color:#666; float:left;}
			.tarea{width:601px;max-width:601px;height:180px;padding:10px;margin-bottom:20px;}
			.formProgress{margin-top:15px;}
			#form #reload{float:left;}
	
	
	/*----------------------------
	vi.-- footer 
	-----------------------------*/
	
	#footer{width:960px;overflow:hidden;margin:0 auto 70px auto;}
	
		/* footer-top
		-----------------------------*/
		#footer-top{width:900px;overflow:inherit;margin-bottom:10px;padding:30px;}
		#footer-top p{margin:0px;}
		#footer #footer-top ul.list {margin-bottom:0px;}
		
		
		/* footer-bottom
		-----------------------------*/
		
		#footer-bottom{width:900px;height:16px;margin:auto; padding: 16px 30px; position:relative;margin-bottom:70px;}
	
		/* logo
		-----------------------------*/
		
		#footer-bottom img {float:left; position:relative;margin-right:10px;}
		#footer img:active{top:1px;}
	
		/* social
		-----------------------------*/
		
		/*.icon_holder */
		#footer-bottom .icon_holder{margin-top:-3px;}
		#footer-bottom .icon_holder a{height:22px;width:22px;float:left;overflow:hidden;}
		#footer-bottom .icon_holder #facebook,#footer-bottom .icon_holder #twitter,.icon_holder #skype, #footer-bottom .icon_holder #forrst, #footer-bottom .icon_holder #googleplus,#footer-bottom .icon_holder #flicr,#footer .icon_holder #myspace,#footer-bottom .icon_holder #vimeo, #footer-bottom .icon_holder #dribble, #footer-bottom .icon_holder #linkedin,#footer-bottom  .icon_holder #digg { position:relative;}
		#footer-bottom .icon_holder.alignRight{float:right; margin-left:8px;}
		#footer-bottom .icon_holder.alignLeft{float:left; margin-right:8px;}
		
		
		/* to top
		-----------------------------*/
		
		#footer-bottom #toTop{width:26px;height:26px; position:absolute; top:0; right:0; cursor:pointer;}
		#toTop #arrow{width:7px;height:7px;float:right; margin:5px 5px 0 0; }
	

/*--------------------------------------------------------
	TYPOGRAPHY & LINKS
--------------------------------------------------------*/

	
	/* typo
	-----------------------------*/
		
	h1,h2, h3, h4, h5, h6{/*ie fix*/position:relative;z-index:10;/**/} /*DO NOT REMOVE POSITION RELATIVE OR Z-INDEX, OR CUFON FADING WILL NOT WORK IN IE*/
	
	
	/* links
	-----------------------------*/
	
	a.r-more,a:visited.r-more,a.reply,a:visited.reply{padding-left:12px;}	
	a,a:visited,a.r-more,a:visited.r-more,a.cat{ outline:none; border:none;}
	

/*--------------------------------------------------------
	5. GENERIC ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- buttons
	-----------------------------*/
	
	.button {display: inline-block;line-height: 1;position: relative;cursor: pointer;border:none;}
	.button:active {position: relative;top: 1px;}
	
	
		/* 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;}
		
	 
		/* colors
		-----------------------------*/	
		
		/*ref to style_theme.css*/
		
		
		/* effects
		-----------------------------*/	
		
		/*ref to style_theme.css*/
		
	
	/*----------------------------
	ii.-- columns
	-----------------------------*/
	
	.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth{height:auto; float:left;margin-right:5%;overflow:hidden;padding-top:2px;}
	
		/* widths
		-----------------------------*/	
		.one_half{width:47.5%;}
		.one_third{width:30%;}
		.one_fourth{width:21.25%;}
		.one_fifth{width:16%;}
		.two_third{width:65%;}
		.three_fourth{width:73.25%;}
		.col_last{margin-right: 0 !important; clear: right;}

	
	/*----------------------------
	iii.-- highlights
	-----------------------------*/
	
	.highlight{padding:2px 5px;}
	.underline{padding:0px;}
	
		/*highlights colors*/
		/*ref to style_theme.css*/
		
		/*highlights effects */
		/*ref to style_theme.css*/
	
	/*----------------------------
	iv.-- media framing/shadows
	-----------------------------*/
	
	.media_holder{}
	
		
		/* alignments
		-----------------------------*/
		
		.media_holder.alignLeft{float:left; margin-right:30px;}
		.media_holder.alignRight{float:right; margin-left:30px;}

		/*folio speicific*/
		.media_holder.folio{ float:left;margin:0px 4px 4px 0px;}
		.media_holder.last{margin-right:0px;}
		
		/* rollover
		-----------------------------*/
		._rollover{position:absolute;z-index:2;}
	
		/* wrappers
		-----------------------------*/
		
		._imageThumb {position:relative;border:none;z-index:4; }
		

		
		/* frames and borders
		-----------------------------*/
		
		.image_frame{position:relative;}
		._border_top_thick {width:100%;height:5px;position:absolute; z-index:10;}
		._border_bottom_thick {width:100%;height:5px;position:relative; z-index:5;bottom:0;}

		
		/* hover containers
		-----------------------------*/
		
		._hoverIcon{position:absolute;border:none;z-index:3; text-align:center;}
		._hoverIcon .view-image, .view-video {width:30px;height:30px; margin-right:2px;display: inline-block;}
		._hoverIcon .view-full {width:60px;height:30px;display: inline-block;}
		._original{position:relative; display:block;}
		._thumb-ind{position:absolute; z-index:3;width:100%;}

		
		
		/* theme captions 
		-----------------------------*/
		
		/*caption type 1 - type: catchPhrase*/
		
		.caption-1{position:absolute;z-index:6;width:100%;left:0;}
		
			.caption-1 .mainTitle-sizeSmall,.caption-1 .mainTitle-sizeMedium,.caption-1 .mainTitle-sizeLarge{width:100%;overflow:hidden;}
			.caption-1 .subTitle-sizeSmall, .caption-1 .subTitle-sizeMedium, .caption-1 .subTitle-sizeLarge{width:100%;overflow:hidden;}
		
		
		
		/*caption type 2 type: Brief*/
		
		.caption-2{max-width:50%;position:absolute; z-index:2;overflow:hidden;bottom:10px;padding:15px;}
		.caption-2 .credit{padding-top:10px;margin-top:10px; float:left;}
		.caption-2 .mainTitle{margin-bottom:10px; overflow:hidden;}
		.caption-2 p{margin:0;}
		
			/*positioning*/
			
			.caption-2.alignLeft{left:0px;}
			.caption-2.alignRight{right:0px;}
			.caption-2.alignCenter{left:23.4%;}
			
			
		/*indication text*/	
		.caption-3{overflow:hidden;padding:5px 0px}
		.caption-3 p{margin:0;}
		
		
			/*positioning*/
			
			.caption-3.alignLeft{text-align:left}
			.caption-3.alignRight{text-align:right}
			.caption-3.alignCenter{text-align:center}
		
		
	/*----------------------------
	v.-- lists
	-----------------------------*/	
	
	ul.list li{padding-left: 25px;margin-bottom:5px;}
	
	
		/* list colors
		-----------------------------*/	
		/*ref style_theme.css*/
		
		
		/* list style
		-----------------------------*/	
		
		/*ref styel_theme.css*/
	
	
	/*----------------------------
	vi.-- content lists
	-----------------------------*/	
	
	ul.content-list{list-style:none;overflow:hidden;}
	
		ul.content-list li{width:auto; float:left;padding-bottom:30px;}
		ul.content-list li:last-child{margin:0;padding:0;}
		ul.content-list li .media_holder{margin:0px 20px 5px 0;}
		ul.content-list li h6,ul.content-list li .function{margin-bottom:15px;}
		ul.content-list li p{margin-bottom:0px;}
		
	
	/*----------------------------
	viii.-- blockquotes
	-----------------------------*/

	blockquote,blockquote.bq-2{clear: both; overflow:hidden;}
	
		
		/* positioning 
		-----------------------------*/
		
		blockquote.bq-1 p {float:left;margin:0 0 15px 20px;}
		blockquote.bq-1 p.clientRef {margin-bottom:0px;padding-right:20px;}
		
		blockquote.bq-2 p {float:left;margin:0 0 15px 40px;}
		blockquote.bq-2 p.clientRef {margin-bottom:0px;padding-right:20px;}
		
		/* alignment
		-----------------------------*/
		
		blockquote.bq-1.alignLeft,blockquote.bq-2.alignLeft{width:200px; float:left; margin:0 20px 20px 0;}
		blockquote.bq-1.alignRight,blockquote.bq-2.alignRight{width:200px; float:right ; margin:0 0 20px 20px;}
		
		
	
	/*----------------------------
	ix.-- drop caps
	-----------------------------*/	
	
	.dropcap-clean,.dropcap-border,.dropcap-square,.dropcap-circle{height:50px;width:50px;float:left; margin: 3px 10px 0 0;}
	.dropcap-underline{height:50px;width:50px;float:left; margin: 0 10px 0 0;}
	.dropcap-square-focus{width:40px;height:40px; margin: 3px 10px 0 0;float:left;padding:10px 0 0 10px}
	
	/*----------------------------
	x.-- divs
	-----------------------------*/
	
		/* styling
		-----------------------------*/	
		
		.div-simple {width:100%;height:1px;}
		.div_pattern-1{width:100%;height:5px;}
	
	
	/*----------------------------
	xi.-- spacing
	-----------------------------*/
	
	
	._0{margin:0px !important;}
	._b0{margin-bottom:0px;}
	
	._10{margin:5px 0px;}
	._t10{margin-top:10px;}
	._b10{margin-bottom:10px;}
	._l10{margin-left:10px;}
	._r10{margin-right:10px;}
	
	._20{margin:20px 0px;}
	._t20{margin-top:20px;}
	._b20{margin-bottom:20px;}
	._l20{margin-left:20px;}
	._r20{margin-right:20px;}
	
	._30{margin:30px 0px;}
	._t30{margin-top:30px;}
	._b30{margin-bottom:30px;}
	._l30{margin-left:30px;}
	._r30{margin-right:30px;}
	
	._40{margin:30px 0px;}
	._t40{margin-top:30px;}
	._b40{margin-bottom:30px;}
	


/*--------------------------------------------------------
	10. MISC
--------------------------------------------------------*/	

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