/*  
Theme Name: i dream in colours
Theme URI: http://dreamincolours.com
Description: I dream in colours
Version: 1.0
Author: YaaL
Author URI: http://dreamincolours.com
*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

html, body {
margin:0;
padding:0;
background:white;
color:#555;
font-family: 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Trebuchet, Arial, sans-serif;
text-align:center;
}

#strefa3rp {
position:fixed;
top:0;
right:20px;
z-index:30;
}
#strefa3rp img {
border:0;
}
* html #strefa3rp {
position:absolute;
}
#cont {
border-top:20px solid white;
position:relative;
width:700px;
margin: 0 auto;
padding:0 30px;
font-size:14px;
text-align:left;
}

fieldset {
border:0;
}
input, textarea {
font-family: 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', Trebuchet, Arial, sans-serif;
font-size:14px;
border:1px solid #d6d6d6;
vertical-align:middle;
}
input.button {
border:1px solid #999;
}
h1 {
width:30px;
height:246px;
position:absolute;
left:0;
top:105px;
margin:0;
padding:0;
}
h1 a {
display:block;
width:30px;
height:246px;
text-decoration:none;
text-indent:-3000px;
}
a {
color:#666;
text-decoration:none;
font-weight:bold;
}

blockquote {
margin:.3em 0 .3em 1em;
text-align:left;
}
form {
margin:0;
}

q {font-style:italic;}
:lang(pl) q {
  quotes: '\201e' '\201d';
}

menu {
height:105px;
position:relative;
margin:0;
padding:0;
list-style-type:none;
}
menu li {
position:absolute;
font-weight:bold;
font-size:97%;
top:75px;
line-height:30px;
padding-left:24px;
}
#menujournal {
left: 20px;
}
#menuvaria {
left:250px;
}
#menuaboutme {
left:480px;
}
#listpages {
float:left;
width:180px;
margin: 0;
padding: 0 20px;
}
* html #listpages {
margin: 30px 0 0;
}
#listpages li {
margin-left:20px;
}
#notfound {
margin: 0 120px 8em 0;
padding: 0 120px 0 0;
}
#notfound p {
margin-left:135px;
}
/* Opera 8 wartusieje na #content, jak ma podlinkowany nieistniejący arkusz */
#content ol{
margin: 20px 0 20px 135px;
padding:0;
}
#content ol {
list-style-type:none;
}

#content h2, #content #prevnext, #content .searchform {
margin: 10px 0 10px 135px;
padding:0;
}
#single h2 {
margin: 10px 0;
}

#content ol li {
position:relative;
margin: 10px 20px 10px 0;
padding:10px 0 0 ;
}
#content table {
margin: .5em 10%;
border-collapse:collapse;
border:0;
}
#content th,td {
padding: .1em .2em;
}
#content th {
font-weight:bold;
}
#journal #single {
position:relative;
margin:30px 20px 30px 135px;
padding:0;
}
#about #single {
position:relative;
margin:30px 20px 30px 250px;
padding:0;
}
#varia #single {
position:relative;
margin: 30px 20px 30px 250px;
padding:0;
}
#varia #listpages,#varia #listpages ul{
margin: 0 0 .2em 2em;
padding:0;
}
#varia #listpages li {
margin:0;
}
#content h3,#content h2 {
padding: 0 0 5px;
}

.postdate {
text-align:center;
position:absolute;
left:-135px;
top:0;
width:65px;
padding: 0 20px;
height:130px;
font-weight:bold;
}
* html .postdate{
left:-134px;
}
.postdate .day {
font-size:300%;
}
.postcontent, .comments {
text-align:justify;
}
.postcontent p {
margin: .3em 0;
}
.postcontent img {
display:block;
margin: 5px auto;
border:none;
}

#content .postcontent ol, #content .postcontent ul {
margin: .3em 0 .3em 1.2em;
padding:0;
}
#content .postcontent ol {
list-style-type:decimal;
}
#content .postcontent ul {
list-style-type:disc;
}
#content .postcontent ol li, #content .postcontent ul li{
margin: .3em 0; padding:0;
}

.postmeta {
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
padding: 3px 6px;
margin: .6em 0;
background:#eee;
text-align:center;
font-size:85%;
}
.postmeta p {
margin: .1em 0;
}
.postmeta .tags img {
border:0;
margin: 0 2px;
vertical-align:baseline;
}
.comments, .intouch {
font-size:90%;
}
#content .comments ol {
margin: 0 0 0 2em;
}
#content .comments ol ol {
list-style-type:decimal;
margin: 0 0 0 2em;
}
#content .comments ol ol li {
margin: 0;
}
#content .comments ul li {
list-style-type:disc;
}
#content .comments li li {
margin: .3em 0;
padding: 0;
}
.comments p {
margin:5px 0;
padding:0;
color:#8c8c8c;
text-indent:16px;
}
.comments img {
vertical-align:top;
margin-right:3px;
border:1px solid #999;
}
.comments .favicon {
border:0;
margin-right:2px;
width:16px;
height:16px;
}
.comments .gravatar {
 float:left;
 padding: 3px;
 border: 1px solid #333;
 background: #fff;
 width:32px;
 height:32px;
}

.comments ol p {
background:transparent;
text-indent:0;
}

.comments form, .intouch form {
color:#ababab;
}

.comments fieldset, .intouch fieldset {
width:480px;
margin:5px 0 10px;
padding:0;
border:0;
}
#varia .comments fieldset {
width:400px;
}
.comments label, .intouch label {
width: 200px;
height:4em;
float:left;
margin: 5px 30px 5px 0;
padding-top:5px;
}
.intouch label {
margin: 5px 20px 5px 0;
}
.comments input, .intouch input {
width:194px;
margin: 2px 0;
padding:3px;
}

.comments input.button, .intouch input.button, #access input.button {
width:85px;
color:#555;
height:25px;
}
.comments input.checkbox {
border:0;
background:transparent;
width: 1em;
vertical-align:middle;
}

.comments input.button{
margin:10px 0 0 347px;
}
.intouch input.button {
margin:10px 0 0 337px;
}
.comments textarea, .intouch textarea {
margin:5px 0;
padding:0;
width:430px;
height:200px;
color:#555;
}

.comments p.info {
background:#eee;
font-size:85%;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
padding:.2em .5em;

}
blockquote, #content .comments .trackback,#content .comments .pingback {
border-left:2px solid #ccc;
background: #eaeaea;
padding: .5em;
font-size:90%;
}

#addons {
clear:both;
margin:0;
padding: 10px 20px 20px;
font-size:97%;
color:#888;
}

#addons div {
float:left;
min-height:120px;
width:200px;
}
#addons h3 {
font-weight:bold;
padding: 0 0 0 24px;
margin: 10px 0;
}
#addons a{color:#999;}
#links {
left:250px;
margin:0 30px;
}

#flickr ul {
margin:0; padding:0;
}
#flickr li {
list-style-type:none;
float:left;
margin:5px;
}
#flickr li.first-child {
margin-left:0;
}
#flickr img {
border:5px solid #666;
}
#footer {
clear:both;
margin:0;
padding: 5px 20px;
color:#aaa;
font-size:80%;
text-align:center;
}
#footer p {
margin: 2px 0;
padding:0;
}
#access {
margin:0;
color:#aaa;
font-size:80%;
text-align:center;
/*position:fixed;
z-index:10;
width:100%;
*/
padding-bottom:3px;
border-bottom:1px solid #222;
}
* html #cont{
border-top:20px solid white;
}
#access ul {
margin:0 auto;padding:0 15px 1px;
width:720px;
}
#access li {
list-style-type:none;
width:230px;
margin:0 5px;
padding: 3px 0;
float:left;
line-height:25px;
}
#access a {
color:#888;
}
#access fieldset {
border:none;
margin:0;
padding:0;
}
#access input {
height:18px;
width:80px;
margin: 0 4px;
padding:1px 2px;
}
#access input.button {
height:23px;
}

.postcontent a {
/*border-bottom:1px dotted;*/
border-bottom:3px double;
}
.postcontent a:hover {
/*border-bottom:1px solid;*/
border-bottom:3px solid;
}
.asides {font-size:90%; text-align:justify;}
#content ol li.asides {padding:0 0 0 6px;margin: 0 20px 0 0; border-left:2px dotted #aaa;}
.asides * { display:inline;}
.asides a .comment {
display:none;
}
#wp-calendar {
width:196px;
}
#wp-calendar td, #wp-calendar th {width:28px; text-align:right; }
#links ul {
margin: 0 0 0 20px;
padding:0 0 0 5px;
}

#about img.me {
position:absolute;
top:0;
left:-220px;
border:5px solid #666;
}
/* tla */
html, body#about  {background: url(/wp-content/themes/idreamincolours/images/bg-body-about.png) center repeat-y;}
body#journal {background: url(/wp-content/themes/idreamincolours/images/bg-body-journal.png) center repeat-y;}
body#varia {background: url(/wp-content/themes/idreamincolours/images/bg-body-varia.png) center repeat-y;}

#about #cont {background: url(/wp-content/themes/idreamincolours/images/bg-cont-about.png) top no-repeat;}
#journal #cont {background: url(/wp-content/themes/idreamincolours/images/bg-cont-journal.png) top no-repeat;}
#varia #cont {background: url(/wp-content/themes/idreamincolours/images/bg-cont-varia.png) top no-repeat;}

#about h1 {background: url(/wp-content/themes/idreamincolours/images/idreamincolours-about.png) top right no-repeat;}
#journal h1 {background: url(/wp-content/themes/idreamincolours/images/idreamincolours-journal.png) top right no-repeat;}
#varia h1 {background: url(/wp-content/themes/idreamincolours/images/idreamincolours-varia.png) top right no-repeat;}

#about menu li, #about #addons h3 {background:url(/wp-content/themes/idreamincolours/images/marker-about.png) left center no-repeat;}
#journal menu li, #journal #addons h3 {background:url(/wp-content/themes/idreamincolours/images/marker-journal.png) left center no-repeat;}
#varia menu li, #varia #addons h3 {background:url(/wp-content/themes/idreamincolours/images/marker-varia.png) left center no-repeat;}

#addons {background: #333 url(/wp-content/themes/idreamincolours/images/bg-addons.png) top repeat-x;}
#access {background: #333 url(/wp-content/themes/idreamincolours/images/bg-access.png) bottom;}
#footer {background: #333 url(/wp-content/themes/idreamincolours/images/bg-footer.png) top repeat;}
.postdate {background: url(/wp-content/themes/idreamincolours/images/bg-date.png) top repeat-x;}
.comments p {background: url(/wp-content/themes/idreamincolours/images/bubble.png) top left no-repeat;}
#notfound {background: url(/wp-content/themes/idreamincolours/images/bg-notfound.png) bottom right no-repeat;}
.comments form {background: url(/wp-content/themes/idreamincolours/images/bg-commentform.png) bottom right no-repeat;}
#varia .comments form {background:transparent;}
input {background: white url(/wp-content/themes/idreamincolours/images/bg-input.png) bottom repeat-x;}
input.button {background: #d7d7d7 url(/wp-content/themes/idreamincolours/images/bg-button.png) bottom repeat-x;}
textarea {background: white url(/wp-content/themes/idreamincolours/images/bg-textarea.png) bottom repeat-x;}




/* kolorki zależne od sekcji */
#journal h2, #journal h3, #journal h2 a, #journal h3 a, #journal h4,
#journal .postdate, #journal .postcontent a, #journal .postcontent
a:hover {color:#738B1F;}
#varia h2, #varia h3, #varia h2 a, #varia h3 a, #varia h4, #varia .postdate, #varia .postcontent a, #varia .postcontent a:hover {color:#5497E0;}
#about h2, #about h3, #about h2 a, #about h3 a, #about h4, #about .postdate, #about .postcontent a, #about .postcontent a:hover {color:#C40219;}

#journal menu a, #journal #addons h3, #journal #addons h3 a, #journal #wp-calendar a { color:#AEC64B;}
#varia menu a, #varia #addons h3, #varia #addons h3 a, #varia #wp-calendar a { color:#5497E0;}
#about menu a, #about #addons h3, #about #addons h3 a, #about #wp-calendar a { color:#F5362C;}


/* po pododawaniu min-height (chyba) IE zwartusiało i śmiesznie pokazuje listy uporządkowane */
h1 a { overflow: hidden }

.postcontent code {background:#ffd;font-family: 'Lucida Console', 'Courier New', monospace}
.postcontent .codeblock {border:1px solid #fda; width:95%; padding: .5em 2%; background:#ffe; margin: .5em 0; overflow:auto}
.postcontent .codeblock code { white-space:pre; background:#ffe}
.postcontent var {color:#070;}

/* pullquotes

js: $(document).ready(function() { $('.pullquote').each(function() { $(this.parentNode).before('<blockquote class="pullquote"><p>' + $(this).html() + <\/p><\/blockquote>'); }); });

blockquote.pullquote {
float:left;
width:10em;
margin:0.25em 0.75em 0.25em 0;
padding:0.5em;
border:3px double #ccc;
border-width:3px 0;
color:#333;
background:transparent;
font:italic 1.3em/1.3 Georgia;
}
blockquote.alt {
float:right;
margin:0.25em 0 0.25em 0.75em;
}
.pullquote p {
margin:0;
text-align:center;
}
.pullquote p:first-letter {text-transform:uppercase}
 */