html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol,ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body:before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    z-index: 100;
}

body {
    background: #f2f6dd;
    background: -moz-radial-gradient(center,ellipse cover,#f2f6dd 0,#4ea5af 65%,#0d3f5b 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#f2f6dd),color-stop(65%,#4ea5af),color-stop(100%,#0d3f5b));
    background: -webkit-radial-gradient(center,ellipse cover,#f2f6dd 0,#4ea5af 65%,#0d3f5b 100%);
    background: -o-radial-gradient(center,ellipse cover,#f2f6dd 0,#4ea5af 65%,#0d3f5b 100%);
    background: -ms-radial-gradient(center,ellipse cover,#f2f6dd 0,#4ea5af 65%,#0d3f5b 100%);
    background: radial-gradient(ellipse at center,#f2f6dd 0,#4ea5af 65%,#0d3f5b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6dd',endColorstr='#0d3f5b',GradientType=1);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,Georgia;
    font-size: 16px;
    color: #000;
}

#wrapper {
    width: 500px;
    margin: 0 auto;
}

#content {
    margin: 100px 0 0 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px #4e7ba3;
    -moz-box-shadow: 0 0 8px #4e7ba3;
    box-shadow: 0 0 8px #4e7ba3;
    position: relative;
}

#content h1 {
    padding: 20px;
    text-shadow: 0 1px 0 #ededed;
    font-size: 30px;
    letter-spacing: -2px;
    color: #0b405f;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,Georgia;
}

#content p {
    padding: 0 20px 20px 20px;
    line-height: 20px;
    text-align: justify;
    color: #5d646d;
}

#content ul {
    padding: 0 0 13px 20px;
}

#content ul li {
    list-style: none;
    padding: 0 0 7px 0;
}

#content ul li a,a {
    color: #0b405f;
    text-decoration: none;
}

#content ul li a:hover,a:hover {
    text-decoration: none;
}

#content ul li a:hover:after {
    content: " →";
}
#nightSky {
    opacity: .3;
    z-index:-1;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    #wrapper {
        width:90%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    #wrapper {
        width:90%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}