@import url(http://fonts.googleapis.com/css?family=Marcellus|Marcellus+SC|Niconne|Crimson+Text:400,400italic,700|Josefin+Sans);


A         { color: #000000; }
A:visited { color: #888888; text-decoration: none; }
A:link    { text-decoration:  none;      }
A:hover   { text-decoration:  underline; }
A:active  { color: #ffffff; background-color: #eeeeee; }
A.gold:link  { color: #a92; }


body
{
  background:  #ffffff url(g/background.png) repeat;
  font-family: 'Crimson Text', serif;
  color:       #333333;
}

table.body
{
  background-color:  #ffffff;
  line-height:       1;
  max-width:         90%;
}

td.TitleBox
{
  text-align:     center;
}

td.MainBox
{
  padding-left:  15px;
  padding-right: 15px;
}

table.TextBox
{
  max-width: 300px;
}

div.Block, div.BlockCentered
{
  margin: 15px 0px 15px;
}

div.BlockCentered
{
  text-align: center;
}

h1,h2
{
  font-family: 'Josefin Sans', sans-serif;
  font-weight:  400;
  margin:       0;
}

h1      { font-size:  150%; }
h2      { font-size:  115%; }
h2.name
{
  font-family: 'Marcellus SC', serif;
  font-size:    110%;
}

h3
{
  letter-spacing:  -0.057em;
  word-spacing:    0.12em;
  font-size:       100%;
  font-weight:  700;
  line-height:  1;
  margin:       0;
  margin-top:   20px;
}

i { color: #222222; }
b
{
  color:           #222222;
  line-height:     0.9;
  letter-spacing:  -0.057em;
  word-spacing:    0.12em;
}

p
{
  margin-top:      15px;
  margin-bottom:   5px;
}

hr
{
  color:            #888888;
  background-color: #888888;
  height:           1px;
  border:           0;
}

hr.title, hr.titleTop
{
  margin-top:      0;
  margin-bottom:   5px;
}

hr.titleTop
{
  margin-top:      15px;
  margin-bottom:   5px;
}

hr.bar
{
  background:       url(g/hr_s.png) no-repeat scroll center;
  height:           10px;
  margin-top:       10px;
  margin-bottom:    10px;
}

hr.bar_mid
{
  background:       url(g/hr_s.png) no-repeat scroll center;
  height:           10px;
  margin-top:       10px;
  margin-bottom:    25px;
}

hr.bar_L
{
  background:       url(g/hr.png) no-repeat scroll center;
  height:           25px;
  margin-top:       15px;
  margin-bottom:    15px;
}

ol
{
  line-height:  1.1;
  margin:       0;
  margin-top:   5px;
}

ul
{
  list-style-image: url(g/bullet.png);
  line-height:      1.1;
  padding-left: 30px;
  margin:       0;
  margin-top:   5px;
}

li
{
  margin-top: 10px;
}

table { border: 0; padding: 0; }
td    { vertical-align: top; }


//////////// Banner ////////////
XX {}

div.banner
{
	text-align:   right;
	margin:       -8px 5px 0px;
	font-size:    small;
	line-height:  200%;
}

h1.banner
{
  color:        #111111;
  margin:       5px 15px 5px;
  font-size:    xxx-large;
  font-weight:  400;
  font-family:  'Marcellus SC', serif;
  line-height:  0.8;
}


//////////// Menu ////////////
XX {}

A.menu:hover, A.menuNext:hover
{
  text-decoration: none;
  color: #555555;
}

A.menuNext
{
  margin-left: 13px;
}

td.MenuBox
{
  text-align:   center;
  padding-top:  15px;
}

div.NavBar
{
  text-align: center;
  margin:     0px 15px 0px;
}

hr.menu
{
  margin-left:     10px;
  margin-right:    10px;
  margin-top:      0;
  margin-bottom:   0;
}


//////////// Home ////////////
XX {}

hr.home
{
  margin: -4px 0 0;
}


//////////// Q & A ////////////
XX {}

p.question
{
  margin-top:      40px;
  margin-bottom:   10px;
}

li.question
{
  margin-left: -15px
}

ol.question
{
}

blockquote.question
{
  margin:           15px;
  background-color: #f1f1ec;
}

h4.answer
{
  font-family: 'Crimson Text', serif;
  line-height: 1.1;
  margin-top:  40px;
}


//////////// Articles ////////////
XX {}

h1.articles
{
  margin-left:  7px;
  margin-right: 7px;
}

h2.text
{
  margin-top: 30px;
}

div.Subtitle
{
  font-size:   75%;
  line-height: 0.8;
  text-align:  right;
}

table.articles
{
  max-width: 390px;
}

ul.articles
{
  margin-top:    0;
  margin-bottom: 5px;
}

li.articles
{
  margin-top:  5px;
  line-height: 1;
}


//////////// TED ////////////
XX {}

i.ted
{
  font-size: small;
  color:     #777;
}

ul.ted
{
  margin-top: 0px;
}

li.ted
{
  margin:       0 0 5px;
  line-height:  1;
}

hr.ted, hr.tedBottom
{
  margin: 0;
}

hr.tedBottom
{
  margin-top: -5px;
}


//////////// Movie ////////////
XX {}

ul.movie
{
  margin-top: 0px;
}

li.movie
{
  margin-top:  0;
}

span.new_movie
{
  font-size:      70%;
  font-weight:    700;
  vertical-align: super;
  color:          #a92;
}

hr.movie
{
  margin: 0;
}


//////////// Collapsible Content ////////////
XX {}

input[type='checkbox'] { display: none; }
.wrap-collabsible { margin: 0; }
.lbl-toggle
{
  display:        block;
  margin:         0;
  cursor:         pointer;
  transition:     all 0.25s ease-out;
}
.lbl-toggle:hover { color: #999; }
.collapsible-content
{
  max-height: 0px;
  overflow:   hidden;
  transition: max-height .25s ease-in-out;
}
.toggle:checked + .lbl-toggle + .collapsible-content { max-height: none; }
.collapsible-content .content-inner
{
  margin: 0 0 5px;
}
.collapsible-content { margin-bottom: 0; }