/*
Theme Name: Artsmoved
Theme URI: http://artsmoved.cat/
Author: Artsmoved
Version: 1.1
*/

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif

}

h1, h2, h3, h4 {
	
}
a {
	color: #FFF;
	text-decoration: none;

}
a img {
	border: 0;
}

.container {
	width: 100%;
	margin: 0px auto;
	min-width:940px;
}

/*
.container {
	width: 100%;
	margin: 0px auto;
	min-width:940px;
}
*/



#content {
	min-height:360px;
	clear:both;
	margin-top:3px;
	margin-left: auto;
	margin-right: auto;
}
/* Estilos del header */
#header {
	height: 140px;
	margin:0;
	margin-bottom:20px;
	padding: 0 30px;
}
div.home div#header {
		/*En la home las cosas están pegaditas al header*/
		margin-bottom:0px
	}
#header h1#logo {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 302px;
	height: 49px;
	margin-top: 29px;
	}
#header h1#logo a{
	display: block;
	width: 302px;
	height: 49px;
	background: url('images/logo.png') no-repeat;
	text-indent: -1000px;
}
#header ul#menu-principal {

	font-size:22px;
	list-style-type: none;
	float: right;
	margin: 0;	padding: 0;
	margin-top:26px;
	text-transform: uppercase;
	position:relative;
	left:10px;
	
	}
#header ul#menu-principal li {
	position: relative;
	float: left;
	margin: 0;	padding: 0;
	background: url(images/sep_menu.gif) no-repeat left 3px;
	}
#header ul#menu-principal li a{	
	display: block;
	padding: 0px 5px 4px 5px ;
	margin: 0;
	height: 19px;
	margin-left:7px;
	margin-right:5px;
	
	
}
/*
#header ul#menu-principal li a:hover{	
	background: #EEEEEE;
	color:#000000;
}
*/

.aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

#header ul#menu-principal li:first-child {	
	background: none;
}
#header .menulangsocial{
	float: right;
	clear: right;
	margin-top: 6px;
	margin-bottom: 22px;
}

#header .menulangsocial a{
	display:block;
	width: 21px;
	height:21px;
	overflow: hidden;
	margin-left:2px;
	float: right;
}
#header .menulangsocial a.lang-es{
	text-indent: -1000px;
	width:76px;
	height:21px;
	background:url('images/bt_castellano.gif') no-repeat;
}
#header .menulangsocial a.lang-en{
	text-indent: -1000px;
	width:55px;
		height:21px;
	background:url('images/bt_english.gif') no-repeat;
}
#header .menulangsocial a.lang-ca{
	text-indent: -1000px;
	width:51px;
		height:21px;
	background:url('images/bt_catala.gif') no-repeat;
}

#header .menulangsocial a.activo {
	display:none;
}

#header .secondary {
	clear: both;
	height: 40px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-top: 22px;
	padding-top: 2px;
	width:100%;
}

.pagination{
	clear: both;
	margin-top:15px;
	height: 39px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#header .secondary span.btn_home {
	float: left;  
	display: block;
	padding-left: 10px; 
	background: url('images/arrow_down.gif') no-repeat left;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-top: 12px;
}
.minitriang {
	float:left;
	margin-right: 4px;
	width: 12px;
	height: 12px;

	
}
#header .secondary ul.catmenu {
	float: right;
	list-style-type: none;	
	margin:0; padding:0;
	margin-right: 4px;
	
}
#header .secondary ul.catmenu li{ 
	float: left;
	font-size: 11px;
	margin-left: 20px;
	text-transform: uppercase;
	display:block;
	vertical-align: middle;
	padding-top: 12px;
	padding-bottom:  10px;


}
#header .secondary ul.catmenu li a{
	white-space: nowrap;
	position:relative;
	top:2px;

}

/* Estilos de los posts featured de la home*/ 

.featured-post {
	margin:0;padding: 0;
	float: left;
	overflow: hidden;
	
}
.overphoto .post-date{
	width:50px;
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px;
	color: #666666;
	padding: 0px 0px 0px 4px;
	border-left: 1px solid #666666;
	margin-top: 20px;
	margin-left:12px;
	line-height:9px; 
	font-weight: lighter;
}

.small{
	width: 235px;
	height: 300px;
		
}
.big {
	width: 470px;
	height: 600px;
}
.small .btntrans {
	width: 235px;
	height: 225px;
	position:absolute;
	
}
.big .btntrans {
	width: 470px;
	height: 450px;
	position:absolute;
	
}
.big .photo {
	width: 470px;
	height: 470px;
	background: #333333;
}
.small .photo {
	width: 235px;
	height: 235px;
	background: #333333;
}
.big .overphoto {
	width: 470px;
	height: 470px;
	float:left;
	position: absolute;
	background: url('images/photo_mask_big.png') no-repeat;


}
.small .overphoto {
	width: 235px;
	height: 235px;
	float:left;
	position: absolute;
	background: url('images/photo_mask_small.png') no-repeat;
	

}
.big .overphoto .triangulo{
	width:96px;
	height:96px;
	margin-left:12px;
	background-color:none;
	position:absolute;
	bottom: 28px;
}
.small .overphoto .triangulo{
	width:48px;
	height:48px;
	margin-left:12px;
	background-color:none;
	position:absolute;
	bottom: 15px;
	}

.big h3.post-title{
	font-weight:normal;
	font-size:40px;
	margin-top:5px;
	margin-left:12px;
	margin-bottom:5px;
} 
.small h3.post-title{
	font-weight:normal;
	font-size:13px;
	margin-top:10px;
	margin-left:12px;

} 

h3.post-title a{
	line-height: 15px;
}

.big .overphoto .post-category {
	text-transform:uppercase;
	position:absolute;
	bottom:0px;
	margin-left:15px;
}
.small .overphoto .post-category {
	text-transform:uppercase;
	position:absolute;
	bottom:-6px;
	margin-left:12px;

	font-size:0.7em;
}

.big p{
	margin-left:12px;
	font-size:0.95em;
	line-height: 17px;
	
}

.pagination {
		text-align:center;
	}
.pagination .previous {
	float: left;  
	display: block;
	padding-left: 10px; 
	background: url('images/arrow_left.gif') no-repeat left;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-top: 14px;
}
.pagination .next {
	float: right;  
	display: block;
	padding-right: 10px; 
	background: url('images/arrow_right.gif') no-repeat right;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-top: 14px;
}
.pagination .wp-pagenavi{
	display: block;
	font-size: 0.9em;
	padding-top:12px;
}
.pagination .wp-pagenavi a,.pagination .wp-pagenavi span{
	padding-left:3px;
	padding-right:3px;
		
}


/* Estilos del footer */

#footer {
		clear:both;
		width:100%;
		height:260px;
		background-color:#1a1a1a;
		text-align:center;
		margin-top:70px;
	}
#footer .content {
		width: 85%;
		margin: 0px auto;
		min-width:940px;
		font-size:13px;
		color:#666666;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
	}
#footer .logo {
		margin-top:72px;
		margin-bottom:22px;
	}
#footer  a {
		color:#666666;
		text-decoration:underline;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
#footer  a:hover {
		color:#aaaaaa;
	}
.post {
	padding-bottom:25px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.post .post-category {
	font-size: 15px;
	margin-top:15px;
	width:1005;
	height:20px;
	position:relative;
	text-transform:uppercase;
}


.post strong {
	font-weight: bolder;
}


.post .post-date{
	font-size: 15px;
	color:#999999;
	font-style:italic;
	margin-left: 8px;
	text-transform:none;

}
.post .post-excerpt a{
	display:none;

}
.post .post-header {
	border-bottom:1px solid #333333;
	margin-bottom:16px;
}
.post .post-header .social-links{
	float:right;
	width:245px;
	text-align:right;
	margin-top: 13px;
}
.post  .post-title, .post  h1, .post h2 {
	font-size:40px;
	display:block;
	margin-top: 12px;
	margin-bottom: 8px;
}
.post .post-header .post-excerpt {
	font-size:14px;
	padding-bottom:12px;
	
}
.post .post-content {
	font-size:14px;
	line-height: 160%;
}

.post p , .post h3{
	margin-bottom: 1em;
}

.post p iframe {
	display: block;
    width: 750px;
    margin: 0 auto;
    border: 0;
}

.post-excerpt p{
	line-height: 16px;
}


.post hr {
	background-color: #333333;
	color: #333333;
	height:1px;
	border:0;
	margin-bottom: 1.8em;
	margin-top: 1.8em;
}
.post .wp-caption {
	font-style:italic;
	padding:0;
	margin:0;
	font-size:0.8em;
	position:relative;
	top:-8px;
}
.big-photo {
	width:940px;
	position: relative;
}

.big-photo .triangulo {
	position: absolute;
	bottom: 2px;
	width:96px;
	height:96px;
	z-index:3000;
	background-color:none;

}

.big-photo .photo-credit {

	font-family: arial, helvetica, Sans-serif;
	color:#CCCCCC;
	font-size:11px;
	position:relative;
	top:-19px;
	float:right;
	margin-right:5px;

}

.post-category .triangulo {
	position:absolute;
	width:96px;
	height:96px;
	z-index:3000;
	background-color:none;
	float:left;
	top:-114px;
}
/*   Estilos de proyectos    */

.project {
	width:235px;
	float:left;
	padding-bottom:20px;
}

.project .project-header {
	width:205px;
	border-bottom: 1px solid #333333;
	height:80px;
	margin-bottom:14px;
	
}
.project .project-header h3 {
	text-transform:uppercase;
	font-size:10px;
	padding-top:10px;
	font-weight: bold;
}

.project .project-header .triangulo{
	width:48px;
	height:48px;
	background-color:none;
}
.project  ul {
	display:block;
	width:203px;
	margin-left:2px;
	font-size:13px;
}
.project  ul li {
	display:block;
	margin-bottom: 12px;
}

.project  ul li span{
	color: #666666;
	padding-right: 3px;
}





/* Definición de algunos colorcillos de fondo de utilidad*/


.festival-artsmoved { 	background:url('images/triang_big.png') no-repeat 0px 0px;}
.eventos{ 	background:url('images/triang_big.png') no-repeat -96px 0px;}
.comisariados{ 	background:url('images/triang_big.png') no-repeat -192px 0px;}
.articulos { 	background:url('images/triang_big.png') no-repeat -288px 0px;}
.entrevistas{ background:url('images/triang_big.png') no-repeat -384px 0px;}


.current_page_item a{
	background: url(images/tacha.png) repeat-x center;
}

/* En los item del menu de categoria va por color de fondo*/
.secondary .cat-item-7 .minitriang 	{ background-color: #00adee;} /* Articulos*/
.secondary .cat-item-5 .minitriang 	{ background-color: #37b34a;} /* Comisariados */
.secondary .cat-item-4 .minitriang 	{ background-color: #ee4498;} /* Eventos */ 
.secondary .cat-item-8 .minitriang { background-color: #ffdd15;}  /* Entrevistas */
.secondary .cat-item-6 .minitriang 	{ background-color: #e1001a;} /* Festival Artsmoved*/
/* En los triangulos de los featured post va con un fondo con offset aplicado*/
/*
.overphoto .rojo, .mainphoto .rojo{ 	background:url('images/triang_big.png') no-repeat 0px 0px;}
.overphoto .rosa, , .mainphoto .rosa{ 	background:url('images/triang_big.png') no-repeat -96px 0px;}
.overphoto .verde, .mainphoto .verde{ 	background:url('images/triang_big.png') no-repeat -192px 0px;}
.overphoto .azul, .mainphoto .azul { 	background:url('images/triang_big.png') no-repeat -288px 0px;}
.overphoto .amarillo, , .mainphoto .amarillo{ background:url('images/triang_big.png') no-repeat -384px 0px;}
*/


.containercover {
		width:520px;
		heifght: 140px;
		margin: 20% auto;
		text-align:center;
		font-size:10px;
	}
.containercover .pagination  p {
		padding-top:14px;
	}

.containercover .pagination {
	 margin-bottom: 20px;
	}


.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.meta-nav{
	display:none;
}

.clear {
	clear: both;	
}