@charset 'UTF-8';

body {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 color: #666;
 background-image: url("http://qlo.jp/images/background.png");
 background-attachment: fixed;
 background-repeat: repeat-x;
/* background-color: #eee; */
 text-align: center;
 font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Osaka, Verdana, sans-serif;
}

#container {
    margin: 0 auto; /* center on everything else */
    width: 720px;
    text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#beta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}

#alpha { margin: 0px; width: 480px; }
#beta { width: 200px; background: #e6ecf2; }
#gamma, #delta { width: 180px; background: #e6ecf2; }

#beta-inner,
#gamma-inner,
#delta-inner {
    padding: 10px 10px 0 10px;
    border-width: 2px 2px 2px 0;
    border-style: solid;
    border-color: #fff;
}

#beta-inner {
  font-size: x-small;
}

a {
 text-decoration: underline;
}

a:link {
 color: #0ae;
}

a:visited {
 color: #8FABBE;
}

a:active {
	color: #8FABBE;
	}

a:hover {
 color: #069;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1, h2, h3 {
 margin: 0px;
 padding: 0px;
 font-weight: normal;
}

p {
 font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Osaka, Verdana, sans-serif;
}

#container {
 font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Osaka, Verdana, sans-serif;
 line-height: 140%;
 margin: 0px auto 1em auto;
	text-align: left;
 padding: 0px 20px 0px 20px;
	width: 700px;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
	background-color: #FFFFFF;
}

#banner {
 height: 100px;
 font-family: "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8", Osaka, Verdana, sans-serif;
 color: white;
 text-align: left;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 border: 0px solid white;
 background-image: url("http://qlo.jp/archives/images/title.gif");
 background-repeat: no-repeat;
}

#banner-img {
 border: 0px;
 margin: 0px;
}

#banner h1 {
 font-size: 1px;
 position: absolute;
 top: -50px;
 z-index: 0;
}

#banner h1 a {
 border: 0px;
 margin: 0px;
 padding: 0px;
 height: 150px;
 width: 700px;
 display: block;
}

#banner h2 {
 display: none;
}

#banner p {
 margin: 0px;
 padding: 5px;
 position: absolute;
 top: 0px;
}

#center {
 float: left;
 width: 500px;
 overflow: hidden;
}

#right {
 float: left;
 width: 200px;
 background-color: #FFFFFF;
 overflow: hidden;
}

#pagebody p {
 font-size: small;
 font-weight: normal;
 line-height: 150%;
 text-align: left;
 margin-bottom: 10px;
}

blockquote {
	line-height: 150%;
	}

li {
	line-height: 150%;
	}

h2, h3.search-results-header {
 font-family: "Hiragino Kaku Gothic Std", Osaka, Verdana, sans-serif;
 color: #ccc;
 font-size: 20px;
 line-height: 20px;
 text-align: left;
 font-weight: 900;
 margin-bottom: 10px;
}

h3, .search-results-container h3 {
 height: 15px;
 line-height: 15px;
 padding-left: 26px;
 background-repeat: no-repeat;
 background-image: url("archives/images/ball_15x15.gif");
 color: #0ae;
 font-family: "Hiragino Kaku Gothic Std", Osaka, Verdana, sans-serif;
 font-size: 12px;
 text-align: left;
 font-weight: bold;
 margin-bottom: 10px;
 text-shadow: #aaa 3px 3px 3px;
}

h3 a, h3 a:link, h3 a:visited {
 text-decoration: none;
 color: #0ae;
}

h5 {
 border-left: 10px solid #0ae;
 background-color: #eee;
 padding: 2px 2px 2px 1em;
 font-weight: bold;
}

p.posted, p.entry-footer {
	color: #999;
	font-size: x-small;
	border-top: 1px solid #ccc;
	text-align: left;
	margin-bottom: 3em;
	line-height: normal;
	padding: 3px;
 clear: both;
 padding-left: 0px;
}

.sidebar {
 padding: 0px;
 font-size: x-small;
}



#calendar {
  	line-height: 140%;
	color: #666666;
	font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Osaka, Verdana, sans-serif;
	font-size: x-small;
	
	
	
  	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #666666;
	font-family: "Hiragino Kaku Gothic Std", Osaka, Verdana, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

.sidebar h2 {
 color: white;
 background-image: url("archives/images/menutitle.gif");
 height: 20px;
 font-family: "Hiragino Kaku Gothic Std", Osaka, Verdana, sans-serif;
 font-size: 10px;
 line-height: 20px;
 text-align: center;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: .3em;
 text-shadow: #333 2px 2px 2px;
}

.sidebar h2 a {
 text-decoration: none;
 color: white;
}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 15px;
	}

.sidebar li {
	color: #666666;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: circle;
	}

.sidebar img {
}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	line-height: 150%;
	text-align: left;
 margin-bottom: 15px;
}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

input, textarea {
 background-color: #eee;
 border: 0px;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

input.button {
 border: 1px solid #2ae;
 color: #2ae;
}

input#search {
 width: 120px;
}

input#tburl {
 width: 90%;
}

img {
 border: none;
}

#footer {
 clear: both;
 border-top: 1px solid #999;
 color: #999;
 font-size: x-small;
 text-align: center;
 margin: 2px 0px 1em 0px;
}

#footer p {
 margin: 2px;
 padding: 0px;
}

.sidebar #commentlist ul {
	padding-left: 15px;
	}

.sidebar #commentlist li {
 list-style-type: disc;
}

.sidebar #commentlist li li {
 list-style-type: circle;
}

/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td {
    width: 14%;
    height: 75px;
    text-align: left;
    vertical-align: top;
}

.day-photo {
    width: 54px;
    height: 54px;
}

.day-photo a {
    display: block;
}

.day-photo a img {
    width: 50px;
    height: 50px;
}

.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    border-left: 5px solid #36414d;
    padding: 5px;
    color: #fff;
    background: #a3b8cc;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
    color: #fff;
}

.module {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #f3f6f9;
    background: #dae0e6;
}

.module-content {
    margin: 0 0 10px 0;
    border-top: 1px solid #cfd4d9;
    padding: 10px 10px 0 10px;
    font-size: 10px;
    line-height: 1.2;
}	

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }

.module-powered { border-width: 0; }
.module-powered .module-content {
    margin-bottom: 0;
    border: 1px dashed #a3b8cc;
    padding-bottom: 10px;
    color: #292e33;
    background: #fff;
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }

.module-list {
    margin: 0 15px 10px 15px;
    list-style: disc;
}

.module-list .module-list {
    margin: 5px 0 0 0;
    padding-left: 15px;
    list-style: circle;
}

.module-list-item {
    margin-top: 0;
    color: #666;
    line-height: 1.2;
}

.typelist-thumbnailed .module-list {
    margin: 0 0 10px 0;
    list-style: none;
}

.typelist-thumbnailed .module-list-item {
    margin: 1px 0;
    padding: 0;
    background: #f3f6f9;
}

.typelist-thumbnail {
    background: #fff;
}

.module-photo img { border: 1px solid #fff; }

.module-featured-photo { width: 398px; }
.module-featured-photo .module-content {
    margin: 0;
    border-width: 0;
    padding: 0;
}
.module-featured-photo img { width: 398px; }

.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item {
    width: 64px; /* mac ie fix */
    margin: 0 10px 10px 0;
    padding: 0;
    background: none;
}

.module-recent-photos .module-list-item a {
    border: #cfd4d9 1px solid;
    padding: 1px;
    background: #fff;
}

.module-recent-photos .module-list-item a:hover {
    border-color: #36414d;
    background: #fff;
}

.module-tagcloud .module-list {text-align: center; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item { display: inline; }
.module-tagcloud li.taglevel1 { font-size: 19px; }
.module-tagcloud li.taglevel2 { font-size: 17px; }
.module-tagcloud li.taglevel3 { font-size: 15px; }
.module-tagcloud li.taglevel4 { font-size: 13px; }
.module-tagcloud li.taglevel5 { font-size: 11px; }
.module-tagcloud li.taglevel6 { font-size: 9px; }


/* calendar tweaks */

.layout-calendar #alpha { width: 260px; }
.layout-calendar #beta { width: 420px; }

.layout-calendar #gamma,
.layout-calendar #delta {
    width: 190px;
}

.layout-calendar #gamma-inner,
.layout-calendar #delta-inner {
    border: 0;
    padding: 0;
}

.module-mmt-calendar { width: 398px; }
.module-mmt-calendar .module-content {
    margin: 0;
    border-width: 0;
    padding: 10px;
}

.module-mmt-calendar table {
    width: 378px;
    background: #a3b8cc;
}

.module-mmt-calendar th {
    color: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #f3f6f9;
    border-bottom: 1px solid #cfd4d9;
    padding: 2px;
    text-align: right;
    font-weight: bold;
}

.module-mmt-calendar td {
    border-top: 1px solid #fff;
    border-right: 1px solid #f3f6f9;
    border-bottom: 1px solid #cfd4d9;
    padding: 2px;
    text-align: right;
    font-weight: normal;
    background: #e6ecf2;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
    border-right: none;
}

.module-mmt-calendar td { height: 70px; }

.day-photo {
    width: 49px;
    height: 49px;
}

.day-photo a {
    border: #cfd4d9 1px solid;
    padding: 1px;
    background: #fff;
}

.day-photo a:hover {
    border-color: #36414d;
    background: #fff;
}

.day-photo a img {
    width: 45px;
    height: 45px;
}

/* for tag list */
.module-tagcloud {text-align: left; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list .module-list-item { display: inline; }
.module-tagcloud .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-list li.taglevel1 a { color: rgb(100%, 0%, 0%); }
.module-tagcloud .module-list li.taglevel1 a:link { color: rgb(100%, 0%, 0%); }
.module-tagcloud .module-list li.taglevel1 a:visited { color: rgb(100%, 0%, 0%); }
.module-tagcloud .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-list li.taglevel2 a { color: rgb(100%, 0%, 33%); }
.module-tagcloud .module-list li.taglevel2 a:link { color: rgb(100%, 0%, 33%); }
.module-tagcloud .module-list li.taglevel2 a:visited { color: rgb(100%, 0%, 33%); }
.module-tagcloud .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-list li.taglevel3 a { color: rgb(100%, 0%, 66%); }
.module-tagcloud .module-list li.taglevel3 a:link { color: rgb(100%, 0%, 66%); }
.module-tagcloud .module-list li.taglevel3 a:visited { color: rgb(100%, 0%, 66%); }
.module-tagcloud .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-list li.taglevel4 a { color: rgb(66%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel4 a:link { color: rgb(66%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel4 a:visited { color: rgb(66%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-list li.taglevel5 a { color: rgb(33%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel5 a:link { color: rgb(33%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel5 a:visited { color: rgb(33%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel6 { font-size: 9px; }
.module-tagcloud .module-list li.taglevel6 a { color: rgb( 0%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel6 a:link { color: rgb( 0%, 0%, 100%); }
.module-tagcloud .module-list li.taglevel6 a:visited { color: rgb( 0%, 0%, 100%); }

blockquote {
 border: 1px solid #ccc;
 background-color: #eee;
 color: green;
 padding: 0.5em;
}

div.mediaitem {
 border: 1px solid #ccc;
 padding: 1em;
 margin: 1em 1em 1em 0px;
 background-color: #eee;
 text-align: center;
 float: left;
}

div.mediaitem a, div.mediaitem a:link, div.mediaitem a:visited {
 text-decoration: none;
}

.border-on tr {
 border: 1px solid #ccc;
}

.border-on tr.itemname {
 font-weight: bold;
 background-color: #eee;
}

div.prompt {
 background-color: black;
 color: #ccc;
 font-family: monospace;
 padding: 1em;
 font-size: 9pt;
 white-space: pre;
}

div.card {
 background-color: #ffc;
 color: #666;
 font-family: monospace;
 border: 1px solid #666;
 padding: 1em;
 font-size: 9pt;
 white-space: pre;
}