/*
Theme Name: Multitouch Barcelona 
Description: Visual blogging, photo and video as central content.
Theme URI: http://www.multitouch-barcelona.com
Author: Multitouch Barcelona

*/
/**********************************************
*   Multitouch Barcelona    *
***********************************************/


/* NORMALIZATION */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0px;
		padding:0px;
	}
	
	fieldset,img, a img,:link img,:visited img  { 
		margin:0px;
		padding:0px;
		border:0px;
	}
	
	ol,ul {
		padding:0px;
		margin:0px;
		list-style:none;
	}
	
	caption,th {
		padding:0px;
		margin:0px;
		text-align:left;
	}
	
	h1,h2,h3,h4,h5,h6 {
		padding:0px;
		margin:0px;
		font-weight:normal;
		width:auto;
	}
	
	a{
		padding:0px;
		margin:0px;
		text-decoration:none;
		color:#000000;
	}
	
	a:hover{
		padding:0px;
		margin:0px;
		text-decoration:none;
		background-color:#000000;
		color:#000000;
	}
	
	:link,:visited {
		padding:0px;
		margin:0px;
		text-decoration:none;
		color:#000000;
	}
/* END NORMALIZATION */

/* GLOBAL STYLE */
	/* SPAN STYLES */
		.bold{
			font-weight:bold;
		}
		
		.unavailable{
			text-decoration:line-through;
			-moz-user-select: none;
			-khtml-user-select: none;
		}
		
		.white_bg{
			background-color:#FFFFFF;
			padding-left:2px;
			padding-right:2px;
		}
			
			.white_bg a{
				background-color:#FFFFFF;
				color:#000000;
				text-decoration:none;
			}
			
			
			.white_bg a:hover{
				background-color:#FFFFFF;
				color:#000000;
				text-decoration:none;
			}
		
		.black_bg{
			background-color:#000000;
			padding-left:2px;
			padding-right:2px;
		}
		
			.black_bg a{
				background-color:#000000;
				color:#000000;
				text-decoration:none;
			}
				
			.black_bg a:hover{
				background-color:#000000;
				color:#000000;
				text-decoration:none;
			}
		
		.mini{
			font-size:10px;
		}
	/* END SPAN STYLES */
	/* LINK STYLES */
		a.a_invisible{
			clear:both;
			text-decoration:none;
		}
		
		a:hover.a_invisible{
			clear:both;
			text-decoration:none;
			background-color:#FFFFFF;
		}
	/* END LINK STYLES */
/* END GLOBAL STYLES */

/* INDEX STYLES */
	#posts{
		width:760px;
		margin-top:32px;
		overflow:hidden;
		-moz-user-select: none;
		-khtml-user-select: none;
		/*user-select: none;*/
	}
	
	/* POST STYLES */
		/* GENERAL POST STYLES */
			#posts h1{
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
				font-weight:bold;
				width:auto;
				
			}
			
			#posts h2{
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:9px;
				font-weight:bold;
				width:auto;
			}
			
			#posts h3{
				font-family:Century, Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				width:auto;
			}
			
			#posts h4{
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:9px;
			}
		/* END GENERAL POST STYLES */
		/* MAIN POST STYLES */
			.mp_imgcolor{
				padding-top:10px;
				width:760px;
				height:350px;
				z-index:0;
				overflow:hidden;
				/* this is for the alt text */
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
				/* this is for the alt text */
			}
			
			.mp_imgbw{
				position:relative;
				top:-350px;
				width:760px;
				height:350px;
				z-index:100;
				overflow:hidden;
				/* this is for the alt text */
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
				/* this is for the alt text */
			}
			
			.mp_textlayer{
				margin-top:-700px;
				padding-left:10px;
				width:750px;
				height:350px;
				overflow:hidden;
			}
			
			.mp_textwrapper{
				height:329px;
				width:auto;
			}
			
			.mp_cat{
				position:relative;
				top:10px;
				z-index:300;
				width:auto;
			}
			
			.mp_title{
				position:relative;
				top:12px;
				z-index:300;
				width:auto;
			}
			
			.mp_summary{
				position:relative;
				top:14px;
				z-index:300;
				width:auto;
			}
			
			.mp_info{
				position:absolute;
				z-index:300;
				width:auto;
			}
		/* END MAIN POST STYLES */
		/* SECONDARY POST STYLES */
			.sp_post{
				margin-top:10px;
				width:375px;
				height:250px;
				overflow:hidden;
				float:left;
			}
			
			.sp_margin{
				position:relative;
				float:left;
				margin-top:10px;
				width:10px;
				height:250px;
				z-index:0;
			}
			
			.sp_imgcolor{
				position:relative;
				width:375px;
				height:250px;
				overflow:hidden;
				z-index:0;
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
			}
			
			.sp_imgbw{
				position:relative;
				top:-250px;
				width:375px;
				height:250px;
				overflow:hidden;
				z-index:100;
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
			}
			
			.sp_textlayer{
				margin-top:-490px;
				padding-left:10px;
				width:370px;
				height:240px;
				overflow:hidden;
			}
			
			.sp_textwrapper{
				height:219px;
				width:auto;
			}
			
			.sp_cat{
				position:relative;
				z-index:300;
				width:auto;
			}
			
			.sp_title{
				position:relative;
				top:2px;
				z-index:300;
				width:auto;
			}
			
			.sp_info{
				position:relative;
				z-index:300;
				width:auto;
			}
		/* END SECONDARY POST STYLES */
	/* END POST STYLES */
	
	.p_endposts{
		clear:both;
		height:10px;
		width:760px;
	}
	
	.p_newer{
		float:left;
		text-align:left;
		width:380px;
		height:12px;
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:12px;
		font-weight:bold;
		overflow:hidden;
	}
	
	.p_older{
		float:left;
		text-align:right;
		width:380px;
		height:12px;
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:12px;
		font-weight:bold;
		overflow:hidden;
	}
/* END INDEX STYLES */

/* SINGLE STYLES (ALSO USED IN SEARCH RESULTS PAGE) */
	#post_content{
		clear:both;
		padding-top:60px;
	}
	
		#post_content h1{
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
		
		#post_content h2{
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
	
	#post_col1{
		float:left;
		width:375px;
	}
	
	#post_col2{
		float:left;
		width:375px;
		padding-left:10px;
	}
	
	/* COLUMN 1 STYLES */
		/* SEARCH RESULTS STYLES */
			.post_searchresults{
				padding-top:100px;
				padding-bottom:15px;
			}
		/* END SEARCH RESULTS STYLES*/
		.post_info{
			width:186px;
		}
		
		.post_title{
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
		
		.post_cat{
			padding-top:20px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
	
		.post_date{
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
		
		.post_tags{
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
		
		.post_taglist{
			padding-top:100px;
		}
		
		.post_linkslist{
			padding-top:15px;	
		}
	/* END COLUMN 1 STYLES */
	
	/* COLUMN 2 STYLES */
		/* SEARCH RESULTS STYLES */
			.post_searchresult{
				padding-bottom:20px;
			}
	
			.post_searchresulttitle{
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
			}
			
			.post_searchresulttext{
				font-family:Century, Georgia, "Times New Roman", Times, serif;
				font-size:12px;
			}
			
			.post_searchresultdate{
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:9px;
				padding-bottom:5px;
			}
		/* END SEARCH RESULTS STYLES */
	
		.post_body{
		
		}
		
		.post_text{
			font-family:Century, Georgia, "Times New Roman", Times, serif;
			font-size:12px;
		}
		
			.post_text a{
				text-decoration:underline;
				background-color:#FFFFFF;
			}
		
			.post_text a:hover{
				text-decoration:underline;
				background-color:#FFFFFF;
			}
		
		/* NEWER OLDER STYLES */
			.post_newerolder{
				padding-top:100px;
			}
			
			.post_newer{
				float:left;
				width:188px;
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
			}
			
			.post_older{
				float:left;
				width:187px;
				text-align:right;
				font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:12px;
			}
		/* END NEWER OLDER STYLES */
		
		/* COMMENTS STYLES */
			.post_comments{
				clear:both;
				padding-top:40px;
			}
			
			/* POSTED COMMENTS STYLES */
				.post_postedcomments{
				}
				
				.post_postedcomment{
					padding-bottom:20px;
				}
				
				.post_pc_author{
					font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:12px;
				}
				
				.post_pc_time{
					font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:12px;
					padding-bottom:5px;
				}
				
				.post_pc_text{
					font-family:Century, Georgia, "Times New Roman", Times, serif;
					font-size:12px;
				}
				
					.pc2c_comment_text a{
						text-decoration:underline;
						background-color:#FFFFFF;
					}
					
					.pc2c_comment_text a:hover{
						text-decoration:underline;
						background-color:#FFFFFF;
					}
			/* END POSTED COMMENTS STYLES */
			
			/* COMMENTS FORM STYLES */
				.post_cf_title{
					padding-top:30px;
					font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:12px;
				}
				
				.post_cf_subtitle{
					font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:11px;
				}
				
				.post_cf_form{
					padding-top:10px;
				}
				
				.post_cf_formfield{
					padding-top:10px;
				}
				
				.post_cf_formtitle{
					font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:12px;
				}
				
				.post_cf_formtext{
					width:188px;
					font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
				}
				
				.post_cf_textarea{
					width:375px;
					height:120px;
					padding-left:2px;
					padding-right:2px;
					padding-top:1px;
					font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size:11px;
					border-bottom-style:solid;
					border-bottom-width:1px;
					border-bottom-color:#CCCCCC;
					border-left-style:solid;
					border-left-width:1px;
					border-left-color:#AAAAAA;
					border-right-style:solid;
					border-right-width:1px;
					border-right-color:#AAAAAA;
					border-top-style:groove;
					border-top-width:2px;
					border-top-color:#AAAAAA;
				}
			/* END COMMENTS FORM STYLES */
		/* END COMMENTS STYLES */
	/* END COLUMN 2 STYLES */
/* END SINGLE STYLES (ALSO USED IN SEARCH RESULTS PAGE) */

/* WORDPRESS IMPORT STYLES */
	/* HEADER STYLES */
		#content {
			margin-left: auto;
			margin-right: auto;
			width:760px;
		}
		
		#header{
			width:760px;
			margin-top:20px;
			height:40px;	
		}
		
		#h_logo{
			float:left;
			margin-right:10px;
			width:375px;
			height:50px;
		}
		
		#hl_img{
			float:left;
		}
		
		#hl_text{
			margin-left:10px;
			float:left;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
			text-transform: uppercase;
		}
		
		#h_menu{
			float:left;
			width:375px;
			height:50px;
		}
		
		.hm_option{
			width:375px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
	/* END HEADER STYLES */
	/* FOOTER STYLES */
		#footer{
			width:760px;
			margin-top:40px;
		}
		
		#f_menu{
		
		}
		
		.fm_col{
			float:left;
			width:193px;
		}
		
		.fm_search{
			float:left;
			padding-bottom:15px;
		}
	/* END FOOTER STYLES */
/* END WORDPRESS IMPORT STYLES */

/* IMPORT STYLES */
	/* FLASH STYLES */
		#flashLayer{
			position:absolute;
			top:130px;
			width:750px;
			height:1130px;
			z-index:200;
		}
	/* END FLASH STYLES */
	/* LIST STYLES (TAGS, LOVE & LOGOS) */
		.l_title{
			clear:both;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
			font-weight:bold;
		}
		
		.l_content{
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
	/* END LIST STYLES (TAGS, LOVE & LOGOS) */
	/* LOGOS STYLES */
		.logos_row{
			clear:both;
			padding-top:5px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
		
			.logos_row a{
				text-decoration:none;
			}
			
			.logos_row a:hover{
				text-decoration:none;
				background:none;
			}
		
		.logos_spacing{
			width:10px;
			height:10px;
			float:left;
		}
		
		.logos_bottomspacing{
			clear:both;
			height:15px;
		}
		
		.logos_rowspace{
			height:5px;
			clear:both;
		}
		
		.logos_img{
			filter:alpha(opacity:100);
			opacity:1;
			-moz-opacity:1;
		}
		
		.logos_imgtransparent{
			filter:alpha(opacity:0);
			opacity:0;
			-moz-opacity:0;
		}
		
		/* SPECIFIC LOGO STYLES */
			.logo_vimeo{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-vimeo2.jpg);
				width:25px;
				height:25px;
				float:left;
			}
			
			.logo_flickr{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-flickr2.jpg);
				width:25px;
				height:25px;
				float:left;
			}
			
			.logo_rss{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-rss2.jpg);
				width:32px;
				height:30px;
				float:left;
			}
			
			.logo_mail{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-mail2.jpg);
				width:28px;
				height:30px;
				float:left;
			}
			
			.logo_promsite{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-promsite2.jpg);
				width:102px;
				height:25px;
				float:left;
			}
			
			.logo_offf{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-offf2.jpg);
				width:54px;
				height:25px;
				float:left;
			}
			
			
			.logo_nui{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-nui2.jpg);
				width:42px;
				height:25px;
				float:left;
			}
			
			.logo_citilab{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-citilab2.jpg);
				width:35px;
				height:25px;
				float:left;
			}
			
			.logo_shift{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-shift2.jpg);
				width:32px;
				height:25px;
				float:left;
			}
			
			.logo_redbull{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo_redbull2.jpg);
				width:54px;
				height:25px;
				float:left;
			}
            .logo_twitter{
				background-image:url(http://multitouch-barcelona.com/blog/assets/logo-twitter2.jpg);
				width:25px;
				height:25px;
				float:left;
			}
            
		/* END SPECIFIC LOGO STYLES */
	/* END LOGOS STYLES */
	/* SEARCH FORM STYLES */
		.search_title{
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
			font-weight:bold;
		}
		
		.search_query{
			margin-top:5px;
		}
		
		.search_find{
			margin-top:5px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
			background-color:#FFFFFF;
			color:#FFFFFF
		}
	/* END SEARCH FORM STYLES */
	/* CREATIVE COMMONS STYLES */
		.cc_rights{
			clear:both;
			padding-top:100px;
			padding-bottom:10px;
			height:20px;
			width:760px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:10px;
			text-align:center;
		}
		
		.cc_logo{
			float:left;
			padding-left:308px;
		}
		
		.cc_text{
			float:left;
			padding-left:5px;
			padding-top:2px;
		}
	/* CREATIVE COMMONS STYLES */
/* END IMPORT STYLES */

/* PAGES STYLES */
	/* WORK STYLES */
		.work_wrapper{
			width:760px;
			overflow:hidden;
			padding-bottom:20px;
		}
		
		.work_pic{
			width:760px;
			overflow:hidden;
			padding-bottom:15px;
		}
		
		.work_title{
			width:760px;
			overflow:hidden;
			padding-bottom:5px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
			font-weight:bold;
		}
		
		.work_date{
			font-size:10px;
			font-weight:normal;
		}
		
		.work_text{
			width:760px;
			overflow:hidden;
			padding-bottom:60px;
			font-family:Century, Georgia, "Times New Roman", Times, serif;
			font-size:12px;
		}
		
			.work_text a{
				text-decoration:underline;
			}
			
			.work_text a:hover{
				background-color:#FFF;
				text-decoration:underline;
			}
	/* END WORK STYLES */
/* END PAGES STYLES */