/*
Theme Name:BeatsandMotion
Theme URI:http://www.mimadrenomedeja.com
Description:This WordPress theme is one with a minimal, clean looking design. 
Version:1.1.0
Author:Cristian Gonzalez
Author URI:http://www.mimadrenomedeja.com
Tags:white, fixed-width, two-columns + teaser, no-sidebar

	"BeatsandMotion" by http://mimadrenomedeja.com/

	This theme was designed and built by Cristian Gonzalez
	of mimadrenomedeja design.

	The CSS, XHTML and design is released under the GPL.

*/

@font-face {
	font-family: 'popstarregularRegular';
	src: url('http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/font/popstar-webfont.eot');
	src: local('☺'), url('http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/font/popstar-webfont.woff') format('woff'), url('http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/font/popstar-webfont.ttf') format('truetype'), url('http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/font/popstar-webfont.svg#webfontHmG3MyEN') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media screen, projection
{

	html, body, div, span, a, p, em, small, ol, ul, il { 
	border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}

	body { overflow-y: scroll; }
  	body { background: #000; padding: 10px 0; }
  	.page_margins { margin: 0 auto; }

  	.page_margins { width: 960px;  background: none repeat scroll 0 0 transparent; border-left:5px solid #EFEFEF;border-right:5px solid #EFEFEF;padding:0 10px; }
  	.page { 
  			padding: 10px 15px 10px 10px;
  			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
  	}

	
	h4 {font-size:14px !important;margin-bottom:2px !important;}
	.narrowcolumn div {margin-bottom:10px;}
	
	/* .topnav-menu a {color:#222 !important;} */
	
	/* .topnav-menu a:hover {text-decoration:underline;color:black !important;} */
	#header { color: #000; background: transparent; }
	/*
	#topnav { background-image: url("http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/bm-logo.png");
	background-repeat:no-repeat;
	color:#AAAAAA;
	height:100px;
	margin-bottom:15px;
	margin-left:-2px;
	position:static;
	width:900px; }

	#topnav .logo {float:left;width:627px;}
	#topnav .searchbox {float:left;position:relative;right:0;text-align:right;top:32px;width:860px;} 
	*/

	#nav { overflow:hidden; }
	div.hlist { background-color: #c8ddf3 }
  	#main { 
  	margin: 10px 0; 
  	background: rgb(242,242,242)  /*url("http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/bm.png") no-repeat;*/;
  	}
  	
  	#teaser { 
  	color: #000;
  	clear:both; 
  	padding: 0 20px; 
  	margin: 10px 0; 
  	background: #ccc url("http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/bm-back.png") no-repeat;
	padding: .5em;
	background-position: 55px 50px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
  	#footer { 
  				color:#222; 
  				background: #ccc;
				padding: .5em .5em;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
  			}



.watch-all { /* background-color: #EFEFEF; */ border-top: 6px solid #666; padding:1px 0px 0px 2px; }

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


  #col1 { float: left; width: 600px; padding:0 5px; display:block; float:left;}
  #col2 { display:none;}
  #col3 { width: 320px; margin: 0 0 0 0; display:block; float:right;}

  #col1_content { padding: 0px 0px 0 0px }
  #col3_content { padding: 0px 0px 0 24px }

  /* set column dividers */ 
  #col3 { /* border-left: 1px #666 solid */ }
	
  /*-------------------------------------------------------------------------*/

  .page_margins {
    border: 0 none;
    background-color:  #000;
    background-repeat:repeat-y;
    background-position:left;
  }

  .page {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
    background-color: rgb(242,242,242);
    background-repeat:repeat-y;
    background-position:right;
  }


  #border-top {
    overflow:hidden;
    width: auto;
    height: 20px;
    font-size:0;
    margin-bottom: -15px;
    background-color: black;
    background-repeat:repeat-x;
    background-position:top left;
  }

  #border-bottom {
    overflow:hidden;
    width: auto;
    height: 20px;
    margin-top: 0px;
    font-size:0;
    background-color: black;
    background-repeat:repeat-x;
    background-position:bottom left;
  }
  
  /* so:branding */
.branding {
	position: relative;
	float: left;
	width: 305px;
}

.branding #logo {
	display: block;
	position: relative;
	width: 280px;
	height: 147px;
	left: 0px;
	text-indent: -2000em;
	overflow: hidden;
	background: url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/bm-logo.png) left 5px no-repeat;
}
		
		
	}
/* eo:branding */

  
  
  /* so:nav */
.main-nav {
	float: right;
	max-width: 670px;
}

.main-nav ul li {float: left;list-style: none !important;}

.main-nav ul li a {
	display: block;
	list-style: none !important;
	float: left;
	margin-left: 4px;
	padding-top: 65px;
	color: #444;
	text-decoration: none;
}


.main-nav li a span {
	padding: 6px 10px 5px 10px;
	list-style: none !important;
}

	.main-nav ul li a:hover span {
		color: #dadecc;
		background-color: #444;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		list-style: none !important;
	}
	

	.main-nav ul li#nav-inicio a:hover {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center 18px no-repeat;}
	.main-nav ul li#nav-contacto a:hover {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -85px no-repeat;}
	.main-nav ul li#nav-intelectro a:hover {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -188px no-repeat;}
	.main-nav ul li#nav-80 a:hover {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -286px no-repeat;}
	.main-nav ul li#nav-galeria a:hover {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -393px no-repeat;}
	.main-nav ul li#nav-artistas a:hover {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -480px no-repeat;}
	.main-nav ul li#nav-connected a:hover {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -792px no-repeat;}

	body#inicio .main-nav ul li#nav-inicio a {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center 18px no-repeat;}
	body#contacto .main-nav ul li#nav-contacto a {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -85px no-repeat;}
	body#intelectro .main-nav ul li#nav-intelectro a {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -188px no-repeat;}
	body#80 .main-nav  ul li#nav-80 a {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -286px no-repeat;}
	body#galeria .main-nav ul li#nav-galeria a {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -393px no-repeat;}
	body#artistas .main-nav ul li#nav-artistas a {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -480px no-repeat;}
	body#connected .main-nav ul li#nav-connected a {background: transparent url(http://www.beatsandmotion.com/wp-content/themes/beatsandmotion/images/nav.png) center -792px no-repeat;}
	
	

/* eo:nav */

  
  
}


.foto-gal {
	width: 400px;
	display: inline;
	border: 1px solid #000;
	padding: 4px;
}