/*
Theme Name: genera
Version: 1.0
Author: Rodrigo Escandón Cesarman
*/

/*** wordpress defaults ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/*** links ***/

a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}

/*** estructura ***/

body {
	margin-top: 20px;
	background-color: #EDEDED;
}

#wrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#pu-logo {
	width: 108px;
	position: fixed;
}

#logo {
	position: fixed;
	left: 0px;
	top: 10px;
	z-index: 100;
	display: block;
}

#head {
	background-color: white;
	margin-left: 10px;
	height: 220px;
}

#banner {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 180px;
	float: left;
}

.twitter {
	margin-left: 10px;
	width: 250px;
	float: right;
}

#hastag {
	height: 150px;
}

.tweet_list{
	list-style: none;
}

#mensaje {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	text-align: right;
	background-color: #000;
	margin-bottom: 0px
}

#aliados {
	padding-bottom: 0px;
	margin-bottom: 0px;
	list-style: none;
}

#aliados a {
	color: white;
	margin-left: 3px;
}

#aliados li {
	display: inline;
}

#main {
	width: 720px;
	float: left;
}

#semanas {
	margin-top: 0px;
	width: 710px;
	background-color: white;
	height: 23px;
}

#equipos {
	margin-top: 10px;
	width: 100%;
	height: 41px;
	
}

#semanas, #equipos {
	list-style: none;
	margin-left: 10px;
}

#semanas li, #equipos li {
	font-size: 10px;
	padding-top: 3px;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	float: left;
	text-align: center;
	line-height: 11px;
}

#semanas li {
	width: 67px;
	height: 20px;
}

#equipos li {
	width: 60px;
	height: 38px;
}

#content {
	width: 100%;
	min-height: 400px;
}

#navigation {
	text-align: center;
	margin-bottom: 15px;
	padding-top: 15px;
}

#sidebar {
	margin-left: 10px;
	width: 230px;
	min-height: 400px;
	float: left;
	list-style: none;
}

#sidebar li {
	margin-bottom: 15px;
	background-color: white;
}

.subtitulo {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}

#necesitan {
	margin-top: 10px;
}

.equipo-necesita {
	margin-bottom: 5px;
}

.equipo-necesita h4, .equipo-necesita p {
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

#ayudalos {
	background-color: #000;
}

.cuadrito {
	width: 230px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0px;
	background-color: white;
}

.meta {
	padding: 5px;
}

.meta h4 {
	font-size: 9px;
	line-height: 12px;
	margin-bottom: 4px;
}

.meta h3 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 4px;
}

.storycontent {
	padding: 5px;
}

.col2 {
	width: 470px;
	margin-left: 10px;
	margin-top: 10px;
}

.col3 {
	width: 710px;
	margin-left: 10px;
	margin-top: 10px;
}

/*** categorias ***/

.pasado {
	background-color: #000;
}

.pasado a {
	color: #FFF;
}

.actual {
	background-color: #EDEDED;
}

.genera {
	background-color: white ;
}

.perfil {
	padding: 10px;
	width: 690px;
}

.perfil img {
	margin-right: 10px;
}

.cat-item-1 {
	width: 66px !important;
	background-color: white;
}

.equipo1, .cat-item-3 {
	background-color: #F8AA3A;
}

.equipo2, .cat-item-4 {
	background-color: #74007C;
	color: white;
}

.equipo2 a, .cat-item-4 a, .equipo2 h4, .cat-item-4 h4 {
	color: white;
}

.equipo3, .cat-item-5 {
	background-color: #ED4123;
}

.equipo4, .cat-item-6 {
	background-color: #1CC1E5;
}

.equipo5, .cat-item-7 {
	background-color: #E9006E;
}

.equipo6, .cat-item-8 {
	background-color: #73C935;
}

.equipo7, .cat-item-9 {
	background-color: #FFFA00;
}

.equipo8, .cat-item-10 {
	background-color: #00A346;
}

.equipo9, .cat-item-11 {
	background-color: #117892;
}

.equipo10, .cat-item-12 {
	background-color: #0064B3;
	color: white;
}

.equipo10 a, .cat-item-12 a, .equipo10 h4, .cat-item-12 h4 {
	color: white;
}

/*** connections ***/


img.photo {
	border: none !important;
}

.card-ti {
	font-size: 20px;
}

.cn-meta {
	margin-top: 6px;
}

.vcard {
	margin-bottom: 10px;
	width: 230px;
}

#sidebar .vcard {
	height: 280px;
}

.cn-entry {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.jcarousel-item {
	width: 230px;
	padding-top: 0px;
	padding-bottom: 10px;
}

#connections-list {
	list-style: none;
	margin: 0px;
}

/*** crazy webkit hack (make safari & chrome play nice) ***/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input#searchbtn {padding:3px 20px;}
}