@media screen,projection {body {
background: #000;
font: 300 100.01% "Helvetica Neue",Helvetica,"Arial Unicode MS",Arial,sans-serif;
color: #000;
margin: 0;
padding: 0;
line-height: 1.5;
text-align: center
}
img,abbr,acronym {
border: none
}
#header {
height: 130px;
margin: 0 auto;
padding: 0;
width: 960px
}
h1 {
color: #40A7D3;
font-weight: 500;
height: 140px;
line-height: 140px;
margin: 0;
padding: 0;
position: relative
}
h1 span {
background: url(http://g.raphaeljs.com/images/pie2.png);
bottom: 25px;
height: 100px;
left: 30px;
position: absolute;
width: 100px
}
h2,h3,h4 {
font-weight: 100
}
#content {
background: #eee;
color: #333;
width: 896px;
margin: 0 auto;
text-align: left;
padding: .5em 32px 0;
position: relative
-webkit-border-radius: 15px 15px 0px 0px / 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px / 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px / 15px 15px 0px 0px;
}
#top {
position: absolute;
top: 0;
left: 0;
width: 960px;
height: 20px;
_display: none
}
#content #footer {
background: #ccc;
margin: 0 -2em;
clear: both;
position: relative;
zoom: 1
}

#content #screenshots {
background: #999;
margin: 0 -2em;
clear: both;
position: relative;
zoom: 1
text-align: center
}

#screenshots p
{
text-align:center;
font-weight:400;
}

#ss
{
text-align:center;

}

#ss img
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: solid 1px #666;
margin:12px;
}

#formtable
{
text-align:left;
border: solid 2px #666;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding:10px;
}

#submitbt
{
border: solid 2px #40A7D3;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding:7px 35px 7px 35px;
background-color:#40A7D3;
}


#error{
color:#F33;
}


#footer h3 {
margin: 0;
padding: 0;
line-height: 30px;
height: 30px;
font-size: .8em;
color: #666;
font-weight: 400;
text-align: center
}
h2 {
font-size: 1.4em;
line-height: 1.85;
margin: 1em 0 0 0;
padding-left: 0px;
position: relative;
zoom: 1
}

#column-2 h2
{
padding-left:30px;
}

#notice
{
color:#FF3333;
font-weight:bold;
}

h4 {
font-size: 1.3em
}
#reference h2 {
padding-left: 0
}

p {
margin: 0
}
p.not-prime {
text-indent: 1.4em
}

p.step{
text-indent: -1.0em;
margin-left:2.0em;
margin-bottom:0.4em;
}

#backtohome{
text-align:right;
}


.hidden {
display: none;
visibility: hidden
}
a,a * {
color: #8201C8;
text-decoration: none
}
a:hover,a:hover * {
color: #000;
text-shadow: 0 0 3px #8201C8;
}

#selectedmenu
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: solid 2px #8201C8;
color: #000;

}

address {
font-style: normal
}





form,fieldset {
margin: 0;
padding: 0;
border: none;
text-align: center
}
#column-1 h3 {
font-size: 2em;
font-weight: 100
}
#contents ul {
overflow: hidden
}
#content #column-1 {
width: 62%;
float: left;
margin: 0
}
#content #column-2 {
width: 38%;
margin: 0;
float: left
}
#aside {
margin: 0 0 0 2em;
padding: 0;
list-style: none
}
#aside li {
padding: 0 0 1em 0
}
#aside li p {
margin-left: 52px
}
#aside li h2 {
margin-top: 0
}
#aside #topindex h2 {
margin-top: 1em
}
#quotes {
display: none
}
#reference em {
font-style: normal;
color: #666;
padding: 0 1em
}
#quotes ol {
font-size: .8em;
list-style: none;
margin: 0 0 0 52px;
padding: 0
}
#quotes ol li {
margin: 0;
padding: 0 0 .5em 0
}
#quotes ol li img {
margin: 5px 5px 0 -21px;
float: left
}


}
@media print {body {
background: #fff;
color: #000;
font: 300 100.01% "Helvetica Neue",Helvetica,"Arial Unicode MS",Arial,sans-serif;
margin: 3em 2em 6em 4em
}
h1 {
text-align: center
}
h1,h2,h3 {
font-weight: 100
}
#top,#rss,#reference #column-2 {
display: none
}
#footer h3,#reference #footer h3 {
font-size: .7em;
text-align: center
}
#reference h3 {
font-size: 2em;
text-align: left
}
#aside {
list-style: none;
margin: 0;
padding: 0
}
a {
text-decoration: none;
color: #000
}
a:after {
content: " (" attr(href) ")"
}
p {
margin: 0
}
p.not-prime {
text-indent: 1.4em
}
p.code,code,samp {
font-family: Consolas,Monaco,"Lucida Console",monospace;
color: #000
}
code i,code i *,code i .d {
color: #069;
font-style: normal
}
code span.c,code span.c *,code span.c .d {
color: #999
}
code .d {
color: #900
}
#footer {
margin-top: 3em
}
#column-1 div.sample {
border-left: solid #2c53b0 99px;
float: right;
height: 99px;
margin: -5em 1em 1em;
padding: 0;
width: 99px
}
#column-1 div.sample div,#column-1 div.sample svg {
margin-left: -99px
}

}
@media only screen and (max-device-width:480px) {body {
background: #999;
color: #000;
font: 20px Helvetica,sans-serif;
margin: 0;
padding: 0
}
#top {
display: none
}
* {
-webkit-text-size-adjust: none
}
#content,#header {
width: 450px
}
#header,h1 {
background: #999;
font-size: 1.1em;
height: 130px;
line-height: 130px;
text-align: right
}
#rss {
display: none
}
#content {
background: #eee;
width: 450px
}
#content #column-1 {
float: none;
margin: 0;
width: auto
}
#content #column-2 {
border-top: solid 2px #ccc;
float: none;
width: 390px
}
#aside li {
font-size: 1em
}
#content #footer {
background: none
}
#footer #copyright {
background: none;
margin-bottom: 0;
padding-bottom: 0;
position: relative
}
#footer #font {
background: none;
padding-bottom: 0
}


}