/* WYDBLOG STYLE */
/* Mini Reset */
* {	margin:0; padding:0; }
body { background:#fff; font-family: Tahoma, Geneva, Arial, Verdana; font-size:12px; color:#666; }
img { border:none; }
a { outline-style:none;	text-decoration:none; }
p, h1, h2, h3 { font-weight:100; }

/* Header */
#header {
	width:auto;
	height:116px;
	margin:0 0 14px 0;
	background:url(images/header-bg.gif) repeat-x;
	}
	
#header-content {
	width:900px;
	height:auto;
	margin:0 auto;
	}
	
/* Header - Logo */
#header-content #logo a{
	width:243px;
	height:61px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:16px 0 0 0;
	background:url(images/header-logo.jpg) no-repeat;
	}
	
/* Header - Menu */
#header-content .menu{
	width:588px;
	height:37px;
	float:right;
	margin:26px 0 0 0;
	position:relative;
	}

#header-content .menu ul{
	width:auto;
	height:auto;
	list-style:none;
	}
	
#header-content .menu li{
	list-style:none;
	float:left;
	}
	
#header-content .menu li.back {
	background: url(images/header-menu-li-bg.jpg) no-repeat right -37px;
	width: 6px;
	height:37px;
	z-index: 8;
	position:absolute;
	}

#header-content .menu li.back .left {
	background: url(images/header-menu-li-bg.jpg) no-repeat top left;
	height:37px;
	margin-right:6px;
	}
	
#header-content .menu li a {
	position: relative;
	text-transform: uppercase;
	width:auto;
	height:37px;
	font-size:18px;
	font-weight:bold;
	color: #ccc;
	text-align:center;
	z-index: 10;
	display: block;
	padding:6px 25px 0 25px;
	}
	
#header-content .menu li a:hover {
	color:#999;
	}
	
#header-content .menu li.current a, #header-content .menu li.current a:active{
	color:#666;
	}
	
/* Sidebar */
#sidebar {
	width:auto;
	height:210px;
	background:url(images/sidebar-bg.gif) repeat-x bottom;
	border-bottom:2px solid #e5e5e5;
	position:relative;
	}
	
#sidebar-content {
	width:900px;
	height:210px;
	margin:0 auto;
	position:relative;
	z-index:1;
	}
	
/* Sidebar - Sections - Destacados */
#destacados {
	width:170px;
	height:210px;
	float:left;
	}
	
#destacados h3{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color: #ccc;
	margin:0 0 8px 0;
	}

#destacados img{
	float:left;
	width:80px;
	height:80px;
	margin:0 5px 5px 0;
	}
	
/* Sidebar - Sections - Articulos */
#articulos {
	width:165px;
	height:206px;
	float:left;
	margin:0 0 0 10px;
	overflow:hidden;
	}
	
#articulos:hover, #articulos.sfhover {
	overflow:visible;
	}
	
#articulos h3{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color: #ccc;
	}
	
#articulos ul {
	padding:7px 0 0 0;
	}
	
#articulos:hover ul, #articulos.sfhover ul{
	background:#f7f7f7;
	border:1px solid #999;
	width:163px;
	padding:7px 4px 4px 4px;
	}
	
#articulos:hover ul li, #articulos.sfhover ul li{
	color:#666;
	}
	
#articulos:hover ul li a, #articulos.sfhover ul li a{
	color:#393;
	}
	
#articulos:hover ul li span a, #articulos.sfhover ul li span a{
	color:#f63;
	}
	
#articulos li {
	list-style:none;
	font-size:11px;
	color:#999;
	margin:0 0 7px 0;
	width:165px;
	}
	
#articulos li a{
	color:#999;
	font-weight:bold;
	}
	
#articulos li span a{
	color:#f63;
	}
	
#articulos #show-hide {
	width:165px;
	height:18px;
	background:url(images/sidebar-showarrow.gif) no-repeat #ededed center;
	position:absolute;
	z-index:10;
	top:192px;
	}
	
#articulos:hover #show-hide, #articulos.sfhover #show-hide {
	display:none;
	}
	
/* Sidebar - Sections - Categorias */
#categorias {
	width:155px;
	height:206px;
	float:left;
	margin:0 0 0 25px;
	overflow:hidden;
	}
	
#categorias:hover, #categorias.sfhover {
	overflow:visible;
	}
	
#categorias h3{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color: #ccc;
	}
	
#categorias ul{
	list-style:none;
	}
	
#categorias:hover ul, #categorias.sfhover ul{
	background:#fff;
	border:1px solid #ccc;
	border-bottom:none;
	width:155px;
	}
	
#categorias:hover li a, #categorias.sfhover li a{
	background:url(images/li-bullet.gif) no-repeat #f8f8f8;
	background-position:5px 10px;
	}
	
#categorias:hover li a:hover, #categorias.sfhover li a:hover{
	background:url(images/li-bullet.gif) no-repeat #e5e5e5;
	background-position:5px 10px;
	}
	
#categorias li a{
	list-style:none;
	display:block;
	width:135px;
	height:15px;
	font-size:11px;
	padding:7px 0 2px 20px;
	background:url(images/li-bullet.gif) no-repeat;
	background-position:0 10px;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
	color:#393;
	font-weight:bold;
	}
	
#categorias #show-hide {
	width:155px;
	height:18px;
	background:url(images/sidebar-showarrow.gif) no-repeat #ededed center;
	position:absolute;
	z-index:10;
	top:192px;
	}
	
#categorias:hover #show-hide, #categorias.sfhover #show-hide {
	display:none;
	}
	
/* Sidebar - Sections - Tags */
#tags {
	width:185px;
	height:206px;
	float:left;
	margin:0 0 0 20px;
	overflow:hidden;
	}
	
#tags:hover, #tags.sfhover {
	overflow:visible;
	}
	
#tags h3{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color: #ccc;
	margin:0 0 4px 0;
	}

#tags:hover .st-tag-cloud, #tags.sfhover .st-tag-cloud{
	background:#fff;
	border-bottom:1px solid #ccc;
	padding:0 0 2px 0;
	}
	
#tags #show-hide {
	width:185px;
	height:18px;
	background:url(images/sidebar-showarrow.gif) no-repeat #ededed center;
	position:absolute;
	z-index:10;
	top:192px;
	}
	
#tags:hover #show-hide, #tags.sfhover #show-hide {
	display:none;
	}
	
/* Sidebar - Sections - +Info */
#info {
	width:150px;
	height:206px;
	float:right;
	}
	
#info h3{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color: #999;
	margin:0 0 8px 0;
	}
	
#info span a{
	color:#f63;
	font-size:11px;
	font-weight:bold;
	}
	
#info .input {
	width:126px;
	height:auto;
	border:1px solid #ccc;
	border-right:none;
	background:#fff;
	font-size:11px;
	color:#999;
	margin:9px 0 7px 0;
	padding:2px 2px 2px 2px;
	float:left;
	}
	
#info .submit {
	display:block;
	width:16px;
	height:19px;
	float:left;
	background:url(images/submit-search-button.gif) no-repeat;
	border:none;
	margin:9px 0 0 0;
	cursor:pointer;
	}
	
#info ul {
	list-style:none;
	clear:both;
	}
	
#info li {
	list-style:none;
	display:block;
	font-size:10px;
	margin:0 0 9px 0;
	background-position:0 4px;
	}
	
#info li img{
	float:left;
	margin:0 13px 0 0;
	}
	
#info li a{color:#999;}
#info li a:hover{color:#666;}

/* Content */
#content {
	width:900px;
	height:auto;
	margin:0 auto;
	}
	
#content h3{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color: #999;
	margin:15px 0 10px 0;
	}
	
/* Post */
.post {
	width:900px;
	height:auto;
	padding:0 0 15px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #ccc;
	}
	
/* Post Pic */
.post-pic {
	width:80px;
	height:92px;
	border:1px solid #ccc;
	padding:2px;
	margin:0 22px 0 0;
	float:left;
	}
	
.post-pic .thumb, .post-vote .thumb{
	float:left;
	width:80px;
	height:80px;
	overflow:hidden;
	background:url(http://www.wydstudios.com/thumbnails/no-thumb.jpg) no-repeat;
	}
	
.post-pic .thumb a, .post-vote .thumb a{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	}
	
.post-pic .link a{
	display:block;
	float:left;
	width:80px;
	height:11px;
	background:#999;
	color:#fff;
	font-size:10px;
	line-height:10px;
	margin:1px 0 0 0;
	text-transform:uppercase;
	text-align:center;
	}
	
.post-pic .link a:hover{
	background:#666;
	}
	
/* Post Vote */
.post-vote {
	width:80px;
	height:112px;
	border:1px solid #ccc;
	padding:2px;
	margin:0 14px 0 0;
	float:left;
	}

.post-vote .vote{
	display:block;
	float:left;
	width:80px;
	height:30px;
	background:#e9e9e9;
	padding:1px 0 0 0;
	margin:1px 0 0 0;
	text-align:center;
	}
	
/* Post Text */
.post-text {
	width:792px;
	height:auto;
	float:left;
	}
	
.post-text-into {
	width:640px;
	height:auto;
	float:left;
	}
	
.post h2, .post h2 a{
	font-size:18px;
	color:#66f;
	line-height:20px;
	}
	
.post h4, .post h4 a {
	font-size:14px;
	color:#999;
	font-weight:bold;
	}
	
.post .info {
	display:block;
	font-size:10px;
	color:#ccc;
	margin:2px 0 12px 0;
	}
	
.post .info a {
	color:#999;
	text-transform:uppercase;
	font-style:italic;
	}
	
.post p {
	color:#666;
	line-height:18px;
	}
	
.post p a, .post ul li a{
	color:#393;
	}
	
.post p a:hover, .post ul li a:hover{
	color:#060;
	text-decoration:underline;
	}
	
.post ul {
	list-style:none;
	padding:10px;
	font-size:12px;
	color:#666;
	line-height:18px;
	}
	
.post ul li{
	padding:0 0 0 15px;
	background:url(images/li-bullet.gif) no-repeat;
	background-position:0 8px;
	}
	
.post blockquote {
	display:block;
	margin:15px 50px;
	padding:12px;
	color:#999;
	font-style:italic;
	text-align:center;
	}
	
.post blockquote a{
	color:#666;
	}
	
.aligncenter, div.aligncenter { display: block; margin:15px auto; }
.alignright, div.alignright { display: block; margin:15px 0; float:right; }
.alignleft, div.alignrleft { display: block; margin:15px 0; float:left;	}
.alignright, div.alignnone { display: block; margin:0; }
 
.wp-caption {
	text-align:center;
	}
 
.wp-caption p.wp-caption-text {
	font-size: 10px;
	line-height: 20px;
	color:#999;
	padding:0 10px;
	margin:2px 0 0 0;
	}
	
.post .more a, .post .more a:hover{
	display:block;
	margin:15px 0 0 0;
	color:#999;
	text-decoration:none;
	font-weight:bold;
	}

.post .code {
	background:#ffc;
	margin:5px 25px 20px 25px;
	padding:10px 20px;
	font-size:11px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	color:#333;
	line-height:22px;
	}
	
/* Side Info */
#side-info {
	width:130px;
	height:auto;
	float:right;
	padding:9px 10px 5px 10px;
	background:url(images/sideinfo-bg.gif) no-repeat bottom #ebebeb;
	position:relative;
	top:-22px;
	color:#666;
	font-size:11px;
	}
	
#side-info a{
	color:#f63;
	}
	
#side-info h3{
	font-size:13px;
	font-weight:bold;
	color: #999;
	margin:0;
	}
	
#side-info .hr{
	background:url(images/sideinfo-hr.gif) repeat-x;
	width:130px;
	height:2px;
	margin:10px 0;
	}
	
#side-info span{
	display:block;
	color: #000;
	}
	
#side-info span a{
	color: #999;
	font-style:italic;
	}
	
#side-info ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
#side-info li {
	list-style:none;
	display:block;
	background-position:0 7px;
	margin:0;
	padding:0 0 0 14px;
	}
	
#side-info li a, #side-info li a:hover{
	color:#333;
	font-size:11px;
	text-decoration:none;
	}
	
/* Pagination */
#pagination {
	width:900px;
	height:35px;
	margin:-10px 0 12px 0;
	}
	
#pagination .left{
	width:4px;
	height:35px;
	background:url(images/pagination-left-border.gif) no-repeat;
	float:left;
	}
	
#pagination .right{
	width:4px;
	height:35px;
	background:url(images/pagination-right-border.gif) no-repeat;
	float:left;
	}
	
#pagination .content{
	width:872px;
	height:27px;
	background:url(images/pagination-center-bg.gif) repeat-x;
	float:left;
	padding:8px 10px 0 10px;
	color:#999;
	}
	
#pagination .content a{
	color:#999;
	font-weight:bold;
	}
	
#pagination .content a:hover{
	color:#666;
	}
	
/* Pagination Post into */
#pagination-post {
	width:640px;
	height:35px;
	margin:12px 0 0 100px;
	}
	
#pagination-post .left{
	width:4px;
	height:35px;
	background:url(images/pagination-left-border.gif) no-repeat;
	float:left;
	}
	
#pagination-post .right{
	width:4px;
	height:35px;
	background:url(images/pagination-right-border.gif) no-repeat;
	float:left;
	}
	
#pagination-post .content{
	width:612px;
	height:27px;
	background:url(images/pagination-center-bg.gif) repeat-x;
	float:left;
	padding:8px 10px 0 10px;
	color:#999;
	}
	
#pagination-post .content a{
	color:#999;
	font-weight:bold;
	}
	
#pagination-post .content a:hover{
	color:#666;
	}
	
/* Comments */
#comments {
	width:640px;
	height:auto;
	margin:0 0 30px 100px;
	}
	
#comments h5, #comments h5 a{
	font-size:16px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	}
	
#comments ul {
	list-style:none;
	width:640px;
	height:auto;
	margin:10px 0 0 0;
	}
	
#comments ul li {
	display:block;
	width:612px;
	height:auto;
	border-bottom:1px solid #ccc;
	padding:14px;
	overflow:auto;
	}

/* bg´s comentarios */
.normal {background:#fff;}
.normal-dos {background:#f5f5f5;}
.normal-admin, .normal-admin {background:#ffc;}
/* --- */
	
#comments ul li p {
	font-size:12px;
	color:#666;
	margin:11px 0 0 0;
	line-height:16px;
	}
	
#comments ul li p a{
	color:#f63;
	font-weight:bold;
	}
	
#comments ul li img {
	float:left;
	padding:1px;
	margin:0 10px 0 0;
	background:#fff;
	border:1px solid #ccc;
	}
	
#comments ul li .info{
	display:block;
	width:545px;
	height:55px;
	float:left;
	border-bottom:1px dotted #999;
	color:#393;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
#comments ul li .info span{
	color:#999;
	line-height:15px;
	text-transform:none;
	}
	
#comments ul li .info a {
	color:#333;
	float:left;
	text-transform:none;
	margin:10px 0 0 0;
	font-weight:100;
	}
	
/* Form Comment */
#form-comment {
	width:580px;
	min-height:236px;
	background: url(images/formcomment-bg.gif) no-repeat #ebebeb;
	margin:0 0 0 100px;
	padding:0 30px;
	color:#333;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#form-comment a{
	color:#393;
	}
	
#form-comment #user-id{
	width:80px;
	height:auto;
	padding:5px;
	text-transform:none;
	font-weight:100;
	background:#ebebeb;
	z-index:999;
	}
	
#form-comment .title, #form-comment .title a{
	display:block;
	position:relative;
	top:-12px;
	font-size:18px;
	font-weight:bold;
	color:#999;
	text-align:center;
	text-transform:none;
	margin:0;
	}
	
#form-comment .input {
	width:219px;
	height:auto;
	border:1px solid #ccc;
	background:#fff;
	font-size:12px;
	color:#666;
	margin:6px 22px 15px 0;
	padding:5px;
	float:left;
	}
	
#form-comment .textarea {
	width:315px;
	height:139px;
	border:1px solid #ccc;
	background: url(images/formcomment-textarea-bg.gif) repeat-x;
	font-size:12px;
	color:#666;
	margin:5px 0 15px 0;
	padding:5px;
	float:left;
	}
	
#form-comment .submit {
	display:block;
	width:91px;
	height:33px;
	float:right;
	background:url(images/formcomment-submit-button-b.gif) no-repeat;
	border:none;
	margin:-3px 0 0 0;
	padding:0;
	cursor:pointer;
	}
	
#form-comment #ed_toolbar {
	float:right;
	width:212px;
	padding:0;
	padding:0 15px 0 0;
	text-align:center;
	}
	
#form-comment #ed_toolbar input{
	background:#ffc;
	margin:0 2px;
	border:2px solid #ccc;
	color:#660;
	font-size:10px;
	cursor:pointer;
	}
	
/* Footer */
#footer {
	width:900px;
	height:auto;
	text-align:center;
	margin:60px 0 20px 0;
	color:#999;
	}
	
#footer a {
	color:#999;
	}
	
#footer span a, #footer span {
	line-height:30px;
	font-size:10px;
	text-transform:uppercase;
	color:#333;
	}





/* Clear */
.clear {
	clear:both;
	}
	
/* Floats */
.float-left {
	float:left;
	}
	
.float-right {
	float:right;
	}
	
