W3C CSS Validator results for http://bluesmoon.info/ (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbluesmoon.info%2F
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (12)

URI : http://a1.bluesmoon.info/blue.css

12 -moz-border-radius is an unknown vendor extension
12 -webkit-border-radius is an unknown vendor extension
12 -webkit-box-shadow is an unknown vendor extension
12 -moz-box-shadow is an unknown vendor extension
89 -moz-box-shadow is an unknown vendor extension
89 -webkit-box-shadow is an unknown vendor extension
103 -moz-box-shadow is an unknown vendor extension
103 -webkit-box-shadow is an unknown vendor extension
135 -moz-border-radius is an unknown vendor extension
135 -webkit-border-radius is an unknown vendor extension
252 -moz-box-shadow is an unknown vendor extension
252 -webkit-box-shadow is an unknown vendor extension

↑ Top

Valid CSS information

body {
font-size : 1em;
background-color : #445;
padding : 5%;
margin : 0;
font-family : "Gill Sans", "Trebuchet MS", Trebuchet, Tahoma, Verdana, Sans-Serif;
}
div#content {
background-color : #f8f8f8;
}
a {
color : #05a;
}
a:hover, a:active {
color : #68a;
}
pre {
line-height : 1.4em;
font-size : 1.1em;
margin-right : 2%;
padding : 1em 1em 1em 1.5em;
background-color : #fff8e0;
border-left : 3px solid #f70;
}
pre em {
color : #28d;
background-color : #ffeaca;
font-style : normal;
}
pre strong {
color : #842;
background-color : #ffeaca;
font-weight : normal;
padding : 2px;
margin : -2px;
}
pre.eqn {
font-style : italic;
}
h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a {
color : #571;
}
blockquote {
font : 1.2em 1.2em/1.7em "Hoefler Text", Palatino, serif;
color : #444;
border : #ddd solid 1px;
background-color : #eee;
padding : 1em 2em;
margin : 1em 0;
border-radius : 10px;
box-shadow : 0 0 0.8em #000;
}
blockquote pre {
font-style : normal;
}
q {
font-style : italic;
}
a img {
border : none;
}
p.alert {
text-align : center;
font-size : 1.5em;
font-weight : bolder;
}
div.vcard {
border-bottom : 2px solid #89a;
margin : 0;
padding : 1px 1em;
}
div.vcard h1 {
font-size : 1.1em;
font-weight : bolder;
margin-bottom : 0.4em;
text-transform : lowercase;
line-height : 2.4em;
}
div.vcard h1 em {
font-size : 1.618em;
font-style : normal;
font-family : "Trebuchet MS", Trebuchet, Tahoma, Verdana, sans-serif;
}
div.vcard h1 em strong {
color : #05a;
}
div.vcard img#avatar {
float : left;
margin : -0.2em 10px 2px 0;
padding : 3px;
border : #a86 solid 1px;
background-color : white;
color : #a86;
}
div.vcard br {
clear : both;
}
div.vcard p.description br {
clear : none;
}
div.vcard code {
font-style : italic;
}
div#header {
clear : both;
text-align : left;
background-color : #181830;
padding : 1em 0.5em 1.5em 0.5em;
color : #eee;
font-size : 0.8em;
border : #f5f5f5 solid 2px;
}
div#header ul {
margin : 0;
padding : 0;
}
div#header ul li {
display : inline;
list-style-type : none;
margin : 0.5em 1em;
text-transform : uppercase;
}
div#header a {
color : #eee;
text-decoration : none;
padding : 2px 0.2em;
}
div#header a:hover, div#header a:active {
border-bottom : 2px solid #f70;
}
body.bluesfood div#header a[href="http://food.bluesmoon.info/"], body.blueswalk div#header a[href="http://blueswalk.bluesmoon.info/"], body.bluestech div#header a[href="http://tech.bluesmoon.info/"], body.talks div#header a[href="http://talks.bluesmoon.info/"], body.code div#header a[href="http://hacks.bluesmoon.info/"], body.music div#header a[href="http://bluesmoon.info/music/"], body.planet div#header a[href="http://bluesmoon.info/planet/"], body.me div#header a[href="http://bluesmoon.info/me/"], body.home div#header a[href="http://bluesmoon.info/"] {
border-bottom : 2px solid #f70;
}
div#footer {
clear : both;
text-align : left;
background-color : #181830;
padding : 2em 0.5em 3.5em 0.5em;
margin-top : 1.618em;
color : #eee;
font-size : 0.8em;
border : #f5f5f5 solid 2px;
}
div#footer ul {
margin : 0;
padding : 0;
}
div#footer ul li {
display : inline;
list-style-type : none;
margin : 0 1em;
text-transform : uppercase;
}
div#footer div#colophon ul {
float : left;
margin-right : 7em;
}
div#footer div#colophon ul li {
display : list-item;
text-transform : none;
margin-left : 0;
}
div#footer a {
color : #eee;
text-decoration : none;
}
div#footer a:hover, div#footer a:active {
text-decoration : underline;
color : #eee;
}
div#footer li.feed a {
background : url('http://i1.bluesmoon.info/feed-icon-14x14.png') left center no-repeat;
padding-left : 18px;
}
div#footer li.license {
float : right;
margin-top : -0.5em;
}
div#footer h2, div#footer h3 {
color : white;
font-size : 1em;
text-transform : uppercase;
font-weight : normal;
}
div#footer div#colophon {
margin : 2em 1em;
padding : 1em 5% 0 5%;
border-top : 1px solid white;
}
div#colophon div.col {
float : right;
margin-left : -7em;
}
div#body {
margin-right : -560px;
float : left;
width : 98%;
background-color : #f8f8f8;
text-align : justify;
line-height : 1.4em;
}
div#bodycontent {
margin-right : 560px;
padding : 0 1em 0 1em;
overflow : hidden;
color : #111;
}
div#bodycontent a.doc-link img {
float : right;
margin : -3em -1em 0 0;
}
ul li {
list-style-type : square;
padding : 0.2em;
}
li.good:before {
content : "\2713";
color : #571;
padding : 5px;
}
li.bad:before {
content : "\2717";
color : #813;
padding : 7px;
}
.blog-admin {
display : none;
}
div.daygroup, div.blog-posts {
padding : 0 0 0 1.5em;
}
div.daygroup h2, h2.date-header, h2.doc-header {
font-size : 0.7em;
color : #cba;
margin : 1.6em -1em 0 0;
clear : both;
}
h2.doc-header {
padding-top : 2.6em;
}
h2 {
font-size : 1.1em;
}
div.channelgroup h3, h3.post-title {
margin : 0 -1em 0.6em 0;
padding-top : 1em;
border-top : 1px solid #cba;
}
div.channelgroup h3 a, h3.post-title a {
font-size : 1em;
padding-bottom : 0;
color : #461;
text-decoration : underline;
}
div.channelgroup h3 a:hover, h3.post-title a:hover {
color : #683;
}
div.repo ul {
padding-left : 0;
margin : 0;
}
div.repo ul li {
list-style-type : none;
border-bottom : 1px solid #aaa;
margin-bottom : 0.5em;
padding : 0.5em;
}
div.repo ul li a {
text-decoration : none;
}
div.repo ul li a img {
float : right;
margin-top : -0.6em;
}
div.post {
margin-bottom : 1em;
}
div.entrygroup h4 {
margin : 1.5em 0 0.4em 0;
font-size : 0.9em;
text-transform : uppercase;
}
div.entrygroup h4 a {
text-decoration : none;
color : #568;
}
div.entry, div.post-body {
font-size : 0.9em;
}
div.entry img, div.post-body img {
max-width : 98%;
}
div.post-body img {
padding : 0.7em;
margin : 0.5em 1.5em;
box-shadow : 0 0 1em #000;
}
div.post-footer {
font-size : 0.9em;
margin : 1em 0 2.5em 0;
color : #888;
}
div.entry p.date {
text-align : right;
}
div.entry p.date a, div.post-footer a {
color : #877;
text-decoration : none;
}
li span.date {
display : block;
font-size : 0.6em;
color : #ccc;
line-height : 0.9em;
margin-left : 0;
}
li:hover span.date {
color : #aaa;
}
div#content h3, div.content h4, div.content h5 {
border : none;
font-weight : bold;
}
div#content h4 {
font-size : 1.1em;
margin-bottom : 0.5em;
}
div#content h5 {
font-size : 1em;
font-weight : bold;
font-style : italic;
margin : 0.7em 0 0.2em 0;
}
p.mugshot {
text-align : center;
}
p.mugshot img {
border : none;
max-width : 80%;
box-shadow : 0 0 1em #000;
}
div#sidebar {
background-color : #f5f5f5;
padding : 0;
margin-bottom : 1px;
border-left : 2px solid #e8e8e8;
font-size : 0.9em;
float : right;
width : 562px;
}
div#sidebar1 {
background-color : #f5f5f5;
padding : 0 10px;
width : 334px;
}
div#sidebar2 {
background-color : #f3f3f3;
padding : 0 10px;
border-left : 1px dotted #cccccc;
float : right;
width : 200px;
font-size : 0.9em;
overflow : hidden;
}
div#sidebar div#sidebar1, div#sidebar div#sidebar2 {
font-size : 1em;
padding : 1em 7px 0.5em 7px;
}
div#sidebar1 h2, div#sidebar2 h2 {
font-size : 0.9em;
text-transform : uppercase;
color : #888;
border-bottom : 1px solid #ccc;
padding-left : 0.2em;
margin-top : 1.3em;
}
div#sidebar1 h2 a, div#sidebar2 h2 a {
color : #888;
text-decoration : none;
}
div.cloud-label-widget-content {
line-height : 1.5em;
}
div.cloud-label-widget-content a {
text-decoration : none;
margin : 0;
padding : 0 1px 1px 1px;
font-size : 1.1em;
}
div.cloud-label-widget-content a:hover {
border-bottom : 1px solid #68a;
}
img.favicon {
margin : 0 5px 0 0;
vertical-align : middle;
width : 16px;
height : 16px;
}
div#xfn h2 {
text-transform : uppercase;
font-size : 1em;
}
div#xfn ul {
padding-left : 0.5em;
}
div#xfn li.feed {
list-style-type : none;
padding : 0.5em 0;
}
div#xfn li.feed a {
text-decoration : none;
}
div#xfn li.feed a:hover {
text-decoration : underline;
}
div#blog-pager {
clear : right;
font-size : 0.9em;
margin : 2em;
padding-top : 2em;
}
dl#comments-block.avatar-comment-indent {
border-top : 2px solid #ddd;
margin-left : 0;
}
dl#comments-block dt, dl#comments-block dd {
padding-left : 75px;
padding-right : 2.5em;
}
dl#comments-block.avatar-comment-indent div.vcard {
border : none;
padding : 0;
margin : 0;
}
dl#comments-block.avatar-comment-indent dt.comment-author {
padding-top : 2.618em;
font-weight : bolder;
text-shadow : 1px 1px 2px #ccc;
}
dl#comments-block.avatar-comment-indent dt.comment-author a {
text-decoration : none;
}
dl#comments-block.avatar-comment-indent dd.comment-date {
font-size : 0.65em;
}
dl#comments-block.avatar-comment-indent dd.comment-date a {
text-decoration : none;
color : black;
}
dl#comments-block.avatar-comment-indent dd.comment-footer {
padding-bottom : 1.5em;
border-bottom : 2px dotted #ddd;
}
dl#comments-block.avatar-comment-indent div.avatar-image-container {
left : 0;
height : auto;
width : auto;
padding : 3px;
background-color : #ccc;
border-radius : 3px;
}
dl#comments-block p {
font-size : 0.9em;
}
div.comment-form {
max-width : 900px;
}
div#license {
float : right;
}
div.license-text {
position : absolute;
left : -999em;
}
div#delicious-posts-bluesmoon ul {
margin : 1em 1.2em;
}
div#delicious-posts-bluesmoon li {
list-style-type : square;
list-style-position : outside;
}
div#twitter_div ul {
padding : 5px;
}
div#twitter_div li {
list-style-type : none;
}
#flickr_badge_uber_wrapper {
margin : 0.5em 0;
text-align : center;
width : 200px;
}
#flickr_badge_wrapper {
padding : 7px 0 0 0;
border : #a7a7a7 solid 1px;
}
.flickr_badge_image {
margin : 4px;
display : inline;
}
.flickr_badge_image img {
border : #a7a7a7 solid 1px;
padding : 5px;
margin-bottom : 5px;
background-color : white;
color : black;
}
#flickr_badge_source {
text-align : left;
margin : 0 10px 0 10px;
padding : 0 !important ;
font : 11px Arial, Helvetica, sans-serif !important ;
color : #666666 !important ;
}
#flickr_www {
display : block;
padding : 0 10px 0 10px !important ;
font : 11px Arial, Helvetica, sans-serif !important ;
color : #3993ff !important ;
}
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {
text-decoration : none !important ;
background : inherit !important ;
color : #3993ff;
}
div#upcoming_clean_medium {
width : 190px;
margin-bottom : 0.5em;
padding : 8px 10px 8px 7px;
border-bottom : 1px dotted #ADAABD;
}
div#upcoming_clean_medium .upb_text, div#upcoming_clean_medium a {
color : #333;
font : normal normal 11px Verdana, Arial, Helvetica, sans-serif;
}
div#upcoming_clean_medium a {
color : #a50000;
text-decoration : none;
}
div#upcoming_clean_medium a:hover {
background-color : #eee;
}
div#upcoming_clean_medium .upb_header {
padding : 3px 3px 5px 0;
}
div#upcoming_clean_medium .upb_header .upb_text {
font : normal bold 12px Georgia, Serif;
color : #424142;
}
div#upcoming_clean_medium .upb_header a {
font : normal bold 12px Georgia, Serif;
color : #A51410;
}
div#upcoming_clean_medium .upb_events {
margin : 0;
padding : 5px 0;
}
div#upcoming_clean_medium .upb_event {
margin-bottom : 5px;
line-height : 140%;
}
div#upcoming_clean_medium li {
list-style : none;
}
div#upcoming_clean_medium .upb_date {
border-bottom : 1px solid #C6C3C6;
margin : 10px 0 3px 0;
}
div#upcoming_clean_medium .upb_date .upb_text {
color : #424142;
font-size : 11px;
font-weight : bold;
border-bottom : 1px solid #C6C3C6;
color : #424142;
margin : 10px 0 3px 0;
}
div#upcoming_clean_medium .upb_more {
margin : 10px 0 15px 0;
text-align : left;
}
div#upcoming_clean_medium .upb_more a {
color : #743323;
text-decoration : underline;
}
div#upcoming_clean_medium .upb_venue a {
color : #743323;
}
.BlogArchive #ArchiveList ul {
padding-left : 1em;
margin-left : 0.5em;
}
.BlogArchive #ArchiveList ul li {
list-style-type : square;
padding : 0.5em 0;
text-indent : 0;
}
#navbar {
position : absolute;
left : 0;
top : 0;
width : 100%;
}
#navbar #Navbar1 {
visibility : hidden;
}
#navbar:hover #Navbar1 {
visibility : visible;
}
span.label-size-1 {
font-size : 60%;
}
span.label-size-2 {
font-size : 80%;
}
span.label-size-3 {
font-size : 95%;
}
span.label-size-4 {
font-size : 110%;
}
span.label-size-5 {
font-size : 125%;
}
span.label-size-6 {
font-size : 140%;
}
span.label-size-7 {
font-size : 160%;
}
body.wide div#body, body.blog div#body {
margin-right : -320px;
}
body.wide div#bodycontent, body.blog div#bodycontent {
margin-right : 320px;
}
body.wide div#sidebar2, body.blog div#sidebar2 {
width : 300px;
}
body.error div#body, body.error div#body div#bodycontent {
margin-right : 10px;
}
body.blog #flickr_badge_uber_wrapper {
width : 298px;
margin-top : 2.2em;
}
body.blog #flickr_badge_image2 {
margin-right : 99px;
}
body.blog #flickr_badge_image9 {
margin-left : 99px;
}
body.planet div#body {
margin-right : -220px;
}
body.planet div#bodycontent {
margin-right : 220px;
}
body.bluesfood div.cloud-label-widget-content a:hover {
color : #d26;
border-bottom : 1px solid #d26;
}
body.bluestech div.cloud-label-widget-content a:hover {
color : #461;
border-bottom : 1px solid #461;
}
body.blueswalk div.cloud-label-widget-content a:hover {
color : #853;
border-bottom : 1px solid #853;
}
body.bluestech #uds-searchControl {
display : none;
}
body.bluestech p.description {
text-align : center;
padding-right : 72px;
}
body.blog .BlogArchive #ArchiveList ul {
padding : 0;
margin : 0;
}
body.blog .BlogArchive #ArchiveList ul li {
list-style-type : none;
padding-bottom : 0.1em;
}
body.blog .BlogArchive #ArchiveList ul.posts li {
font-size : 0.9em;
padding-bottom : 0;
}
body.bluestech #twitter ul {
padding-left : 3px;
}
body.bluestech #twitter ul li {
list-style-type : none;
padding : 5px 0;
border-bottom : 1px dotted #e8e8e8;
}
body.bluestech .delicious-network-add a, a.delicious-link {
color : #1663c1;
}
body.bluestech ul.twitter-timeline a {
text-decoration : underline;
color : #40961b;
}
body.bluestech div.follow-me {
text-align : center;
}
body.bluestech div.follow-me a {
text-decoration : underline;
color : #40961b;
}
body.bluestech div#body {
margin-right : -20%;
}
body.bluestech div#bodycontent {
margin-right : 20%;
}
body.bluestech div#sidebar2 {
width : 19%;
}
body.blueswalk div.post-body img {
margin : 3px 16px 1px 16px;
}
ul#socialnetworks {
padding-left : 1em;
}
ul#socialnetworks li {
list-style-type : none;
}
ul#socialnetworks li a {
background : url("http://i1.bluesmoon.info/socialnetworks.png") no-repeat;
padding-left : 25px;
}
ul#socialnetworks a[href^="http://www.flickr.com/"] {
background-position : 0 -78px;
}
ul#socialnetworks a[href^="http://www.facebook.com/"] {
background-position : 0 -52px;
}
ul#socialnetworks a[href^="http://www.linkedin.com/"] {
background-position : 0 -130px;
}
ul#socialnetworks a[href^="http://www.twitter.com/"] {
background-position : 0 -182px;
}
ul#socialnetworks a[href^="http://del.icio.us/"] {
background-position : 0 0;
}
ul#socialnetworks a[href^="http://www.dopplr.com/"] {
background-position : 0 -26px;
}
ul#socialnetworks a[href^="http://upcoming.org/"] {
background-position : 0 -208px;
}
ul#socialnetworks a[href^="http://www.slideshare.net/"] {
background-position : 0 -156px;
}
ul#socialnetworks a[href^="http://github.com/"] {
background-position : 0 -104px;
}
.ref {
font-size : 0.9em;
}
.normalwidth {
display : inline;
}
.narrowwidth {
display : none;
}
div#overflow_div {
position : absolute;
left : -999em;
}
.MathJax_Display {
box-shadow : 0 0 0.5em 0;
padding : 1em 0;
}
#ln_widget {
margin-top : 2em;
}
@media screen and (max-width:1152px) {
body {
padding : 2%;
}
}
@media screen and (max-width:1024px) {
body {
padding : 0;
}
div.vcard h1 {
margin : 0.5em 0 0 84px;
}
div.vcard img#avatar {
margin : -50px 10px 2px 0;
}
div.vcard p {
margin : 0;
}
div#header {
border : none;
}
div#footer {
border : none;
}
div#footer div#colophon ul {
margin-right : 4em;
}
div#body {
margin-right : -430px;
}
div#bodycontent {
margin-right : 430px;
}
div#sidebar {
width : 425px;
}
div#sidebar1 {
width : 200px;
}
#navbar {
position : absolute;
left : 90%;
width : 10%;
}
#navbar:hover {
left : 0;
width : 100%;
}
}
@media screen and (max-width:1000px) {
div#body {
margin-right : -220px;
}
div#bodycontent {
margin-right : 220px;
}
div#sidebar {
width : 215px;
}
div#sidebar1 {
width : 200px;
clear : right;
}
div#sidebar2 {
border-left : none;
}
}
@media screen and (max-width:720px) {
div#footer div#colophon {
margin : 2em 0;
padding : 1em 2% 0 2%;
}
div#footer div#colophon ul {
margin-right : 0.5em;
}
body.wide div#body, body.blog div#body {
margin-right : -32%;
}
body.wide div#bodycontent, body.blog div#bodycontent {
margin-right : 32%;
}
body.wide div#sidebar2, body.blog div#sidebar2 {
width : 30%;
}
body.bluestech div#body, body.planet div#body {
margin-right : 0;
float : none;
}
body.bluestech div#bodycontent, body.planet div#bodycontent {
margin-right : 0;
}
body.bluestech div#sidebar2, body.planet div#sidebar2 {
width : 90%;
background-color : transparent;
margin : 1em 2%;
float : none;
border-left : none;
}
body.planet #flickr_badge_uber_wrapper {
width : 100%;
}
}
@media screen and (max-width:590px) {
div#header ul li {
font-size : 0.85em;
margin : 0.2em;
}
div#footer {
font-size : 0.75em;
}
body.wide div#body, body.blog div#body {
margin-right : 0;
float : none;
}
body.wide div#bodycontent, body.blog div#bodycontent {
margin-right : 0;
}
body.wide div#sidebar2, body.blog div#sidebar2 {
width : 90%;
background-color : transparent;
margin : 1em 2%;
float : none;
border-left : none;
}
.normalwidth {
display : none;
}
.narrowwidth {
display : inline;
}
}
@media screen and (max-width:580px) {
div#header {
padding : 0.5em 0 1em 0.5em;
}
div#footer {
font-size : 0.6em;
}
div#body {
margin-right : 0;
float : none;
}
div#bodycontent {
margin-right : 0;
}
div#sidebar {
width : 100%;
}
div#sidebar1 {
width : 255px;
clear : none;
}
div#sidebar2 {
border-left : 1px dotted #ccc;
}
body.bluestech pre {
font-size : 0.9em;
}
div.delicious-blogbadge {
display : none;
}
}
@media screen and (max-width:480px) {
body {
font-size : 0.9em;
}
div#header ul li {
font-size : 0.8em;
}
div#footer > ul li {
font-size : 0.8em;
margin : 0 0.25em;
}
div#body {
text-align : left;
}
div.vcard h1 {
margin : 0 0 0.4em 0;
}
div.vcard img#avatar {
display : none;
}
}
@media screen and (width:480px) and (orientation:landscape) {
div.vcard {
font-size : 0.7em;
}
div#bodycontent {
font-size : 0.7em;
line-height : 1.2em;
}
}
@media screen and (max-width:479px) {
div#sidebar1 {
width : 200px;
}
}
@media screen and (max-width:440px) {
div#sidebar1 {
width : 160px;
}
div#footer > ul {
font-size : 0.65em;
}
div#footer > ul li {
white-space : nowrap;
margin-bottom : 4px;
}
div#footer > ul li:nth-of-type(4) {
margin-right : 3em;
}
div#footer > ul li a {
padding-top : 2px;
padding-bottom : 2px;
}
div#footer div#colophon ul {
float : none;
}
}
@media screen and (max-width:400px) {
div#sidebar {
font-size : 0.9em;
}
}
@media screen and (max-width:380px) {
div#header ul li {
line-height : 2em;
}
div#sidebar1 {
clear : right;
width : 90%;
}
div#sidebar2 {
width : 90%;
border-left : none;
float : none;
margin-left : 0.5em;
}
div#sidebar div#sidebar2 {
padding : 0;
}
#flickr_badge_uber_wrapper {
width : 100%;
}
div#upcoming_clean_medium {
width : 91%;
}
}
@media screen and (max-width:320px) {
ul {
padding-left : 15px;
}
div#header ul li {
font-size : 0.86em;
}
}
@media screen and (max-width:250px) {
div#footer div#colophon div.col {
float : none;
margin : 0 0 2.5em 0;
}
div#delicious-posts-bluesmoon ul {
margin : 1em;
}
p.mugshot img {
max-width : 90%;
}
}
@media screen and (max-width:220px) {
.flickr_badge_image {
margin : 2px;
}
.flickr_badge_image img {
padding : 2px;
}
}

↑ Top