/*
    Theme Name: JDS
    Theme URI: http://www.juegosdesimpsons.com
    Description: Juegos de Simpsons
    Version: 2
    Author: JDS
    Author URI: http://www.juegosdesimpsons.com
*/


body {
	margin:30px auto;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
        background: url(http://www.juegosdesimpsons.com/imagenes/s.png) repeat-x #E9F4FE;
}

#cbox {
margin: 0 auto;
width:945px;
background: #fff;
border: 1px solid #ccc;
padding:10px;
}

.cleft {
border: 1px solid #ccc;
padding:10px;
}

.hidden{display:none;}

#categorias {
position:relative;
width:100px;
top:110px;
padding:10px;
left:345px;
background: #fff;
text-align:center;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
}
#categorias h2 a {
font-size: 9px;
color: #000;
display:inline;
}
#categorias a {
text-decoration: none;
color: #000;
}
#categorias a:hover {
text-decoration: none;
color: #CC0033;
}
#categorias h4 {
text-decoration: none;
display:inline;
color: #33CCFF;
font-size: 11px;
}

#container {
	width:960px;
	margin:0 auto;
	background:url(screen.jpg) no-repeat;
        height:720px;
        border: 1px solid #000;
}

#voto {
float:left;
}

#dhtmltooltip {
position: absolute;
width: 50px;
border: 1px solid #ccc;
padding: 1px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#logo2 {
float:right;
height:100px;
}

#descripcion {
position:relative;
width:300px;
left:150px;
height:100px;
top:597px;
padding:10px;
background: #fff;
-moz-border-radius: 10px;
}

#cat01 {
	width:485px;
	float:right;
        margin-top:-10px;
        margin-left:190px;
	overflow:hidden;
        height:380px;
}

#cat01, #col02 {
	padding:20px 0;
}

/* home post */

#cat01 .home-post {
	width:100px;
	margin:0 20px 20px 0;
	height:170px;
	overflow:hidden;
	float:left;
}
#cat01 .home-post .title {
	background:#fff;
        width:80px;
}
#cat01 .home-post .title h2 {
	margin:0;
	padding:0;
}
#cat01 .home-post .title h2 a {
	text-decoration:none;
	color:#000;
	margin:0;
	font-size:9px;
}
#cat01 .home-post .title h2 a:hover {
	color:#ED4692;
	border-bottom:none;
}
#cat01 .home-post .home-post-upper {
	width:220px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #fff;
}
#cat01 .home-post .home-post-upper a img {
	text-decoration:none;
	border:none;
}
#cat01 .home-post .date {
	position:absolute;
	right:0px;
	bottom:0px;
	background-color:#fff;
	text-align:right;
	font-size:10px;
	padding:3px 8px;
}
#cat01 .home-post .excerpt {
	height:114px;
	overflow:hidden;
	padding:12px 12px 0;
	font-size:11px;
	line-height:16px;
	background:#fff;
}
#cat01 .home-post .excerpt p {
	margin:0 0 10px;
	padding:0;
}
#cat01 .home-post .excerpt a {
	color:#333;
}
#cat01 .home-post .excerpt a:hover {
	text-decoration:none;
	color:#fff;
	background:#ff0067;
}
#cat01 .home-post .meta {
	padding:4px 8px 0 24px;
	height:35px;
	background:url(images/icon-comment.gif) no-repeat 5px 5px #7f7f7f;
	text-transform:uppercase;
}
#cat01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:underline;
	float:left;
	border-bottom:1px solid #7f7f7f;
}
#cat01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #7f7f7f;
}
#cat01 .home-post .author a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	float:right;
}
#cat01 .home-post .comments a:hover, #cat01 .home-post .author a:hover {
	color:#000;
}


/* single template post */

#cat01 .post {
	padding:0 20px 20px 0;
	font-size:12px;
	line-height:19px;
}
#cat01 .post a {
	color:#333;
}
#cat01 .post a:hover {
	color:#000;
	text-decoration:none;
}
#cat01 .post h1 {
	font-size:28px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:32px;
	padding:0 0 6px;
}
#cat01 .post h4 {
	font-size:20px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:26px;
	padding:0 0 6px;
}
#cat01 .post h1 a, #cat01 .post h4 a {
	text-decoration:none;
	color:#000;
}
#cat01 .post h1 a:hover, #cat01 .post h4 a:hover {
	color:#fff;
	border-bottom:none;
	background-color:#ff0067;
}
#cat01 .post-upper h1{
	padding:0px 0;
	font-size:11px;
	line-height:16px;
	color:#606060;
}
#cat01 .post-upper a {
	color:#606060;
	text-decoration:none;
}
#cat01 .post-upper a:hover {
	color:#333;
	text-decoration:underline;
}
#cat01 .post-upper .digg {
	float:right;
}
#cat01 .post .image {
	float:right;
	margin:12px 0 12px 12px;
}


/* categories page */

#cat01 .cat-name {
	font-size:14px;
	background:url(images/dot.gif) repeat-x bottom;
	padding:4px 0 8px;
	width:700px;
}
#cat01 .category-name {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	background:#ff0067;
	font-weight:bold;
}
/* Swf page */

#swfpage {
	width:495px;
	float:right;
        margin-top:220px;
        margin-left:190px;
	overflow:hidden;
        height:420px;
}

#err404 {
	width:485px;
	float:right;
        margin-top:218px;
        margin-left:190px;
	overflow:hidden;
        height:380px;
}

#err404 a {
 text-decoration:none;
}

#swfpage .post {
	padding:0 20px 20px 0;
	font-size:12px;
	line-height:19px;
}
#swfpage .post a {
	color:#333;
}
#swfpage .post a:hover {
	color:#000;
	text-decoration:none;
}
#swfpage .post h1 {
	font-size:28px;
	font-family:'Trebuchet MS', arial, helvetica;
	margin:0;
	line-height:32px;
	padding:0 0 6px;
}
#swfpage .post h4 {
	font-size:20px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:26px;
	padding:0 0 6px;
}
#swfpage .post h1 a, #swfpage .post h4 a {
	text-decoration:none;
	color:#000;
}
#swfpage .post h1 a:hover, #swfpage .post h4 a:hover {
	color:#ccc;
	border-bottom:none;
}
#swfpage .post-upper {
	padding:0px 0;
	font-size:11px;
	line-height:16px;
	color:#606060;
        float:right;
        display:inline;
}

#swfpage .post-upper h1 a {
      font-size:12px;
}

#swfpage .post-upper a {
	color:#606060;
	text-decoration:none;
}
#swfpage .post-upper a:hover {
	color:#333;
	text-decoration:none;
}
#swfpage .post-upper .digg {
	float:right;
}
#swfpage .post .image {
	float:right;
	margin:12px 0 12px 12px;
}

/* home columns */

#col01 {
	width:485px;
        margin-top:-145px;
        float:right;
        margin-left:190px;
	overflow:hidden;
        height:380px;
}
#col01, #col02 {
	padding:0px 0;
}

/* home post */

#col01 .home-post {
	width:100px;
	margin:0 20px 15px 0;
	height:180px;
	overflow:hidden;
	float:left;
}
#col01 .home-post .title {
	background:#fff;
        width:80px;
}
#col01 .home-post .title h2 {
	margin:0;
	padding:0;
}
#col01 .home-post .title h2 a {
	text-decoration:none;
	color:#000;
	margin:0;
	font-size:9px;
}
#col01 .home-post .title h2 a:hover {
	color:#ED4692;
	border-bottom:none;
}
#col01 .home-post .home-post-upper {
	width:220px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
	text-decoration:none;
	border:none;
}
#col01 .home-post .date {
	position:absolute;
	right:0px;
	bottom:0px;
	background-color:#fff;
	text-align:right;
	font-size:10px;
	padding:3px 8px;
}
#col01 .home-post .excerpt {
	height:114px;
	overflow:hidden;
	padding:12px 12px 0;
	font-size:11px;
	line-height:16px;
	background:#fff;
}
#col01 .home-post .excerpt p {
	margin:0 0 10px;
	padding:0;
}
#col01 .home-post .excerpt a {
	color:#333;
}
#col01 .home-post .excerpt a:hover {
	text-decoration:none;
	color:#fff;
	background:#ff0067;
}
#col01 .home-post .meta {
	padding:4px 8px 0 24px;
	height:35px;
	background:url(images/icon-comment.gif) no-repeat 5px 5px #7f7f7f;
	text-transform:uppercase;
}
#col01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:underline;
	float:left;
	border-bottom:1px solid #7f7f7f;
}
#col01 .home-post .comments a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #7f7f7f;
}
#col01 .home-post .author a {
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	float:right;
}
#col01 .home-post .comments a:hover, #col01 .home-post .author a:hover {
	color:#000;
}


/* single template post */

#col01 .post {
	padding:0 20px 20px 0;
	font-size:12px;
	line-height:19px;
}
#col01 .post a {
	color:#333;
}
#col01 .post a:hover {
	color:#000;
	text-decoration:none;
}
#col01 .post h1 {
	font-size:28px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:32px;
	padding:0 0 6px;
}
#col01 .post h4 {
	font-size:20px;
	text-transform:uppercase;
	font-family: Times New Roman, Garamond, serif;
	margin:0;
	line-height:26px;
	padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
	text-decoration:none;
	color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
	color:#fff;
	border-bottom:none;
	background-color:#ff0067;
}
#col01 .post-upper {
	padding:12px 0;
	font-size:11px;
	line-height:16px;
	color:#606060;
}
#col01 .post-upper a {
	color:#606060;
	text-decoration:none;
}
#col01 .post-upper a:hover {
	color:#333;
	text-decoration:underline;
}
#col01 .post-upper .digg {
	float:right;
}
#col01 .post .image {
	float:right;
	margin:12px 0 12px 12px;
}


/* categories page */

#col01 .cat-name {
	font-size:14px;
	background:url(images/dot.gif) repeat-x bottom;
	padding:4px 0 8px;
	width:700px;
}
#col01 .category-name {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	background:#ff0067;
	font-weight:bold;
}

#page-nav {
padding-top:310px;
padding-left:610px;
}

#cat-title {
padding-left:130px;
padding-bottom:10px;
}
#cat-title h1 {
font-size:17px;
display:inline;
}