/*
* Skeleton V1.0.3
* Copyright 2011,Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 7/17/2011
*/
/* Documentation Styles
------------------------------------------------- */
body {background:#000 url(../img/bg.jpg) no-repeat top center; font:14px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color:#dedede; -webkit-font-smoothing:antialiased;/* Fix for webkit rendering */ -webkit-text-size-adjust:100%;}
div.container{padding-top:5px;}

/* -- NAV
------------------------------------------------- */
nav{position:fixed;width:160px;}
#logo{margin-bottom:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-1px;font-weight:bold;}
nav ul{float:left;}
nav ul li{display:block;margin-bottom:10px;}
nav ul li a,
nav ul li a:visited,
nav ul li a:active{font-size:14px;color:#555;text-decoration:none;font-weight:bold;}
nav ul li a:hover,
nav ul li a:focus{color:#222;}

header {text-align:center;}

/* -- CLASSES
------------------------------------------------- */
.scale {max-width:100%;height:auto;}
.caps {text-transform:uppercase;}
.height1 {line-height:100% !important;}
.center {text-align:center;}
.noMar {margin:0px !important;}
.mar10 {margin:10px;}
.pad10 {padding:10px;}
.white {color:#dedede;}
.red {color:#CC0000;}
.gray {color:#777;}

/* Mobile */
@media only screen and (max-width:767px){header h1{font-size:34px;line-height:37px;}
nav{position:relative;}
nav ul,
.carbonad{display:none;}
#logo{text-align:left;}
#examples .four.columns{padding-top:30px;}
}
/* Mobile Landscape */
@media only screen and (min-width:480px) and (max-width:767px){nav ul{display:none;}
}
/* Non 960 */
@media only screen and (max-width:959px){#logo{font-size:21px;margin-bottom:15px;}
nav .button{padding:9px 20px 11px;}
}
/* iPad Portrait/Browser */
@media only screen and (min-width:768px) and (max-width:959px){nav{width:124px;}
}
/* Mobile/Browser */
@media only screen and (max-width:767px){}
/* Mobile Landscape/Browser */
@media only screen and (min-width:480px) and (max-width:767px){}
/* Anything smaller than standard 960 */
@media only screen and (max-width:959px){}
/* iPad Portrait Only */
@media only screen and (min-width:768px) and (max-width:959px) and (max-device-width:1000px){}
/* Mobile Only */
@media only screen and (max-width:767px) and (max-device-width:1000px){}
/* Mobile Landscape Only */
@media only screen and (min-width:480px) and (max-width:767px) and (max-device-width:1000px){}
/* Anything smaller than standard 960 on a device */
@media only screen and (max-width:959px) and (max-device-width:1000px){.resize{display:none;}
}