@charset "utf-8";
/*
Theme Name: Mad Magazine
Theme URI: http://freethemelayouts.com/
Description: Designed by <a href="http://freethemelayouts.com">FreeThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: FreeThemeLayout/DreamTemplate
Author URI: http://www.freethemelayouts.com/
*/

.creditslnk { text-align:left;font-size:10px;color:#cccccc; }
.creditslnk a { color:#cccccc; text-decoration: none; }
.creditslnk a:visited { color:#cccccc; text-decoration: none; }

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,fieldset {
border:0;
border-collapse:separate;
border-spacing:0;
margin:0;
padding:0;
}

body {
text-align:center;
background:url(images/pat2.png);
font-family: Helvetica, sans-serif;
font-size:12px;
color:#666;
}

#frame {
width:950px;
text-align:left;
background:#fff;
margin:10px auto;
padding:20px;
}

#contentheader .nav {
background:#171717;
margin-bottom:0px;
overflow:hidden;
}

#contentheader .nav li a {
color:#fff;
text-decoration:none;
font-size:16px;
text-transform:uppercase;
display:block;
float:left;
padding:10px;
}

#contentheader .header {
border-top:1px solid #fff;
height:300px;

}

#contentheader .cat {
background-color:#f2f2f2;
overflow:hidden;
}

#contentheader .cat li a {
color:#999;
font-weight:14px;
text-decoration:none;
font-size:13px;
display:block;
border-right:1px solid #fff;
float:left;
padding:10px;
}

#contentheader .cat li a:hover {
background-color:#ee1364;
color:#FFF;
}

#contentcenter {
width:620px;
float:left;
margin-right:10px;
padding:0;
}

#contentcenter small {
color:#ccc;
}

#contentcenter .news {
width:620px;
float:left;
margin-right:10px;
}

#contentcenter .post_cat {
margin-bottom:10px;
margin-top:5px;
background-color:#fff;
color:#666;
}

#contentcenter h1 a {
font-family: Arial, Helvetica, sans-serif;
background: #fae748;
color:#ee1364;
font-size:36px;
text-decoration:none;
margin-bottom: 0px;
}


#contentcenter p.dtls {
color:#181818;
font-size:11px;
width:320px;
}

#contentcenter p.dtls a {
color:#ccc;
text-decoration:none;
}

#contentcenter .news .post .post_content {
margin-top:10px;
text-align:left;
}

.post_content {
	border-bottom: dotted 1px #ccc;
}

.post_content p {
	padding-bottom:10px;
}

#contentcenter p {
text-align:left;
line-height: 16px;
font-family: Helvetica, sans-serif;
}

#contentcenter img {
border:1px solid #E9E9E9;
margin-right:10px;
margin-bottom:10px;
padding:5px;
}

#contentcenter .post_cat a {
color:#999;
font-size:8px;
text-transform:uppercase;
text-decoration:none;
padding:2px;
}

#contentcenter .post_cat a:hover {
	background:#333;
}

#contentcenter .other {
width:230px;
float:left;
background-color:#eee;
padding:0 10px;
}

#contentcenter .other img {
border:none;
padding:0;
}

#contentcenter input {
margin-bottom:5px;
border:1px solid #eee;
width:250px;
padding:5px;
}

#contentcenter input.btn {
background-color:#333;
height:28px;
border:none;
color:#fff;
width:120px;
}

#contentcenter textarea {
margin-bottom:5px;
border:1px solid #eee;
width:450px;
height:150px;
padding:5px;
}

#contentcenter .other h2 {
color:#333;
text-transform:uppercase;
font-size:11px;
font-weight:700;
margin-bottom:10px;
margin-top:10px;
}

#contentcenter .other h2 span {
color:#a1a1a1;
padding-right:5px;
}

#contentcenter .other li {
list-style:none;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #D3D3D3;
font-size:11px;
}

#contentright {
width:320px;
float:left;
}

#contentright a{
	color:#ccc;
	text-decoration:none;
	font-weight:normal;
}

#contentright a:hover{
	color:#fab93f;
	text-decoration:none;
}

#contentright h2 {
background-color:#181818;
color:#fff;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-bottom:10px;
padding:10px;
font-weight:normal;
}

#contentright li {
list-style:none;
}

#contentright li li {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #eee;
list-style:none;
}

#contentright .ad {
border:1px solid #eee;
margin-bottom:10px;
padding:10px;
}

#contentright .sidebar {
border:1px solid #eee;
padding:10px 10px 0;
}

#contentright input {
margin-bottom:10px;
border:1px solid #eee;
width:223px;
padding:5px;
}

#contentright input.btn {
width:60px;
background-color:#333;
height:28px;
border:none;
color:#fff;
}

#contentheader .nav li,#contentheader .cat li {
list-style:none;
display:inline;
}

#contentcenter .news .post {
padding-top:10px;
margin-bottom:10px;
}

#contentcenter p.dtls a:hover,#contentright li a:hover {
color:#333;
}

#contentheader .nav li a:hover {
background-color:#fab93f;
}

#footer {
text-align:left;
color:#fff;
background-color:#333;
padding:10px;
}

#contentcenter small a,#contentcenter .other li a {
color:#ee1364;
text-decoration:none;
}

#contentcenter .post_content p a{
color:#ee1364;
font-weight:bold;
text-decoration:none;
}

#contentcenter .post_content p a:hover{
	color:#fab93f;
	text-decoration:none;
}


#contentcenter ol a,#contentright li li a {
color:#ee1364;
text-decoration:none;
}

#contentcenter ol a:hover,#contentcenter .other li a:hover {
text-decoration:none;
	color:#fab93f;
}

#contentcenter h1 a:hover{
text-decoration:none;
color: #ee1364;
}

#contentheader,#contentright ul {
margin-bottom:10px;
}

.commentlist li {
	list-style:none;
}

/*----Navegación inferior----*/
#postnav { 	
  text-align: left;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  height:40px;
  font-size:20px;
  	text-transform:uppercase;
	font-family: monospace;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 8px 2px 8px;
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background-color: #ee1364;
}
.wp-pagenavi a:visited {
	padding: 4px 8px 2px 8px; 
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background-color: #ee1364;	
}
.wp-pagenavi a:hover {	
	padding: 4px 8px 2px 8px;
	margin: 2px 2px 2px 2px;
	color: #fff;
	text-transform:uppercase;
	background-color: #fab93f;
}
.wp-pagenavi a:active {
	padding: 4px 8px 2px 8px;
	margin: 2px 2px 2px 2px;
	color: #fff;
	text-transform:uppercase;
	background-color: #fab93f;
}
.wp-pagenavi span.pages {
	padding: 4px 8px 2px 8px;
	margin: 2px 2px 2px 2px;
	color: #fff;
	text-transform:uppercase;
	background-color: #fab93f;
}
.wp-pagenavi span.current {
	padding: 4px 8px 2px 8px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	text-transform:uppercase;
	background-color: #fab93f;

}
.wp-pagenavi span.extend {
	padding: 2px 8px 2px 8px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	text-transform:uppercase;
	background-color: #fab93f;
}