/*
Theme Name: Portal Colorido
Theme URI: http://sumolari.com/portal-colorido
Description: Theme for WordPress created by Sumolari and designed with customizable colors for each page.
Foro Colorido is the version of this theme for bbPress.
Version: 1.0.2.3
Author: Sumolari
Author URI: http://sumolari.com/
Tags: blue, brown, green, orange, purple, black, red, two-columns, right-sidebar, flexible-width, custom-colors, theme-options, threaded-comments
The CSS, XHTML and design is released under GPL:
http://opensource.org/licenses/gpl-2.0.php
*/
/* Yahoo Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
/* Toegevoegd door Bart */
.breadcrumb
{
font-family:Comic Sans MS;
font-size:11px;
}
.faq-header
{
font-family:Comic Sans MS;
font-size:20px;
font-weight: bold;
}
.faq-question
{ font-family:Comic Sans MS;
font-size:16px;
font-weight: bold;
}
.faq-answerquestion
{ font-family:Comic Sans MS;
font-size:13px;
}
/* Ahora vamos con el Theme */
strong { font-weight:bold; }
em { font-style:italic; }
body {
background:#FFC53A;
}
#wrapper {
min-width:800px;
}
#wrapper #header .corner-left {
height:45px;
width:45px;
background:url(img/main_corners.png) top left no-repeat;
float:left;
}
#wrapper #header .corner-right {
width:45px;
height:45px;
background:url(img/main_corners.png) top right no-repeat;
float:right;
}
#wrapper #header .corner-center {
margin:0 45px 0 45px;
height:45px;
background:url(img/main_shadows.png) top left repeat-x;
}
#wrapper #header .shadow-left, #wrapper #content .shadow-left {
background:url(img/main_shadows_sides.png) top left repeat-y;
}
#wrapper #header .shadow-left .shadow-right, #wrapper #content .shadow-left .shadow-right {
margin:0 0 0 45px;
padding:0 45px 0 0;
background:url(img/main_shadows_sides.png) top right repeat-y;
}
#wrapper #header .shadow-left .shadow-right #logo {
height:125px;
width:100%;
background:#FFF;
}
#wrapper #header .shadow-left .shadow-right #logo.show_logo { background:#FFF url(img/logo.png) top left no-repeat; }
#wrapper #header .shadow-left .shadow-right #logo a {
height:100%;
width:100%;
display:block;
}
#wrapper #header .shadow-left .shadow-right #logo a {
height:100%;
width:100%;
font-family:Comic Sans MS;
font-size:30px;
text-decoration:none;
color:#000;
display:block;
}
#wrapper #header .shadow-left .shadow-right #logo p {
font-family:Comic Sans MS;
font-size:13px;
}
#wrapper #header #mainmenu {
width:100%;
height:40px;
background:#FFF;
}
#wrapper #header #mainmenu li {
margin:0 0 0 10px;
float:left;
}
#wrapper #header #mainmenu li a {
height:40px;
font-family:Comic Sans MS;
text-decoration:none;
font-size:15px;
color:#FFF;
display:block;
}
#wrapper #header #mainmenu li.color-black span.tab-left {
height:40px;
background:url(img/tabs-left.png) top left no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-black span.tab-left span.tab-right {
margin:0 0 0 20px;
height:40px;
background:url(img/tabs-right.png) top right no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-black span.tab-left span.tab-right span.tab-center {
margin:0 20px 0 0;
padding:10px 0 0 0;
height:30px;
background:url(img/tab-center.png) top left repeat-x;
display:block;
}
#wrapper #header #mainmenu li.color-blue span.tab-left {
height:40px;
background:url(img/tabs-left.png) left -44px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-blue span.tab-left span.tab-right {
margin:0 0 0 20px;
height:40px;
background:url(img/tabs-right.png) right -44px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-blue span.tab-left span.tab-right span.tab-center {
margin:0 20px 0 0;
padding:10px 0 0 0;
height:30px;
background:url(img/tab-center.png) left -44px repeat-x;
display:block;
}
#wrapper #header #mainmenu li.color-orange span.tab-left {
height:40px;
background:url(img/tabs-left.png) left -88px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-orange span.tab-left span.tab-right {
margin:0 0 0 20px;
height:40px;
background:url(img/tabs-right.png) right -88px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-orange span.tab-left span.tab-right span.tab-center {
margin:0 20px 0 0;
padding:10px 0 0 0;
height:30px;
background:url(img/tab-center.png) left -88px repeat-x;
display:block;
}
#wrapper #header #mainmenu li.color-brown span.tab-left {
height:40px;
background:url(img/tabs-left.png) left -132px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-brown span.tab-left span.tab-right {
margin:0 0 0 20px;
height:40px;
background:url(img/tabs-right.png) right -132px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-brown span.tab-left span.tab-right span.tab-center {
margin:0 20px 0 0;
padding:10px 0 0 0;
height:30px;
background:url(img/tab-center.png) left -132px repeat-x;
display:block;
}
#wrapper #header #mainmenu li.color-red span.tab-left {
height:40px;
background:url(img/tabs-left.png) left -176px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-red span.tab-left span.tab-right {
margin:0 0 0 20px;
height:40px;
background:url(img/tabs-right.png) right -176px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-red span.tab-left span.tab-right span.tab-center {
margin:0 20px 0 0;
padding:10px 0 0 0;
height:30px;
background:url(img/tab-center.png) left -176px repeat-x;
display:block;
}
#wrapper #header #mainmenu li.color-purple span.tab-left {
height:40px;
background:url(img/tabs-left.png) left -220px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-purple span.tab-left span.tab-right {
margin:0 0 0 20px;
height:40px;
background:url(img/tabs-right.png) right -220px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-purple span.tab-left span.tab-right span.tab-center {
margin:0 20px 0 0;
padding:10px 0 0 0;
height:30px;
background:url(img/tab-center.png) left -220px repeat-x;
display:block;
}
#wrapper #header #mainmenu li.color-green span.tab-left {
height:40px;
background:url(img/tabs-left.png) left -264px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-green span.tab-left span.tab-right {
margin:0 0 0 20px;
height:40px;
background:url(img/tabs-right.png) right -264px no-repeat;
display:block;
}
#wrapper #header #mainmenu li.color-green span.tab-left span.tab-right span.tab-center {
margin:0 20px 0 0;
padding:10px 0 0 0;
height:30px;
background:url(img/tab-center.png) left -264px repeat-x;
display:block;
}
#wrapper #header #mainmenu li span.tab-left span.tab-right span.tab-center form#searchform input {
padding:8px;
height:14px;
width:100px;
border:none;
background:url(img/searchform_tab_bg.png) top left no-repeat;
display:block;
}
#wrapper #header #mainmenu li span.tab-left span.tab-right span.tab-center form#searchform input:hover {
background:url(img/searchform_tab_bg.png) bottom left no-repeat;
}
#wrapper #header #submainmenu {
margin:0 -15px 0 -15px;
border-bottom:1px solid #DFDFDF;
}
#wrapper #header #submainmenu.color-black {
background:#1B1B1B;
}
#wrapper #header #submainmenu.color-blue {
background:#15223E;
}
#wrapper #header #submainmenu.color-orange {
background:#814100;
}
#wrapper #header #submainmenu.color-brown {
background:#4D341A;
}
#wrapper #header #submainmenu.color-red {
background:#610D0B;
}
#wrapper #header #submainmenu.color-purple {
background:#301F60;
}
#wrapper #header #submainmenu.color-green {
background:#1C5318;
}
#wrapper #header #submainmenu #sublinks {
padding:20px;
}
#wrapper #header #submainmenu #sublinks li, #wrapper #content .col-center .content .post-categories .post-categories-links li {
margin:0 10px 0 0;
height:20px;
font-family:Comic Sans MS;
font-size:13px;
display:block;
float:left;
}
#wrapper #header #submainmenu #sublinks li a, #wrapper #content .col-center .content .post-categories .post-categories-links li a {
height:20px;
font-family:Comic Sans MS;
color:#333;
font-size:12px;
text-decoration:none;
display:block;
}
#wrapper #header #submainmenu #sublinks li a:hover, #wrapper #content .col-center .content .post-categories .post-categories-links li a:hover {
height:20px;
font-family:Comic Sans MS;
color:#FEFEFE;
font-size:12px;
text-decoration:none;
display:block;
}
#wrapper #header #submainmenu #sublinks li a .cornerlink-left, #wrapper #content .col-center .content .post-categories .post-categories-links li a .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) top left no-repeat;
display:block;
}
#wrapper #header #submainmenu #sublinks li a .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post-categories .post-categories-links li a .cornerlink-left .cornerlink-right {
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) top right no-repeat;
display:block;
}
#wrapper #header #submainmenu #sublinks li a .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post-categories .post-categories-links li a .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) top left repeat-x;
display:block;
}
#wrapper #header #submainmenu.color-black #sublinks li a:hover .cornerlink-left, #wrapper #content .col-center .content .post-categories.color-black .post-categories-links li a:hover .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) left -30px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-black #sublinks li a:hover .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post-categories.color-black .post-categories-links li a:hover .cornerlink-left .cornerlink-right {
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) right -30px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-black #sublinks li a:hover .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post-categories.color-black .post-categories-links li a:hover .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) left -30px repeat-x;
display:block;
}
#wrapper #header #submainmenu.color-blue #sublinks li a:hover .cornerlink-left, #wrapper #content .col-center .content .post .post-categories.color-blue .post-categories-links li a:hover .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) left -60px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-blue #sublinks li a:hover .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post .post-categories.color-blue .post-categories-links li a:hover .cornerlink-left .cornerlink-right {
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) right -60px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-blue #sublinks li a:hover .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post .post-categories.color-blue .post-categories-links li a:hover .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) left -60px repeat-x;
display:block;
}
#wrapper #header #submainmenu.color-orange #sublinks li a:hover .cornerlink-left, #wrapper #content .col-center .content .post .post-categories.color-orange .post-categories-links li a:hover .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) left -90px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-orange #sublinks li a:hover .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post .post-categories.color-orange .post-categories-links li a:hover .cornerlink-left .cornerlink-right {
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) right -90px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-orange #sublinks li a:hover .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post .post-categories.color-orange .post-categories-links li a:hover .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) left -90px repeat-x;
display:block;
}
#wrapper #header #submainmenu.color-brown #sublinks li a:hover .cornerlink-left, #wrapper #content .col-center .content .post .post-categories.color-brown .post-categories-links li a:hover .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) left -120px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-brown #sublinks li a:hover .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post .post-categories.color-brown .post-categories-links li a:hover .cornerlink-left .cornerlink-right{
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) right -120px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-brown #sublinks li a:hover .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post .post-categories.color-brown .post-categories-links li a:hover .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) left -120px repeat-x;
display:block;
}
#wrapper #header #submainmenu.color-red #sublinks li a:hover .cornerlink-left, #wrapper #content .col-center .content .post .post-categories.color-red .post-categories-links li a:hover .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) left -150px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-red #sublinks li a:hover .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post .post-categories.color-red .post-categories-links li a:hover .cornerlink-left .cornerlink-right {
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) right -150px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-red #sublinks li a:hover .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post .post-categories.color-red .post-categories-links li a:hover .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) left -150px repeat-x;
display:block;
}
#wrapper #header #submainmenu.color-purple #sublinks li a:hover .cornerlink-left, #wrapper #content .col-center .content .post .post-categories.color-purple .post-categories-links li a:hover .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) left -180px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-purple #sublinks li a:hover .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post .post-categories.color-purple .post-categories-links li a:hover .cornerlink-left .cornerlink-right {
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) right -180px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-purple #sublinks li a:hover .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post .post-categories.color-purple .post-categories-links li a:hover .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) left -180px repeat-x;
display:block;
}
#wrapper #header #submainmenu.color-green #sublinks li a:hover .cornerlink-left, #wrapper #content .col-center .content .post .post-categories.color-green .post-categories-links li a:hover .cornerlink-left {
height:20px;
background:url(img/submenulink-corner-left.png) left -210px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-green #sublinks li a:hover .cornerlink-left .cornerlink-right, #wrapper #content .col-center .content .post .post-categories.color-green .post-categories-links li a:hover .cornerlink-left .cornerlink-right {
margin:0 0 0 10px;
padding:0 10px 0 0;
height:20px;
background:url(img/submenulink-corner-right.png) right -210px no-repeat;
display:block;
}
#wrapper #header #submainmenu.color-green #sublinks li a:hover .cornerlink-left .cornerlink-right .cornerlink-center, #wrapper #content .col-center .content .post .post-categories.color-green .post-categories-links li a:hover .cornerlink-left .cornerlink-right .cornerlink-center {
padding:3px 5px 2px 5px;
height:15px;
background:url(img/submenulink-corner-center.png) left -210px repeat-x;
display:block;
}
#wrapper .shadow-center {
background:#FFF;
}
#wrapper #content .col-right {
padding:1%;
width:30%;
float:right;
background:#FFF;
}
#wrapper #content .col-right .content {
margin:0 0 10px 0;
border:1px solid #666;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#FFF;
font-family:Comic Sans MS;
font-size:13px;
}
#wrapper #content .col-right.color-black .content { background:#3D3B3C; }
#wrapper #content .col-right.color-blue .content { background:#2C4887; }
#wrapper #content .col-right.color-orange .content { background:#CE6700; }
#wrapper #content .col-right.color-brown .content { background:#976532; }
#wrapper #content .col-right.color-red .content { background:#A71614; }
#wrapper #content .col-right.color-purple .content { background:#4D3294; }
#wrapper #content .col-right.color-green .content { background:#2B8225; }
#wrapper #content .col-right .content h3 {
padding:5px;
font-family:Comic Sans MS;
font-size:17px;
color:#FFF;
border-bottom:1px solid #FFF;
-moz-border-radius:5px 5px 0 0;
-webkit-border-top-radius:5px;
border-radius:5px 5px 0 0;
}
#wrapper #content .col-right.color-black .content h3 { background: url(img/tab-center.png) left -1px repeat-x; }
#wrapper #content .col-right.color-blue .content h3 { background: url(img/tab-center.png) left -45px repeat-x; }
#wrapper #content .col-right.color-orange .content h3 { background: url(img/tab-center.png) left -89px repeat-x; }
#wrapper #content .col-right.color-brown .content h3 { background: url(img/tab-center.png) left -133px repeat-x; }
#wrapper #content .col-right.color-red .content h3 { background: url(img/tab-center.png) left -177px repeat-x; }
#wrapper #content .col-right.color-purple .content h3 { background: url(img/tab-center.png) left -221px repeat-x; }
#wrapper #content .col-right.color-green .content h3 { background: url(img/tab-center.png) left -265px repeat-x; }
#wrapper #content .col-right .content ul {
margin:0 5px 5px 5px;
}
#wrapper #content .col-right .content ul li {
padding:10px;
border-bottom:1px dashed #FFF;
font-family:Comic Sans MS;
font-size:13px;
color:#FFF;
}
#wrapper #content .col-right.color-black .content ul li:hover { background:#1B1B1B; }
#wrapper #content .col-right.color-blue .content ul li:hover { background:#15223E; }
#wrapper #content .col-right.color-orange .content ul li:hover { background:#814100; }
#wrapper #content .col-right.color-brown .content ul li:hover { background:#4D341A; }
#wrapper #content .col-right.color-red .content ul li:hover { background:#5E0D0B; }
#wrapper #content .col-right.color-purple .content ul li:hover { background:#301F60; }
#wrapper #content .col-right.color-green .content ul li:hover { background:#1B5017; }
#wrapper #content .col-right .content ul li a, #wrapper #content .col-right .content a {
color:#CCC;
text-decoration:underline;
}
#wrapper #content .col-right .content ul li a:hover, #wrapper #content .col-right .content a:hover {
color:#999;
text-decoration:underline;
}
#wrapper #content .col-right .content table {
margin:10px auto;
}
#wrapper #content .col-center {
padding:1% 0 1% 0;
width:67%;
background:#FFF;
}
#wrapper #content .col-center .content {
padding:10px;
background:#FFFFCC;
border:1px solid #CCC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-family:Comic Sans MS;
font-size:13px;
}
#wrapper #content .col-center .content a {
color:#333;
text-decoration:underline;
}
#wrapper #content .col-center .content a:hover {
color:#000;
text-decoration:underline;
}
#wrapper #content .col-center .content h1 {
font-family:Comic Sans MS;
font-size:28px;
color:#000;
border-bottom:1px dashed #000;
margin:10px;
}
#wrapper #content .col-center .content .post {
padding:10px;
}
#wrapper #content .col-center .content h2 {
margin:10px 0 0 0;
font-family:Comic Sans MS;
font-size:22px;
}
#wrapper #content .col-center .content h3 {
margin:10px 0 0 0;
font-family:Comic Sans MS;
font-size:18px;
}
#wrapper #content .col-center .content h4 {
margin:10px 0 0 0;
font-family:Comic Sans MS;
font-size:14px;
}
#wrapper #content .col-center .content h5 {
margin:10px 0 0 0;
font-family:Comic Sans MS;
font-size:12px;
}
#wrapper #content .col-center .content h6 {
margin:10px 0 0 0;
font-family:Comic Sans MS;
font-size:11px;
font-weight:bold;
}
#wrapper #content .col-center .content ul {
list-style:square;
padding: 0 0 0 15px;
}
#wrapper #content .col-center .content ol {
list-style:decimal;
padding: 0 0 0 20px;
}
#wrapper #content .col-center .content h2 a, #wrapper #content .col-center .content h1 a, #wrapper #content .col-center .content .post p.date a {
text-decoration:underline;
color:#333;
}
#wrapper #content .col-center .content h2 a:hover, #wrapper #content .col-center .content h1 a:hover, #wrapper #content .col-center .content .post p.date a:hover {
text-decoration:underline;
color:#000;
}
#wrapper #content .col-center .content .post p.date {
margin:-2px 0 0 0;
padding:0 0 0 20px;
font-family:Comic Sans MS;
font-size:11px;
color:#000;
background:url(img/date.png) top left no-repeat;
}
#wrapper #content .col-center .content .post .post-content {
padding:10px 0 0 0;
font-family:Comic Sans MS;
font-size:13px;
text-align:justify;
}
#wrapper #content .col-center .content .post .post-content p {
margin:10px 0 10px 0;
}
#wrapper #content .col-center .content .single-image {
margin:20px 0 0 0;
text-align:center;
}
#wrapper #content .col-center .content #bookmarks ul.bookmark {
margin:0 auto;
width:90%;
list-style:none;
}
#wrapper #content .col-center .content #bookmarks ul.bookmark li {
margin:5px 5px 0 0;
float:left;
width:18px;
height:18px;
}
#wrapper #content .col-center .content ul.bookmark li a {
display:block;
border:1px solid #94917E;
width:16px;
height:16px;
background:none;
padding:0;
}
#wrapper #content .col-center .content ul.bookmark li a:hover {
background:none;
width:16px;
height:16px;
border:1px solid #549DC5;
display:block;
}
#wrapper #content .col-center .content ul.bookmark li.delicious {
background:url(img/bookmarks.png) -36px -18px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.digg {
background:url(img/bookmarks.png) 0 -18px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.google {
background:url(img/bookmarks.png) -72px -54px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.yahoo {
background:url(img/bookmarks.png) -36px -36px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.technorati {
background:url(img/bookmarks.png) -36px -54px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.meneame {
background:url(img/bookmarks.png) -72px 0px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.fresqui {
background:url(img/bookmarks.png) -72px -36px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.enchilame {
background:url(img/bookmarks.png) -18px 0px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.blinklist {
background:url(img/bookmarks.png) 0px -36px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.simpy {
background:url(img/bookmarks.png) -54px -36px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.spurl {
background:url(img/bookmarks.png) -54px -18px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.reddit {
background:url(img/bookmarks.png) -54px -54px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.autobombeame {
background:url(img/bookmarks.png) -54px 0px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.bitacoras {
background:url(img/bookmarks.png) -18px -36px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.designfloat {
background:url(img/bookmarks.png) -18px -18px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.wikio {
background:url(img/bookmarks.png) 0px -54px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.friendfeed {
background:url(img/bookmarks.png) -72px -18px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.facebook {
background:url(img/bookmarks.png) 0px 0px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.twitter {
background:url(img/bookmarks.png) -18px -54px no-repeat;
}
#wrapper #content .col-center .content ul.bookmark li.email {
background:url(img/bookmarks.png) -36px 0px no-repeat;
}
h3#comments {
font-family:Comic Sans MS;
font-size:15px;
}
ol.commentlist {
font-family:Comic Sans MS;
font-size:13px;
}
ol.commentlist li {
color:#FFF;
background:#3D3B3C;
margin:10px 0 10px 0;
padding:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
ol.commentlist li.alt {
color:#FFF;
background:#1B1B1B;
}
ol.commentlist li blockquote { color:#000; }
ol.commentlist li.bypostauthor { background:#2C4887; }
ol.commentlist li.byuser { background:#CE6700; }
ol.commentlist li.comment-author-admin { background:#2b8225; }
#wrapper #content .col-center .content ol.commentlist li.comment div.vcard cite.fn a.url {
color:#CCC;
text-decoration:none;
}
ol.commentlist li.comment div.vcard img.avatar {
float:left;
margin:2px 5px 0 0;
}
#wrapper #content .col-center .content ol.commentlist li.comment div.comment-meta a {
color:#CCC;
text-decoration:none;
}
ol.commentlist li.comment p { margin:10px 0 10px 0; }
#wrapper #content .col-center .content ol.commentlist li.comment div.reply a {
color:#CCC;
text-decoration:none;
}
#respond {
font-family:Comic Sans MS;
font-size:13px;
background:#FFFFCC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#000;
}
ol.commentlist li #respond {
padding:10px;
}
#respond a {
color:#333;
text-decoration:none;
}
#respond a:hover {
color:#000;
text-decoration:underline;
}
#respond h3 { font-size:15px; color:#000; }
#respond input {
border:1px solid #CCC;
padding:5px;
margin:5px 0;
}
#respond textarea {
margin:10px 0 10px 0;
width:90%;
border:1px solid #CCC;
padding:10px;
}
#footer {
}
#footer .corner-right {
width:45px;
height:45px;
background:url(img/main_corners.png) bottom right no-repeat;
float:right;
}
#footer .corner-left {
height:45px;
width:45px;
background:url(img/main_corners.png) bottom left no-repeat;
float:left;
}
#footer .corner-center {
margin:0 45px 0 45px;
height:45px;
background:url(img/main_shadows.png) bottom left repeat-x;
}
#footer #copyright {
font-family:Comic Sans MS;
font-size:11px;
color:#FFF;
text-align:center;
}
#footer #copyright p a {
color:#FFF;
text-decoration:underline;
}
#footer #copyright p a:hover {
color:#999;
text-decoration:none;
}
span.hide {
display:none;
}
.clear {
clear:both;
}
.clear-left {
clear:left;
}
.heighted {
height:20px;
width:100%;
display:block;
}
table {
font-family:Comic Sans MS;
font-size:13px;
text-align:center;
}
table td {
padding:10px;
}
table th {
padding:10px;
font-weight:bold;
}
table caption {
font-size:15px;
text-align:center;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.ui-state-highlight {
height:100px;
margin:10px 0 10px 0;
background:#FFFFCC;
border:1px solid #CCC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
blockquote {
padding:0 10px;
border:1px solid #CCC;
background:#FFF;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
code {
padding:0 10px;
border:1px solid #CCC;
background:#000;
color:#FFF;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}