/*
Theme Name: Rebited + Mobile
Theme URI: http://www.rebited.com
Author: Ulises Soriano / Daniel Peirón
Author URI: http://www.us-multimedia.com/
Description: Tema exclusivo Rebited.com con soporte para dispositivos móviles
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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,font,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

h1, h2{
	font-weight: 100;
}

a{ text-decoration: none; color: #ff0099 }

@font-face {
    font-family: 'gotham_book';
    src: url('assets/fonts/gotham-book-webfont.eot');
    src: url('assets/fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/gotham-book-webfont.woff') format('woff'),
         url('assets/fonts/gotham-book-webfont.ttf') format('truetype'),
         url('assets/fonts/gotham-book-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper{
	width: 1050px;
	margin: auto;
}

	#headerMobile{ display: none }

	#header{
		height: 225px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		font-family: 'gotham_book', Sans-Serif;
	}
	
		#header h1{
	    	float: left;
	    	display: inline-block;
	    }
	    
		   	#header h1 a{
				width: 472px;
				height: 224px;
				display: block;
				text-indent: -9999px;
				background-image: url('assets/images/header-rebited.jpg');
			}
	
	
		.menu-mainmenu-container{
			width: 578px;
			height: 225px;
			float: left;
			position: relative;
		}

			.menu-mainmenu-container ul{
				position: absolute;
				bottom: 30px;
				right: 0;
			}
		
			.menu-mainmenu-container ul li{
				display: block;
				margin-top: 10px;
			}

				.menu-mainmenu-container ul li a{
					display: block;
					font-size: 12px;
					line-height: 12px;
					text-transform: uppercase;
					color: #333;
					text-align: right;
					padding-right: 6px;
					border-right: 4px solid white;
					height: 12px;
					padding-top: 1px;
				}

				.menu-mainmenu-container ul li a:hover{ text-decoration: none }
				
				#menu-item-9.current-menu-item a, 
				#menu-item-9 a:hover{ border-right: 4px solid #2aa7de; }
				
				.isHome #menu-item-10 a, 
				#menu-item-10 a:hover{ border-right: 4px solid #f81f57; }
				
				#menu-item-7.current-menu-item a, 
				#menu-item-7 a:hover, 
				#menu-item-7.current-menu-parent a{ border-right: 4px solid #8dcfe3; }
				
				#menu-item-8.current-menu-item a, 
				#menu-item-8 a:hover, 
				#menu-item-8.current-menu-parent a{ border-right: 4px solid #ffcc32; }

	
				
	#main{
		margin-bottom: 48px;
		overflow: hidden;
		position: relative;
	}
	
	
		#postsWrapper{
			width: 1050px;
			margin-left: 7px;	
		}
	
			#posts{}
	
				.postWrapper{
					width: 350px;
					float: left;
				}
	
					.post{
						width: 316px;
						margin-right: 21px;
						margin-bottom: 22px;
						padding: 10px;
						background-color: #EEE;
						-webkit-transition:background-color .2s ease-in-out;
						-moz-transition:background-color .2s ease-in-out;
						-o-transition:background-color .2s ease-in-out;
						transition:background-color .2s ease-in-out;
						font-family: 'gotham_book', Sans-Serif;
					}
					
					.post:hover{
						background-color: #ddd;
					}
					
					.last{
						margin-right: 0;
					}
				
						.post img, 
						.post .fve-video-wrapper,
						.post .mixcloud, 
						.post .soundcloud{
							-moz-box-shadow: 3px 2px 5px #888;
							box-shadow: 3px 2px 5px #888;
						}
						
						.fve-video-wrapper{
							margin: 0!important;
						}
						
						.post img:hover,
						.post .fve-video-wrapper:hover,
						.post .mixcloud:hover, 
						.post .soundcloud:hover{
							
						}
	
						.post h2{
							padding: 14px 0;
							font-size: 14px;
							text-transform: uppercase;
						}
		
							.post h2 a{
								color: #000;
							}
	
						.readMore{
							padding: 5px;	
							display: inline-block;
							color: white;
							background-color: black;
							text-transform: uppercase;
							font-size: 11px;
							-webkit-transition:background-color .2s ease-in-out;
							-moz-transition:background-color .2s ease-in-out;
							-o-transition:background-color .2s ease-in-out;
							transition:background-color .2s ease-in-out;
						}
						
						.readMore:hover{
							background-color: #999999;
						}
			
			
			
#singleWrapper{
	width: 740px;
	overflow: hidden;
}		
	
	#single{
		width: 500px;
		float: left;
		margin-right: 40px;
		font-size: 13px;
		font-family: Georgia, Serif;
		line-height: 20px;
		color: #666666;
	}

		#single h2{
			font-size: 16px;
			padding: 14px 0;
			text-transform: uppercase;
			font-family: 'gotham_book', Sans-Serif;
		}
		
		#single p,
		#single img,
		#single iframe,
		#single .mixcloud{
			margin-bottom: 20px;
			display: block;
		}		
	


		#pagination{
			height: 21px;
			overflow: hidden;
			margin-bottom: 20px;
			font-family: 'gotham_book', Sans-Serif;
		}
			
			#pagination div{
				height: 21px;
			}
			
			#pagination a{
				color: white;
				background-color: black;
				color: white;
				padding: 5px;
				text-transform: uppercase;
				height: 11px;
				font-size: 11px;
				line-height: 11px;
				margin-right: 5px;
				-moz-border-radius: 1px;
				border-radius: 1px;
				-webkit-transition:background-color .2s ease-in-out;
				-moz-transition:background-color .2s ease-in-out;
				-o-transition:background-color .2s ease-in-out;
				transition:background-color .2s ease-in-out;
			}
			
			#pagination a:hover{
				background-color: #999999;
			}
				
				#pagination .next, #pagination .prev{ float: left; }


		#postMeta{
			width: 200px;
			padding-top: 60px;
			left: 540px;
			position: absolute;
		}
		
			#postMeta h3{
				font-family: 'gotham_book', Sans-Serif;
				font-size: 10px;
				margin-bottom: 10px;
				font-weight: 100;
			}
			
			#postMeta p{
				margin-bottom: 25px;
				font-size: 12px;	
			}
			
			.shareButtons{
				
			}
			
			.shareButtons div{
				margin-bottom: 5px;
			}
			
			#tags{
				padding-top: 20px;
				width: 180px;
			}
			
			#tags a{
				color: white;
				background-color: #999999;
				text-transform: uppercase;
				font-size: 10px;
				padding: 5px;	
				display: inline-block;
				font-family: 'gotham_book', Sans-Serif;
				margin-bottom: 5px;
				-moz-border-radius: 1px;
				border-radius: 1px;
			}
			
			


#nav-below{
	display: none;
}
			


.mc_custom_border_hdr{
	display: none!important;
}

.about .post{
	position: relative;
}

	.about .post p, 
	.about .post ul{
		margin-bottom: 20px;
		font-size: 13px;
		line-height: 20px;
		font-family: Georgia,serif;
		color: #333;
	}
	
	.about .post a{
		color: #333;
		text-decoration: underline;
	}
	
	.about .post li a{
		text-decoration: none;
	}
	
	.about .post li a:hover{
		text-decoration: underline;
	}
	
	.post.aboutUs{min-height: 490px;}
	
	.about .post p.copy{
		margin-top: 40px;
		font-size: 20px;
		line-height: 25px;
		font-style: italic;
	}
	
	.eng{
		font-style: italic;
	}
	
	#imageAbout{
		padding: 0;
		width: 336px;
	}
	
		#imageAbout img{
			max-width: 100%;
			display: block;
		}
	

		.contact{
			
			width: 300px;
			background-color: black;
			height: 25px;
			padding: 0 8px;
			font-size: 13px;
		}
		
		.aboutUs .contact{
			position: absolute;
			bottom: 10px;
			left: auto;
		}
		
			.contact span, .about .post .contact a{
				display: inline-block;
				width: 50%;
				float: left;
				line-height: 25px;
				color: white;
				
			}
			
			.about .post .contact a{
				text-align: right;
				color: white;
				font-family: serif;
				text-decoration: none;
			}
			
			.about .post .contact a:hover{
				text-decoration: underline;
			}
			
			
			
			
			

.contact span{
	text-transform: uppercase;
}





#mc_signup{
	
}

	h2.signup_title{
		padding-bottom: 0!important;
	}

	#mc_signup form{
		background-color: transparent!important;
		
	}	
		
		#mc_signup form input[type="text"]{
			display: block;
			border: 1px solid #333;
			height: 25px;
			font-size: 16px;
			color: #333;
			background-color: transparent;
			width: 100%;
			
			
		}
		
		#mc_signup form input[type="text"]:hover{
			
		}
				
		#mc_signup form label{
			font-family: serif;
			font-size: 13px;
			display: none;
		}
		
		.mc_signup_submit{
			text-align: left!important;
		}
			.mc_signup_submit input{
				color: white;
				background-color: black;
				height: 25px;
				font-size: 13px;
				text-transform: uppercase;
				border: 0;
				outline: 0;
				font-family: 'gotham_book', Sans-Serif;
				margin-top: 10px;
				cursor: pointer;
			}
			
			.mc_signup_submit input:hover{
			background-color: #999999;
			}
			
			.updated{
				margin-bottom: 10px;
				font-family: serif;
			}	







a.soundcloud-dropbox:hover {
	color: white !important; 
	background-color: transparent !important; 
	background-position: -250px 0 !important;
}

*html a.soundcloud-dropbox{
	background-image: none !important; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.sndcdn.com/images/dropbox_small_dark.png?ca77017)', sizingMethod='crop') !important;}





#inifiniteLoader{
	width: 100%;
	text-align: center;
	display: none;
	padding: 10px 0;
}

#infscr-loading{
	text-align: center;
	position: fixed;
	bottom: 0px;
	z-index: 1000;
	left: 0px;
	width: 100%;
	padding-bottom: 15px;
}	



	
	#footer{
	height: 45px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 3px solid black;
	background-color: white;
}

	#footer .inner{
		width: 1050px;
		margin: auto;
		height: 45px;

	}
	
		#footer .inner div{
			float: left;
			width: 50%;
			height: 45px;
		}
		
		.dummie{
			width: 30px;
			display: inline-block;
		}
		
		#social{
			text-align: right;
		}
	
			#social a:hover{
				opacity: 0.4;
			}
	
	
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 240px) 
and (max-width : 767px) {
body,html{
	width: 100%;
}

body{
	overflow-x: hidden;
}

#wrapper{
	width: 100%;
	max-width: 100%;
	margin: auto;
}

	#headerMobile{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#headerMobile a{
		display: block;
		width: 90%;
		margin: auto;
	}
	
	#headerMobile img{
		width: 100%;
		height: auto;
	}

	#header{
		height: auto;
		margin-bottom: 20px;
		font-family: 'gotham_book', Sans-Serif;
		/*border-bottom: 1px solid black;*/
		padding-bottom: 0;
	}
	
		#header h1{
	    	display: none;
	    	float: none;
	    }
	
		
	.menu-mainmenu-container{
		width: 100%;
		height: auto;
		float: none;
		position: relative;
	}

		.menu-mainmenu-container ul{
			position: relative;
			bottom: auto;
			right: auto;
		}
		
			.menu-mainmenu-container ul li{
				display: block;
				margin-top: 10px;
				width: 100%;
			}

				.menu-mainmenu-container ul li a{
					display: block;
					width: 100%;
					font-size: 14px;
					line-height: 26px;
					text-align: center;
					padding-right: 0;
					border-right: 0px solid white;
					height: 26px;
					padding-top: 1px;
				}

				
		#postsWrapper{
			margin-left: 0;
			width: 100%;
		}
	
			#posts{}
	
				.postWrapper{
					float: none;
					width: 100%;
					padding: 0;
				}
	
					.post{
						width: 94%;
						padding: 3%;
						margin-right: 0;
					}
					
					.post img, 
					.post .fve-video-wrapper,
					.post .mixcloud, 
					.post .soundcloud{
							display: block;
							width: 100%;
							height: auto;
							margin: auto;
					}

					.post h2, #single h2{
						font-size: 14px;
						padding: 14px 0;
					}
		
					.readMore{
						font-size: 15px;
						line-height: 12px;
						padding: 7px 7px 10px 7px;	
					}
						




#singleWrapper{
	overflow: hidden;
	width: 100%;
	
}		
	
	#single{
		width: 94%;
		padding: 3%;
		
		font-size: 13px;
		line-height: 20px;
		
		float: none;
		margin-right: 40px;
	}

		#single h2{
			font-size: 18px;
			padding: 14px 0;
		}
		
		#single p{
			margin-bottom: 20px;
		}		
		
		#single img{
			margin-bottom: 20px;
			display: block;
			width: 100%;
			height: auto;
		}
		
		#single iframe{
			display: block;
			max-width: 100%;
			margin-bottom: 20px;
		}
		
		#single .mixcloud{
			margin-bottom: 20px;
			max-width: 100%;
		}
	


		#pagination{
			
			height: 21px;
			overflow: hidden;
			margin-bottom: 20px;
			text-align: center;
			width: 100%;
		}
			
			#pagination div{
				height: 21px;
			}
			
			#pagination a{
				padding: 5px;
				height: 14px;
				font-size: 14px;
				line-height: 14px;
				margin-right: 5px;
				
			}
			
				
				#pagination .next, #pagination .prev{ float: none; }


		#postMeta{
			width: 100%;
			left: auto;
			padding-top: 40px;
			position: relative;
		}
		
		#share, #published{
			width: 44%;
			padding: 3%;
			float: left;
			margin-bottom: 40px;
			text-align: center;
		}
		
		#share{
			text-align: left;
		}
		
			#postMeta{
				display: inline-block;
			}
		
			#postMeta h3{
				font-size: 10px;
				margin-bottom: 10px;
				font-weight: 100;
			}
			
			#postMeta p{
				margin-bottom: 25px;
				font-size: 12px;	
			}
			
			.shareButtons{
				
			}
			
			.shareButtons div{
				margin-bottom: 5px;
			}
			
			#tags{
				padding-top: 20px;
				width: 100%;
				text-align: center;
			}
			
			#tags a{
				font-size: 14px;
				padding: 5px;	
				display: inline-block;
				margin-bottom: 5px;
				border-radius: 1px;
			}












	.about .post p, .about .post ul{
		font-size: 14px;
		line-height: 20px;
	}
	
	
	
	.post.aboutUs{min-height: 1px;}
	
	
	#imageAbout{
		padding: 0;
		width: 100%;
	}
	
		#imageAbout img{
			max-width: 100%;
			display: block;
		}
	

		.contact{
			
			width: 94%;
			background-color: black;
			height: 25px;
			padding: 0 3%;
			font-size: 13px;
		}
		
		.aboutUs .contact{
			position: relative;
			bottom: auto;
			margin-top: 20px;
			left: auto;
		}
		
			






#footer{
height: auto;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: auto;
	border-top: 3px solid black;
	background-color: white;
	display: none;
}

#footer.phone-visible{
	display: block;
}

#footer .inner{
		width: 100%;
		margin: auto;
		height: auto;
		position: relative;
	}
	
		#footer .inner div{
			float: none;
			width: 100%;
			height: auto;
		}
		
		.dummie{
			width: 30px;
			display: none;
		}
		
		#sponsors{
			display: none;
		}
		
		#social{
			text-align: center;
		}
	
			#social a{
				display: block;
				width: 20%;
				float: left;
			}


#infscr-loading{
	text-align: center;
	position: fixed;
	bottom: 0px;
	background-color: white;
	z-index: 1000;
	left: 0px;
	width: 88%;
	padding: 6%;
}


#nav-below{
	display: none;	
}
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}