@charset "UTF-8";
/*  
Theme Name: Pixel y Dixel 2009
Theme URI: http://www.pixelydixel.com
Description: 2009 theme for Pixel y Dixel blog.
Version: 1.0
Author: Art - Pixel y Dixel 
Author URI: http://www.pixelydixel.com/

Theme last updated: Nov 26, 2009
*/
/* Eric Meyer's trick */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}

/* - BASIC STUFF - */
body { font-family:Arial,Verdana; font-size:14px; color:#222222; margin:0px; padding:0px; background:url('img/bg_body.jpg') top repeat-x #360015; }
a { color:#91204D; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
.additional-meta { color:#515151; font-size:10px; margin-bottom:20px; }

/* -- MAIN DIVs and ELEMENTS -- */
#wrapper { display:block; width:100%; height:460px; margin:0; padding:0; background:url('img/bg_top.jpg') top center no-repeat;}
#header { width:970px; height:145px; margin:0 auto; padding:16px 0 4px; }
#header h1 a { display:block; width:970px; height:145px; background:url('img/header.png') -6px 0 no-repeat transparent; text-indent:-5000px; overflow:hidden; }



*html #header h1 a { display:block; width:970px; height:145px; background:url('img/header.gif') -6px 0 no-repeat transparent; text-indent:-5000px; overflow:hidden; }



#header h2 { display:none; }
#content-wrapper { width:970px; margin:10px auto 0 auto; }
#footer { overflow:hidden; padding:5px 0 20px 15px; clear:both; float:none; text-align:left; font-size:11px; color:#FBE6AC; letter-spacing:0.2px; }

/* -- POSTS -- */
.post-index { margin:0; padding:10px 0;}
.posts-wrap { float:left; clear:none; width:555px; margin:0px;  display:inline;}
.post { margin:0; padding:0 20px 0 25px; background:url('img/main_bg.png') right repeat-y; height:1%; float:left; display:inline; width:510px; clear:both;}

*html .post { margin:0; padding:0 20px 0 25px; background:url('img/main_bg.gif') left repeat-y; height:1%; float:left; display:inline; width:510px; clear:both;}



.post { text-align:justify; padding-bottom:10px; }

.posts-top { background:url('img/main_top.png') top right repeat-y transparent; height:30px; }
*html .posts-top { background:url('img/main_top.gif') no-repeat top right; height:30px; float:left; width:100%; display:block; font-size:1px; line-height:1px; clear:both;}



.posts-bottom { clear:both; background:url('img/main_bottom.png') bottom right repeat-y transparent; height:40px; }
*html .posts-bottom { clear:both; background:url('img/main_bottom.gif') bottom right repeat-y transparent; height:40px; }



.post hr { display:block; clear:both; border:0; border-top:1px solid #C88FA6; border-bottom:1px solid #E3C7D2; margin:15px 0; height:auto; padding:1px; }
.post p, .post blockquote, .post ul { margin:15px 0; }
.post blockquote { font-style:oblique; color:#452632; background:url('img/bg_quote.gif') left top repeat-y #EFE0E6; margin-left:20px; padding:1px 10px 1px 65px; } /* 0.1px is a trick */
.post .entry-related { clear:both; background:url('img/bg_related.gif') left top no-repeat #FBE6AC; padding:10px; }
.post .entry-related p { font-style:oblique; font-weight:bold; color:#452632; margin-top:0px; }
.post .entry-related li { margin-left:20px; list-style:square; }
.post .entry-categories { font-weight:normal; margin-bottom:5px; }
.post .entry-tags { font-size:11px; margin-top:0px; }
.post .entry-comments-count { margin-top:20px; }
.post .entry-meta a { font-size:12px; font-weight:normal; text-decoration:underline; }
.post .entry-meta span { font-weight:bold; font-style:oblique; color:#452632; }
.post img { margin-right:10px; }
.align-center { text-align:center; clear:both; }
.align-left { float:left; margin-right:10px; }
.align-right { float:right; margin-left:10px; }

/* -- SIDEBARS --*/
.sidebar-wrap { margin:0; overflow:hidden; float:right; clear:none; width:405px; display:inline;}
.sidebar-top { background:url('img/sidebar_top.png') top right repeat-y transparent; height:47px; }
*html .sidebar-top { background:url('img/sidebar_top.gif') top right repeat-y transparent; height:47px; }


.sidebar-bottom { background:url('img/sidebar_bottom.png') bottom right repeat-y transparent; height:48px; }
*html .sidebar-bottom { background:url('img/sidebar_bottom.gif') bottom right repeat-y transparent; height:48px; }


.sidebar { width:100%; clear:both; background:url('img/sidebar_bg.png') right repeat-y transparent; color:#452632; font-size:12px; }
*html .sidebar { width:100%; clear:both; background:url('img/sidebar_bg.gif') right repeat-y transparent; color:#452632; font-size:12px; }


.block-1, .ddmcc { float:left; width:168px; padding:0 5px 0 20px; }
.block-2 { float:right; width:170px; padding:0 15px 0 10px; background:url('img/border_dbl_vert.png') left repeat-y; }
.block-3 { float:none; clear:both; margin:15px 10px 15px 15px; padding:5px; background-color:#FFF; }
.block-4 { float:none; clear:both; margin:15px 10px 0px 15px; padding:5px; }
.sidebar h3 { font-weight:bold; font-size:14px; margin-bottom:5px; }
.sidebar form { margin-bottom:25px; }
.sidebar input { width:100%; height:20px; border:1px solid #000; background:url('img/bg_formfields.png') top repeat-x; }
.sidebar .about-links { font-size:14px; }
.sidebar ul { margin-left:0px; list-style-image:url('img/bullet_orange.png'); list-style-position:inside; }
.sidebar ul li { padding-left:0px; margin-bottom:3px; }
.sidebar ul ul { margin-left:16px; list-style-image:url('img/bullet_wine.png'); }
.sidebar ul ul li { margin-bottom:0px; }
.sidebar ul ul a { font-weight:normal; color:#452632; }
.sidebar ul.children a { margin-left:-3px; }

#twitter_update_list { display:block; margin:0; list-style-type:none; list-style-image:none; padding:3px; background-color:#FCF8EC; border:1px solid #91204D; }
#twitter_update_list li { margin-bottom:1px; padding:3px 3px 3px 20px; background:url('img/bullet_wine2.png') 3px 3px no-repeat #A76A82; color:#FFFFFF; font-size:10px; }
#twitter_update_list li:hover { background-color:#E4844A; }
#twitter_update_list li a { color:#E4C6D1; }
#twitter_update_list li span { font-size:12px; }

.STO_cma_archive_list { list-style-type:none; list-style-image:none !important; }
.STO_cma_line { float:left; }
.STO_cma_month_list { float:left; list-style-type:none; }
.STO_cma_year { float:left; font-weight:bold; font-style:normal; color:#452632; }
.STO_cma_month  { display:block; float:left; margin-right:5px; }

.vrp_image_box { padding:3px; margin:10px 12px 10px 0; background-color:#FCF8EC; border:1px solid #91204D; }

.justclear { clear:both; overflow:hidden; visibility:hidden; height:1px; }


/* -- 404-PAGE --*/
.error404 { margin:0; width:100%; }
.error404 h1,.error404 h2 { margin: 10px auto; }

/* -- COMMENTS -- */
div.comments-wrap { margin:15px auto; padding:0; }
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
input#author, input#email, input#url { width:250px; height:20px; border:1px solid #000; background:url('img/bg_formfields.png') top repeat-x; }
textarea#comment { width:450px; border:1px solid #000; background:url('img/bg_formfields2.png') top repeat-x;  }
.commentlist { list-style-type:none; list-style-image:none; margin:0; padding:0; }
.commentlist li { display:block; padding:10px; background-color:#EAD5DD; font-size:12px; color:#222222; margin-bottom:1px; }
.commentlist li.alt { background-color:#F1E2E8; }
.avatar { background-color:#FCF8EC; border:1px solid #91204D!important; padding:3px; margin-right:10px!important; float:left; }
.commentmetadata { font-style:oblique; }
.commentlist p { margin:0 0 15px 0; }
.comment-instructions { color:#452632; font-size:12px; }

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
.navigation { width:100%; clear:both; margin:0; padding:20px 0; background:url('img/main_bg.png') right repeat-y transparent; }
*html .navigation { width:100%; clear:both; margin:0; padding:20px 0; background:url('img/main_bg.gif') right repeat-y transparent; }


.nav-next { float:left; clear:none; text-align:left; font-size:16px; margin-left:25px; }
.nav-prev { float:right; clear:none; text-align:right; font-size:16px; margin-right:20px; }

/* -- LISTS -- */
.post-wrap ul { margin:0;padding:0; }
.post-wrap ul li {	margin-left:5px;padding:0; }
.post-wrap li { list-style-type:none; }
.post-wrap .disc { list-style-type:disc }

/* lists inside posts */
.entry-content ul ol { margin-left:0; }
.entry-content ul li { margin-left:10px; list-style:disc; list-style-position:inside; }
.entry-content ul li ol { margin-left:10px; }
.entry-content ol li { margin-left:5px; list-style: decimal; list-style-position:inside; }
.entry-content ol li li { margin-left:5px; }

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
h2.entry-title { font-size:24px; font-weight:bold; }
h2#comments { margin:20px auto 10px;font-size:20px; }

/* headings inside posts */
.entry-content h1 { margin:10px 0; font-size:24px; clear:left; }
.entry-content h2 { margin:10px 0; font-size:24px; clear:left; }
.entry-content h3 { margin:10px 0; font-size:20px; clear:left; }
.entry-content h4 { margin:10px 0; font-size:18px; clear:left; }
.entry-content h5 { margin:10px 0; font-size:16px; clear:left; }
.entry-content h6 { margin:10px 0; font-size:14px; clear:left; }

/*
FLICKR BADGE at SIDEBAR
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
.flickr_badge_image { float:left; width:75px; height:75px; padding:3px; margin:0px 12px 10px 0; background-color:#FCF8EC; border:1px solid #91204D; }
#flickr_badge_image4 { margin-right:0px; }

/***/
.foto  {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	float:left;
}
ol.commentlist li.tweetback {
border:1px solid #33CCFF;
}

li.tweetback a {
color: #33ccFF !important;
}

li.tweetback {
	background-image: url(img/twitter.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#FFFFFF;
	
}

ol.commentlist li.facebook {
border:1px solid #3B5998;
}

li.facebook a {
color: #3B5998 !important;
}

li.facebook  {
	background-image: url(img/facebook.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#FFFFFF;
}