@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
address,cite,q,dfn{font-style:normal}
h1,h2,h3,h4,h5,h6,th{font-size:1.2em;font-weight:400}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
a,ins,del{text-decoration:none}
q,blockquote{quotes:none}
q:after,q:before,blockquote:after,blockquote:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
th,td{vertical-align:top}th{text-align:left}
button,input,select,textarea{font:inherit}
html,body{background-color:black}
html{overflow-x:auto;overflow-y:scroll}
body{font:400 13px/1.5 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,sans-serif;color:#dde9ec;padding-bottom:40px}
#wrapper{position:relative; top:0px; width:95%; padding:0; margin:0px; background-color:transparent; border:none; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; border:none;}
#site{border:none;background-color:#282b2e;padding:40px; width:100%; padding:0; margin:0; background-color:transparent;}
a{color:#46c5ec;border-bottom:none}
a:hover,a:focus{color:#ededed;border-bottom-color:#595959}
a:active{position:relative;top:1px}del{text-decoration:line-through}
li{list-style:none !important;}
button,input[type="submit"],input[type="image"],label,label > input[type="checkbox"],label > input[type="radio"]{cursor:pointer}
#title{text-align:center;position:relative}#title h1{font:400 36px/45px "Myriad Pro","Myriad","Gill Sans","Frutiger Linotype","Helvetica Neue",sans-serif;text-align:center;text-shadow:rgba(0,0,0,0.5) 0 1px 4px;color:#46c5ec;position:relative;width:221px;height:45px;margin:0 auto;overflow:hidden}
#title h1 span{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/i/quicksand-logo.png?1287510906') no-repeat}
#title p{margin-top:3px;margin-right:0}
#title a{position:absolute;left:-12px;top:13px;background:#44494e url('../images/i/nav.png?1287510906') no-repeat 0 0;color:#282b2e;font-size:11px;line-height:1;border:0;text-shadow:rgba(255,255,255,0.08) 0 1px 0;padding:5px 4px 5px 14px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear}
#title a:hover,#title a:focus{background-color:#5b6269}
#title a:active{left:-13px}
.header,p,ul,ol,blockquote,pre,dl,table{margin-top:20px}
.header,p,ul,ol,blockquote,dl{margin-right:240px}
ol,ul{margin-left:40px}ol li{list-style:decimal}
ul li{list-style:square}li.spaced{margin-bottom:20px}
strong{font-weight:400;color:#fff;text-shadow:none}
.header{font:400 24px/1 "Myriad Pro","Myriad","Gill Sans","Frutiger Linotype","Helvetica Neue",sans-serif;text-shadow:rgba(0,0,0,0.5) 0 1px 2px;color:#46c5ec;background:url('../images/i/arrow.png?1287510906') no-repeat;margin-left:-59px;padding-left:59px;margin-top:16px;padding-top:4px}
.misc ~ .header{background-image:url('../images/i/arrow-misc.png?1287510906');color:#6f7378}
pre{margin-left:-20px;margin-right:-20px;padding:10px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#1d1f21}
code{font-family:"Monaco","Consolas","Lucida Console","Courier New","Courier";background-color:#1d1f21}
.code-source{color:#df9e2e}
.code-dest{color:#d36666}
.code-dest-item{color:#a1d366}
.code-data-attr{color:#7f8687}
.code-dest-item .code-data-attr{color:#536e35}
table{margin-left:-20px;width:900px;background-color:#1d1f21;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}th,td{padding:5px 10px}th{background-color:#33373b;padding-bottom:10px}
tr:first-child td{padding-top:10px}
th:first-child,td:first-child{padding-left:20px}
th{padding-top:10px}tr:last-child td{padding-bottom:10px}
th:last-child,td:last-child{padding-right:20px}
th:first-child{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px}
th:last-child{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px}
table .param-name{width:150px}
table .param-default{width:100px}
.button{background-color:#46c5ec;color:#282b2e;padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:0}.button:hover,.button:focus{background-color:#ededed;color:#282b2e}
.note{float:right;width:240px;margin:-205px 0 0 0;opacity:.5;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear}
pre:hover + .note,.note:hover{opacity:.999}
.splitter{width:98% !important; margin:0px -40px;text-align:center;background:transparent;border-bottom:0px solid #1d1f21;padding:6px 40px 5px;font-size:12px; text-align:left;}
.splitter:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.splitter ul{margin-right:0;margin-top:0}
.splitter > li{padding-left:8px;}
.splitter > li ul{margin-left:8px}
.splitter ul li a{border-bottom:0;position:static}
.splitter li,.splitter ul,.splitter ul li a{display:inline;display:inline-block;line-height:1}
.splitter ul,.splitter ul li,.splitter ul li a{background-image:url('../images/i/buttons.png?1287510906');background-repeat:no-repeat}
.splitter ul{background-position:0 -138px;background-repeat:repeat-x}
.splitter ul li{margin-left:1px}
.splitter ul li:first-child{margin-left:0}
.splitter ul li a{padding:5px 8px 6px;color:#070708;text-shadow:rgba(255,255,255,0.1) 0 1px 0;text-decoration:none}
.splitter ul li.segment-0,.splitter ul li.segment-2{background-position:-3px -92px}
.splitter ul li.segment-1{background-position:0 -92px}
.splitter ul li.segment-0 a,.splitter ul li.segment-1 a{background-position:0 -161px}
.splitter ul li.segment-2 a{background-position:100% -115px}
.splitter ul li.selected-0 a,.splitter ul li.selected-1 a,.splitter ul li.selected-2 a{color:#fff;text-shadow:rgba(0,0,0,0.25) 0 1px 0}
.splitter ul li.selected-0,.splitter ul li.selected-2{background-position:0 -23px}
.splitter ul li.selected-0 a,.splitter ul li.selected-1 a{background-position:100% -46px}
.splitter ul li.selected-1{background-position:0 0}
.splitter ul li.selected-2 a{background-position:100% -69px}
.actions:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.actions{margin-left:-40px}
.actions-two{padding-left:155px}
.actions p{float:left;width:260px;margin:0 0 0 40px}
.actions p a{color:#fff;display:block;font:700 24px/1 "Helvetica Neue",sans-serif;background:url('../images/i/actions.png?1287510906') no-repeat;border-bottom:0;min-height:42px;padding-top:24px;opacity:.5;text-decoration:none;-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out}
.actions p a strong{text-shadow:none}
.actions p a:hover,.actions p a:focus{opacity:.9999}
.actions p a.download{padding-left:74px}
.actions p a.demos-n-docs{background-position:-270px 0;padding-left:60px}
.actions p a.fork{background-position:-540px 0;padding-left:76px}
.actions p a.download > span{font-size:13px;display:block;opacity:.25;font-variant:small-caps;text-transform:lowercase}
.footer{font-size:11px;text-shadow:rgba(255,255,255,0.08) 0 1px 0;margin:40px 0 0;text-align:center;padding-bottom:40px}
.footer,.footer a{color:#0e0f10;text-decoration:none;border-bottom:0}
.footer span{display:block}
.demo p,.demo ul{margin-right:0}
.demo { position:relative; margin-right:0; top:-30px; width:98.5%; padding:0; margin:0; background-color:transparent; border:solid 0px blue; }
#performance-toggle{text-align:center;margin-right:0;font-size:11px;opacity:.5;-webkit-transition:opacity .25s linear;-moz-transition:opacity .25s linear}
#performance-toggle:hover{opacity:.999}

.image-grid{position:relative; top:0px; width:100%; padding:0; margin:30px 0px 0px 0px; margin-bottom:10px !important; background-color:transparent; border:solid 0px white;}

.image-grid:after{content:"";
display:block;
height:0;
overflow:hidden;
clear:both !important;}

.image-grid li{width:100px;margin:10px 0 0 25px;float:left;text-align:center;font-family:"Helvetica Neue",sans-serif;line-height:17px;color:#686f74;height:80px;overflow:hidden; border:solid 0px purple;}
}

/*
@media (min-width: 200px) and (max-width: 320px) {
.image-grid li{
margin:10px 0 0 30%; !important;
border:solid 1px white; !important;}
}

@media (min-width: 320px) and (max-width: 400px) {
.image-grid li{
margin:10px 0 0 12%; !important;
border:solid 1px green; !important;}
}
*/


@media (max-width: 200px) {
.image-grid li{
margin:10px 0 0 30%; !important;
border:solid 0px blue; !important;}
}


@media (min-width: 200px) and (max-width: 344px) {
.image-grid li{
margin:10px 0 0 30%; !important;
border:solid 0px white; !important;}
}

@media (min-width: 344px) and (max-width: 400px) {
.image-grid li{
margin:10px 0 0 12%; !important;
border:solid 0px green; !important;}
}

@media (min-width: 400px) and (max-width: 480px) {
.image-grid li{
margin:10px 0 0 12%; !important;
border:solid 0px yellow; !important;}
}


.image-grid li img,.image-grid li strong{display:block; width: 100px;}
.image-grid li strong{color:#fff}
p.question{font-weight:300}
q{background-color:#1D1F21}
ol.faq{margin-right:0}
.highlight{font-size:15px;background:#181818}
.highlight .hll{background-color:#ffffcc}
.highlight .c{color:#5F5A60;font-style:italic}
.highlight .err{border:#B22518}
.highlight .k{color:#CDA869}
.highlight .cm{color:#5F5A60;font-style:italic}
.highlight .cp{color:#5F5A60}
.highlight .c1{color:#5F5A60;font-style:italic}
.highlight .cs{color:#5F5A60;font-style:italic}
.highlight .gd{background:#420E09}
.highlight .ge{font-style:italic}
.highlight .gr{background:#B22518}
.highlight .gh{color:#000080;font-weight:700}
.highlight .gi{background:#253B22}
.highlight .gp{font-weight:700}
.highlight .gs{font-weight:700}
.highlight .gu{color:#800080;font-weight:700}
.highlight .kd{color:#e9df8f}
.highlight .kp{color:#9B703F}
.highlight .na{color:#F9EE98}
.highlight .nb{color:#CDA869}
.highlight .nc{color:#9B859D;font-weight:700}
.highlight .no{color:#9B859D}
.highlight .nd{color:#7587A6}
.highlight .ni{color:#CF6A4C;font-weight:700}
.highlight .nf{color:#9B703F;font-weight:700}
.highlight .nn{color:#9B859D;font-weight:700}
.highlight .nt{color:#CDA869;font-weight:700}
.highlight .nv{color:#7587A6}
.highlight .ow{color:#AA22FF;font-weight:700}
.highlight .w{color:#141414}
.highlight .mf{color:#CF6A4C}
.highlight .mh{color:#CF6A4C}
.highlight .mi{color:#CF6A4C}
.highlight .mo{color:#CF6A4C}
.highlight .sb{color:#8F9D6A}
.highlight .sc{color:#8F9D6A}
.highlight .sd{color:#8F9D6A;font-style:italic}
.highlight .s2{color:#8F9D6A}
.highlight .se{color:#F9EE98;font-weight:700}
.highlight .sh{color:#8F9D6A}
.highlight .si{color:#DAEFA3;font-weight:700}
.highlight .sx{color:#8F9D6A}
.highlight .sr{color:#E9C062}
.highlight .s1{color:#8F9D6A}
.highlight .ss{color:#CF6A4C}
.highlight .bp{color:#00aaaa}
.highlight .vc{color:#7587A6}
.highlight .vg{color:#7587A6}
.highlight .vi{color:#7587A6}
.highlight .il{color:#009999}

p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	}