/**NOT TO DISPLAY ON MOBILE DEVICES**/
.mobile-none{
display:none;
}

/**AMENDED FOR MOBILE DEVICES**/
/*GENERAL STYLING*/
#wrapper{
width:100%;
}
header{
width:100%;
height:auto;
}
header h1{
display:block;
width:100%;
height:auto;
margin-left:5px;
background:#04486f;
text-indent:0;
text-align:left;
font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif;
color:#f3efce;
text-shadow:0 1px 1px rgba(0,0,0,.5);
font-size:2.2em;
word-spacing:normal;
letter-spacing:.09em;
font-weight:700;
}
header h1 span.mobile-tag{
letter-spacing:-.05em;
text-shadow: 0px 1px 1px rgba(0,0,0,.6);
font-size: 80%;
display: block;
color:#f3efce;
font-style:normal;
word-spacing:4px;
line-height:1.1em;
font-weight:normal;
text-transform:lowercase;
}
header h1 a{
display:block;
height:auto;
color:#e9e3b0;
text-decoration:none;
}
header h1 a:focus{
outline:1px solid #82091a;
}
nav#main{
width:100%;
padding:0;
}
nav#main li{
display:list-item;
margin-bottom:2px;
padding:0;
border-right:none;
}
nav#main a:link, nav#main a:visited{
color:#fff;
display:block;
text-decoration:none;
font-size:1.3em;
padding:5px 0 5px 5px;
margin:0 5px;
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
}
nav li#search{
padding:0 ;
}
#search input#term{
width:70%;
padding:6px 5px;
font-size:100%;
}
nav#breadcrumbs{
margin:0;
}
#content{
padding:5px 0 20px 0;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
#content section{
padding:10px 0;
background:#fff;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
-webit-border-radius:0;-moz-border-radius:0;border-radius:0;
}
/**fonts**/
#content p, #content li{
margin-left:5px;
margin-right:5px;
}
#content h2, #content h3, #content h4, #content h5{
margin-left:5px;
}
#content h2{
font-size:2.2em;
}
/**images**/
img{
max-width:100%;
height:auto;
}
#latest img{
margin:0;
}
footer{
width:100%;
background:none;
padding:10px 0;
}
#footer01, #footer02{
width:40%;
float:left;
padding:5px;
margin:5px;
border-right:none;
}
#footer01{
border-right:1px dashed #9d8674;
}
footer h4{
font-size:1.4em;
}

/*PAGE SPECIFIC STYLING*/
#content section#intro{
width:100%;
background:#efefe1;
margin:10px 0 10px 0;
padding:10px 0;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
-webit-border-radius:0;-moz-border-radius:0;border-radius:0;
}
#content #intro h3{
margin-left:10px;
}
#intro p{
margin-left:10px;
}
#intro a:link, #intro a:visited{
color:#505050;
}
#intro a:hover, #intro a:focus{
color:#fff;
background: #546268; 
}
#content #latest h3{
margin-left:5px;
}
article.wide{
padding:10px 0;
margin-bottom:0;
}
#content article.wide li{
float: none; 
width: 100%;
padding-right:0;
margin:0 5px 10px 5px;
}
article.right, article.left{
float:none;
width:100%;
margin-top:10px;
}
article.right{
padding:0;
}
article.left{
padding:0;
}
#content #demolist h3#inuse{
padding-left:0;
margin-bottom:-10px;
}
/*Demo Pages*/
section#examples{
border:1px solid #8d2210;
width:95%;
margin:0 auto;
}
#examples .codebox{
width:80%;
}
#content .moredemos a{
margin:10px;
}