/* =============================================================================
HTML5 Boilerplate CSS: h5bp.com/css
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) { display: none }
[hidden] { display: none }
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
font-family: sans-serif;
color: #222;
}
body {
margin: 0;
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #d22929;
color: #fff;
text-shadow: none;
}
::selection {
background: #d22929;
color: #fff;
text-shadow: none;
}
a { color: #00e }
a:visited { color: #551a8b }
a:hover { color: #06e }
a:focus { outline: none }
a:hover, a:active { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e5e5e5;
margin: 25px 0 20px;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q { quotes: none }
q:before, q:after {
content: "";
content: none;
}
small { font-size: 85% }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup { top: -0.5em }
sub { bottom: -0.25em }
ul, ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
dd { margin: 0 0 0 40px }
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label { cursor: pointer }
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input { line-height: normal }
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
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, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid { background-color: #f0dddd }
table {
border-collapse: collapse;
border-spacing: 0;
}
td { vertical-align: top }
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
}
/* ===== Primary Styles ========================================================
========================================================================== */
body {
background: #efefef url(/img/bg-body.png) repeat 50% 0;
-webkit-font-smoothing: antialiased;
font: normal 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #232525;
}
#topbar {
height: 40px;
width: 100%;
background-color: #232525;
border-bottom: 1px solid #000;
box-shadow: 0 5px 15px rgba(0,0,0,.15);
z-index: 1000;
position: fixed;
top: 0;
left: 0;
}
#topbar .container {
margin: 0 auto;
width: 940px;
position: relative;
}
#slidesjs {
position: absolute;
left: -2px;
top: 8px;
cursor:pointer;
}
#main_nav {
list-style-type: none;
margin: 0;
padding: 0;
margin-left: -5px;
position: absolute;
top: 7px;
right: -20px;
}
#main_nav li {
marign: 0;
padding: 0;
float: left;
}
#main_nav a {
font-size: 12px;
text-transform: uppercase;
line-height: 1;
font-weight: 800;
color: #afb2b6;
text-decoration: none;
display: block;
float: left;
padding: 6px 15px 2px;
border-radius: 10px;
margin: 0 5px;
text-shadow: 0 1px 4px rgba(0,0,0,.8);
}
#main_nav .active a, #main_nav a:hover { color: #fff }
#main_nav a.active {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(255,255,255,.1),inset 0 -1px 4px rgba(0,0,0,1);
background-color: #111;
}
#main_nav a i {
position: relative;
top: -1px;
}
#main_content {
margin: 102px auto 0;
position: relative;
}
.section {
padding: 40px 0 20px;
margin: -40px 0 0;
}
.social-buttons {
background:#f9f9f9;
border:1px solid #e1e1e1;
padding:15px;
}
.social-buttons ul {
list-style:none;
padding:0;
}
.social-buttons li {
float:left;
margin-right: 23px;
}
.social-buttons li:last-child {
margin:0;
}
.ctwitter {
width:56px;
}
.cgoogle {
padding-top:2px;
width:50px;
}
.cfacebook {
width:49px;
}
.cpinterest {
padding-top:4px;
width:43px;
}
/*
Slides
*/
#slides {
position: relative;
z-index: 100;
width: 980px;
height: 270px;
}
.slides_container {
display:none;
width: 980px;
height: 270px;
}
.slides_container img {
width: 980px;
height: 270px;
display: block;
}
#slides .prev {
margin-right: 5px;
float:left;
}
#slides .next {
margin-right: 5px;
float:left;
}
.pagination {
margin:6px 0 2 5;
float: center;
list-style: none;
}
.pagination li {
float: left;
margin: 0 5px;
padding: 10px 0;
}
.pagination li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(img/pagination.png);
background-position: 0 10;
overflow: hidden;
}
.pagination li.current a, .pagination li.current a:hover { background-position: 0 -13px }
.pagination li a:hover { background-position: 0 -26px }
#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #9e2020 }
#footer {
font-size: 12px;
width: 960px;
margin: 0 auto 30px;
position: relative;
clear: both;
}
#ad_packs {
margin: 45px 0 30px 0;
width: 298px;
overflow: hidden;
}
#bsap_aplink {
float: right;
font-size: 10px;
}
#foxypress { text-align: right }
.expand {
margin: 0 0 9px;
position: relative;
border-bottom: 1px solid #f1f1f1;
margin-bottom: ;
padding: 0 0 20px;
}
.expand pre { margin: 9px 0 }
.expand .content {
display: none;
overflow: hidden;
}
.expand .content .inner {
margin: .56em 0;
display: none;
}
.expand p { margin: 0 }
h1 {
font-size: 23px;
text-transform: uppercase;
}
h2 { font-size: 18px }
h3 { margin: 0 }
p {
font-weight: 400;
color: #FFF;
margin:0 0 15px;
}
small {
font-weight: 400;
color: #333;
}
a, a:visited {
color: #ecb113;
text-decoration: none;
font-weight: 600;
}
a:hover, a:active {
color: #9e2020;
text-decoration: none;
font-weight: 600;
}
/*
layout
*/
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before, .row:after {
display: table;
content: "";
}
.row:after { clear: both }
[class*="span"] {
float: left;
margin-left: 20px;
}
.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px }
.span12 { width: 940px }
.span11 { width: 860px }
.span10 { width: 780px }
.span9 { width: 700px }
.span8 { width: 620px }
.span7 { width: 540px }
.span6 { width: 460px }
.span5 { width: 380px }
.span4 { width: 300px }
.span3 { width: 220px }
.span2 { width: 140px }
.span1 { width: 60px }
.offset12 { margin-left: 980px }
.offset11 { margin-left: 900px }
.offset10 { margin-left: 820px }
.offset9 { margin-left: 740px }
.offset8 { margin-left: 660px }
.offset7 { margin-left: 580px }
.offset6 { margin-left: 500px }
.offset5 { margin-left: 420px }
.offset4 { margin-left: 340px }
.offset3 { margin-left: 260px }
.offset2 { margin-left: 180px }
.offset1 { margin-left: 100px }
/* Universal Button Styles
**********************************************************************************************/
a.button {
background: #ececec;
background: -moz-linear-gradient(top, #ececec 0%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#dadada));
background: -webkit-linear-gradient(top, #ececec 0%,#dadada 100%);
background: -o-linear-gradient(top, #ececec 0%,#dadada 100%);
background: -ms-linear-gradient(top, #ececec 0%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dadada',GradientType=0 );
background: linear-gradient(top, #ececec 0%,#dadada 100%);
border: 1px solid #ababab;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
color: #707070;
font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
margin: 0;
outline: none;
padding: 5px 10px;
float: left;
text-align: center;
}
a.button:hover {
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eeeeee',GradientType=0 );
background: linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
cursor: pointer;
}
@media (max-width: 960px) {
#topbar {
position: relative;
}
#main_content {
margin-top: 30px;
}
}
/* Font Awesome
the iconic font designed for use with Twitter Bootstrap
-------------------------------------------------------
The full suite of pictographic icons, examples, and documentation
can be found at: http://fortawesome.github.com/Font-Awesome/
License
-------------------------------------------------------
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
http://creativecommons.org/licenses/by/3.0/ A mention of
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
source code is considered acceptable attribution (most common on the web).
If human readable source code is not available to the end user, a mention in
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
or mobile software).
Contact
-------------------------------------------------------
Email: dave@davegandy.com
Twitter: http://twitter.com/fortaweso_me
Work: http://lemonwi.se co-founder
*/
@font-face {
font-family: 'FontAwesome';
src: url('../font/fontawesome-webfont.eot');
src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* sprites.less reset */
[class^="icon-"], [class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: inherit;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
}
li[class^="icon-"], li[class*=" icon-"] { display: block }
/* Font Awesome styles
------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
display: inline-block;
text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: top;
font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */
line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
display: inline-block;
width: 1.25em;
text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
/* 1.5 increased font size for icon-large * 1.25 width */
width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
margin-left: 0;
list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
text-indent: -2em;
text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000" }
.icon-music:before { content: "\f001" }
.icon-search:before { content: "\f002" }
.icon-envelope:before { content: "\f003" }
.icon-heart:before { content: "\f004" }
.icon-star:before { content: "\f005" }
.icon-star-empty:before { content: "\f006" }
.icon-user:before { content: "\f007" }
.icon-film:before { content: "\f008" }
.icon-th-large:before { content: "\f009" }
.icon-th:before { content: "\f00a" }
.icon-th-list:before { content: "\f00b" }
.icon-ok:before { content: "\f00c" }
.icon-remove:before { content: "\f00d" }
.icon-zoom-in:before { content: "\f00e" }
.icon-zoom-out:before { content: "\f010" }
.icon-off:before { content: "\f011" }
.icon-signal:before { content: "\f012" }
.icon-cog:before { content: "\f013" }
.icon-trash:before { content: "\f014" }
.icon-home:before { content: "\f015" }
.icon-file:before { content: "\f016" }
.icon-time:before { content: "\f017" }
.icon-road:before { content: "\f018" }
.icon-download-alt:before { content: "\f019" }
.icon-download:before { content: "\f01a" }
.icon-upload:before { content: "\f01b" }
.icon-inbox:before { content: "\f01c" }
.icon-play-circle:before { content: "\f01d" }
.icon-repeat:before { content: "\f01e" }
/* \f020 is not a valid unicode character. all shifted one down */
.icon-refresh:before { content: "\f021" }
.icon-list-alt:before { content: "\f022" }
.icon-lock:before { content: "\f023" }
.icon-flag:before { content: "\f024" }
.icon-headphones:before { content: "\f025" }
.icon-volume-off:before { content: "\f026" }
.icon-volume-down:before { content: "\f027" }
.icon-volume-up:before { content: "\f028" }
.icon-qrcode:before { content: "\f029" }
.icon-barcode:before { content: "\f02a" }
.icon-tag:before { content: "\f02b" }
.icon-tags:before { content: "\f02c" }
.icon-book:before { content: "\f02d" }
.icon-bookmark:before { content: "\f02e" }
.icon-print:before { content: "\f02f" }
.icon-camera:before { content: "\f030" }
.icon-font:before { content: "\f031" }
.icon-bold:before { content: "\f032" }
.icon-italic:before { content: "\f033" }
.icon-text-height:before { content: "\f034" }
.icon-text-width:before { content: "\f035" }
.icon-align-left:before { content: "\f036" }
.icon-align-center:before { content: "\f037" }
.icon-align-right:before { content: "\f038" }
.icon-align-justify:before { content: "\f039" }
.icon-list:before { content: "\f03a" }
.icon-indent-left:before { content: "\f03b" }
.icon-indent-right:before { content: "\f03c" }
.icon-facetime-video:before { content: "\f03d" }
.icon-picture:before { content: "\f03e" }
.icon-pencil:before { content: "\f040" }
.icon-map-marker:before { content: "\f041" }
.icon-adjust:before { content: "\f042" }
.icon-tint:before { content: "\f043" }
.icon-edit:before { content: "\f044" }
.icon-share:before { content: "\f045" }
.icon-check:before { content: "\f046" }
.icon-move:before { content: "\f047" }
.icon-step-backward:before { content: "\f048" }
.icon-fast-backward:before { content: "\f049" }
.icon-backward:before { content: "\f04a" }
.icon-play:before { content: "\f04b" }
.icon-pause:before { content: "\f04c" }
.icon-stop:before { content: "\f04d" }
.icon-forward:before { content: "\f04e" }
.icon-fast-forward:before { content: "\f050" }
.icon-step-forward:before { content: "\f051" }
.icon-eject:before { content: "\f052" }
.icon-chevron-left:before { content: "\f053" }
.icon-chevron-right:before { content: "\f054" }
.icon-plus-sign:before { content: "\f055" }
.icon-minus-sign:before { content: "\f056" }
.icon-remove-sign:before { content: "\f057" }
.icon-ok-sign:before { content: "\f058" }
.icon-question-sign:before { content: "\f059" }
.icon-info-sign:before { content: "\f05a" }
.icon-screenshot:before { content: "\f05b" }
.icon-remove-circle:before { content: "\f05c" }
.icon-ok-circle:before { content: "\f05d" }
.icon-ban-circle:before { content: "\f05e" }
.icon-arrow-left:before { content: "\f060" }
.icon-arrow-right:before { content: "\f061" }
.icon-arrow-up:before { content: "\f062" }
.icon-arrow-down:before { content: "\f063" }
.icon-share-alt:before { content: "\f064" }
.icon-resize-full:before { content: "\f065" }
.icon-resize-small:before { content: "\f066" }
.icon-plus:before { content: "\f067" }
.icon-minus:before { content: "\f068" }
.icon-asterisk:before { content: "\f069" }
.icon-exclamation-sign:before { content: "\f06a" }
.icon-gift:before { content: "\f06b" }
.icon-leaf:before { content: "\f06c" }
.icon-fire:before { content: "\f06d" }
.icon-eye-open:before { content: "\f06e" }
.icon-eye-close:before { content: "\f070" }
.icon-warning-sign:before { content: "\f071" }
.icon-plane:before { content: "\f072" }
.icon-calendar:before { content: "\f073" }
.icon-random:before { content: "\f074" }
.icon-comment:before { content: "\f075" }
.icon-magnet:before { content: "\f076" }
.icon-chevron-up:before { content: "\f077" }
.icon-chevron-down:before { content: "\f078" }
.icon-retweet:before { content: "\f079" }
.icon-shopping-cart:before { content: "\f07a" }
.icon-folder-close:before { content: "\f07b" }
.icon-folder-open:before { content: "\f07c" }
.icon-resize-vertical:before { content: "\f07d" }
.icon-resize-horizontal:before { content: "\f07e" }
.icon-bar-chart:before { content: "\f080" }
.icon-twitter-sign:before { content: "\f081" }
.icon-facebook-sign:before { content: "\f082" }
.icon-camera-retro:before { content: "\f083" }
.icon-key:before { content: "\f084" }
.icon-cogs:before { content: "\f085" }
.icon-comments:before { content: "\f086" }
.icon-thumbs-up:before { content: "\f087" }
.icon-thumbs-down:before { content: "\f088" }
.icon-star-half:before { content: "\f089" }
.icon-heart-empty:before { content: "\f08a" }
.icon-signout:before { content: "\f08b" }
.icon-linkedin-sign:before { content: "\f08c" }
.icon-pushpin:before { content: "\f08d" }
.icon-external-link:before { content: "\f08e" }
.icon-signin:before { content: "\f090" }
.icon-trophy:before { content: "\f091" }
.icon-github-sign:before { content: "\f092" }
.icon-upload-alt:before { content: "\f093" }
.icon-lemon:before { content: "\f094" }
/* =============================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
/* =============================================================================
Non-Semantic Helper Classes
========================================================================== */
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
*line-height: 0;
}
.ir br { display: none }
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible { visibility: hidden }
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
/* =============================================================================
Print Styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
/* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline }
a[href]:after { content: " (" attr(href) ")" }
abbr[title]:after { content: " (" attr(title) ")" }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
/* Don't show links for images, or javascript/internal links */
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead { display: table-header-group }
/* h5bp.com/t */
tr, img { page-break-inside: avoid }
img { max-width: 100% !important }
@page { margin: 0.5cm }
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 { page-break-after: avoid }
}
/*
github.com style (c) Vasily Polovnyov