/*  
Theme Name: AP 2.1
Theme URI: http://artepolitica.com/
Description: 26/8/2009. Tema de  de AP, Home ordenada scuencialmente, con destacados, comentarios a una columna, + fb. Destacados de la comunidad.
Version: 2.1
Author: Pablo Carnaghi
*/

html, body, form {
	margin: 0;
	padding: 0;
	}

	body { 
		font: normal 13px Verdana, sans-serif;
		background: #f6f6f6 url(images/body-background.png);
		/*background: url(images/bandera-arco-iris.gif);*/
		border-top:1px solid #ccc;
		}
		
	a {
		color:#CC3300;
		text-decoration:none;
		}
	
	a:visited {
		color: #CC9966;
		}
	
	a:hover {color:#000;}
	
	img a {
		border: none;
		}
		
	img {
		border: none;
		}
	
	h2 {
		font: normal 18px arial;
		margin:0 0 12px 0;
		}

	 p {
		font: normal 13px Verdana, sans-serif;
		}

	.clear {
		clear: both;
		}
	
	#page { 
		margin:20px auto;
		width:940px;
		padding:0 0 20px 0;
		background: url(images/page-background.gif) repeat-y;
		}
		
	#overpage {
		margin:0 auto;
		width:940px;
		padding-top: 1px;
		}
		
		#login {
			color: #666;
			background: #fff;
			width: auto;
			float: right;
			margin: -1px 20px 0 0;
			text-align: center;
			padding: 10px;
			}
						
			#login ul {
				margin: 0;
				padding: 0;
				}
				
			#login li {
				display: inline;
				list-style: none;
				margin: 0;
				padding: 0;
				text-transform: lowercase;
				}

	#header {
		padding: 20px;
		margin:0 20px 0 40px;
		background: #fff;
		}
	
		#logo {
			float: left;
			}
			
		#forms {
			float: right;
			width: 600px;
			}
	
	#enlosblogs {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 6px 0;
		margin: 0 40px 0 60px;
		}
	
	.corners8 {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		}
	
	#navbar {
		border: 1px solid #999;
		background: #999;
		background:#9C9C9C;
		padding: 0;
		margin: 0 40px 0 60px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		}
		
			#navbar a {
				color: #fff;
				}
			
			#navbar a:hover {
				color: #ccc;
				}
						
			#navbar-bg {
				padding: 6px 0 4px 0;
				float: left;
				}
			
			#navbar ul {
				margin: 0;
				padding: 0;
				}
				
			#navbar li {
				display: inline;
				list-style: none;
				padding: 8px;
				text-transform: lowercase;
				}
			
	/* destacados */
	
	#destacados {
		padding: 0;
		margin: 0 0 0 8px;
		width: 927px;
		}
	
	#destacados-top, #destacados-bottom {
		padding: 0;
		margin: 0;
		background: url(images/destacados-bottom.gif) no-repeat bottom center;
		height: auto !important; 
		height: 12px; 
		min-height: 12px;
		width: 927px;
		}
		
	#destacados-top {
		background: url(images/destacados-top.gif) no-repeat bottom center;
		}

	#destacados-bg { 
		background: #999; 
		width: 927px;
		margin: 0;
		padding: 0;
		}
		
		.destacado {
			margin: 0 0 18px 40px;
			padding: 0px;
			width: 180px;
			height: auto !important; 
			height: 160px; 
			min-height: 160px;
			float: left;
			}
		
			.destacado img {
				border: 2px solid #f6f6f6;
				}
			
			.destacado h2 {
				font: strong 14px arial;
				}
			
			.destacado-cat {
				font: normal 12px arial;
				margin: 0;
				padding: 0;
				color: #999;
				width: 180px;
				text-align: right;
				}
			
			.destacado a {
				color: #fff;
				}
				
			.destacado-cat a {
				color: #666;
				}
			
			.destacado a:hover {
				color: #f6f6f6;
				}
	
	/* destacado superior (para debates, etc) */
	.destacado-superior {
		margin: 0 40px 20px 60px;
		border-bottom: 1px solid #ccc;
		}
	
	.destacado-superior p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #333;
		}
		
	img.icon-big {
		float: left;
		padding: 0 24px 16px 0;
		}


	/* día */
	.dia {
		margin: 0;
		}
		
		.dia h1 {
			padding-top: 0;
			margin-top: 0;
			font:normal 44px/44px georgia;
			}
			
		.dia h1 a {
			color: #000;
			}
			
		.dia  h1 a:hover {
			color: #CC3300;
			}
		
		.dia img {
			margin-bottom: 8px;
			}
			
			.apcom {
				color: #999999;
				}
				
	.etiqueta {
		width: 40px;
		height: auto !important; 
		height: 200px; 
		min-height: 200px;
		margin: 23px 0 0 0;
		float: left;
		}
		
	.etiqueta-der {
		width: 18px;
		height: auto !important; 
		height: 200px; 
		min-height: 200px;
		margin: 23px 0 0;
		float: left;
		}
		
	.hoy { background: url(images/ultimo.gif) top right no-repeat; }
	
	.hoy-der { background: url(images/ultimo-der.gif) top left no-repeat; }
		
	.ayer { background: url(images/anteriores.gif) top right no-repeat; }
		
	.ayer-der { background: url(images/anteriores-der.gif) top left no-repeat; }
	
	
	.articulo {
		width: 436px;
		padding: 20px;
		float: left;
		background: #fff;
		}
		
		.home-excerpt {
			margin-bottom: 16px;
			padding-bottom: 16px;
			border-bottom : 1px solid #ccc;
			}
			
			.home-excerpt h2 {
				font: normal 24px georgia;
				padding: 0;
				margin: 0;
				}
	
			.home-excerpt h2 a {
				color:#000;
				}
			
			.home-excerpt h2 a:hover {
				color:#CC3300;
				}
	
		.articulo h1 {
			margin-bottom: 0;
			}
	
	.derecha {
		float: left;
		width: 364px;
		margin: 20px;
		height: 100%;
		}
		
		
	/*dos columnas*/
	.left {
		float: left;
		width: 46%;
		}
	
	.right {
		float: right;
		width: 46%;
		}
	
/* cajas */

	.social { 
		margin-bottom: 16px;
		/*padding: 16px; */
		}
	
	.social img {
		float: left;
		padding: 0 8px 0 0;
		}
		

	.foro {
		padding: 10px 20px 20px 20px;
		margin: 0 0 30px 0;
		background: #EFEDE5;
		color: #333333;	
		}
	
		.foro p {
			padding-top: 0;
			margin-top: 0;
			}
			
		.date-container, .comentadas-container {
			background: url(images/date-bkg.gif) repeat-x top center;
			margin: 0 0 8px 0;
			width: 100%;
			}
			
		.comentadas-container {
			background: url(images/comentadas-bkg.gif) repeat-x top center;
			}
		
			.date, .comentadas { 
				background: #EFEDE5;
				font-style: oblique;
				padding: 4px;
				margin: 0 0 0 16px;
				float:left;
				}
			
			.comentadas {
				background: #f6f6f6;
				}
				
				
	.links {
		padding: 20px;
		background: #F6F6F6;
		}
	
		.links p {
			margin: 0 0 8px 0;
			}
		
		.links a {
			font-weight: bold;
			}
	
	.header { 
			padding: 4px 8px;
			margin: 0;
			text-transform:lowercase;	
			font: bold 12px arial;
			background: #CC3300;
			color: #fff;
			}
			
		.header a, .header a:visited {
			color: #fff;
			text-transform:lowercase;
			}
			
		.header a:hover { text-decoration: underline; }

/* post content */
	
	.main {
		margin: 20px 40px 0 60px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		}
		
		.main h1 {
			padding: 0;
			margin: 0;
			font:normal 44px/44px georgia;
			}
			
		.main h1 a {
			color: #000;
			}
			
		.main  h1 a:hover {
			color: #CC3300;
			}
	
	#post-content {
		position: relative;
		width: 560px;
		}
	
		#post-content img {
			position: relative;
			padding: 10px 20px;
			float: right;
			margin-right: -280px;
			}
		
		#post-content object {
			position: relative;
			margin: 10px -280px 10px 20px;
			float: right;
			}
		
			#widgets object {
				margin: 0;
				padding; 0;
				position: relative;
				}
			
			#widgets {
				margin: 0;
				clear: both;
				}
	
	.lecturas p {
		font: normal 24px georgia;
		margin: 10px 0 13px 0;
		padding:0;
		}
		
	.lecturas a {
		font-weight: bold;
		} 
	
	.lectura-index {
		margin: 0 0 8px 0;
		}
	
	.lectura-index p {
		display: inline;
		}
	
	.lectura-index a {
		font-weight: bold;
		}
	
/* Subscripcion */
	
	.subscripcion {
		float:right;
		padding:0;
		margin: 0;
		font-size: 11px;
		font-family: Arial, sans-serif;
		color: #333;
		}

		.subscripcion li {
			display:inline;
			}
	
		.subscripcion li a {
			color:#333;
			text-decoration:none;
			}
	
		.subscripcion li a:hover {color:#000}
		
		.subscripcion li img {
			margin-bottom: 5px;
			}
	
	.sendmail {
		border: none;
		margin: 0;
		vertical-align: middle;
		margin-bottom: 2px;
		margin-left: -4px;
		}
	
	.dropdown {
			width:120px;
			background-color:#fff;
			border: 1px solid #ccc;
			padding: 1px;
			font-size: 11px;
			font-family: Arial, sans-serif;
			margin: 0;
			}
					
		.dropdownform {
			display: inline;
			margin: 0;
			}
	
	.emailform {
		text-align:center;
		color:#fff;
		display:inline;
		margin: 0;
		}
		
		.emailformtext {
			width:80px;
			padding:2px 0 2px 4px;
			background-color:#fff;
			font-size: 11px;
			font-family: Arial, sans-serif;
			margin: 0;
			border: 1px solid #ccc;
			} 

/*  Sidebar  */	
	
	#sidebar {
			padding: 23px 0 10px 30px;
			width: 333px;
			float: left;
			}
		
		#sidebar h2  {
			margin:0 0 4px 0;
			}
	
	.graybox {
		padding: 20px;
		margin: 0 0 20px 0;
		background: #F6F6F6;
		border: 1px solid #ccc;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		width: auto;
		}
		
		.graybox img {
			margin: 0 12px 6px 0;
			}
		
	.alertbox {
		background: #f6f6f6;
		padding: 10px;
		margin: 10px 0;
		font-size: small;
		display: block;
		}
		
	a.button, a.button-big {
		text-align: center;
		padding: 6px;
		margin: 8px 0;
		background: #f6f6f6;
		border: 1px solid #ccc;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font-size: small;
		font-weight: bold;
		display: block;
		}
		
		a.button-big {
			font: normal 18px arial;
			text-align: left;
			background: #fff;
		}
		
	.separador {
		border-top: 1px solid #ccc;
		margin: 0 40px 0 60px;
		}
			
/*  Content  */
		
		#content {
			width: 437px;
			float: left;
			padding: 30px 30px 30px 0;
			margin-left: 60px;
			border-right: 1px solid #ccc;
			}
			
		#content h2 {
			font: normal 24px georgia;
			padding: 0;
			margin: 0;
			}
	
		#content h2 a {
			color:#000;
			}
		
		#content h2 a:hover {
			color:#CC3300;
			}
			
	.postmetadata {
		color: #666; 
		margin: 16px 0; 
		background: #FEFEFE; 
		padding: 4px 0;
		}
	
		.postmetadata a {color:#CC3300;}
		
		.postmetadata a:hover {color:#000;}
		
		.autor-img {
			float: left;
			padding: 0 4px 0 0;
			margin: 0 0 0 8px;
			border-right: 1px solid #EFEDE5;
			}
			
		.by {
			padding: 0 0 4px 0;
			margin-left: 8px;
			border-bottom:1px solid #EFEDE5;
			float: left;
			width: 80%;
			}
		
		.autor-meta {
			padding: 4px 0 0 0;
			margin-left: 8px;
			float: left;
			itwidth: 80%;
			}
			
	.postmetadata-bottom {
		color:#666; 
		margin:24px 0 16px 0; 
		background:#FEFEFE; 
		padding:6px 10px;
		border-top:1px solid #EFEDE5;
		border-bottom:1px solid #EFEDE5;
		width: 500;
		}
	
		.postmetadata-bottom a { color:#CC3300; } 		
		.postmetadata-bottom a:hover { color:#000; }
		.postmetadata-bottom img { float: left;	}

	.alignleft {float:left;}
	
	.alignright {float:right;}
	
	img.icon {
		border: none;
		vertical-align: middle;
		padding: 0 4px 0 0;
		margin: -2px 0 0 0;
		float: none;
		}
		
/*  Search Form  */	

/*	#searchbox {
		float: right;
		margin-left: 40px;
		}*/
		
	#searchbox {
		float: right;
		padding: 6px;
		}
	
	#searchbox-bottom {
		float: left;
		margin-top: 30px;
		}
	
	#search {
		background: #fff;
		margin: 0;
		padding-right: 1px;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}
	
	input#search_input {
		padding: 2px 4px;
		width: 160px;
		color: #333;
		border: 0 solid #ccc;
		font: 11px arial;
		cursor: text;
		background: #fff;
		}
		
	input#searchsubmit {
		cursor: pointer;
		margin-top: 2px;
		}
	
	#search input#searchsubmit:focus {
		outline: none;
		}

/*  Footer  */
	
	#footer {
		border-top:1px solid #ccc;
		margin:0 40px 0 60px;
		padding:20px 0 0 0;
		font-size: small;
		background: #fff;
		}
	
		#footer p {
			font :normal 12px arial;
			color: #666;	
			}
		
		#footer h2 {
			font:normal 18px arial;
			margin:0 0 8px 0;
			color: #666;	
			}
			
		.footer-about {
			width:240px;
			margin-right: 40px;
			float: left;
			}
		
		.footer-menu {
			width:160px;
			margin-right: 40px;
			float: left;
			}
		
		.footer-meta {
			width:160px;
			float: left;
			}
	
/*  Listas  */
		
	.recentlist {
		margin: 0;
		padding:0 0 20px 0;
		}
	
	.recentlist h2 {
		padding: 12px 0 6px 0;
		border-bottom:1px dotted #ccc;
		color: #333;
		}
		
	.recentlist ul {
		margin: 0 0 10px 0;
		padding: 0;
		} 
	
	.recentlist li {
		list-style:none;
		padding: 6px 0;
		margin: 0;
		border-bottom:1px dotted #ccc;
		color:#666;
		font:normal 12px arial;
		}
	
		.recentlist li p {
			padding: 0;
			margin: 0;
			color:#666;
			font:normal 12px arial;
			}

	.recentlist li:hover {
		background:#FEFEFE;
		}
	
	
	.authors-archive {
		float: left;
		}
	
		.authors-archive ul {
			margin: 0;
			padding: 0;
			}
			
		.authors-archive ul li 	{
			float: left;
			width: 165px;
			list-style: none;
			margin: 0;
			padding: 0;
			}
	
		.authors-archive ul li a {
			display: block;
			text-decoration: none;
			}
		
/* Headerlist */

	.hl-tag {
		position: relative;
		float: right;
		margin: 0 -35px 0 0;
		}

	.headerlist {
		margin: 0;
		padding: 0;
		float: left;
		width: 374px;
		color: #666;
		}

		.headerlist ul {
			margin: 0;
			padding: 0;
			} 
		
		.headerlist li {
			list-style:none;
			padding: 2px 0;
			font:normal 12px arial;
			}

/*  Comments  */
	
	#page-comments {
		border-top: 1px solid #ccc;
		width: 843px;
		padding: 20px 0;
		margin:  20px 30px 40px 0;
		}
		
		#page-comments textarea {
			width: 99%;
			}
	
	#comments {
		border-top: 1px solid #ccc;
		width: 843px;
		padding: 30px 0;
		margin:  0 30px 40px 60px;
		}
	
		#comments textarea {
			width: 99%;
			}
		
		.commentdate {
			font-size: small;
			text-transform: lowercase;
			}

 	.commentlist {
		margin:20px 0 10px 0;
		padding:0;
		}
	
	.commentlist ol {
		margin: 0;
		padding: 0 0 20px 0;
		}
		
	.commentlist li {
		padding: 20px;
		list-style:none;
		}
		
	li.alt { 
		background:#F6F6F6;
		}
	
	.commentlist p { 
		margin:0; 
		padding: 0 0 8px 0;
		float: right;
		width: 560px;
		}
		
		.commentauthor {
			float: left;
			width: 200px;
			}
			
			.commentauthor-child {
			float: left;
			width: 200px;
			}
			
		
			.avatar, .photo {
				float: left;
				border: 4px solid #ccc;
				}
			
			.commentmetadata {
				float: right;
				width: 140px;
				}
		
		.comment-childs {
			padding: 10px;
			margin: 10px 10px 10px 60px;
			border: 1px dotted #ccc;
			}
			
			.comment-childs p {
			width: 500px;
			}
			
			.comment-childs .comment-childs p {
			width: 400px;
			}
				
	
		#commentform {
			margin: 20px 0;
			}
			
/* calendar */

	#wp-calendar {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dotted #ccc;
		font-size: 1.4em;
		color: #666;
		}
	
	#sidebar table caption {
		visibility: hidden;
		}
		
/*fbconnect*/

.fbconnect_miniprofile, .invitebutton { display:inline; }

#fb_login_image {
	margin:0 0 -8px 0;
	padding: 0;
	}
	
/* pronosticos */

table.pronosticos {
	width: 100%;
	border: 2px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}

table.pronosticos td {
	border-bottom: 1px solid #ccc;
	padding: 4px 8px;
	text-align: center;
	vertical-align: top;
	}