@charset "UTF-8";
/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
*/
/* Modified by;
http://www.sfw.or.jp/
ver. 0.2 build 11-May, 2008
------------------------------------------------------------------
base color: #8aae1e
*/
/* 2column with sidebar on left from the /sandbox-layouts/ folder */
@import url('sandbox-layouts/3c-b.css');
/* CSS Reset Reloaded-
From Eric Meyer http: //meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
********************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, div, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote: before, blockquote: after, q: before, q: after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* FontSizeAdjasting
based on Yahoo UI Library 2.3.0
------------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc.
All rights reserved.
------------------------------------------------------------------ */
body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", arial, helvetica, clean, sans-serif;
font-weight: normal;
font-size: 13px;
*font-size: small;
*font: x-small; /*** x-small is for IE6/7 quirks mode. */
}
table {
font-size: inherit;
font-size: 100%;
}
select,
input,
textarea {
font-size: 99%; /*** 99% for safari; 100% is too large */
}
/* font-size adjasting
------------------------------------------------------------------
77 % renders 10px
85 % renders 11px
93 % renders 12px
108 % renders 14px
123.1% renders 16px
138.5% renders 18px
153.9% renders 20px
167 % renders 22px
182 % renders 24px
197 % renders 26px
------------------------------------------------------------------ */
/* Global Styling
********************************************************************/
body{
background-color: #fff;
color: #555;
}
a {
overflow: hidden; /* for Firefox */
}
a:link {
color: #369;
text-decoration: none;
}
a:visited {
color: #963;
text-decoration: none;
}
a:hover, a:focus {
color: #36b;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
h2{
font-size: 167%; /*renders 22px*/
}
h3{
font-size: 138.5%; /*renders 18px*/
}
h4{
font-size: 123.1%; /*renders 16px*/
}
h5{
font-size: 108%; /*renders 14px*/
}
h6{
}
blockquote{
font-style: italic;
padding: 15px;
margin: 10px 0;
}
pre{
font-style: normal;
padding: 15px;
margin: 10px 0;
font-family: courier;
line-height: 1.6;
}
code{
font-family: courier;
padding: 3px;
}
pre code{
padding: 0;
background: none;
}
/* header
********************************************************************/
div#header h1 { /* for OffLeft */
background: url("img/topLogo.gif") transparent left top no-repeat;
height: 24px;
display: block;
margin-top: 20px;
text-indent: -9999em;
width: 350px;
}
div#header h1 a {
display: block;
height: 24px;
width: 350px;
}
div#blog-description { /* for off-left */
background: url("img/description_bg.png") transparent left bottom no-repeat;
height: 30px;
display: block;
margin-top: 20px;
text-indent: -9999em;
width: 940px;
}
body.home div#blog-description { /* for off-left */
height: 220px;
}
body.home div#wrapper div.description1 { background: url("img/HomeHeaderPhoto_01.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description2 { background: url("img/HomeHeaderPhoto_02.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description3 { background: url("img/HomeHeaderPhoto_03.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description4 { background: url("img/HomeHeaderPhoto_04.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description5 { background: url("img/HomeHeaderPhoto_05.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description6 { background: url("img/HomeHeaderPhoto_06.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description7 { background: url("img/HomeHeaderPhoto_07.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description8 { background: url("img/HomeHeaderPhoto_08.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description9 { background: url("img/HomeHeaderPhoto_09.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description10 { background: url("img/HomeHeaderPhoto_10.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description11 { background: url("img/HomeHeaderPhoto_11.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description12 { background: url("img/HomeHeaderPhoto_12.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description13 { background: url("img/HomeHeaderPhoto_13.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description14 { background: url("img/HomeHeaderPhoto_14.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description15 { background: url("img/HomeHeaderPhoto_15.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description16 { background: url("img/HomeHeaderPhoto_16.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description17 { background: url("img/HomeHeaderPhoto_17.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description18 { background: url("img/HomeHeaderPhoto_18.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description19 { background: url("img/HomeHeaderPhoto_19.jpg") transparent left top no-repeat; }
body.home div#wrapper div.description20 { background: url("img/HomeHeaderPhoto_20.jpg") transparent left top no-repeat; }
/* #access
********************************************************************/
div#access{
position: absolute;
left: -99em;
}
/* #container
********************************************************************/
div#container h2 {
color: #8aae1e;
padding-bottom: 2em;
}
/* entry styling/
===================================================================*/
div.entry-content h3 {
line-height: 1.2;
padding-top: 1em;
padding-bottom: .5em;
}
div.entry-content p {
line-height: 1.6;
}
div.entry-meta {
padding-top: 1em;
}
/* schedule/
---------------------------------------------------------------------------------------*/
div.category-schedule {
margin-bottom: 2em;
}
div.category-schedule h3.entry-title {
padding-left: 50px;
}
div.category-schedule h3.entry-title a {
color: #8aae1e;
}
div.category-schedule div.entry-date {
background-color: #8aae1e;
color: #fff;
display: block;
font-size: 14px;
font-family: arial, helvetica, clean, sans-serif;
line-height: 1.0;
padding-top: 2px;
position: relative;
text-align: center;
top: -20px;
vertical-align: baseline;
width: 36px;
}
div.category-schedule div.entry-date em {
display: block;
font-style: normal;
font-size: 28px;
padding-top: 2px;
}
div.category-schedule div.entry-date span {
display: none;
}
div.category-schedule div.entry-content {
padding-left: 50px;
}
div.category-schedule div.entry-meta {
color: #888;
text-align: right;
}
div.category-schedule dl {
line-height: 1.6;
margin-top: -30px;
}
div.category-schedule dl dt {
color: #888;
font-size: 108%; /* renders 14px */
font-weight: bold;
padding-top: .5em;
}
.s-category-schedule div.category-schedule div.entry-content {
padding-left: 0;
}
/* topics/ single
----------------------------------------------*/
.s-category-schedule div.category-schedule dl {
float: right;
width: 400px;
margin-top: -75px;
}
.s-category-schedule div.category-schedule .entry-meta {
clear: both;
}
/* topics/
---------------------------------------------------------------------------------------*/
.category-topics div.hentry {
padding-bottom: 2em;
}
.category-topics div.entry-date {
width: 460px;
text-align: right;
padding-bottom: 1em;
}
.category-topics div.entry-content a img {
border: #ccc solid 1px;
margin-top: 1.5em;
margin-bottom: .5em;
padding: 5px;
}
.category-topics div.entry-content a img:hover {
border: #aaa solid 1px;
}
img.alignnone, img.alignright, img.alignleft {
float: none; !important
}
/* profile/
---------------------------------------------------------------------------------------*/
.pageid-34 div.entry-content ul {
list-style-type: disc;
line-height: 2.0;
margin-left: 1em;
}
.pageid-34 div.entry-content a img {
border: none;
padding: 0;
}
/* info/
---------------------------------------------------------------------------------------*/
.pageid-4 dl {
line-height: 1.6;
margin-top: 2em;
}
.pageid-4 dl dt {
margin-top: -1em;
}
.pageid-4 dl dd {
position: relative;
top: -1.6em;
left: 6em;
padding-right: 6.5em;
padding-left: 0.5em;
}
/* .sidebar
********************************************************************/
div.sidebar {
padding-bottom: 20px;
}
div.sidebar ul li h3 {
display: none;
}
/* .sidebar #primary; GlobalNav
---------------------------------------------------------------------------------------*/
div#primary ul li h4 {
color: #999;
font-size: 108%; /*renders 14px */
font-weight: normal;
padding: 0 0 0.2em 2px;
}
div#primary ul li ul {
background: url("img/borderDotted.gif") transparent repeat-x left bottom;
list-style: none;
margin-bottom: 1em;
width: 200px;
}
div#primary ul li ul li {
background: url("img/borderDotted.gif") transparent repeat-x left top;
}
div#primary ul li ul a {
background: url("img/linkArrow.gif") transparent no-repeat 0px center;
color: #8c8c8c ;
display: block;
font-size: 100%; /*renders 13px */
font-weight: bold;
line-height: 1.0;
padding: 0.4em 0 0.4em 10px;
text-decoration: none;
width: 180px;
}
div#primary ul li ul li.current a {
background-position: -440px center;
color: #80630d;
}
div#primary ul li ul li a:hover {
background-position: -220px center;
color: #369;
}
/* .sidebar #secondary home>#eventCalendar
---------------------------------------------------------------------------------------*/
li#eventCalendar {
font-size: 13px;
left: 50%;
margin-left: 130px;
position: absolute;
top: 75px;
width: 330px;
}
div#secondary ul li#eventCalendar a {
background: url("img/homeHeaderSchedule_bg.png") transparent left top no-repeat;
display: block;
height: 60px;
margin-bottom: 10px;
overflow: hidden;
width: 330px;
}
div#secondary ul li#eventCalendar a:link,
div#secondary ul li#eventCalendar a:visited {
color: #eee;
}
div#secondary ul li#eventCalendar a:hover {
color: #fff;
text-decoration: none;
}
div#secondary ul li#eventCalendar div {
display: block;
font-family: arial, helvetica, clean, sans-serif;
font-size: 12px;
line-height: 1.0;
margin-top: 10px;
text-align: center;
vertical-align: baseline;
width: 70px;
}
div#secondary ul li#eventCalendar div em {
display: block;
font-size: 28px;
font-style: normal;
padding-top: 2px;
}
div#secondary ul li#eventCalendar div span {
display: none;
}
div#secondary ul li#eventCalendar h4,
div#secondary ul li#eventCalendar p {
left: 70px;
line-height: 1.0;
position: relative;
top: -50px;;
}
div#secondary ul li#eventCalendar h4 {
font-size: 14px;
margin: 10px 0 8px 0;
}
/* .sidebar #secondary home>#topics
---------------------------------------------------------------------------------------*/
li#topics div.hentry{
background: url("img/borderDotted.gif") transparent repeat-x left bottom;
clear: both;
margin-bottom: 10px;
padding-bottom: 5px;
}
/* ClearFix
=========================================*/
li#topics div.hentry {
zoom: 1; /*for IE 5.5-7*/
}
li#topics div.hentry:after { /*for ModernBrowser*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Endof ClearFix
=========================================*/
li#topics div.entry-content {
float: right;
padding-bottom: 2px;
text-align: left;
width: 270px;
}
li#topics h4.entry-title {
float: right;
font-size: 108%; /* renders 14px */
text-align: left;
width: 270px;
}
li#topics h4.entry-title a {
margin-left: 10px;
}
li#topics p {
font-size: 100%;
line-height: 1.6;
padding-left: 10px;
}
li#topics div.entry-thumb {
float: left;
width: 70px;
}
li#topics div.entry-thumb img {
}
li#topics div.topics-meta {
clear: both;
text-align: right;
width: 340px;
}
/* .sidebar #secondary #headerNab
---------------------------------------------------------------------------------------*/
div#secondary ul li#headerNav {
color: #ccc;
left: 50%;
position: absolute;
text-align: right;
text-transform: uppercase;
top: 40px;
width: 470px;
}
div#secondary ul li#headerNav a:link,
div#secondary ul li#headerNav a:visited {
color: #999;
}
div#secondary ul li#headerNav a:hover {
color: #369;
text-decoration: underline;
}
/* #footer
********************************************************************/
div#footer {
background-color: #fcfcfc;
padding-top: 20px;
text-align: right;
}
div#footer address {
font-style: normal;
}