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: solid 3px #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-style: italic; font-size: 1.5em; font-family: "Times New Roman", serif; line-height: 1.5em; color: #666; border: solid 2px; border-color: #e0e0e0 #f70 #f70 #e0e0e0; background-color: white; padding: 1em 2em; margin:1em 2em; -moz-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0;} */
blockquote { font: italic 1.2em/1.7em "Hoefler Text", Palatino, serif; color: #444; border: solid 1px #ddd; background-color: #eee; padding: 1em 2em; margin:1em 0em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 0.8em #000; -moz-box-shadow: 0px 0px 0.8em #000; box-shadow: 0px 0px 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: solid 2px #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: solid 1px #a86; 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: solid 2px #f5f5f5; }
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 .2em; }
div#header a:hover, div#header a:active { border-bottom: solid 2px #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: solid 2px #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: solid 2px #f5f5f5; }
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: solid 1px 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: solid 1px #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: solid 1px #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; -moz-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000; 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 h3 { }
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; -moz-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000;}

div#sidebar { background-color: #f5f5f5; padding: 0; margin-bottom: 1px; border-left: solid  2px #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: dotted 1px #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: solid 1px #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: solid 1px #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: solid 2px #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: dotted 2px #ddd; }
dl#comments-block.avatar-comment-indent div.avatar-image-container { left: 0px; height: auto; width: auto; padding: 3px; background-color: #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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; }

/* Start of Flickr Badge */
/*
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_uber_wrapper {margin: 0.5em 0; text-align:center; width: 200px;}
#flickr_badge_wrapper {padding:7px 0 0 0; border: solid 1px #a7a7a7;}
.flickr_badge_image {margin:4px; display: inline; }
.flickr_badge_image img {border: 1px solid #a7a7a7; 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;}

/* Start of Upcoming Badge */
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 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 0px;}
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 0px;}
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 0px 15px 0px;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%; }

/* site specific styles */

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: solid 1px #d26; }
body.bluestech div.cloud-label-widget-content a:hover {color: #461; border-bottom: solid 1px #461; }
body.blueswalk div.cloud-label-widget-content a:hover {color: #853; border-bottom: solid 1px #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: dotted #e8e8e8 1px; }
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 { -moz-box-shadow: 0 0 0.5em 0; -webkit-box-shadow: 0 0 0.5em 0 black; 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 0em 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 0em; 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: 0px; }
	div#sidebar { width: 100%; }
	div#sidebar1 { width: 255px; clear:none;}
	div#sidebar2 { border-left: dotted 1px #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; }

}