/* DESIGN NAME: Diurnal DESIGN URI: http://ntuat.wordpress.com VERSION: 1.3-wpcom DESCRIPTION: This flexible 5-in-1 theme changes according to the time of day. Updated 8/12/07 to support avatars */ /* 3c-r.css, because wp.com hates @import*/ div#container { float: left; width: 100%; } div#content { margin: 0 400px 0 0; } div.sidebar { float: left; overflow: hidden; width: 180px; } div#primary { margin: 0 0 0 -400px; } div#secondary { margin: 0 0 0 -200px; } div#footer { clear: left; width: 100% } /* Sunrise */ body.h05, body.h06, body.h07, body.h08 {background:#fff url(http://ntutest.files.wordpress.com/2007/10/header1.png) top left repeat-x} body.h05 .meta-sep, body.h06 .meta-sep, body.h07 .meta-sep, body.h08 .meta-sep { background: url(http://ntutest.files.wordpress.com/2007/10/dot1.gif) center left no-repeat;} body.h05 a, body.h06 a, body.h07 a, body.h08 a { color:#c33} body.h05 a:hover, body.h06 a:hover, body.h07 a:hover, body.h08 a:hover { color:#f66} body.h05 blockquote, body.h06 blockquote, body.h07 blockquote, body.h08 blockquote, body.h05 blockquote p, body.h06 blockquote p, body.h07 blockquote p, body.h08 blockquote p{ background:#fdd;} body.h05 h3, body.h06 h3, body.h07 h3, body.h08 h3, body.h05 #wp-calendar caption, body.h06 #wp-calendar caption, body.h07 #wp-calendar caption, body.h08 #wp-calendar caption { color:#f66; background: url(http://ntutest.files.wordpress.com/2007/10/dot1.gif) center left no-repeat;} body.h05 .hentry h3, body.h06 .hentry h3, body.h07 .hentry h3, body.h08 .hentry h3{ background:#fbfbfb; color:#444} body.h05 h3.entry-title, body.h06 h3.entry-title, body.h07 h3.entry-title, body.h08 h3.entry-title{ background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;} body.h05 #menu ul li a, body.h06 #menu ul li a, body.h07 #menu ul li a, body.h08 #menu ul li a { background:url(http://ntutest.files.wordpress.com/2007/10/tab1.gif) top right no-repeat; } body.h05 #menu ul li a:hover, body.h06 #menu ul li a:hover, body.h07 #menu ul li a:hover, body.h08 #menu ul li a:hover { background:none; } /* Morning */ body.h09, body.h10, body.h11, body.h12 { background:#fff url(http://ntutest.files.wordpress.com/2007/10/header2.png) top left repeat-x; } body.h09 .meta-sep, body.h10 .meta-sep, body.h11 .meta-sep, body.h12 .meta-sep{ background:url(http://ntutest.files.wordpress.com/2007/10/dot2.gif) center left no-repeat;} body.h09 a, body.h10 a, body.h11 a, body.h12 a {color:#5ad} body.h09 a:hover, body.h10 a:hover, body.h11 a:hover, body.h12 a:hover {color:#3cf} body.h09 #header, body.h10 #header, body.h11 #header, body.h12 #header {background:url(http://ntutest.files.wordpress.com/2007/10/sun2.png) top left no-repeat} body.h09 #header h1 a, body.h10 #header h1 a, body.h11 #header h1 a, body.h12 #header h1 a{color:#fff} body.h09 #header h1 a:hover, body.h10 #header h1 a:hover, body.h11 #header h1 a:hover, body.h12 #header h1 a:hover{color:#ff9} body.h09 blockquote, body.h10 blockquote, body.h11 blockquote, body.h12 blockquote, body.h09 blockquote p, body.h10 blockquote p, body.h11 blockquote p, body.h12 blockquote p{ background:#aef; } body.h09 blockquote a, body.h10 blockquote a, body.h11 blockquote a, body.h12 blockquote a{ color:#222; text-decoration:underline} body.h09 h3, body.h10 h3, body.h11 h3, body.h12 h3, body.h09 #wp-calendar caption, body.h10 #wp-calendar caption, body.h11 #wp-calendar caption, body.h12 #wp-calendar caption{ color:#3cf; background:url(http://ntutest.files.wordpress.com/2007/10/dot2.gif) center left no-repeat;} body.h09 .hentry h3, body.h10 .hentry h3, body.h11 .hentry h3, body.h12 .hentry h3 { background:#fbfbfb; color:#444;} body.h09 h3.entry-title, body.h10 h3.entry-title, body.h11 h3.entry-title, body.h12 h3.entry-title{ background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;} body.h09 #menu ul li a, body.h10 #menu ul li a, body.h11 #menu ul li a, body.h12 #menu ul li a {background:url(http://ntutest.files.wordpress.com/2007/10/tab2.gif) top right no-repeat;} body.h09 #menu ul li a:hover, body.h10 #menu ul li a:hover, body.h11 #menu ul li a:hover, body.h12 #menu ul li a:hover {background:none;} /* Afternoon */ body.h13, body.h14, body.h15, body.h16 {background:#fff url(http://ntutest.files.wordpress.com/2007/10/header3.png) top left repeat-x;} body.h13 .meta-sep, body.h14 .meta-sep, body.h15 .meta-sep, body.h16 .meta-sep{ background:url(http://ntutest.files.wordpress.com/2007/10/dot3.gif) center left no-repeat;} body.h13 a, body.h14 a, body.h15 a, body.h16 a { color:#09d;} body.h13 a:hover, body.h14 a:hover, body.h15 a:hover, body.h16 a:hover { color:#4cf;} body.h13 #header h1 a, body.h14 #header h1 a, body.h15 #header h1 a, body.h16 #header h1 a { color:#f5d515;} body.h13 #header h1 a:hover, body.h14 #header h1 a:hover, body.h15 #header h1 a:hover, body.h16 #header h1 a:hover { color:#fff;} body.h13 #header, body.h14 #header, body.h15 #header, body.h16 #header {background:url(http://ntutest.files.wordpress.com/2007/10/sun3.png) top right no-repeat;} body.h13 blockquote, body.h14 blockquote, body.h15 blockquote, body.h16 blockquote, body.h13 blockquote p, body.h14 blockquote p, body.h15 blockquote p, body.h16 blockquote p{ background:#f5d515;} body.h13 h3, body.h14 h3, body.h15 h3, body.h16 h3, body.h13 #wp-calendar caption, body.h14 #wp-calendar caption, body.h15 #wp-calendar caption, body.h16 #wp-calendar caption{ color:#09d; background:url(http://ntutest.files.wordpress.com/2007/10/dot3.gif) center left no-repeat;} body.h13 .hentry h3, body.h14 .hentry h3, body.h15 .hentry h3, body.h16 .hentry h3{ background:#fbfbfb; color:#666;} body.h13 h3.entry-title, body.h14 h3.entry-title, body.h15 h3.entry-title, body.h16 h3.entry-title{ background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;} body.h13 #menu ul li a, body.h14 #menu ul li a, body.h15 #menu ul li a, body.h16 #menu ul li a {background:url(http://ntutest.files.wordpress.com/2007/10/tab3.gif) top right no-repeat;} body.h13 #menu ul li a:hover, body.h14 #menu ul li a:hover, body.h15 #menu ul li a:hover, body.h16 #menu ul li a:hover {background:none;} /*Sunset */ body.h17, body.h18, body.h19, body.h20 {background:#fff url(http://ntutest.files.wordpress.com/2007/10/header4.png) top left repeat-x} body.h17 span.meta-sep, body.h18 span.meta-sep, body.h19 span.meta-sep, body.h20 span.meta-sep{background:url(http://ntutest.files.wordpress.com/2007/10/dot4.gif) center left no-repeat;} body.h17 a, body.h18 a, body.h19 a, body.h20 a, body.h17 #header h1 a:hover, body.h18 #header h1 a:hover, body.h19 #header h1 a:hover, body.h20 #header h1 a:hover {color:#609} body.h17 a:hover, body.h18 a:hover, body.h19 a:hover, body.h20 a:hover, body.h17 #header h1 a, body.h18 #header h1 a, body.h19 #header h1 a, body.h20 #header h1 a {color:#f72} body.h17 blockquote, body.h18 blockquote, body.h19 blockquote, body.h20 blockquote, body.h17 blockquote p, body.h18 blockquote p, body.h19 blockquote p, body.h20 blockquote p{background:#c21; color:#fff} body.h17 h3, body.h18 h3, body.h19 h3, body.h20 h3, body.h17 #wp-calendar caption, body.h18 #wp-calendar caption, body.h19 #wp-calendar caption, body.h20 #wp-calendar caption{color:#C21; background:url(http://ntutest.files.wordpress.com/2007/10/dot4.gif) center left no-repeat;} body.h17 .hentry h3, body.h18 .hentry h3, body.h19 .hentry h3, body.h20 .hentry h3 {background:#fbfbfb; color:#444} body.h17 h3.entry-title, body.h18 h3.entry-title, body.h19 h3.entry-title, body.h20 h3.entry-title{background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;} body.h17 #menu ul li a, body.h18 #menu ul li a, body.h19 #menu ul li a, body.h20 #menu ul li a {background:url(http://ntutest.files.wordpress.com/2007/10/tab4.gif) top right no-repeat;} body.h17 #menu ul li a:hover, body.h18 #menu ul li a:hover, body.h19 #menu ul li a:hover, body.h20 #menu ul li a:hover {background:none;} /* Night */ body.h21, body.h22, body.h23, body.h00, body.h01, body.h02, body.h03, body.h04 { background:#fff url(http://ntutest.files.wordpress.com/2007/10/header5.png) top left repeat-x; } body.h21 .meta-sep, body.h22 .meta-sep, body.h23 .meta-sep, body.h00 .meta-sep, body.h01 .meta-sep, body.h02 .meta-sep, body.h03 .meta-sep, body.h04 .meta-sep { background: url(http://ntutest.files.wordpress.com/2007/10/dot5.gif) center left no-repeat;} body.h21 a, body.h22 a, body.h23 a, body.h00 a, body.h01 a, body.h02 a, body.h03 a, body.h04 a {color:#008} body.h21 a:hover, body.h22 a:hover, body.h23 a:hover, body.h00 a:hover, body.h01 a:hover, body.h02 a:hover, body.h03 a:hover, body.h04 a:hover {color:#36c} body.h21 #header h1 a, body.h22 #header h1 a, body.h23 #header h1 a, body.h00 #header h1 a, body.h01 #header h1 a, body.h02 #header h1 a, body.h03 #header h1 a, body.h04 #header h1 a {color:#bfbfdb} body.h21 #header h1 a:hover, body.h22 #header h1 a:hover body.h23 #header h1 a:hover, body.h00 #header h1 a:hover, body.h01 #header h1 a:hover, body.h02 #header h1 a:hover, body.h03 #header h1 a:hover, body.h04 #header h1 a:hover {color:#fff} body.h21 #header, body.h22 #header , body.h23 #header , body.h00 #header , body.h01 #header , body.h02 #header , body.h03 #header , body.h04 #header {background:url(http://ntutest.files.wordpress.com/2007/10/moon5.png) top right no-repeat;} body.h21 blockquote, body.h22 blockquote, body.h23 blockquote, body.h00 blockquote, body.h01 blockquote, body.h02 blockquote, body.h03 blockquote, body.h04 blockquote, body.h21 blockquote p, body.h22 blockquote p, body.h23 blockquote p, body.h00 blockquote p, body.h01 blockquote p, body.h02 blockquote p, body.h03 blockquote p, body.h04 blockquote p{ background:#008; color:#ccc } body.h21 blockquote a, body.h22 blockquote a, body.h23 blockquote a, body.h00 blockquote a, body.h01 blockquote a, body.h02 blockquote a, body.h03 blockquote a, body.h04 blockquote a{ color:#fff } body.h21 h3, body.h22 h3, body.h23 h3, body.h00 h3, body.h01 h3, body.h02 h3, body.h03 h3, body.h04 h3, body.h21 #wp-calendar caption, body.h22 #wp-calendar caption, body.h23 #wp-calendar caption, body.h00 #wp-calendar caption, body.h01 #wp-calendar caption, body.h02 #wp-calendar caption, body.h03 #wp-calendar caption, body.h04 #wp-calendar caption { color:#36c; background: url(http://ntutest.files.wordpress.com/2007/10/dot5.gif) center left no-repeat;} body.h21 .hentry h3, body.h22 .hentry h3, body.h23 .hentry h3, body.h00 .hentry h3, body.h01 .hentry h3, body.h02 .hentry h3, body.h03 .hentry h3, body.h04 .hentry h3{ background:#fbfbfb; color:#444;} body.h21 h3.entry-title, body.h22 h3.entry-title, body.h23 h3.entry-title, body.h00 h3.entry-title body.h01 h3.entry-title, body.h02 h3.entry-title, body.h03 h3.entry-title, body.h04 h3.entry-title{ background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;} body.h21 #menu ul li a, body.h22 #menu ul li a, body.h23 #menu ul li a, body.h00 #menu ul li a, body.h01 #menu ul li a, body.h02 #menu ul li a, body.h03 #menu ul li a, body.h04 #menu ul li a {background:url(http://ntutest.files.wordpress.com/2007/10/tab5.gif) top right no-repeat;} body.h21 #menu ul li a:hover, body.h22 #menu ul li a:hover, body.h23 #menu ul li a:hover, body.h00 #menu ul li a:hover, body.h01 #menu ul li a:hover, body.h02 #menu ul li a:hover, body.h03 #menu ul li a:hover, body.h04 #menu ul li a:hover {background:none;} /*on to the generic stuff */ body {font: 0.75em arial, helvetica, verdana, sans-serif; margin:0; padding:0; color:#444} #container {background:#fff;} #content { padding:0 10px 0 10px} /* header */ #header {height:200px;} #header h1 {font:3em 'century gothic', futura, serif; margin:0; padding: 0 10px 0 10px;} #blog-description {padding:7px 10px 0px 10px; color:#fff} .skip-link {display:none} /* prev/next links */ .navigation {margin:1em; text-align:center; width:95%; height:1em} .nav-previous {float:left; text-align:left; width:45%} .nav-next {float:right; text-align:right; width:45%} .nav-previous a {padding-left:20px; background:url(http://ntutest.files.wordpress.com/2007/10/dleftarrow.gif) center left no-repeat;} .nav-next a {padding-right:20px; background:url(http://ntutest.files.wordpress.com/2007/10/drightarrow.gif) center right no-repeat;} span.meta-nav {display:none} /* page navigation */ #menu ul li { margin:0; padding:0; display:inline; font:1.2em 'century gothic', futura, sans-serif; } #menu ul li ul {margin:0; display:inline; font-size:0.8em; } #menu ul li a { padding: 3px 20px 3px 10px; letter-spacing:0.05em; } /* sidebar stuff */ .sidebar {margin:0; padding:10px; background:#fff} .sidebar h3, .comments h3, #respond h3 {letter-spacing:0.05em; margin:0; padding:7px 10px 3px 20px; font: 1.4em 'century gothic', futura, sans-serif} #menu ul, .sidebar ul {list-style:none; margin:0; padding:0} .widget, .sidebar li.linkcat {border:1px #ccc solid; margin-bottom:2em} .sidebar ul li, #wp-calendar caption {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x; border-bottom:1px #ccc solid;} .sidebar h3 {border-bottom:1px #ccc solid;} .sidebar ul li ul li, .sidebar ul li div {background:#fbfbfb; border:0; padding:3px 10px 3px 10px} .sidebar ul li ul li ul li { padding-left:15px; background:url(http://ntutest.files.wordpress.com/2007/10/rightarrow.gif) top left no-repeat;} /* posts & comments */ .post, body.page div.hentry, .comment, .trackback, .pingback {border:1px #ccc solid; margin:10px 0 10px 0} .entry-title, .comment-author {letter-spacing:0.05em; margin: 0; background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x; padding:5px 10px 0px 10px; font: 2em 'century gothic', futura, sans-serif} abbr.published {border:0;} .entry-date, .comment-meta, #trackbacks-list div.comment-author { text-transform:uppercase; font-size:0.9em; margin:0; background:#f0f0f0; padding:0px 10px 5px 10px;} .entry-date {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/clock.gif) top left no-repeat; padding-left:20px} #trackbacks-list div.comment-author {font-family: arial, helvetica, verdana, sans-serif; border-bottom:1px #ccc solid; letter-spacing:0em; padding-top:5px} .comment-meta {border-bottom:1px #ccc solid;} .comment p, #trackbacks-list p {padding:0px 10px 0px 10px; background:#fbfbfb;} .entry-content {line-height:1.4em; padding:10px; background:#fbfbfb; border-top:1px #ccc solid; } .entry-meta{ clear:both; background:#f0f0f0; border-top:1px #ccc solid; padding:5px 10px 5px 10px} .meta-sep {padding-left:18px; color:#f0f0f0;} li.bypostauthor div.comment-author {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/starbk.png) top left repeat-x} /* forms */ input, textarea, select {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x; border:1px #ccc solid; color:#444; font:1em arial, helvetica, verdana, sans-serif; overflow:auto} #commentform #submit {margin:10px 0 10px 0; color:#333} #searchform div{background:#f0f0f0; margin:10px} #searchform submit {color:#333} /* calendar */ #calendar h3 {display:none} div#calendar_wrap {padding:0; background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;} #wp-calendar {width:100%; background:#fbfbfb;} #wp-calendar caption {font:1.4em 'century gothic', futura, sans-serif; margin:0; padding: 5px 0px 5px 20px; text-align:left } #wp-calendar td {text-align:center; border:#ccc 1px solid; background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) repeat-x;} #wp-calendar tfoot td { background:#fbfbfb; border:0; } #wp-calendar td.pad {border:0; background:#fbfbfb} td#today { background:#ccc; border:#999 1px solid} /* image handling */ #content img {max-width:98%;} #content, .sidebar {overflow:hidden} a img {border:0} .alignright { float:right; margin:5px} .alignleft { float:left; margin:5px} .center { margin:auto; display:block; } /* getting asides to LOOK like asides */ body.home div.category-asides { margin:20px 0px 20px 0px; padding:5px 10px 5px 10px} body.home div.category-asides *{ display:inline; } body.home div.category-asides .entry-content {border:0; font-size:1em; line-height:1.5em; padding:0} body.home div.category-asides div.entry-meta {background:#fbfbfb; margin:0; border:0 } body.home div.category-asides .entry-title, body.home div.category-asides .entry-date, body.home div.category-asides .author, body.home div.category-asides .meta-sep, body.home div.category-asides .cat-links {display:none} /* html elements */ a {text-decoration:none} blockquote {border:1px #ccc solid; padding:5px} h2 {font: 2em 'century gothic', futura, sans-serif; margin:10px 0 -10px 0; } .hentry ul {list-style-image:url(http://ntutest.files.wordpress.com/2007/10/rightarrow.gif)} #footer { background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) repeat-x; text-align:center; border-top:#ccc 1px solid; padding:10px 0 10px 0; } /* wp-com specific stuff */ /* not feeling the smiley? me neither */ #wpstats {height:1px; width:1px;} /* indicate global tag links */ span.cat-links a:hover, span.tag-links a:hover{background:url(http://ntutest.files.wordpress.com/2007/10/dglobal.gif) top right no-repeat; padding-right:12px;} /* get user avatars looking semi-respectable */ li.comment img.avatar { float:left; margin:3px 5px 0 10px } div.comment-meta {clear:left;} /* nuke author avatar since I can't get it looking good with the stars*/ li.bypostauthor img.avatar {display:none} /* uncomment to hide ads, be aware that you won't be able to put tables in your entries anymore if you do this */ /* div.hentry table {display:none} */