/**
 * pythonforios.com Main Stylesheet
 *
 * Copyright (c) 2012 Jonathan Hosmer
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * Version: 1.0
 */

@-ms-viewport{
    width: device-width;
    initial-scale: 0.4;
}

html {
    font-size: 62.5%; /* Resets 1em to 10px */
    margin-bottom: 1px;
}

body {
    font-size: 100%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
    color: #DDDDDD;
    text-align: center;
}
@media all and (max-width: 1200px) and (min-width: 800px) {
  html {
    /*font-size: 62.5%; /* Resets 1em to 10px */
  }
  body {
    /*font-size: 100%;*/
  }
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 125%; /* Resets 1em to 10px */
  }
  body {
    font-size: 150%;
  }
}

@media only screen and (max-width: 320px) {
  html {
    font-size: 150%; /* Resets 1em to 10px */
  }
  body {
    font-size: 175%;
  }
}

@media screen and (max-width: 320px) {

}

h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
input, select, th, td, li li, li p, td p, blockquote p { font-size: 1em; }

/*
 *
 * START: General
 *
 */

#container {
    display: block;
    width: 75em;
    padding: 1em;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 2.5em;
    margin-right: auto;
    border-top: 0 none;
    border-left: 0.2em dotted green;
    border-right: 0.2em dotted green;
    border-bottom: 0.2em dotted green;
}

#navbar {
    height: 10em;
    text-align: center;
    margin: 1em auto;
    border-bottom: 0.2em dotted green;
}

#app_icon {
    width: 7em;
    height: 7em;
    float: left;
    margin-right: 1em;
}

#nav_header {
    float: left;
    width: 50%;
}
#nav_header h1,
#nav_header h2 {
    text-align: left;
}

#nav_header a,
#nav_header a:active,
#nav_header a:hover,
#nav_header a:visited {
    text-decoration: none;
    color: #DDDDDD;
    display: block;
    height: 7em;
}

#nav {
    float: left;
    width: 50%;
}

#nav ul {
    float: right;
}

#nav li {
    float: left;
    margin: 1em;
    font-size: 1.5em;
}

.selected {
    color: green;
    border-bottom: 0.15em solid green;
}

#nav a:hover {
    color: green;
    text-decoration: none;
}

#appstore {
    float: right;
    margin-right: 7.5em;
}

#main {
    margin: 2em auto;
}

#main h3 {
    color: green;
}

#main span {
    display: block;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.2em;
}

#main img {
    display: block;
    margin: 1em auto;
}

#news {
    margin: 2em 0;
    border: 0.2em outset #3CB371;
    font-weight: bold;
}

#main-content {
    margin: 3em 0;
}



#footer {
    border-top: 0.2em dotted green;
    text-align: center;
    padding: 1em;
}

#footer span {
    display: block;
    margin: 1em auto;
}

#social {
    border-bottom: 0.2em dotted green;
    margin: 0 auto;
}

#social div {
    display: block;
    margin: 0.75em auto;
}

#so-flair {
    margin-top: 1.25em !important;
}

#fb-root {
    margin: 0 !important;
}

#copycenter {
    clear: both;
    margin: auto;
}

#stopsopa {
    border: 0.2em dotted green;
}

#stopsopa a,
#stopsopa a:visited,
#stopsopa a:hover,
#stopsopa a:active,
#stopsopa a:link {
    color: green;
    font-weight: bolder;
}

/*
 *
 * END: General
 *
 */
 
/*
 *
 * START: Updates
 *
 */

ul.update-detail-list,
ul.update-detail-list-text {
    list-style-type: disc;
    margin: 2em;
}

#main ul.update-detail-list-text li span {
    text-align: left;
}

ul.update-summary-list {
    list-style-type: disc;
    margin: 2em;
}

ul.update-summary-list li {
    margin: 0.75em 0;
    font-size: 1.3em;
}

/*
 *
 * END: Updates
 *
 */

/*
 *
 * START: Demo
 *
 */

#demo_version_nav {
    margin: auto;
    width: 75%;
}

#demo_version_nav ul {
    /* float: left; */
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#demo_version_nav li {
    display: inline;
    font-size: 1.5em;
}

#demo_version_nav ul li a {
    text-decoration: none;
    padding: .2em 1em;
    color: #00FF00;
    background-color: #232323;
}

#demo_version_nav ul li a:hover {
    color: #fff;
    background-color: #369;
}

/*
 *
 * END: Demo
 *
 */
 
 
/*
 *
 * START: Clock
 *
 */

#clock,
#clock:hover {
    display:inline-block;
    text-align: center;
    color: #00DC00;
    float: right;
    text-decoration: none;
    cursor: default;
    font-size: 1em;
}

#clock:hover {
    font-weight: bolder;
}

/*
 *
 * END: Clock
 *
 */
 
#app_store_badge {
    border:0 none;
    vertical-align:text-bottom;
}