/* Ian's pyblosxom stylesheet for semisphere.org */
/* You may modify/redistribute this file as long as this notice is displayed */
/* Further hacked up by mike at it-loops.com */

body
{
	margin: 0;
	color: #444444;
/*	background: #f6f6ef;*/
  background: #fafafa;
	/*font-family: Verdana, sans-serif;*/
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	line-height: 1.429;
/*  background-image: url('/images/maru_glyph.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-attachment: fixed;*/
}

.header
{
	background: #dcdcdc;
	opacity: 0.5;
	border-bottom: 1px solid #888888;
	border-top: 1px solid #888888;
	margin-top:40px;
	padding-left: 160px;
}

.content {
	margin-left: 220px;
	margin-top: 80px;
	border-left: 1px dotted #888888;
	padding-left: 10px;
	width: 720px;
}

quote
{
	color: #777777;
}

blockquote
{
	border: 1px solid #777777;
	background: #eeeeee;
	padding: 0.5em;
	margin-left: 2em;
}

pre
{
	border-left: 3px solid #444;
	background: #bac4e2;
	padding: 0.5em;
	margin-left: 2em;
	width: 90%;
}

h1, h2, h3
{
  font-size: 10pt;
  color: #222222;
  padding-bottom: 0em;
	margin-top: 1.0em;
  margin-bottom: 0.5em;
	margin-left: 0.5em;
}

h1.light
{
	color: #aaaaaa;
}

ul
{
	margin: 0em;
	margin-left: 1em;
	padding-left: 1em;
}

a
{
	text-decoration: none;
	color: #1d70cc;
}

a:hover
{
	text-decoration: none;
	background: #dddddd;
}

.title
{
	font-size: 10pt;
	font-weight: bold;
	color: #336699;
}

.blosxomDayDiv
{
	float: left;
	width: 90%;
}


.blosxomEntry
{
/*	width: 100%;*/
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 1em;
}


.blosxomBody
{
	color: #222222;
  background: #fff;
	border: 1px solid #888888;
	padding-top: 0.2em;
  border-top-right-radius: 15px;
  -mox-border-radius-topright: 15px;
  text-align: justify
}

.blosxomStoryLinks
{
	background: #e3efef;
	text-align: right;
	font-size: 90%;
	padding: 0.2em;
	padding-right: 0.5em;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	/*right: 0px;*/
	opacity: 0.8;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -mox-border-radius-bottomleft: 15px;
  -mox-border-radius-bottomright: 15px;
  
}

.blosxomComments
{
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 1px solid #444444;
}

.blosxomTitle
{
	background-color: #c6e0e1;
	/*color: white; #336699;*/
	color: #444444;
	font-size: 10pt;
	font-weight: bold;
	padding: 0.5em;
	margin-left: 0;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-right: 1px solid #888888;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -mox-border-radius-topleft: 15px;
  -mox-border-radius-topright: 15px;
}

.blosxomDate
{
	font-weight: bold;
	color: #336699;
	/*backround: #dcdcdc;*/
	border-bottom: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	padding: 10px;

}

.blosxomEntryDate
{
	font-weight: bold;
	font-size: 12pt;
	color: #aaaaaa;
}

.blosxomTime
{
	font-style: italic;
	color: #336699;
}

.blosxomComment
{
	background: #eeeeee;
	padding: 1em;
}

.blosxomCommentInfo
{
	font-size: smaller;
}

.blosxomCommentBody
{
	margin-left: 0.5em;
}


.blosxomCommentForm
{
	border-top: solid 1px #444444;
	padding: 1em;
}

input
{
	font-size: smaller;
}

p
{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

img 
{
	border: none;
}

/* Menubar */

.menu
{
	position: absolute;
	/*padding: 10px;*/
	top: 130px;
	left: 20px;
	/*border-top: solid 1px #777777;
	border-right: solid 1px #777777;
	border-bottom: solid 1px #777777;
	background: #dcdcdc;*/
	width: 200px;
	padding: 10px 0px;
}

.menu>a:hover
{
	text-decoration: none;
	background: #ffffff;
}

.menutitle
{
	color: #000000;
}

.menu ul {
	list-style-type: none;
	padding-left: 0px;
	display: none;
}

.menu li {
	text-align: left;
}


.menu>h1
{
	/*font-size: 10pt;
	border: 1px solid #336699;
	background: #ffffff;*/
	padding: 1px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 10px 0px;
	background: #dcdcdc;
	font-size: 8pt;
}

.centre 
{
	text-align:center;
}
p.centre a:hover
{
	background: none;
}


.blosxomCalendar
{
}

.blosxomCalendarHead
{
	color: #336699;
	font-weight: bold;
}

.blosxomCalendarWeekHeader
{
	color: #888888;
}

.blosxomCalendarEmpty
{
}

.blosxomCalendarCell
{
}

.blosxomCalendarBlogged
{
	font-weight: bold;
}

.blosxomCalendarSpecificDay
{
	border: 1px solid #444444;
}

.blosxomCalendarToday
{
	border: 1px solid #1d70cc;
	background: #ffffff;
	font-weight: bold;
}

#lastfm
{
	position: absolute;
	right: 0px;
	border-bottom: solid 2px #777777;
	border-left: solid 2px #777777;
	background: #eeeeee;
	padding: 5px 10px ;
	text-align: right;
	font-size: 10px;
}

.smallestTag { font-size:10px; }
.smallTag    { font-size:12px; }
.mediumTag   { font-size:14px; }
.bigTag      { font-size:16px; }
.biggestTag  { font-size:18px; }
.hugeTag     { font-size:20px; }
.hugestTag   { font-size:22px; }
.mostHugeTag { font-size:24px; }

#tagcloud {
	background-color: #efefef;
	padding: 5px;
	text-align: right;
}


#relatedstories {
	/*margin-top: 5px;*/
	padding: 10px;
	/*text-transform: uppercase;*/
	background-color: #f6f6f6;
	border-top: none;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #888888;
	/*width: 400px;*/
	margin-left: 15px;
	margin-right: auto;
  float: left; 
}
#storylinks {
	/*margin-top: 5px;*/
	padding: 10px;
	text-transform: lowercase;
	background-color: #f6f6f6;
	border-top: none;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #888888;
	/*width: 400px;*/
	margin-left: auto;
	margin-right: auto;
  float: left; 
	
}

.clearer {
	clear: both;
	line-height: 0px;
	height: 0px; 
}

.topleft {
    position: absolute;
    left: 20px;
    top: 0;
    display: block;
    height: 128px;
    width: 128px;
    background: url(/images/maru_128x128.png) no-repeat;
    text-indent: -999em;
    text-decoration: none;
}