/* * This is a version of Skeleton (based on Skeleton V1.0.3 by Dave Gamache Copyright 2011, www.getskeleton.com) based on a 2 stage responsive layout using percentage values instead of pixels in an attempt to make it more versatile across device platform. * It was modified by Michael Partridge of Burning Red (www.burningredstudio.co.uk). * It includes a minified version of reset.css (lots of versions out there...). * If you are reading this, congratulations, you are a curious geek and I am proud of you for finding this. E-high five! */ abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}[hidden],audio:not([controls]){display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#00f}a:focus{outline:dotted thin}li{list-style:none}abbr[title]{border-bottom:none}b,strong{font-weight:700}dfn,em,i{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}label{cursor:pointer}input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top} /* #Base 960 Grid ================================================== */ .container { position: relative; max-width: 1200px; min-width:708px; margin: 0 auto; padding: 0px 30px; } .text_container { position: relative; max-width: 960px; min-width:748px; margin: 0 auto; padding: 0px 30px; } .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { width:100%; margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .full_width {width:100%; height:auto; overflow:hidden;} .one_half { width: 48%; } .one_third { width: 31.66%; } .two_thirds { width: 65.33%; } .one_fourth { width: 22%; } .three_fourths { width: 74%; } .one_fifth { width: 16.8%; } .two_fifths { width: 37.6%; } .three_fifths { width: 58.4%; } .four_fifths { width: 67.2%; } .one_sixth { width: 13.33%; } .five_sixths { width: 82.67%; } .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .five_sixths, .full_width { position: relative; margin-right: 2%; margin-bottom: 20px; } .last {margin-right:0 !important;} .left{ float:left; } .right{ float:right; } .center{ margin:0 auto; } .alignleft{ float:left; padding-right:5%; padding-bottom:10px; } .alignright{ float:right; padding-left:5%; padding-bottom:10px; } .aligncenter{ display:block; margin:0 auto; } .center{ margin:0 auto; } .text_center{ text-align:center; } .text_right{ text-align:right; } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .last {margin-right:0 !important;padding-right:0 !important;} img{ max-width:100%; height:auto; } /* Table of Contents ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /* @group Navigation */ /* @end */ #footer { clear: both; padding: 10px 0 10px 0; } #credits { text-align: center; } /* #Page Styles ================================================== */ /* Layout Shortcodes */ .sc_full-width {width:100%; height:auto; overflow:hidden} .sc_one_half { width: 48%; } .sc_one_third { width: 30.66%; } .sc_two_thirds { width: 65.33%; } .sc_one_fourth { width: 22%; } .sc_three_fourths { width: 74%; } .sc_one_fifth { width: 16.8%; } .sc_two_fifth { width: 37.6%; } .sc_three_fifth { width: 58.4%; } .sc_four_fifth { width: 67.2%; } .sc_one_sixth { width: 13.33%; } .sc_five_sixth { width: 82.67%; } .sc_one_half, .sc_one_third, .sc_two_thirds, .sc_three_fourths, .sc_one_fourth, .sc_one_fifth, .sc_two_fifths, .sc_three_fifths, .sc_four_fifths, .sc_one_sixth, .sc_five_sixths { position: relative; margin-right: 4%; margin-bottom: 20px; float: left; } .last {margin-right:0 !important;} /* #Media Queries ================================================== */ @media only screen and (max-width: 767px) { .container { max-width:500px; min-width: 300px; padding:0 5%; width:90%; } .text_container { max-width:500px; min-width: 300px; padding:0 5%; width:90%; } .columns, .column { margin: 0 auto; } .one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_half, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .two_sixths, .three_sixths, .four_sixths, .five_sixths { width: 100%; } #content { width:100%; float:none; } #sidebar { width:100%; float:none;} .left{ float:none; } .right{ float:none; } .sc_one_half, .sc_one_third, .sc_two_thirds, .sc_three_fourths, .sc_one_fourth, .sc_one_fifths, .sc_two_fifths, .sc_three_fifths, .sc_four_fifths, .sc_one_sixth, .sc_five_sixths { width:100%; position: relative; margin-right: 0%; margin-bottom: 20px; float: none; } }