/*
Theme Name: silentcolors
Theme URI: http://silentcolors.net/
Description: silentcolors.net theme.
Version: 7.1
Author: Miren Berasategi
Author URL: http://silentcolors.net/
*/


div#notice {
  border: solid 2px #900;
  border-bottom: solid 5px #900;
  width: 250px;
  float:right;
  margin: 15px;
  padding: 10px;
  color: #600;
}

html,body{
  margin:0;
  padding:0;
}

body{
  font:0.75em sans-serif;
  color: #333;
  background: url('imgs/background-pattern.png') repeat-x;
}
 

/* ----------  0. STRUCTURE  ---------- */

div#container {
  width: 85%;
  border: solid 5px #ccc;
  border-top:0;
  clear:both;
  margin: 0 7%;
}

div#header {
  background: url('imgs/atapi.png') no-repeat top right;
  padding: 0;
  margin: 0 7%;
  margin-top: 50px;
  border-bottom: solid 5px #999;
}

div#menu{
/*  width: 100%; */
  color:white;
  padding-bottom:0;
  margin-top: 10px;
  clear:both;
}

div#wrapper{
  float:right;
  width:60%;
  margin-left: 0;
  padding:2em 3% 0 2%;
  margin-bottom: 15px;
/*  background: url('imgs/white-pixel.png') repeat; */
  background-color: #fff;
}

div#sidebar{
  float:left;
  width:30%;
  margin-right: 0;
  padding:0 2% 0 3%;
  margin-bottom: 0;
  background-color: #fff;
  color: #AAA;
/*  background: url('imgs/white-pixel.png') repeat; */
}

div#extra{
/*  width: 100%; */
  clear: both;
  padding: 10px 2em;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
}

div#footer{
  padding: 5px 2em;
  font-size: 0.8em;
/*display: inline;
  clear: both;
  width: 100%;*/
}

/* ----------  1. MENU  ---------- */

#menu {
  text-align: right;
  margin:0;
}

#menu ul{
  list-style-type: none;
  padding:0;
  margin: 0;
}

#menu ul li { 
  display: inline; 
}

#menu ul li a{
  text-decoration: none;
  text-transform: uppercase;
  padding: .5em 1em;
  color: #fff;
  font-weight:bold;
  background-color: #999;
}

#menu ul li a:hover {
  color: #000;
}

li#searchform{
  height: 29px;
  margin-bottom: 5px;
  background-color: #999;
  padding: .5em .5em;
}

li#searchform form {
  display:inline;
}

li#searchform form input {
  border: 1px solid #999;
}

li#searchform form p {
  display:inline;
  padding:0;
  margin:0;
}

/* -----  1.1 SEARCHFORM  -----*/

form#searchform input {
  padding: 0;
  border: 1px solid #999;
}

/* -----  1.2 HEADER ----- */

div#header{
  padding: 0 1em;
  padding-top: 5px;
}

div#header h1{
  margin:15px 0 5px 0;
  margin-left: -1em;
}

div#header img{
  border:none;
}

/* ----- 1.3 KANJI ----- */

div#kanji {
  background: url('imgs/silentcolors-kanji.png') no-repeat;
  float: right;
  margin-right: 5%;
  width: 381px;
  height: 208px;
}

/* ----------  2. CONTENT  ---------- */

/* -----  2.1 MICRO-ICONS (CSS3 only) ----- */
/* Info: http://my-dimension.com/article/mini_icons/ */

a[href^="mailto:"] {
  background: transparent url('http://silentcolors.net/email.gif') no-repeat 100% 50%;
  padding-right: 15px;
/*white-space: nowrap; */
}
div#content  a[href^="http:"] {
  background: transparent url('imgs/outside.png') no-repeat 100% 50%;
  padding-right: 15px;
/*white-space: nowrap; */
}
/* This avoids the icon being shown on internal links. Change to suit your taste */
div#content a[href^="http://silentcolors.net/"],
divtent#con a[href^="http://www.silentcolors.net/"] {
  background: inherit;
  padding-right: 0px;
}

/* --  clear links -- */
div#content .post-content a.clear {
  background: inherit;
  padding-right: 0px;
}

div#content .post-content div.clear a {
  background: inherit;
  padding-right: 0px;
}

/* -----  2.2 ASIDES  ----- */

div.aside{
  margin: 0 0 15px 0;
  padding:0;
  color:#333;
  line-height: 1.15em;
}

div.aside .aside-bullet {
  color: #C60;
  font-weight: bold;
  font-size: 2em;
  float:left;
  padding: 0;
  margin: 0;
}
div.aside p{
  padding: 0 0 0 2em;
}

div.aside a {
  color: #666;
  text-decoration: none;
  font-weight: bold;
  border-bottom: dotted 1px #666;
}

div.aside a:visited{
  font-weight: normal;
  border-bottom: solid 1px #CCC;
}

div.aside a:hover{
  color: #C60;
  border-bottom: solid 1px #C60;
}

span.aside-meta a, span.aside-meta a:hover, span.aside-meta a:visited{
  text-decoration: underline;
  border-bottom: none;
  font-weight:bold;
  color: #999;
  font-size:0.9em;
}

/* -----  2.3 POST  ----- */

div.aside + div.post{
  padding-top: 25px;
  border-top: solid 1px #eee;
}

div#content p{
  line-height:1.4em;
}

div.post {
  margin-bottom: 25px;
}

/* -- a. title -- */

h2.post-title img, h2.post-title a{
  border:none;
  font-family: sans-serif;
  font-size: 2em;
  font-weight: bold;
  color:#666;
  padding: 0;
  margin:0;
  margin-top: -25px;
}

/* --  b. meta -- */

.post-meta{
  padding: 0;
  margin: -1.5em 0 2em 0;
  color: #666;
}

.post-feedback{
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  padding: 10px 25px;
  margin-bottom: 25px;
  background: url('imgs/fondo-meta.png') no-repeat right;
  color: #666;
}

.post-meta a, .post-feedback a{
  color: #666;
  background: none;
}

/* -- c. content -- */

.post-content{
  font-size:1.25em;
  line-height:1.25em;
}

.post-content h1{
  font-size:1.5em;
  color:#666;
}

.post-content h2{
  font-size:1.25em;
  color:#666;
}

.post-content h3{
  font-size:1.25em;
  color:#999;
}
.post-content h4{
  font-size:1em;
  color:#999;
}

.post-content a{
  color: #C60;
  text-decoration: none;
  border-bottom: dotted 1px #C60;
}

.post-content a:visited{
  color: #666;
  text-decoration: none;
  border-bottom: solid 1px #CCC;
}

.post-content a:hover{
  color: #C60;
  text-decoration: none;
  border-bottom: solid 1px #C60;
}

div#content .post-content ins {
  text-decoration: none;
  font-weight: bold;
}

div#content .post-content div.left {
  float:left;
  margin-right: 1em;
}

div#content .post-content div.right {
  float:right;
  margin-left: 1em;
}

/* blockquote */
blockquote {
  background: url('imgs/blockquote.png') no-repeat;
  font-family: Georgia, serif;
  font-size: 0.9em;
  line-height: 0.5em;
  padding: 1em 2em 1em 2em;
  margin:0 2em;
  min-height:95px;
}

blockquote p {
  vertical-align: middle;
}

blockquote div {
  float:right;
  font-family:sans-serif;
  font-size: 0.8em;
}

.q_ref {
  padding: 0;
  margin: -2em 3em 0 2em;
  float:right;
  font-family:sans-serif;
  font-size: 0.75em;
}

div#content .post-content blockquote a {
  background: inherit;
  padding-right: 0px;
  color: #666;
  border-bottom: none;
  text-decoration: underline;
}

/* linked images */
div#content .post-content a img {
 border: none;
}

div#content .post-content img.left {
  float:left;
  margin: 0.5em 1em 0 0;
  border: solid 1px #eee;
  padding: 0.5em;
}

div#content .post-content img.right {
  float:right;
  margin: 0.5em 0 0 1em;
  border: solid 1px #eee;
  padding: 0.5em;
}

/* series */
table.series {
  width:100%;
}

table.series td {
  width: 30%;
  font-size: 0.8em;
  color: #666;
}

table.series td a, table.series td a:visited, table.series td a:hover {
  border-bottom: none;
  text-decoration: underline;
  font-weight: bold;
  color: #999;
}

table.series td.center {
  text-align: center;
}

/* smileys */

span.smiley {
  font-weight: bold;
  font-family: sans-serif;
}

/* entradas relacionadas */

div#post-related {
  margin: 2em;
  padding: 0 2em;
  font-weight:bold;
  color: #999;
  border-left:4px solid #eee;
  border-right: 4px solid #eee;
}

div#post-related a, div#post-related a:visited {
  font-weight:normal;
  color:#999;
  border-bottom: solid 1px #eee;
  font-size:0.8em;
}

/* code, pre */

.post-content pre {
  border: 1px dashed #ccc;
  padding: 0.5em 1em;
  font-size: 1em;
}

.post-content code {
  font-size:1.25em;
}

/* -- d. archivos -- */

/* archive links */

div#archive a, div#archive a:visited {
  border-bottom: none;
  text-decoration: none;
  color: #C60;
}

div#archive a:hover {
  text-decoration: underline;
  color: #C60;
}

/* -----  2.4 PREVIOUS/NEXT  ----- */
div.navigation, div.navigation a {
  color: #DDD;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 1.2em;
  text-decoration:none;
}

div.navigation a:hover{
  color: #999;
}

/* ----------  3. COMMENTS  ---------- */

/* Adapted from 'I haev styel' theme by mini-d
http://www.minid.net/2005/08/29/i-haev-styel-tema-para-wordpress-15x
----------------------------------------------- */

#comments h3 {
  font:bold 1.5em Verdana,Arial,Sans-serif;
  color:#666;
  margin:0;
}

#comments h4 {
  font:bold 1.2em Verdana,Arial,Sans-serif;
  color:#666;
  margin-bottom:25px;
}

ul#trackbacks {
  list-style-type: none;
  padding:0;
  margin:0;
}

ul#trackbacks li{
  background: url(imgs/bullet.png) no-repeat;
  background-position: 0 0.4em;
  padding-left: 15px;
  font:1.1em Verdana,Arial,sans-serif;
  padding-bottom:1em;
}

ul#trackbacks li a{
  text-decoration: none;
  font-weight:bold;
  color:#999;
}

ul#trackbacks li a:hover{
  border-bottom: 1px solid #999;
}

p.trackback-meta {
  display:inline;
  font-size:0.8em;
  color:#CCC;
}

ul#trackbacks li p.trackback-meta a {
  color:#CCC;
}

#comments a{
color: #999;
}
div#comments .comment-head p cite a, div#comments .comment-head p cite a:link, div#comments .comment-head p cite a:visited {
  border-bottom: solid 0px #fff;
  background: inherit;
  padding-right: 1px;
  font-size: 1.1em;
  color: #ccc;
}
div#comments .comment-body p a, div#comments .comment-body p a:link, div#comments .comment-body p a:visited {
  background: inherit;
  padding-right: 1px;
}
div.comment-head {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #fff url(http://silentcolors.net/wp-content/themes/silentcolors/images/msg-comment.png) bottom left no-repeat;
  padding-bottom: 10px;
  clear: both;
}
div.silentcolors-head, div.elaine-head {
  background: #fff url(http://silentcolors.net/wp-content/themes/silentcolors/images/msg-comment-silentcolors.png) bottom left no-repeat;
}
div.comment-head img {
  padding: 1px;
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  width: 32px;
  height: 32px;
  margin: 0px 25px 0px 15px;
}
div.comment-head p {
  float: left;
  font: .8em/1.6em Arial, sans-serif;
  margin: 0px 0 0 0px !important;
  line-height: 1.1em;
  padding-top: 7px;
  color: #ccc;
}
div.comment-body {
  background: #f9f9f9;
  padding: 5px 15px 5px 15px;
  border-top: 1px solid #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #eee;
  margin-bottom: 20px;
  -moz-border-radius: .5em;
}

div.comment-body p {
  font-family: Georgia, serif;
  color: #666;
  font-size: 1.1em;
  line-height: 1.2em;
}

div.silentcolors blockquote, div.comment-body blockquote {
  background: none;
  padding: 0 1em;
  margin: 1em 0;	
  border-left: solid 2px #ddd;
  font-size: 0.8em;							
}

/* div.silentcolors, div.elaine {
  background: #F9F9F9 !important;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
} */

div.clear {
  clear: both;
  margin: 0;
  padding: 0;
}


/* ----------  4. SIDEBAR  ---------- */

div#profile {
  padding-top: 15px;
}

#sidebar a{
  color:#AAA;
}

ul#sidebar-content {
  padding-left:0;
  font-family:Georgia, serif;
  font-size: 1.5em;
  font-weight:bold;
  color: #C96;
}

ul#sidebar-content li ul {
  border-top: solid 2px #C96;
}

ul#sidebar-content li ul li ul{
  border-top: none;
}

ul#sidebar-content li{
  list-style: none;
  margin-bottom: 2em;
}

ul#sidebar-content li div.note{
  font-size: 0.7em;
  font-family: sans-serif;
  font-weight: normal;
  color:#AAA;
}

ul#sidebar-content li div.note a, ul#sidebar-content li div.note a:visited {
  color: #AAA;
}

ul#sidebar-content li ul {
  padding:1em 0;
  font-size: 0.7em;
  font-family:sans-serif;
  font-weight:normal;
  color:#AAA;
}

ul#sidebar-content li ul li a, ul#sidebar-content li ul li a:visited{
  color: #AAA;
}

ul#sidebar-content li ul li a:hover{
  text-decoration:underline;
}

ul#sidebar-content li ul li {
  list-style: disc inside;
  margin-bottom: 0;
}
ul#sidebar-content li ul li ul {
  padding-left:1em;
}

ul#sidebar-content li div.delicious-posts ul li{
  list-style: none;
}

ul#recentcommentsList li.recentCommentsPostTitle {
  list-style: none;
}

ul#recentcommentsList li.recentCommentsPostTitle a {
  text-decoration:none;
  font-weight:bold;
  font-size: 1.1em;
}

ul#recentcommentsList li.recentCommentsPostTitle ul {
  margin: 0.2em 0 0.2em 0.2em;
}

ul#recentcommentsList li.recentCommentsPostTitle ul li {
  list-style:disc outside;
  font-size: 1.5em;
  margin:0.2em 0;
}

ul#recentcommentsList li.recentCommentsPostTitle ul li a {
  text-decoration:underline;
  font-weight:normal;
  font-size: 1em;
}

ul#sidebar-content li ul.nobullet li {
  list-style:none;
  padding: 0.5em 0;
}

/* ----------  X. FOOTER  ---------- */

div#extra table tr td{
  vertical-align: top;
  padding: 0 15px;
  font-size: 1.3em;
  font-weight: bold;
  color: #999;
}

div#extra ul {
  padding-left:0;
  line-height: 1em;
}

div#extra ul li, div#extra ul li a {
  list-style: none;
  font-size: 0.9em;
  font-weight: normal;
  color: #AAA;
}

td#flickr img {
  margin: 5px;
}

div.falbum-recent {
  clear:both; 
  padding: 15px 0;
  margin-bottom: 25px;
}

div.falbum-recent div {
  margin: 2px;
}

div.falbum-recent a img {
  border: none;
}

div#extra div.note{
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.9em;
}

div#extra div.note a, ul#extra div.note a:visited {
  color: #AAA;
}

div#extra a, div#extra a img {
  border:none;
}

div#footer, div#footer a {
  color: #999;
  text-align: center;
}

/*

.ac-javascript (contains the whole block)
.ac-javascript h4 (the heading of the include)
.ac-item (contains each individual item)
div#extra p.ac-item a {
  border: solid 1px #999;
}
.ac-title (font-size:0.8em;)
.ac-creator (the creator of the item)
.ac-logo (the allconsuming logo image)

*/

/* ----------  X. MISCELLANEOUS  ---------- */
ul.delicious-cloud li a, ul.delicious-cloud li a:hover, ul.delicious-cloud li a:visited {
  border-bottom: none;
}

span#my_twitter_status_time {
  font-size: 0.9em;
  font-style: italic;
  padding: 0 1em;
}