pre,.ad {
background-color:#1e1e1e;
border-radius:5px 5px 5px 5px;
box-shadow:0 0 5px #000;
color:silver;
font-family:Inconsolata,monospace,sans-serif;
padding:15px 0 0;
}

.ad {
text-align:center;
margin:25px 0 0;
padding:15px 0;
}

#page {
position:relative;
width:920px;
margin:0 auto 50px;
}

h1 {
display:inline-block;
font:500% Petrona,sans;
font-size:500%;
padding:5px 0 0;
}

h2 {
font-size:150%;
padding:5px 0 30px;
}

p {
line-height:1.25;
padding:5px 0 0;
}

strong {
font-weight:700;
color:#7ccd60;
}

.button {
background-color:#2b91af;
border-radius:10px;
box-shadow:0 2px 3px rgba(0,0,0,0.3);
color:#fff;
cursor:pointer;
display:inline-block;
text-align:center;
text-decoration:none;
padding:10px 20px;
}

.button.small {
border-radius:15px;
float:right;
margin:22px 5px 0;
padding:6px 15px;
}

.button:hover {
background-color:#1e1e1e;
}

.button>span {
font-size:84%;
}

.button.bClose {
border-radius:7px 7px 7px 7px;
box-shadow:none;
font:bold 131% sans-serif;
position:absolute;
right:-7px;
top:-7px;
padding:0 6px 2px;
}

.example {
display:block;
line-height:1.25;
padding:30px 110px 15px 0;
}

.code-undefined {
color:#617a61;
}

.code-string {
color:#fa8072;
}

.code-function {
color:#ffa54f;
}

.code-int {
color:#2b91af;
}

.code-comment {
color:#7ccd60;
}

#page h1+.button {
position:absolute;
top:20px;
right:25px;
}

#share {
position:absolute;
right:18px;
top:85px;
width:205px;
}

#share>div {
display:inline-block;
}

#page li {
position:relative;
}

#page ul+a {
display:block;
font-size:180%;
text-align:center;
text-decoration:none;
margin:25px 0;
}

.note {
color:silver;
font-size:80%;
}

#popup,#popup2,.bMulti {
background-color:#fff;
border-radius:10px 10px 10px 10px;
/*box-shadow:0 0 25px 5px #999;*/
color:#111;
display:none;
min-width:250px;
padding:10px 25px 10px 25px;
}

#popup,.bMulti {
min-height:30px;
min-width:40px;
}

#popup .logo {
color:#2B91AF;
font:bold 325% Petrona,sans;
}

#popup2 iframe {
background:url(loader.gif) center center no-repeat;
min-height:240px;
min-width:450px;
}

.bMulti p {
font:500% Petrona,sans-serif;
text-align:center;
padding:45px 0 0;
}

.bMulti a {
left:175px;
position:absolute;
top:175px;
}

.lt-ie9 .bModal {
background-color:#000;
}

::-moz-selection,::selection {
background-color:#2b91af;/
color:#fff;
text-shadow:none;
}