Files
Kenneth Reitz 41d2318f7a getting there
2013-01-26 04:06:00 -05:00

2189 lines
39 KiB
CSS

a, a:hover, label, .HSC, .index #content section.G6 h1 {
color:#CC0000!important;
}
a:visited {
color:#AA0000;
}
@media all {
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,svg,time,mark,audio,video {
background:transparent;
border:0;
font-size:100%;
margin:0;
padding:0;
outline:0;
vertical-align:baseline
}
code {
display: inline;
}
tt {
margin-top: 2em;
}
body {
line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,svg {
display:block
}
.ie img {
-ms-interpolation-mode:bicubic
}
nav ul {
list-style:none
}
blockquote,q {
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}
a {
background:transparent;
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold
}
del {
text-decoration:line-through
}
abbr[title],dfn[title] {
border-bottom:1px dotted inherit;
cursor:help
}
table {
border-collapse:collapse;
border-spacing:0
}
hr {
border:0;
border-top:1px solid #cccccc;
display:block;
height:1px;
margin:1em 0;
padding:0
}
input,select {
vertical-align:middle
}
}
@media screen {
body {
background:#FFF;
border-top:solid .3em #000;
font-size:100%
}
.implied {
clip:rect(1px,1px,1px,1px);
position:absolute !important
}
.ielt8 .implied {
height:1px;
left:-999px;
overflow:hidden;
position:absolute;
text-indent:-999px;
top:-999px;
width:1px
}
.ir {
display:block;
text-align:left;
text-indent:-9999px
}
address,
blockquote,
caption,
cite,
code,
dl,
figcaption,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend,
ol,
p,
pre,
ul,
table {
display:block;
font:normal normal 400 1em/1.5em Georgia,Serif;
list-style:none;
margin:0 0 1.5em;
text-rendering:optimizeLegibility
}
code {
display: inline;
}
html[lang=ja] #content address,
html[lang=ja] #content blockquote,
html[lang=ja] #content caption,
html[lang=ja] #content cite,
html[lang=ja] #content code,
html[lang=ja] #content dl,
html[lang=ja] #content figcaption,
html[lang=ja] #content h1,
html[lang=ja] #content h2,
html[lang=ja] #content h3,
html[lang=ja] #content h4,
html[lang=ja] #content h5,
html[lang=ja] #content h6,
html[lang=ja] #content label,
html[lang=ja] #content legend,
html[lang=ja] #content ol,
html[lang=ja] #content p,
html[lang=ja] #content pre,
html[lang=ja] #content ul,
html[lang=ja] #content table {
font-family:Georgia,"Hiragino Mincho Pro",serif
}
html[lang=ja] body.index #content p,
html[lang=ja] body.single #content p,
html[lang=ja] body.page #content p,
html[lang=ja] body.index #content dd,
html[lang=ja] body.single #content dd,
html[lang=ja] body.page #content dd {
font-size:86%;
line-height:1.7em
}
li {
display:list-item;
margin: 0;
padding:0
}
dd,dt {
display:list-item;
margin:26px 0 5px 0;
padding:0
}
/* tt {
font-weight: 600;
}*/
dd {
margin: 0 0 0 1em;
}
dd:last-child,
dl:last-child,
dt:last-child,
li:last-child,
ol:last-child,
ul:last-child,
p:last-child {
margin-bottom:0 !important
}
.ielt9 dd.lastChild,
.ielt9 dl.lastChild,
.ielt9 dt.lastChild,
.ielt9 li.lastChild,
.ielt9 ol.lastChild,
.ielt9 ul.lastChild,
.ielt9 p.lastChild {
margin-bottom:0 !important
}
a {
color:#00F;
text-decoration:underline
}
a:hover {
color:#00A;
text-decoration:none
}
a:visited {
color:#00A
}
abbr,
acronym {
border:none;
cursor:help
}
a abbr,
a acronym {
cursor:pointer
}
hr {
border:none;
background-color:#EEE;
height:.1em;
margin:1.45em 0 1.4em
}
pre,
code,
kbd,
samp,
.literal {
font-family: 'ubuntu mono', menlo, monospace,sans-serif
}
button,
input,
label,
select,
textarea {
display:block;
font-size:1em;
line-height:normal
}
button,
input,
select,
textarea {
float:left;
margin-right:.5em
}
button,
input,
select {
font-family:Arial,sans-serif
}
html[lang=ja] button,
html[lang=ja] input,
html[lang=ja] select {
font-family:Georgia,"Hiragino Mincho Pro",serif
}
textarea {
border:solid .1em #666;
border-radius:.225em;
-moz-border-radius:.225em;
-webkit-border-radius:.225em;
font:normal normal 400 .75em/2em monospace,serif;
padding:0 .3em
}
html[lang=ja] textarea {
font-family:Georgia,"Hiragino Mincho Pro",serif
}
input[type=submit] {
background:#EEE;
background:-moz-linear-gradient(top,#F7F7F7,#E6E6E6);
background:-webkit-gradient(linear,left top,left bottom,from(#F7F7F7),to(#E6E6E6));
border:solid .1em #666;
border-radius:.3em;
-moz-border-radius:.3em;
-webkit-border-radius:.3em;
cursor:pointer;
font-size:75%;
font-weight:700;
height:2em;
padding:0 .5em;
text-shadow:#FFF 0 .1em 0;
-moz-text-shadow:#FFF 0 .1em 0;
-webkit-text-shadow:#FFF 0 .1em 0
}
input[type=submit]:hover {
border-color:#222
}
.ielt9 input[type=submit] {
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F7F7,endColorstr=#E6E6E6)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F7F7F7,endColorstr=#E6E6E6)
}
input[type=text] {
background:#FFF;
border:solid .1em #666;
border-radius:.225em;
-moz-border-radius:.225em;
-webkit-border-radius:.225em;
height:1em;
line-height:1em;
padding:0 .25em;
padding:.25em .2em .15em;
width:8.875em
}
.ie7 input[type=text] {
border:solid 1px #666
}
input[type=text]:active,
input[type=text]:focus {
outline:none
}
form ol li label,
form#commentform label {
font-size:87.5%;
line-height:1.71428571em;
margin-bottom:0
}
form ol li label:after,
form#commentform label:after {
content:":"
}
form#commentform label span {
display:block;
width:100%
}
form#commentform p {
padding-bottom:.25em
}
form ol li input[type=text],
form#commentform p input[type=text] {
width:18.5em
}
form#contactForm fieldset{
margin-bottom: 1.25em;
}
form#contactForm fieldset:first-child{
margin-bottom: .875em;
}
form#contactForm fieldset input[type=text]{
background:#FFF;
border:solid .1em #787878;
border-radius:.225em;
-moz-border-radius:.225em;
-webkit-border-radius:.225em;
height:1em;
line-height:1em;
padding:.3125em .2em .3125em .55em;
width:46.3%!important;
color: #1D1D1D;
font-weight: lighter;
font-size: .875em;
margin:0 0 0 0 !important;
display: inline!important
}
form#contactForm fieldset input[type=submit]{
float: none!important;
margin-left: 0;
margin-top:1.1875em
}
form#contactForm fieldset input[type=checkbox]{
float: left!important;
}
.ielt8 form#contactForm fieldset input[type=checkbox]{
float: none!important;
display: inline;
margin-top: .3em;
}
form#contactForm fieldset input[type=text]:last-child{
margin-left: 1.0625em!important;
float: right
}
.ielt9 form#contactForm fieldset input[type=text].lastChild{
margin-left: 1.0625em!important;
float: right
}
form#contactForm fieldset label,form#contactForm fieldset select{
float: none;
display: inline;
color: #1D1D1D;
margin-bottom:-1em
}
form#contactForm fieldset select{
background:white;
font-size: .75em;
border: .1em solid #989898;
width: 16.4375em;
margin-bottom: .3em;
margin-left:.375em;
border-radius:.225em;
-moz-border-radius:.225em;
-webkit-border-radius:.225em;
font-size: .875em;
font-weight: lighter;
height: 1.625em;
vertical-align: middle;
}
.ielt8 form#contactForm fieldset select{
margin-top: .625em;
}
form#contactForm fieldset textarea{
width: 99%;
clear: both;
background:#FFF;
border:solid .1em #666;
border-radius:.225em;
-moz-border-radius:.225em;
-webkit-border-radius:.225em;
line-height:1em;
padding:.45em .2em .15em .55em!important;
display: block;
margin-bottom: .1em;
height: 6.875em;
color: #1D1D1D;
font-weight: lighter;
font-size: .875em!important;
font-family:Arial,Helvetica,serif;
margin-bottom:1.0625em;
}
.ielt8 form#contactForm fieldset textarea{
width: 98%;
}
form#commentform p textarea {
width:99%
}
form#commentform p input[type=text] {
float:right;
display:block;
margin:0 0 0 0 !important;
}
form#commentform p input[type=text]:after(content:'<br />';
clear:both;)form#commentform p label {
display:block
}
form#commentform input[type=submit] {
margin-top:1.85em
}
.comment-author img {
display:none
}
span.says {
display:none
}
.G1,.G2,.G3,.G4,.G5,.G6 {
clear:none !important;
float:left;
margin-left:1.125em
}
.GS {
margin-left:0
}
.GR {
float:right
}
.G1 {
width:8.875em
}
.G1 .G1 {
margin-left:0
}
.G1 .G2 {
margin-left:-10em
}
.G1 .G3 {
margin-left:-20em
}
.G1 .G4 {
margin-left:-30em
}
.G1 .G5 {
margin-left:-40em
}
.G1 .G6 {
margin-left:-50em
}
.G2 {
width:18.875em
}
.G2 .G2 {
margin-left:0
}
.G2 .G3 {
margin-left:-10em
}
.G2 .G4 {
margin-left:-20em
}
.G2 .G5 {
margin-left:-30em
}
.G2 .G6 {
margin-left:-40em
}
.G3 {
width:28.875em
}
.G3 .G3 {
margin-left:0
}
.G3 .G4 {
margin-left:-10em
}
.G3 .G5 {
margin-left:-20em
}
.G3 .G6 {
margin-left:-30em
}
.G4 {
width:38.875em
}
.G4 .G4 {
margin-left:0
}
.G4 .G5 {
margin-left:-10em
}
.G4 .G6 {
margin-left:-20em
}
.G5 .G5 {
margin-left:0
}
.G5 {
width:48.875em
}
.G5 .G6 {
margin-left:-10em
}
.G6 {
width:58.875em
}
.G6 .G6 {
margin-left:0
}
.HSC {
font-size:75%;
height:2em;
letter-spacing:.1em;
line-height:2em;
text-transform:uppercase
}
html[lang=ja] .HSC {
font-size:78% !important
}
label.HSC {
margin-bottom:0
}
.contact .containsAddress:first-child{
margin-top: 4.3125em;
padding-bottom: 1.8em;
}
.containsAddress dd,
.containsAddress dt {
float:left
}
.ielt8 .containsAddress dd {
clear:left;
margin-bottom:.75em
}
.containsAddress dt {
clear:left;
margin-right:.33em
}
.containsAddress dt.url,
.containsAddress dd.address {
clear:left;
margin-top:1.5em;
width:100%
}
dt.url{
padding-bottom: 1.5em;
}
.containsAddress dd address {
margin:0
}
.containsArticles {
margin-bottom:3em
}
.containsArticles dd {
background:transparent 0 100% repeat-x;
margin-bottom:1.5em;
padding-bottom:1.5em
}
html[lang=ja] .containsArticles dd {
padding-bottom:.45em
}
.containsArticles dd:last-child {
background:transparent !important;
margin-bottom:0;
padding-bottom:0
}
.ielt9 .containsArticles dd.lastChild {
background:transparent !important;
margin-bottom:0;
padding-bottom:0
}
.containsArticles dd :last-child {
margin-bottom:0
}
.ielt9 .containsArticles dd .lastChild {
margin-bottom:0
}
.containsArticles dt {
margin-bottom:.75em;
position:relative
}
.containsArticles dt .title {
color:#000 !important;
display:block;
font-size:131.25%;
line-height:1.14285714em
}
.containsArticles dt .date {
color:#888;
display:block;
font:normal italic 400 87.5%/1.71428571em Georgia,Serif;
left:-21.5714286em;
margin-top:.85714286em;
position:absolute;
text-align:right;
width:20.2857143em
}
.containsArticles dt a {
text-decoration:none
}
.containsArticles dt a:hover {
text-decoration:underline
}
.containsComments,
.commentlist {
margin-bottom:3em
}
.containForm{
margin-bottom:3em;
}
.containsComments dd,
.commentlist li,
.commentlist li p {
margin-top:.75em;
padding-left:1.5em
}
.commentlist li:first-child,
.commentlist li ul.chidren li:first-child {
padding-left:1.5em
}
.commentlist li.depth-1 {
padding-left:0
}
.commentlist li.depth-1 ul.children {
padding-left:1.5em !important
}
.comment-reply-link {
display:block;
margin:-2em 0 0 1.91em;
padding:0 0 0 0;
top:0;
right:0;
font-size:80%
}
.commentlist {
margin-top:3em
}
.commentlist:hover .comment-reply-link {
display:block
}
.commentlist li {
position:relative
}
.commentlist li cite {
margin:0;
padding:0;
float:left;
margin-right:.065em
}
.commentlist li cite:after {
content:'-';
color:#888;
margin-left:.065em
}
.containsComments dt .date,
.commentmetadata a,
.commentmetadata a:focus,
.commentmetadata a:visited,
.commentmetadata a:hover {
color:#888;
font:normal italic 400 87.5%/1.71428571em Georgia,Serif;
white-space:nowrap;
text-decoration:none
}
html[lang=ja] .containsComments dt .date,
html[lang=ja] .commentmetadata a,
html[lang=ja] .commentmetadata a:focus,
html[lang=ja] .commentmetadata a:visited,
html[lang=ja] .commentmetadata a:hover {
color:#888;
font-family:Georgia,"Hiragino Mincho Pro",serif;;
white-space:nowrap;
text-decoration:none
}
.containsFollowers {
list-style:none !important;
margin:0 0 0 0
}
.containsFollowers li {
float:left;
height:2.5916667em;
margin:0;
width:2.5916667em
}
.containsFollowers:hover li {
opacity:.5
}
.containsFollowers li:hover {
opacity:1
}
.containsFollowers img {
height:2.4916667em;
width:2.4916667em
}
.containsGalleries,
.containsGallery {
list-style:none !important;
padding:0 !important
}
.containsGalleries h1,
.containsGalleries h2,
.containsGalleries h3 {
font-size:75% !important;
left:-26.6666667em;
letter-spacing:.1em;
line-height:2em;
margin:0 !important;
text-transform:uppercase;
top:0;
position:absolute;
text-align:right;
width:25.1666667em
}
.containsGalleries li {
display:block;
margin-bottom:1.5em;
position:relative
}
.containsGallery {
clear:left;
margin:0 0 0 -1.125em
}
.ielt8 .containsGallery {
margin-bottom:1.5em
}
.containsGallery li {
display:block;
margin:0 0 1.5em 1.125em !important;
overflow:hidden
}
.containsFollowers a,
.containsFollowers img,
.containsGallery a,
.containsGallery img {
display:block;
margin-bottom:0 !important
}
.containsGallery img {
width:100%
}
#containsTweets {
list-style:none !important
}
#containsTweets li {
display:block;
margin-bottom:1.5em;
padding:0 0 0 3.75em;
position:relative
}
#containsTweets img {
border:solid .1em #888;
height:2.8em;
left:0;
position:absolute;
top:0;
width:2.8em
}
#containsTweets blockquote {
background:transparent;
margin:0;
padding:0
}
html[lang=ja] #containsTweets blockquote p {
line-height:1.5em
}
.ielt8 #containsTweets blockquote {
margin-top:-1.5em
}
#containsTweets p {
color:#888;
font-size:87.5%;
line-height:1.71428571em;
margin:0
}
#containsTweets p a {
text-decoration:none
}
#containsTweets p a:hover {
text-decoration:underline
}
#containsTweets blockquote p {
color:#000;
font-size:1em;
line-height:1.5em
}
#containsTwoosers {
background:transparent 0 0 repeat-x;
list-style:none !important;
margin-bottom:0;
padding-top:1.5em
}
#containsTwoosers li {
display:block;
margin-bottom:1.5em;
position:relative
}
#containsTwoosers .GS {
clear:left !important
}
#containsTwoosers img {
border:solid .1em #888;
height:1.8em;
left:0;
position:absolute;
top:0;
width:1.8em
}
#containsTwoosers h2,
#containsTwoosers h3,
#containsTwoosers h4 {
margin:0 !important
}
#containsTwoosers h2 {
font-size:100% !important;
line-height:2em !important;
margin-bottom:0 !important;
padding:0 0 0 2.5em
}
#containsTwoosers h2 a {
text-decoration:none
}
#containsTwoosers h2 a:hover {
text-decoration:underline
}
#containsTwoosers h3,
#containsTwoosers h4 {
font-size:87.5% !important;
line-height:1.71428571em !important
}
#content {
margin-top:1em;
padding-bottom:3em
}
#content aside {
clear:left;
float:left;
margin-left:-20em;
width:18.875em
}
.ie7 #content aside {
left:-20em;
position:relative;
}
#content aside p,
#content aside ol,
#content aside ul {
font:normal normal 75%/1.5em arial,sans-serif;
margin-bottom:1.5em;
padding:0 !important
}
#content header {
margin-bottom:2em;
position:relative
}
#content header h1 {
font-size:200%;
line-height:1.3334em;
margin-bottom:0
}
#content header h2 {
font-size:87.5%;
font-style:italic;
line-height:1.71428571em;
margin:0
}
#content header nav {
left:-20em;
margin-top:-1.5em;
position:absolute;
width:18.875em
}
#content header nav ul {
text-align:right
}
#content header nav li {
font:normal normal 400 87.5%/1.71428571em Georgia,Serif;
display:inline
}
html[lang=ja] header nav li {
font-family:Georgia,"Hiragino Mincho Pro",serif;
display:inline
}
#content header nav li:after {
content:" | "
}
#content header nav li:last-child:after {
content:""
}
.ielt9 #content header nav li.lastChild:after {
content:""
}
#content h2 {
font-size:150%;
line-height:1.5em;
margin-bottom:1em;
margin-top:2em
}
#content h3 {
font-size:125%;
line-height:1.2em;
margin-bottom:1.2em;
margin-top:1.2em
}
h3#comments {
font-size:200%;
line-height:1.3334em;
margin-bottom:0
}
.formatted {
position:relative
}
.formatted blockquote {
background:#FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAACXBIWXMAAAsTAAALEwEAmpwYAAABnklEQVQ4EZWToZLCQAyGw85NMdR0MK2hCtUqFCgUmPICfTsEb1CFAoVCFQOKGjCAAQOG65+77Cy0ywwR3W3ybTbZJI1nKWSR6/VK6/WaDocDpWlqof7Up9OJVqsVua5LPzYyz3N2+Hg8GIHjIAgq+P1+Z26z2bDteDxWnQKaz+cEI6TValGv16t1iOjA3m43Zj3Po8Fg8OoUUJZlJNFFUcQOm80mHzI/2+2W0wXrOA5zcRwzotM3HQIaDocUhqHpR+/3+z0tl0v+Ryaj0Yja7ba2s1NJWSJMkuQF0nS5weWLxYJVuHwymXBxTEbhB5C8S7/ftzoUVi5HhKj2uyhUtSgK1iMVeZd3EP94x8vlwibf92uLB6Pa7XYM4WN7QwHQZiKfLm/MZrOnpC4HsCIS8ynw7tPp1ET0vtvtMitdouocgkafYkJEzuezbCsrsjVZLlSF+lfIANjsph4jLfLRqUDfrgq9ZpNOp6NNda2jjeUGNRBRtorjMsyxCJyaB0WPFTNvdoNChVE9U9CvmKr36NDsZvQ4g4vG4zFJ5aH7BYMAsaH2qs0LAAAAAElFTkSuQmCC) 0 0 no-repeat;
background-size:1.3125em 1em;
color:/*#888*/#606060;
margin:3em 0 1.5em;
padding:0 0 0 2.0625em
}
.ielt8 .formatted blockquote {
/* Strange bug in IE 7 means a background-color MUST be set for this image to appear ... ? */
background-color:#FFF;
background-image:url(assets/img/bg-blockquote.png)
}
.formatted iframe,
.formatted img,
.formatted object,
.formatted video {
margin-bottom:1.5em;
max-width:100%
}
.formatted img.G5 {
max-width:48.75em
}
.formatted img.G6 {
max-width:58.75em
}
.formatted iframe,
.formatted object,
.formatted video {
width:100% !important
}
.formatted ol {
list-style:outside decimal
}
.formatted ul {
list-style:outside disc
}
.formatted p code {
font-size:100%;
margin:0
}
html[lang=ja] .formatted ol {
font-size:86%;
line-height:1.7em
}
html[lang=ja] .formatted p em {
font-style:normal !important
}
.formatted cite {
font:normal italic 400 87.5%/1.71428571em Georgia,Serif;
text-align:right
}
.formatted hr {
display:none
}
fieldset.sec{ position: relative}
span.fnameE,
span.emailE,
span.messageE {
position: absolute;
z-index:100;
font-size: .875em;
color: #C3C3C3;
font-weight: lighter;
font-family: Arial;
top:.375em;
background: transparent;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
span.fnameE{
left: .775em;
}
span.emailE{
left: 54%;
}
span.messageE{
left: .775em;
}
#screen {
margin:0 auto;
padding:3em 0;
width:58.875em
}
#screen > footer .HSC,
#screen > header .HSC {
height:2em;
margin-bottom:0
}
#screen > footer ul,
#screen > header h1,
#screen > header ul {
margin-bottom:0 !important
}
#screen > footer li li,
#screen > header li li {
font-size:87.5%;
letter-spacing:0;
line-height:1.5em;
text-transform:none
}
html[lang=ja] #screen > footer li li,
html[lang=ja] #screen > header li li {
font-size:90%
}
html[lang=ja] #screen > footer li h2,
html[lang=ja] #screen > header li h2 {
font-size:75% !important;
font-weight:300
}
#screen > header {
background:transparent 0 100% repeat-x;
margin-bottom:1.5em;
padding-bottom:1.5em
}
#screen > header form {
display:none
}
#screen > header h1 {
padding-bottom:.25em;
padding-top:1.75em
}
#screen > header h1 img {
height:3.4375em
}
html[lang=ja] #screen > header li h2 {
font-size:87%
}
#screen > header a {
color:#000 !important;
display:block;
text-decoration:none
}
#screen > header a:hover {
text-decoration:underline
}
#screen > header strong a {
background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAAAAADBUmCpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHklEQVQIHWOI/PT/P4MxkGQwNra/CSV8bv5nAEkAANIFDmMxRyBPAAAAAElFTkSuQmCC) 0 50% no-repeat;
background-size:.25em .375em;
-moz-background-size:.25em .375em;
-webkit-background-size:.25em .375em;
font-weight:400;
margin-left:-.75em;
padding-left:.75em
}
.ielt8 #screen > header strong a {
background-image:url(assets/img/bg-bullet.png)
}
#screen > footer {
clear:both
}
#screen > footer > nav > ul {
background:transparent 0 0 repeat-x;
margin-top:1.5em;
padding-top:1.5em
}
#screen > footer > nav > ul strong a {
font-weight:400
}
#footerOne {
margin-top:4.5em
}
#footerOne > li ul li p {
margin-top: 1.125em!important;
}
#footerTwo li {
font-size:75%;
float:left;
letter-spacing:.1em;
line-height:2em;
margin:0 .75em 0 0;
text-transform:uppercase
}
#footerTwo li:last-child {
float:right;
letter-spacing:0;
margin:0 0 0 .75em;
text-transform:none
}
.ielt9 #footerTwo li.lastChild {
float:right;
letter-spacing:0;
margin:0 0 0 .75em;
text-transform:none
}
#screen > footer #footerTwo li a {
color:#000 !important;
text-decoration:none
}
#footerTwo li a:hover {
text-decoration:underline
}
.archives #content fieldset {
background:transparent 0 100% repeat-x;
margin-bottom:0;
margin-top:1.5em;
padding-bottom:1.5em
}
.archives #content fieldset input[type=text] {
width:28.875em
}
.ielt8 .contact #content .G4 {
margin-right:1.125em
}
.ielt8 .contact #content .G2 {
margin-left:-1.125em
}
.index #content {
padding-bottom:0
}
.index #content .G4 {
padding-bottom:3em
}
.index #content .G6 {
background:transparent 0 100% repeat-x;
margin-bottom:1.5em;
padding-bottom:1.5em
}
.index #content .G6 img {
margin-bottom:1.5em;
width:58.875em
}
.index #content .G6 h1 {
margin:0 !important
}
.index #content .G6 h2 {
font-size:200%;
line-height:1.3334em;
margin:0 0 .375em !important
}
.index #content .G6 h2 a {
color:#000 !important;
text-decoration:none
}
.index #content .G6 h2 a:hover {
text-decoration:underline
}
.index #content .G6 hgroup,
.index #content .G6 .formatted {
padding-left:20em
}
.csscolumns .index #content .G6 hgroup,
.csscolumns .index #content .G6 .formatted {
padding-left:0
}
.csscolumns .index #content .G6 .formatted {
column-count:3;
column-gap:1.125em;
-moz-column-count:3;
-moz-column-gap:18px;
-webkit-column-count:3;
-webkit-column-gap:1.125em
}
.index .containsArticles dd {
background:transparent !important;
margin-bottom:1.5em;
padding-bottom:0
}
.mailResponse{
padding-bottom: 3em;
}
.single #comments,.single #respond {
margin-top:3em
}
.single #comments form,
.single #respond form {
background:transparent 0 0 repeat-x;
padding-top:3em
}
.single #comments form label,
form#commentform label {
color:#000 !important;
display:block
}
.single #comments form li,
.single form#commentform p {
margin-bottom:.75em
}
.containsArticles dd,
#containsTwoosers,
#screen > header,
#screen > footer > nav > ul,
.archives #content fieldset,
.index #content .G6,
.single #comments form,
.single form#commentform {
background-image:url(data:image/png;base64,R0lGODlhSAABAIAAAP///2ZmZiH5BAEHAAAALAAAAABIAAEAAAINDG54kLwNn1TU1XhXAQA7)
}
.ielt8 .containsArticles dd,
.ielt8 #containsTwoosers,
.ielt8 #screen > header,
.ielt8 #screen > footer > nav > ul,
.ielt8 .archives #content fieldset,
.ielt8 .index #content .G6,
.ielt8 .single #comments form {
background-image:url(assets/img/bg-border-h.gif)
}
fieldset:after,
fieldset ol li:after,
#screen:after,
.containsAddress:after,
.containsFollowers:after,
.containsGallery:after,
.containsGrid:after,
.G1:after,
.G2:after,
.G3:after,
.G4:after,
.G5:after,
.G6:after,
#content aside:after,
#screen > footer:after,
#screen > header:after,
#screen > header nav:after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden
}
.ielt9 fieldset,
.ielt9 fieldset ol li,
.ielt9 #screen,
.ielt9 .containsAddress,
.ielt9 .containsFollowers,
.ielt9 .containsGalleries li,
.ielt9 .containsGallery,
.ielt9 .containsGrid,
.ielt9 .G1,
.ielt9 .G2,
.ielt9 .G3,
.ielt9 .G4,
.ielt9 .G5,
.ielt9 .G6,
.ielt9 #content aside,
.ielt9 #screen > footer,
.ielt9 #screen > header,
.ielt9 #screen > header nav {
zoom:1
}
}
@media screen and (min-width:1440px) {
body {
font-size:112.5%
}
}
@media screen and (max-width:1024px) {
body {
font-size:100%;
overflow-x:hidden
}
address,blockquote,caption,cite,code,dl,figcaption,h1,h2,h3,h4,h5,h6,label,legend,ol,p,pre,ul,table {
-webkit-text-size-adjust:none !important
}
form ol li input[type=text],
form#commentform p input[type=text] {
width:75%
}
form ol li textarea,
form#commentform textarea {
width:99%
}
form#contactForm fieldset select{
display: block;
margin-top: 1.25em;
margin-left: 0;
width: 47.5%
}
.G1,
.G2,
.G3,
.G4,
.G5,
.G6 {
clear:both;
float:none;
margin:0 0 1.5em;
width:100%
}
.containsArticles dt .date {
left:auto;
position:relative;
text-align:left;
top:auto;
width:auto
}
.containsArticles dt .title {
line-height:1.3334em
}
.containsGalleries h1,
.containsGalleries h2,
.containsGalleries h3 {
left:auto;
margin-bottom:2em !important;
top:auto;
position:relative;
text-align:left;
width:auto
}
.containsGallery li {
float:left;
width:7.90625em
}
.containsGallery li img {
margin:0 !important
}
.containsFollowers li {
height:2.333em;
width:2.333em
}
.containsFollowers img {
height:2.233em;
width:2.233em
}
#containsTwoosers > li {
float:left;
width:33.3%
}
#content {
margin-bottom:3em;
margin-top:1.5em
}
#content aside {
background:#EEE;
float:none;
margin:0 0 2em;
padding:1em;
width:auto
}
.formatted img,
.formatted object,
.formatted video {
margin:0 0 1.5em !important;
max-width:100% !important
}
.formatted object,
.formatted video {
width:100% !important
}
.formatted img.G4,
.formatted img.G5,
.formatted img.G6,
.contact #content img {
width:100% !important
}
.formatted ol,
.formatted ul {
list-style-position:outside
}
.contact .containsAddress:first-child{
margin-top: 1.5em;
padding-bottom: 2em;
}
#screen {
margin:6.375em auto 2.25em;
padding:0;
width:35em
}
#screen > header form {
display:block
}
#screen > header label {
clip:rect(1px,1px,1px,1px);
position:absolute !important
}
#footerOne > li {
float:left;
margin-bottom:0;
width:25%
}
#footerOne > li:nth-child(1) {
display:none;
width:100%
}
#footerTwo > :last-child {
float:left !important;
margin-left:0 !important;
margin-top:0 !important
}
.index #content .G6 img {
width:100%
}
.index #content .G6 hgroup,
.index #content .G6 .formatted {
padding-left:0 !important
}
.csscolumns .index #content .G6 .formatted {
column-count:1;
column-gap:0;
-moz-column-count:1;
-moz-column-gap:0;
-webkit-column-count:1;
-webkit-column-gap:0
}
.index #content .G4 {
background:transparent url(data:image/png;base64,R0lGODlhSAABAIAAAP///2ZmZiH5BAEHAAAALAAAAABIAAEAAAINDG54kLwNn1TU1XhXAQA7) 0 0 repeat-x;
margin-top:1.5em;
padding-top:1.5em
}
.single #content header {
padding-top:1.5em
}
.single #content header nav {
left:0;
margin:0;
top:0;
width:auto
}
.single #content header nav ul {
text-align:right
}
}
@media screen and (min-width:596px) and (max-width:1024px) {
#screen > header h1,
#screen > header nav,
#headerOne > li,
#headerTwo > li li {
float:left
}
#screen > header h1 {
width:33.333%
}
#screen > header nav {
width:66.666%
}
#headerOne > li {
margin-bottom:0;
width:33.333%
}
#headerTwo > li h2,
#headerTwo > li li span {
clip:rect(1px,1px,1px,1px);
position:absolute !important
}
#screen > header form {
background:#EEE;
border-bottom:solid .1em #D6D6D6;
height:3em;
left:0;
position:absolute;
right:0;
top:.3em
}
#screen > header form fieldset {
margin-right:-17.5em;
position:absolute;
right:50%;
top:.75em
}
#headerTwo {
margin-left:-18.625em;
position:absolute;
left:50%;
top:1.05em;
width:auto;
text-shadow:#FFF 0 1px 0
}
#headerTwo > li h2 {
clip:rect(1px,1px,1px,1px);
position:absolute !important
}
#headerTwo > li li {
font:normal normal 75%/2em arial,sans-serif !important;
margin-left:1.5em
}
}
@media screen and (max-device-width:1024px) and (width:1024px) {
body {
font-size:131.25%
}
}
@media screen and (max-device-width:1024px) and (width:768px) {
body {
font-size:112.5%
}
}
@media screen and (max-width:595px) {
body {
font-size:100%
}
.HSC {
font-size:87.5% !important;
height:auto !important;
line-height:1.71428571em;
margin-bottom:.85714286em
}
.containsFollowers li {
height:2.775em;
width:2.775em
}
.containsFollowers img {
height:2.675em;
width:2.675em
}
.containsGalleries h1,
.containsGalleries h2,
.containsGalleries h3 {
font-size:93.75% !important;
line-height:1.6em !important;
margin-bottom:1.6em !important
}
.containsGallery li {
width:6.09375em
}
#containsTwoosers > li {
width:50%
}
form#contactForm fieldset input[type=text]{
width: 42%!important
}
form#contactForm fieldset input[type=checkbox]{
float: none!important;
}
form#contactForm fieldset select{
display: block;
margin-top: 1.25em;
margin-left: 0;
width:44%
}
.formatted ol li {
list-style:inside decimal
}
header input[type=text]{
width:95%!important;
}
header input[type=submit]{
margin-top: 1em!important;
}
span.emailE{
left: 57%;
}
#screen {
margin-bottom:1.125em;
margin-top:0;
width:27.75em
}
#screen > header {
position:relative
}
#screen > header h1 {
width:50%
}
#screen > header a {
margin-bottom:0 !important
}
#screen > header form {
bottom:1.75em;
position:absolute;
left:66.666%;
right:0;
top:1.75em
}
#screen > header fieldset:nth-child(1) {
display:none
}
#screen > header select {
background:#FFF;
border:solid .1em #888;
font-size:87.5%;
margin:0;
position:absolute;
width:100%
}
#screen > header select#mobile-menu {
top:0
}
#screen > header select#mobile-lang {
bottom:0
}
#headerOne,
#headerTwo {
display:none
}
#footerOne > li {
width:50%
}
#footerOne > li:nth-child(1) {
display:block
}
#footerOne li,
#footerTwo li:last-child {
font-size:93.75% !important;
line-height:1.6em;
margin-bottom:0
}
#footerOne > li:nth-child(1),
#footerOne > li:nth-child(2),
#footerOne > li:nth-child(3) {
margin-bottom:1.5em
}
#footerTwo li {
font-size:87.5% !important;
line-height:1.71428571em
}
}
@media screen and (max-width:479px) {
body {
font-size:100%
}
.containsFollowers li {
height:1.775em;
width:1.775em
}
.containsFollowers img {
height:1.675em;
width:1.675em
}
.containsGallery li {
width:8.3125em
}
#containsTwoosers > li {
width:100%
}
.formatted ol li {
list-style:inside decimal
}
#screen {
width:17.75em
}
#screen > header form {
left:50%
}
}
@media print {
header,
footer,
section header nav ul,
form#commentform,
.commentlist img,
.commentlist div.commentmetadata,
a.comment-reply-link,
#comments h3 {
display:none
}
address,
blockquote,
caption,
cite,
code,
dl,
figcaption,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend,
ol,
p,
pre,
ul,
table,
dl,
dd {
display:block;
font:normal normal 400 1.2em/1.7em Georgia,Serif;
list-style:none;
margin:0 0 1.5em
}
html[lang=ja] address,
html[lang=ja] blockquote,
html[lang=ja] caption,
html[lang=ja] cite,
html[lang=ja] code,
html[lang=ja] dl,
html[lang=ja] figcaption,
html[lang=ja] h1,
html[lang=ja] h2,
html[lang=ja] h3,
html[lang=ja] h4,
html[lang=ja] h5,
html[lang=ja] h6,
html[lang=ja] label,
html[lang=ja] legend,
html[lang=ja] ol,
html[lang=ja] p,
html[lang=ja] pre,
html[lang=ja] ul,
html[lang=ja] table,
html[lang=ja] dl,
html[lang=ja] dd {
font-family:Georgia,"Hiragino Mincho Pro",serif;
line-height:1.35em
}
a,
a:active,
a:visited {
color:gray;
text-decoration:none
}
a:link:after,
a:visited:after {
content:" [" attr(href) "] ";
font-size:75%;
color:#999 !important
}
html[lang=ja] body {
margin:0 1em 0 1em
}
.containsArticles dt a {
margin-top:1em;
margin-bottom:.3em;
font-size:1.8em
}
section header {
display:block
}
#content header h1 {
font-size:200% !important;
line-height:1.3334em;
margin-bottom:0
}
blockquote p {
font-size:100%
}
#content header h2 {
font-size:87.5%;
font-style:italic;
line-height:1.71428571em;
margin:0;
margin-bottom:1em
}
#comments {
display:none;
}
.commentlist cite {
margin:0;
padding:0
}
.commentlist p {
font-size:75%
}
img,a,p {
page-break-before:auto !important;
page-break-after:auto !important;
page-break-inside:avoid !important
}
.index .containsArticles dl,
.index section h1,
.index section hgroup h1,
.index section hgroup h1 a {
font-size:350%;
color:black !important;
margin-bottom:0
}
.index section hgroup h2 {
font-size:200%
}
.index .containsArticles dd {
margin-bottom:1em;
font-size:125%
}
.index section div p {
font-size:175%
}
.index .containsArticles dt a {
font-size:200%;
margin-bottom:.5em
}
.index .containsArticles dd a {
display:none
}
.containsArticles dd,
#containsTwoosers,
#screen > header,
#screen > footer > nav > ul,
.archives #content fieldset,
.index #content .G6,
.single #comments form,
.single form#commentform {
background-image:none !important
}
}
#dsq-pagination, #dsq-trackback-url {
display: none;
}
.linenos {
display: none;
}