/* (C) 2012 PieCafe */
body,button{font:10pt/16pt sans-serif;}
body.larger{font-size:1.2em;}
html{min-height:100%}
h1,h2,h3,h4,h5,h6{clear:left;line-height:1.1em;}
h1{font-size:1.7em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4,h5,h6{font-size:1em;}
dt{font-weight:bold;}
img{border:0;}
hr{border:1px solid;}
a,button{text-decoration:underline;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.code{font-family:monospace;}

button{padding:4px 8px;margin:4px 0;}
.carte .tagline{float:right;text-align:right;margin-left:20px;}
.ps{font-weight:normal;font-style:italic;font-size:0.8em;}
.label{font-style:italic;}

.carte .frame{text-align:center;margin:2em auto;clear:both;overflow:hidden;}
.frame .platform{font-size:0.8em;font-style:italic;}

ul.toc,.toc ul{list-style:circle;}
.toc li{margin-top:1.5em;margin-bottom:0.5em;font-weight:bold;}
.toc li li{margin-top:0.5em;font-weight:normal;}

.pagetoc{font-size:0.8em;}
.pagetoc ul{list-style:none;padding:0.3em;}
.pagetoc li{padding:0.3em;}

body.carte{text-align:center;min-width:480px;padding:0;}
.carte .page{margin:4px auto;width:700px;text-align:left;padding:15px 20px 0 20px;overflow:hidden;border:1px solid;}
.carte .content{min-height:600px;margin:1.5em 0;padding:0;}
.carte .section{clear:both;margin:20px 0;}
.carte .footer{margin:10px auto;text-align:center;font-size:8pt;line-height:1.1em;}

.carte .special,.carte .quote,.carte .live-exhibit,.carte .offering{padding:0.4em;clear:both;width:auto;margin:1em auto;overflow:hidden;border:1px solid;}
.carte .special{text-align:center;}
.carte .special h3,.carte .offering h3{margin:0 auto;padding:4px;border-bottom:1px solid;}
.carte .quote p,.carte .special p,.carte .offering p{margin:0.5em 0.2em;}
.carte .quote dt,.carte .special dt{margin:0.5em 0 0 0;}
.carte .quote dd,.carte .special dd{margin:0;}
.carte .quote .author{margin:0.5em 0.2em 0 0.2em;font-style:normal;text-align:right;font-weight:bold;}

.package{margin:1em 0.2em;text-align:right;clear:both;}
.package .version,.offering .more{font-style:italic;font-size:0.9em;}
.package .platform{font-weight:bold;}
.offering .thumbnail{float:right;margin-top:1em;padding-left:1em;}
.offering .note{font-size:0.8em;line-height:1.1em;border-top:1px solid;}
.offering .note h4{margin:1em 0;}
.offering .note ul{margin:1em 0;padding-left:2em;}

.carte .feature-list{width:auto;margin:0 auto;}
.carte .feature-list dt{padding:0 0.4em;margin:1em 0 0.3em 0;border-bottom:1px solid;}
.carte .feature-list dd{margin:0;padding:0.1em 5px;line-height:1.2em;}

.footnotes{padding:0;font-size:0.8em;line-height:1.1em;}
.footnotes dt{margin:0.2em 0;font-weight:normal;padding-left:1.2em;}
.footnotes dd{margin-top:-1.25em;}
.footnote{font-size:0.6em;vertical-align:text-top;}
.smallprint{font-size:0.8em;line-height:1.1em;}

.carte .menu{text-align:center;}
.menu h1{display:block;width:7.5em;margin:20px auto 10px auto;}
.menu h1 .piecafe{font-size:1.5em;display:block;text-align:left;}
.menu h1 .cafe,.menu h2{font-style:italic;}
.menu h1 .takeaway{font-style:italic;display:block;text-align:right;}
.carte .menu .special{width:90%;}

.carte .nav-context{margin:0.7em auto;padding:2px 2px;border:1px solid;}
.carte .nav-foot{margin:1em auto;text-align:right;}
.nav{font-size:0.9em;width:100%;display:block;padding:0;margin:0;overflow:hidden;}
.nav li{display:inline;padding:0 4px;}
.nav img{vertical-align:middle;}
li.nav-parent{border-right:3px double;}
li.nav-sibling{border-left:1px solid;}

@media all and (max-width: 760px) {
.carte .page{width:auto;}
}
@media all and (max-width: 500px) {
body,button,.nav{font-size:12pt;}
body.carte{min-width:320px;padding:0;margin:0;}
.carte .page{margin:4px 0;padding:4px;border-width:2px 0;}
.carte .content{min-height:140px;}
.special,.quote,.offering,.feature-list{width:auto !important;}
.no-mobile{display:none;}
}

.live-exhibit{text-align:center;padding:10px;line-height:1.1em;}
.live-exhibit .sorry{margin:0 auto;}

.speccy .author,.jsolun .author{font-style:italic;}

.jsolun .live-exhibit{width:400px;}
.jsolun .live-exhibit .sorry{width:400px;min-height:300px;padding-top:50px;}

.speccy .live-exhibit{width:320px;}
.speccy .live-exhibit .sorry{width:320px;min-height:200px;padding-top:40px}
.speccy .live-exhibit canvas{width:320px;min-height:240px;}
.speccy .joypad{width:300px;margin:-10px auto 0 auto;border:1px solid;border-top:none;}
.speccy .joypad button{width:80px;height:2.5em;margin:5px;text-decoration:none;overflow:hidden;}
.speccy .joypad button.wide{width:140px;}
.speccy .joypad button.narrow{width:50px;}
@media all and (min-width: 750px) {
.speccy .live-exhibit{width:640px;}
.speccy .live-exhibit .sorry{width:640px;min-height:400px;padding-top:80px;}
.speccy .live-exhibit canvas{width:640px;min-height:480px;}
.speccy .joypad{width:600px;}
.speccy .joypad button{width:120px;height:3em;margin:10px;}
.speccy .joypad button.wide{width:260px;}
.speccy .joypad button.narrow{width:70px;}
}
@media all and (max-width: 450px) {
.speccy .joypad{position:relative;top:-20px;}
}
@media all and (max-width: 360px) {
.speccy .live-exhibit{margin-left:-15px;}
.speccy .joypad{margin-left:0;}
}

.vanadium a,body.vanadium,.vanadium .page,.vanadium button,.vanadium .nav .self{color:#222222;}
.vanadium h1,.vanadium h2,.vanadium h3{color:#444444}
.vanadium .nav a,.vanadium .footnote a,.vanadium .footer{color:#555555;}
.vanadium a:active,.vanadium a:hover,.vanadium button:hover,.vanadium button:active{color:#993333;}
body.vanadium{background:#EEEEEE;}
.vanadium hr{color:#DDDDDD;border-color:#DDDDDD;}
.vanadium .page{background:white;border-color:#BBBBBB;}
.vanadium button{background:#DDDDDD;border:1px solid #BBBBBB;}
.vanadium button:hover{background:#EEEEEE;}
.vanadium button:active{background:white;}
.vanadium .special,.vanadium .quote,.vanadium .live-exhibit,.vanadium .offering,.vanadium .nav-context,
.vanadium .feature-list dt,.vanadium .speccy .joypad{background:#EEEEEE;border-color:#DDDDDD;}
.vanadium .special h3,.vanadium .offering h3{background:#DDDDDD;border-color:#BBBBBB;}
.vanadium .offering .note,.vanadium li.nav-parent,.vanadium li.nav-sibling{border-color:#BBBBBB;}
.vanadium .live-exhibit .sorry{color:#DDDDDD;background-color:black;}

body.obsidian{color:white;background:black;}
.obsidian a,.obsidian button{color:yellow;}
.obsidian a:active,.obsidian a:hover,.obsidian button:hover,.obsidian button:active{color:orange;}
.obsidian button{background:black;border:1px solid;}

.fancy .page{border-radius:25px;box-shadow:4px 4px 4px 0px #555555;}
.fancy .special,.fancy .quote,.fancy .live-exhibit,.fancy .offering{border-radius:7px;box-shadow:2px 2px 4px 0px #555555;}
.fancy .speccy .joypad{border-radius:0 0 5px 5px;}
@media all and (max-width: 500px) {
.fancy .page{border-radius:7px;box-shadow:0px 4px 10px 0px #555555;}
}

.fancy.vanadium button,.fancy .nav-context{border-radius:5px;box-shadow:1px 1px 2px 0px #555555;}
.fancy.vanadium button:hover{box-shadow:1px 1px 2px 1px #555555;}
.fancy.vanadium button:active{box-shadow:none;}

.fancy.vanadium button,.fancy.vanadium button:hover{
background-image:-moz-linear-gradient(#FFFFFF,#DDDDDD);
background-image:-ms-linear-gradient(#FFFFFF,#DDDDDD);
background-image:-o-linear-gradient(#FFFFFF,#DDDDDD);
background-image:-webkit-linear-gradient(#FFFFFF,#DDDDDD);
background-image:-linear-gradient(#FFFFFF,#DDDDDD);
}
.fancy.vanadium button:active,.fancy.vanadium .feature-list dt,.fancy.vanadium .special h3,.fancy.vanadium .offering h3{
background-image:-moz-linear-gradient(#DDDDDD,#FFFFFF);
background-image:-ms-linear-gradient(#DDDDDD,#FFFFFF);
background-image:-o-linear-gradient(#DDDDDD,#FFFFFF);
background-image:-webkit-linear-gradient(#DDDDDD,#FFFFFF);
background-image:-linear-gradient(#DDDDDD,#FFFFFF);
}
.fancy.vanadium .special,.fancy.vanadium .quote,.fancy.vanadium .live-exhibit,.fancy.vanadium .offering,.fancy.vanadium .nav-context{
background-image:-moz-linear-gradient(135deg,#EEEEEE,#FFFFFF 25%,#EEEEEE);
background-image:-ms-linear-gradient(135deg,#EEEEEE,#FFFFFF 25%,#EEEEEE);
background-image:-o-linear-gradient(135deg,#EEEEEE,#FFFFFF 25%,#EEEEEE);
background-image:-webkit-linear-gradient(135deg,#EEEEEE,#FFFFFF 25%,#EEEEEE);
background-image:-linear-gradient(135deg,#EEEEEE,#FFFFFF 25%,#EEEEEE);
}
.fancy.vanadium .special.speccy,.fancy.vanadium .offering.speccy,.fancy.vanadium .speccy .joypad{
background-image:-moz-linear-gradient(135deg,#EEEEEE,white 12%,#aaffff,#aaffff,#99dd99,#99dd99,#ffff99,#ffff99,#ff9999,#ff9999,white 25%,#EEEEEE);
background-image:-ms-linear-gradient(135deg,#EEEEEE,white 12%,#aaffff,#aaffff,#99dd99,#99dd99,#ffff99,#ffff99,#ff9999,#ff9999,white 25%,#EEEEEE);
background-image:-o-linear-gradient(135deg,#EEEEEE,white 12%,#aaffff,#aaffff,#99dd99,#99dd99,#ffff99,#ffff99,#ff9999,#ff9999,white 25%,#EEEEEE);
background-image:-webkit-linear-gradient(135deg,#EEEEEE,white 12%,#aaffff,#aaffff,#99dd99,#99dd99,#ffff99,#ffff99,#ff9999,#ff9999,white 25%,#EEEEEE);
background-image:-linear-gradient(135deg,#EEEEEE,white 12%,#aaffff,#aaffff,#99dd99,#99dd99,#ffff99,#ffff99,#ff9999,#ff9999,white 25%,#EEEEEE);
}
.fancy.vanadium .special.solun{
background-image: -moz-radial-gradient(center 19%, circle cover, #ffffff, #ffffff 20%, #eeeeee);
background-image: -ms-radial-gradient(center 19%, circle cover, #ffffff, #ffffff 20%, #eeeeee);
background-image: -o-radial-gradient(center 19%, circle cover, #ffffff, #ffffff 20%, #eeeeee);
background-image: -webkit-radial-gradient(center 19%, circle cover, #ffffff, #ffffff 20%, #eeeeee);
background-image: -radial-gradient(center 19%, circle cover, #ffffff, #ffffff 20%, #eeeeee);
}