/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Theme Name: Definitive Theme Theme URL: http://weaverthemes.com/themes/definitive Author: WeaverThemes Author URI: http://weaverthemes.com - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------------------------------------------------------------------------------------------------------------------------ init ------------------------------------------------------------------------------------------------------------------------ */ /* html5 element display */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block} nav ul, nav ol {list-style: none; margin: 0; padding: 0} audio[controls], canvas, video {*display: inline; *zoom: 1; display: inline-block} /* base */ html {-ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; font-size: 100%; overflow-y: scroll} body {font-size: 13px; line-height: 1.231; margin: 0} body, button, input, select, textarea {color: #222; font-family: sans-serif} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0} input:invalid, textarea:invalid {background-color: #f0dddd} input:valid, textarea:valid {} /* links */ a {color: #3EB1E8; text-decoration: none} a > .sf-sub-indicator {/* give all except IE6 the correct values */ top: 15px; nowhitespace: afterproperty; nowhitespace: afterproperty; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} a:hover, a:active {outline: 0} a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {/* arrow hovers for modern browsers*/ background-position: -10px -100px; nowhitespace: afterproperty} a:focus {outline: thin dotted} /* typography */ abbr[title] {border-bottom: 1px dotted} b, strong {font-weight: bold} blockquote {margin: 1em 40px} dfn {font-style: italic} hr {border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; 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: 'courier new', monospace; font-family: monospace, monospace} 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} /* lists */ ul, ol {margin: 1em 0; padding: 0 0 0 40px} ul .image-left {float: none!important; margin: 0} dd {margin: 0 0 0 40px} /* embedded content */ img {-ms-interpolation-mode: bicubic; border: 0} svg:not(:root) {overflow: hidden} /* figures */ figure {margin: 0} /* forms */ form {margin: 0} form input, form textarea {} fieldset {border: 0; margin: 0; padding: 0} legend {*margin-left: -7px; border: 0; padding: 0} label {cursor: pointer} button, input, select, textarea {*vertical-align: middle; font-size: 100%; margin: 0; vertical-align: baseline} button, input {*overflow: visible; line-height: normal} button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer} input[type="checkbox"], input[type="radio"] {box-sizing: border-box} input[type="search"] {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box} textarea {overflow: auto; vertical-align: top} /* tables */ table {border-collapse: collapse; border-spacing: 0} /* ------------------------------------------------------------------------------------------------------------------------ css ------------------------------------------------------------------------------------------------------------------------ */ html {font-size: 62.5%} body {color: #666; font: 14px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 300;padding: 40px 0;margin: 0 5%} header {position: relative;max-width: 1200px;margin: 0 auto} #wrap {margin: 0 auto 40px auto;max-width: 1200px;background: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } /* links */ a {color: #84A6C7; text-decoration: none} a:hover {text-decoration: underline;} /* headings */ h1, h2, h3, h4, h5, h6 {color: #333; display: block; font-family: 'Overlock', sans-serif; font-weight: normal; line-height: normal; margin: 20px 0} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333} h1 {font-size: 34px; font-size: 2.6rem} h2 {font-size: 24px; font-size: 2.4rem} h3 {font-size: 22px; font-size: 2.2rem} h4 {font-size: 20px; font-size: 2.0rem} h5 {font-size: 18px; font-size: 1.8rem} h6 {font-size: 16px; font-size: 1.6rem} /* misc */ img, video, object {height: auto; max-width: 100%} hr {border-top-color: #242324} blockquote {border-left: 1px solid #DDD; font-style: italic; margin: 0 0 30px 0; padding: 0 40px} .clear {clear: both} .highlight {color: #E17000} .subdued {color: #999} .error {color: #c00; font-weight: bold} .success {color: #390; font-weight: bold} .caption {color: #999} .imageStyle {margin: 0 0 10px 0} .image-left {float: left; margin: 0 20px 10px 0} .image-right {float: right; margin: 0 0 10px 20px} ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ol.arabic-numbers {list-style-type: decimal} ol.upper-alpha {list-style-type: upper-alpha} ol.lower-alpha {list-style-type: lower-alpha} ol.upper-roman {list-style-type: upper-roman} ol.lower-roman {list-style-type: lower-roman} /* ------------------------------------------------------------------------------------------------------------------------ header & navigation styles ------------------------------------------------------------------------------------------------------------------------ */ #header-container {} #headings {padding: 10px 20px 20px 20px} #headings h1#title, #headings h2#slogan {margin: 250px 0 0;float: left;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);} #headings h1#title {padding-right: 20px} #headings #socialicons {float: right} /* navigation */ #wrap-nav {background: rgba(255,255,255,0.9);width: 100%; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } #navigation {margin: 0;overflow:visible;z-index:1000;} #navigation > ul {display: table;table-layout: fixed;padding: 5px 0} #navigation > ul > li {display: inline-table;margin: 0 3px} #navigation li li, #navigation li:hover, li.sfHover, li.current, li.currentAncestor { background: #fff; } .menu {} .menu, .menu * {padding:0;list-style:none} .menu ul {position:absolute;top:-999em} .menu li {clear: left;float:left;position:relative;width: 100%} .menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .menu a {display:block;padding: 10px 3px;text-decoration: none;text-indent: 12px;white-space: nowrap} .menu .hasDrop a{width: 80%} .menu li li:hover{background: none;background-image: none} .menu li li a{text-indent: 24px} .menu li li li a{text-indent: 36px} .menu li li li li a{text-indent: 48px} .sf-menu li:hover ul, .menu li.sfHover ul {top:auto; /* match top ul list item height */left: 0;position:relative} ul.menu li:hover li ul{position: absolute;top:-999em} ul.sf-menu li li:hover ul, ul.menu li li.sfHover ul{left: 0;top:auto;position:relative} ul.sf-menu li li:hover li ul {position: absolute;top:-999em} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left: 0;top:auto;position:relative} .menu a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop{ background-image: url('images/drop.png'); background-repeat: no-repeat; background-position: center; display: block; font: 0/0 a; color:transparent; height: 46px; width: 18%; padding: 0; position: absolute; right: 5px; top: 0; } .menu li.sfHover a.menuDrop, .menu li li.sfHover a.menuDrop, .menu li li li.sfHover a.menuDrop{ background: url('images/drop-over.png') no-repeat center; /* background: #000; background-image: url('images/drop-over.png'), linear-gradient(bottom, rgb(38,38,38) 0%, rgb(20,20,20) 100%); background-image: url('images/drop-over.png'), -o-linear-gradient(bottom, rgb(38,38,38) 0%, rgb(20,20,20) 100%); background-image: url('images/drop-over.png'), -moz-linear-gradient(bottom, rgb(38,38,38) 0%, rgb(20,20,20) 100%); background-image: url('images/drop-over.png'), -webkit-linear-gradient(bottom, rgb(38,38,38) 0%, rgb(20,20,20) 100%); background-image: url('images/drop-over.png'), -ms-linear-gradient(bottom, rgb(38,38,38) 0%, rgb(20,20,20) 100%); background-image: url('images/drop-over.png'), -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(38,38,38)), color-stop(1, rgb(20,20,20))); background-repeat: no-repeat; background-position: center; */ } .js .menu li li{position: relative} /* indicator arrow */ .sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em;width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px} a > .sf-sub-indicator {top: 15px; background-position: 0 -100px} a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px} .menu ul .sf-sub-indicator {background-position: -10px 0} .menu ul a > .sf-sub-indicator {background-position: 0 0;top: 13px} .menu ul a:focus > .sf-sub-indicator, .menu ul a:hover > .sf-sub-indicator, .menu ul a:active > .sf-sub-indicator, .menu ul li:hover > a > .sf-sub-indicator, .menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0} .sf-sub-indicator{display: none} /* ------------------------------------------------------------------------------------------------------------------------ banner styles ------------------------------------------------------------------------------------------------------------------------ */ #slides {overflow: hidden; position: relative} #slides .static {background: #fff; margin: 0 !important; z-index: 1; zoom: 1} #slides .static img {height: auto; max-width: 100%} /* ------------------------------------------------------------------------------------------------------------------------ main container styles ------------------------------------------------------------------------------------------------------------------------ */ #main-container {padding: 0 20px} #main-container img {display: inline} #primary-container {float: left; width: 60%} #primary-container h1, .blog-entry-title, .album-title, .movie-page-title {font-size: 26px; font-size: 2.6rem} .blog-entry-title a {} /* tables */ #table {border: 2px solid; border-collapse: collapse; width: 100%} #table thead th {padding: 10px 6px} #table tbody th {padding: 6px} #table td {border: 1px solid #ccc; padding: 3px} #table th {border: 1px solid #ccc; text-align: left} /* blog */ .blog-entry {border-bottom: 1px solid #DDD; margin-bottom: 30px; padding-bottom: 20px} .blog-entry blockquote {border-left: 1px solid #DDD; font-style: italic; margin: 0 0 30px 0; padding: 0 40px} .blog-entry:last-child {border: none} .blog-entry-title {margin-bottom: 0} .blog-entry-date {font-size: 12px; font-size: 1.2rem; margin: 10px 0;color: #999} .blog-entry-date a {} .blog-entry-body {} .blog-read-more {} .blog-entry-tags {} .blog-entry-comments {} .blog-entry-comments a {} .blog-comment-link {} .blog-archive-headings-wrapper {border-bottom: 3px solid #fff; font-weight: normal!important; margin-top: 20px; overflow: hidden; padding-bottom: 30px} .blog-archive-month {float: right} .blog-archive-link {float: left} .blog-archive-link:before {content: "/ "} /* archive page */ .blog-archive-headings-wrapper {margin-bottom: 10px; padding-bottom: 10px} .blog-archive-month {font-weight: bold; margin-bottom: 10px} .blog-archive-link {font-weight: bold} /* contact form */ .message-text {margin: 20px 0} .form-input-field {-moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #E0DEDA; border-radius: 3px; padding: 3px; width: 60%} .form-input-button {*padding-bottom: 0; *padding-top: 2px; -moz-background-clip: padding; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-appearance: none; -webkit-background-clip: padding; -webkit-border-radius: 4px; background: #ddd url('images/button.png?1298351022') repeat-x; background-clip: padding-box; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#ddd)); background-image: -webkit-linear-gradient(#fff,#ddd); background-image: -moz-linear-gradient(#fff,#ddd); background-image: -o-linear-gradient(#fff,#ddd); background-image: -ms-linear-gradient(#fff,#ddd); background-image: linear-gradient(#fff,#ddd); border: 1px solid; border-color: #ddd #bbb #999; border-radius: 4px; color: #333; cursor: pointer; display: inline-block; font: bold 12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif; margin: 0; outline: 0; overflow: visible; padding: 3px 10px; text-decoration: none; text-shadow: white 0 1px 1px; vertical-align: top; width: auto} .form-input-button::-moz-focus-inner {border: 0; padding: 0} .form-input-button:active {-moz-box-shadow: inset rgba(0,0,0,0.25) 0 1px 2px 0; -webkit-box-shadow: inset rgba(0,0,0,0.25) 0 1px 2px 0; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(1px,#ddd),color-stop(100%,#eee)); background-image: -webkit-linear-gradient(#fff,#ddd 1px,#eee); background-image: -moz-linear-gradient(#fff,#ddd 1px,#eee); background-image: -o-linear-gradient(#fff,#ddd 1px,#eee); background-image: -ms-linear-gradient(#fff,#ddd 1px,#eee); background-image: linear-gradient(#fff,#ddd 1px,#eee); border-color: #999 #bbb #ddd; box-shadow: inset rgba(0,0,0,0.25) 0 1px 2px 0} .form-input-button:hover {background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(1px,#eee),color-stop(100%,#ccc)); background-image: -webkit-linear-gradient(#fff,#eee 1px,#ccc); background-image: -moz-linear-gradient(#fff,#eee 1px,#ccc); background-image: -o-linear-gradient(#fff,#eee 1px,#ccc); background-image: -ms-linear-gradient(#fff,#eee 1px,#ccc); background-image: linear-gradient(#fff,#eee 1px,#ccc)} /* file sharing */ .filesharing-description {border-bottom: 1px solid #DDD;padding-bottom: 20px} .filesharing-item-title {} .filesharing-item-title a {padding: 5px 0} .filesharing-item {margin: 0; margin-left: 0; padding: 10px;border-top: 1px solid #DDD} .filesharing-item-description {color: #999; font-style: italic; margin-top: 5px} /* movie album */ .movie-page-title {font-family: 'Overlock', sans-serif; margin: 20px 0} .movie-page-description {margin-bottom: 20px} .movie-thumbnail-frame {float: left; margin: 0 20px 10px 0; width: 45%} .movie-thumbnail-frame img {height: auto; width: 100%} .movie-background {overflow: hidden; padding: 30px 0 0; text-align: center; width: 100%} .movie-title {padding: 10px} .movie-frame {} .movie-thumbnail-caption {display: block; font-size: 12px; font-size: 1.2rem; margin: 5px 0; padding: 0; text-align: center} /* photo album */ .album-title {font-family: 'Overlock', sans-serif; margin: 20px 0} .album-description {} .album-wrapper {margin: 20px 0 0 0; overflow: hidden} .thumbnail-wrap {float: left; margin: 0 20px 20px 0; padding: 5px 5px 20px} .thumbnail-frame {} .thumbnail-frame img, #flashcontent {} #flashcontent {margin: 20px 0} .thumbnail-caption {display: block; font-size: 12px; font-size: 1.2rem; line-height: 14px; margin: 0; padding: 0; text-align: center} #pagination {border-top: 1px solid #fff; clear: both; font-size: 11px; font-size: 1.1rem; margin: 10px 0 40px 0 !important; padding: 10px 0 0 10px} #pagination li.current {background: #fff} #pagination li.prev {font-size: 16px; left: 10px} #pagination li.next {font-size: 16px; right: 10px} #pagination li {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; float: left; list-style: none; margin: 0 2px; padding: 2px 8px; text-align: left} /* single photo page */ .photo-background {background: #FFFFFF; color: #333; padding-bottom: 60px; text-align: center} .photo-background img {border: 5px solid #fff} .photo-navigation {background: #353131; margin-bottom: 40px; padding: 30px 0 0 0; position: relative} .photo-links {margin: 20px auto 0 auto; padding: 10px 0 20px 0} .photo-title {color: #7fa511; font-size: 32px; font-size: 3.2rem; line-height: normal; margin: 0} .photo-links a, .photo-links a:visited {padding: 10px} .photo-links a:hover {} .photo-caption {color: #5f5b5a; font-size: 15px; font-size: 1.5rem; line-height: normal; margin: 0} .photo-frame {-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px rgba(0,0,0,0.3); height: auto !important; max-width: 95%; position: relative} .exif-data {margin: 20px auto 0; text-align: center} /* 3rd party styles */ #disqus_thread {margin-top: 15px} .fluid-width-video-wrapper {background: #fff; height: auto; width: 100%} .rcItem img {max-width: none !important} /* ------------------------------------------------------------------------------------------------------------------------ sidebar and widgets ------------------------------------------------------------------------------------------------------------------------ */ #secondary-container {float: right; padding: 20px; width: 30%} #secondary-container h3 {font-size: 20px; font-size: 2.0rem} #plugin-sidebar {padding-top: 0} #plugin-sidebar h3 {text-transform: capitalize} /* blog widgets */ #blog-categories, #blog-archives {border-bottom: 1px solid #DDD; padding-bottom: 15px} #blog-categories a, #blog-archives a {} #blog-categories a {} #blog-archives a {} .blog-tag-cloud {border-bottom: 1px solid #DDD; list-style: none; padding: 0; padding-bottom: 15px} .blog-tag-cloud li {} /* ------------------------------------------------------------------------------------------------------------------------ bottom ------------------------------------------------------------------------------------------------------------------------ */ #bottom {background: #F1F2F4;border-top: 3px solid #eee;} /* ------------------------------------------------------------------------------------------------------------------------ extracontent styles ------------------------------------------------------------------------------------------------------------------------ */ #myExtraContent1 {} #myExtraContent2 {} #slides .static img, #myExtraContent2 img {vertical-align: bottom} #myExtraContent3 {overflow: hidden; padding: 15px;} #myExtraContent4 {overflow: hidden; padding: 15px 0} /* ec areas */ .column {float: left} .column .content {float: none!important; margin: 0 auto; padding: 0!important; width: 90%!important} .one {width: 100%} .two {width: 50%} .three {width: 33%} .four {width: 25%} .five {width: 20%} .two3rds {width: 66%} .three4ths {width: 75%} .four5ths {width: 80%} /* ------------------------------------------------------------------------------------------------------------------------ breadcrumb styles ------------------------------------------------------------------------------------------------------------------------ */ #breadcrumb {} #breadcrumb ul {margin: 0 auto;background: #F1F2F4;padding: 15px 35px;border-bottom: 3px solid #eee;} #breadcrumb ul li {display: inline} #breadcrumb a {color: #333} /* ------------------------------------------------------------------------------------------------------------------------ footer styles ------------------------------------------------------------------------------------------------------------------------ */ #footer-container {padding: 15px 10px;background: #1653a3;color: #fff} #footer-container p {margin: 0; padding: 0 20px} /* ------------------------------------------------------------------------------------------------------------------------ global ------------------------------------------------------------------------------------------------------------------------ */ /* for image replacement */ .ir {background-repeat: no-repeat; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em} .ir br {display: none} /* hide for both screenreaders and browsers: */ .hidden {display: none; visibility: hidden} /* hide only visually, but have it available for screenreaders: */ .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px} /* extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto} /* hide visually and from screenreaders, but maintain layout */ .invisible {visibility: hidden} /* contain floats */ .clearfix {zoom: 1} .clearfix:before, .clearfix:after {content: ""; display: table} .clearfix:after {clear: both} /* link suppressor */ .nolink {cursor: default} /* ie fixes */ .oldie a img {border: none} /* ------------------------------------------------------------------------------------------------------------------------ media queries ------------------------------------------------------------------------------------------------------------------------ */ @media only screen and (min-width: 240px) { body {padding: 0} #headings h1#title, #headings h2#slogan {margin: 0;float: none} #header-container h2 {font-size: 24px; font-size: 2.4rem} #headings #socialicons {float: none;margin-top: 20px} #menu-icon {display:block;padding: 18px 3px;text-indent: 12px;background: #000 url('images/toggle.png') no-repeat center right} #navigation {display: none} #navigation > ul {padding: 0} #navigation > ul > li {margin: 0} #breadcrumb ul {} #primary-container {margin: 0} #primary-container, #secondary-container {float: none;width: 100%} #secondary-container {padding: 20px 0} #bottom {padding: 0 15px} .blog-entry:last-child {margin-bottom: 0; padding-bottom: 0} .album-wrapper {margin: 20px 0 0 0; padding-bottom: 0} .movie-thumbnail-frame {width: 95%} #plugin-sidebar {border-top: none} form input.text, form input.email, form input.password, form textarea.uniform {width: 90%} #myExtraContent4 {overflow: hidden; padding: 15px 0} .column {float: one} .column .content {padding: 10px} .one {width: 100%} .two {width: 100%} .three {width: 100%} .four {width: 100%} .five {width: 100%} .two3rds {width: 100%} .three4ths {width: 100%} .four5ths {width: 100%} .menu li {clear: none;width: 100%;border-bottom: 1px solid #FAFAFA} .menu li a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop{right: 0} .menu { border-top: 1px solid #DDD; } } @media only screen and (min-width: 320px) {} @media only screen and (min-width: 480px) { .movie-thumbnail-frame {width: 45%} .menu li a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop{width: 12%;right: 5px} .menu .hasDrop a{width: 86%} } @media only screen and (min-width: 600px) { header {position: relative} #wrap-nav {background: rgba(255,255,255,0.9);width: 100%} #menu-icon {display: none} #navigation {margin: 0 5px;display: block} .menu{height: 37px;z-index: 100} .menu li {clear: none;width: auto;border-bottom: none} .menu { border-top: none} .menu li li{ clear: left; width: 100%; } #navigation > ul {display: table;table-layout: fixed;padding: 5px 0} #navigation > ul > li {display: inline-table;margin: 0 3px 0 0;padding-right: 20px} .menu li li a, .menu li li li a, .menu li li li li a{text-indent: 12px;width: 100%} .sf-menu li:hover ul, .menu li.sfHover ul{left: auto;position: absolute;width: 200px;z-index: 100} ul.sf-menu li li:hover ul, ul.menu li li.sfHover ul{position: absolute;top: 0;left:100%} ul.sf-menu li li li:hover ul, ul.menu li li li.sfHover ul{position: absolute;top: 0;left:100%} .menu li a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop{width: 30%} .menu .hasDrop a{width: 68%;} #primary-container, #secondary-container {padding: 10px} } @media only screen and (min-width: 768px) { #headings h1#title, #headings h2#slogan {float: left} #headings h2 {font-size: 28px; font-size: 2.8rem} #headings #socialicons {float: right;margin: 0} #primary-container {float: left; width: 60%} .blog-entry:last-child {margin-bottom: 30px; padding-bottom: 20px} #secondary-container {float: right; width: 30%} #plugin-sidebar {} .movie-thumbnail-frame {width: 45%} form input.text, form input.email, form input.password, form textarea.uniform {width: 60%} .column {float: left} .column .content {width: 90% !important} .one {width: 100%} .two {width: 50%} .three {width: 33%} .four {width: 25%} .five {width: 20%} .two3rds {width: 66%} .three4ths {width: 75%} .four5ths {width: 80%} .menu li a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop{width: 12px} .menu .hasDrop a{width: 75%} } @media only screen and (min-width: 992px) { .wrapper {margin: 0 auto} } @media only screen and (min-width: 1382px) { .wrapper {margin: 0 auto} #navigation, .menu{height: auto} } @media only screen and (max-width: 480px) { } @media print { * {-ms-filter: none !important; background: transparent !important; color: black !important; filter: none !important; text-shadow: none !important;} /* Black prints faster: sanbeiji.com/archives/953 */ a[href]:after {content: " (" attr(href) ")"} abbr[title]:after {content: " (" attr(title) ")"} a, a:visited {color: #444 !important; text-decoration: underline} .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} /* css-discuss.incutio.com/wiki/Printing_Tables */ 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} /* --- */ body {font: 12pt Georgia, "Times New Roman", Times, serif; line-height: 1.3} h1 {font-size: 24pt} h2 {font-size: 14pt; margin-top: 25px} img {display: block; max-width: 500px} header, #banner, #breadcrumb, #footer-container, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4, #disqus_thread {display: none} #primary-container, #secondary-container {width: auto} } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Theme Name: Definitive Theme Theme URL: http://weaverthemes.com/themes/definitive Author: WeaverThemes Author URI: http://weaverthemes.com - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------------------------------------------------------------------------------------------------------------------------ init plugin styles ------------------------------------------------------------------------------------------------------------------------ */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0} .slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} .flexslider {background: #fff; margin: 0 !important; background: #fff;zoom: 1;z-index:1} .flexslider .slides>li{display:none;/*-webkit-backface-visibility:hidden*/} .flexslider .slides img{width:100%;display:block} .flex-pauseplay span{text-transform:capitalize} .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .slides{display:block} * html .slides{height:1%} .no-js .slides>li:first-child{display:block} .flexslider{margin:0 0 60px;position:relative;zoom:1} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease} .loading .flex-viewport{max-height:300px} .flexslider .slides{zoom:1} .carousel li{margin-right:5px} .flex-direction-nav a{width:33px;height:64px;margin:-20px 0 0;display:block;background:url(./images/bg-direction-nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;} .flex-direction-nav .flex-next{background-position:0 -64px;right:20px} .flex-direction-nav .flex-prev{left:20px} .flexslider:hover .flex-next{opacity:1;right:40px} .flexslider:hover .flex-prev{opacity:1;left:40px} .flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default} .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center} .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden} .flex-control-thumbs li{width:25%;float:left;margin:0} .flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer} .flex-control-thumbs img:hover{opacity:1} .flex-control-thumbs .active{opacity:1;cursor:default} @media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:0;}.flex-direction-nav .flex-next{opacity:0;}} /* videojs */ .video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.vjs-poster{margin:0 auto;padding:0;cursor:pointer;position:relative;width:100%;max-height:100%}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.video-js .vjs-text-track{display:none;color:#fff;font-size:1.4em;text-align:center;margin-bottom:.1em;background:#000;background:rgba(0,0,0,0.50)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.vjs-fade-in{visibility:visible!important;opacity:1!important;-webkit-transition:visibility 0s linear 0s,opacity .3s linear;-moz-transition:visibility 0s linear 0s,opacity .3s linear;-ms-transition:visibility 0s linear 0s,opacity .3s linear;-o-transition:visibility 0s linear 0s,opacity .3s linear;transition:visibility 0s linear 0s,opacity .3s linear}.vjs-fade-out{visibility:hidden!important;opacity:0!important;-webkit-transition:visibility 0s linear 1.5s,opacity 1.5s linear;-moz-transition:visibility 0s linear 1.5s,opacity 1.5s linear;-ms-transition:visibility 0s linear 1.5s,opacity 1.5s linear;-o-transition:visibility 0s linear 1.5s,opacity 1.5s linear;transition:visibility 0s linear 1.5s,opacity 1.5s linear}.vjs-default-skin .vjs-controls{position:absolute;bottom:0;left:0;right:0;margin:0;padding:0;height:2.6em;color:#fff;border-top:1px solid #404040;background:#242424;background:-moz-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(50%,#242424),color-stop(50%,#1f1f1f),color-stop(100%,#171717));background:-webkit-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);background:-o-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);background:-ms-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);background:linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);visibility:hidden;opacity:0}.vjs-default-skin .vjs-control{position:relative;float:left;text-align:center;margin:0;padding:0;height:2.6em;width:2.6em}.vjs-default-skin .vjs-control:focus{outline:0}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer!important}.vjs-default-skin.vjs-paused .vjs-play-control div{width:15px;height:17px;background:url('images/video-js.png');margin:.5em auto 0}.vjs-default-skin.vjs-playing .vjs-play-control div{width:15px;height:17px;background:url('images/video-js.png') -25px 0;margin:.5em auto 0}.vjs-default-skin .vjs-rewind-control{width:5em;cursor:pointer!important}.vjs-default-skin .vjs-rewind-control div{width:19px;height:16px;background:url('images/video-js.png');margin:.5em auto 0}.vjs-default-skin .vjs-mute-control{width:3.8em;cursor:pointer!important;float:right}.vjs-default-skin .vjs-mute-control div{width:22px;height:16px;background:url('images/video-js.png') -75px -25px;margin:.5em auto 0}.vjs-default-skin .vjs-mute-control.vjs-vol-0 div{background:url('images/video-js.png') 0 -25px}.vjs-default-skin .vjs-mute-control.vjs-vol-1 div{background:url('images/video-js.png') -25px -25px}.vjs-default-skin .vjs-mute-control.vjs-vol-2 div{background:url('images/video-js.png') -50px -25px}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{position:relative;width:5em;height:.6em;margin:1em auto 0;cursor:pointer!important;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#666;background:-moz-linear-gradient(top,#333,#666);background:-webkit-gradient(linear,0% 0,0% 100%,from(#333),to(#666));background:-webkit-linear-gradient(top,#333,#666);background:-o-linear-gradient(top,#333,#666);background:-ms-linear-gradient(top,#333,#666);background:linear-gradient(top,#333,#666)}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.6em;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#fff;background:-moz-linear-gradient(top,#fff,#ccc);background:-webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#ccc));background:-webkit-linear-gradient(top,#fff,#ccc);background:-o-linear-gradient(top,#fff,#ccc);background:-ms-linear-gradient(top,#fff,#ccc);background:linear-gradient(top,#fff,#ccc)}.vjs-default-skin .vjs-volume-handle{position:absolute;top:-0.2em;width:.8em;height:.8em;background:#ccc;left:0;border:1px solid #fff;-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em}.vjs-default-skin div.vjs-progress-control{position:absolute;left:4.8em;right:4.8em;height:1.0em;width:auto;top:-1.3em;border-bottom:1px solid #1f1f1f;border-top:1px solid #222;background:#333;background:-moz-linear-gradient(top,#222,#333);background:-webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));background:-webkit-linear-gradient(top,#222,#333);background:-o-linear-gradient(top,#333,#222);background:-ms-linear-gradient(top,#333,#222);background:linear-gradient(top,#333,#222)}.vjs-default-skin .vjs-progress-holder{position:relative;cursor:pointer!important;padding:0;margin:0;height:1.0em;-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em;background:#111;background:-moz-linear-gradient(top,#111,#262626);background:-webkit-gradient(linear,0% 0,0% 100%,from(#111),to(#262626));background:-webkit-linear-gradient(top,#111,#262626);background:-o-linear-gradient(top,#111,#262626);background:-ms-linear-gradient(top,#111,#262626);background:linear-gradient(top,#111,#262626)}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:1.0em;margin:0;padding:0;left:0;top:0;-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em}.vjs-default-skin .vjs-play-progress{background:#fff;background:-moz-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#fff),color-stop(50%,#d6d6d6),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);background:-o-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);background:-ms-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);background:linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);background:#efefef;background:-moz-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#efefef),color-stop(50%,#f5f5f5),color-stop(50%,#dbdbdb),color-stop(100%,#f1f1f1));background:-webkit-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);background:-o-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);background:-ms-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#f1f1f1',GradientType=0);background:linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%)}.vjs-default-skin .vjs-load-progress{opacity:.8;background:#666;background:-moz-linear-gradient(top,#666,#333);background:-webkit-gradient(linear,0% 0,0% 100%,from(#666),to(#333));background:-webkit-linear-gradient(top,#666,#333);background:-o-linear-gradient(top,#666,#333);background:-ms-linear-gradient(top,#666,#333);background:linear-gradient(top,#666,#333)}.vjs-default-skin div.vjs-seek-handle{position:absolute;width:16px;height:16px;margin-top:-0.3em;left:0;top:0;background:url('images/video-js.png') 0 -50px;-moz-border-radius:.8em;-webkit-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 2px 4px 0 #000;-moz-box-shadow:0 2px 4px 0 #000;box-shadow:0 2px 4px 0 #000}.vjs-default-skin .vjs-time-controls{position:absolute;right:0;height:1.0em;width:4.8em;top:-1.3em;border-bottom:1px solid #1f1f1f;border-top:1px solid #222;background-color:#333;font-size:1em;line-height:1.0em;font-weight:normal;font-family:Helvetica,Arial,sans-serif;background:#333;background:-moz-linear-gradient(top,#222,#333);background:-webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));background:-webkit-linear-gradient(top,#222,#333);background:-o-linear-gradient(top,#333,#222);background:-ms-linear-gradient(top,#333,#222);background:linear-gradient(top,#333,#222)}.vjs-default-skin .vjs-current-time{left:0}.vjs-default-skin .vjs-duration{right:0;display:none}.vjs-default-skin .vjs-remaining-time{right:0}.vjs-time-divider{display:none}.vjs-default-skin .vjs-time-control{font-size:1em;line-height:1;font-weight:normal;font-family:Helvetica,Arial,sans-serif}.vjs-default-skin .vjs-time-control span{line-height:25px}.vjs-secondary-controls{float:right}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer!important;float:right}.vjs-default-skin .vjs-fullscreen-control div{width:16px;height:16px;background:url('images/video-js.png') -50px 0;margin:.5em auto 0}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div{background:url('images/video-js.png') -75px 0}.vjs-default-skin .vjs-big-play-button{display:block;z-index:2;position:absolute;top:50%;left:50%;width:8.0em;height:8.0em;margin:-42px 0 0 -42px;text-align:center;vertical-align:center;cursor:pointer!important;border:.2em solid #fff;opacity:.95;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:#454545;background:-moz-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#454545),color-stop(50%,#232323),color-stop(50%,#161616),color-stop(100%,#3f3f3f));background:-webkit-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);background:-o-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);background:-ms-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545',endColorstr='#3f3f3f',GradientType=0);background:linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);-webkit-box-shadow:4px 4px 8px #000;-moz-box-shadow:4px 4px 8px #000;box-shadow:4px 4px 8px #000}.vjs-default-skin div.vjs-big-play-button:hover{-webkit-box-shadow:0 0 80px #fff;-moz-box-shadow:0 0 80px #fff;box-shadow:0 0 80px #fff}.vjs-default-skin div.vjs-big-play-button span{position:absolute;top:50%;left:50%;display:block;width:35px;height:42px;margin:-20px 0 0 -15px;background:url('images/video-js.png') -100px 0}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;width:55px;height:55px;margin:-28px 0 0 -28px;-webkit-animation-name:rotatethis;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotatethis;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear}@-webkit-keyframes rotatethis{0%{-webkit-transform:scale(0.6) rotate(0deg)}12.5%{-webkit-transform:scale(0.6) rotate(0deg)}12.51%{-webkit-transform:scale(0.6) rotate(45deg)}25%{-webkit-transform:scale(0.6) rotate(45deg)}25.01%{-webkit-transform:scale(0.6) rotate(90deg)}37.5%{-webkit-transform:scale(0.6) rotate(90deg)}37.51%{-webkit-transform:scale(0.6) rotate(135deg)}50%{-webkit-transform:scale(0.6) rotate(135deg)}50.01%{-webkit-transform:scale(0.6) rotate(180deg)}62.5%{-webkit-transform:scale(0.6) rotate(180deg)}62.51%{-webkit-transform:scale(0.6) rotate(225deg)}75%{-webkit-transform:scale(0.6) rotate(225deg)}75.01%{-webkit-transform:scale(0.6) rotate(270deg)}87.5%{-webkit-transform:scale(0.6) rotate(270deg)}87.51%{-webkit-transform:scale(0.6) rotate(315deg)}100%{-webkit-transform:scale(0.6) rotate(315deg)}}@-moz-keyframes rotatethis{0%{-moz-transform:scale(0.6) rotate(0deg)}12.5%{-moz-transform:scale(0.6) rotate(0deg)}12.51%{-moz-transform:scale(0.6) rotate(45deg)}25%{-moz-transform:scale(0.6) rotate(45deg)}25.01%{-moz-transform:scale(0.6) rotate(90deg)}37.5%{-moz-transform:scale(0.6) rotate(90deg)}37.51%{-moz-transform:scale(0.6) rotate(135deg)}50%{-moz-transform:scale(0.6) rotate(135deg)}50.01%{-moz-transform:scale(0.6) rotate(180deg)}62.5%{-moz-transform:scale(0.6) rotate(180deg)}62.51%{-moz-transform:scale(0.6) rotate(225deg)}75%{-moz-transform:scale(0.6) rotate(225deg)}75.01%{-moz-transform:scale(0.6) rotate(270deg)}87.5%{-moz-transform:scale(0.6) rotate(270deg)}87.51%{-moz-transform:scale(0.6) rotate(315deg)}100%{-moz-transform:scale(0.6) rotate(315deg)}}div.vjs-loading-spinner .ball1{opacity:.12;position:absolute;left:20px;top:0;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}div.vjs-loading-spinner .ball2{opacity:.25;position:absolute;left:34px;top:6px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}div.vjs-loading-spinner .ball3{opacity:.37;position:absolute;left:40px;top:20px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}div.vjs-loading-spinner .ball4{opacity:.50;position:absolute;left:34px;top:34px;width:13px;height:13px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:15px;border:1px solid #ccc}div.vjs-loading-spinner .ball5{opacity:.62;position:absolute;left:20px;top:40px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}div.vjs-loading-spinner .ball6{opacity:.75;position:absolute;left:6px;top:34px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}div.vjs-loading-spinner .ball7{opacity:.87;position:absolute;left:0;top:20px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}div.vjs-loading-spinner .ball8{opacity:1.00;position:absolute;left:6px;top:6px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}.vjs-default-skin .vjs-menu-button{float:right;margin:.2em .5em 0 0;padding:0;width:3em;height:2em;cursor:pointer!important;border:1px solid #111;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#4d4d4d;background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%)}.vjs-default-skin .vjs-menu-button div{background:url('images/video-js.png') 0 -75px no-repeat;width:16px;height:16px;margin:.2em auto 0;padding:0}.vjs-default-skin .vjs-menu-button ul{display:none;opacity:.8;padding:0;margin:0;position:absolute;width:10em;bottom:2em;max-height:15em;left:-3.5em;background-color:#111;border:2px solid #333;-moz-border-radius:.7em;-webkit-border-radius:1em;border-radius:.5em;-webkit-box-shadow:0 2px 4px 0 #000;-moz-box-shadow:0 2px 4px 0 #000;box-shadow:0 2px 4px 0 #000;overflow:auto}.vjs-default-skin .vjs-menu-button:focus ul,.vjs-default-skin .vjs-menu-button:hover ul{display:block;list-style:none}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0 .3em 20px;line-height:1.4em;font-size:1.2em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{text-decoration:underline;background:url('images/video-js.png') -125px -50px no-repeat}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{background-color:#ccc;color:#111;outline:0}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;color:#fff;font-weight:bold;cursor:default;background:#4d4d4d;background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%)}.vjs-default-skin .vjs-captions-button div{background-position:-25px -75px}.vjs-default-skin .vjs-chapters-button div{background-position:-100px -75px}.vjs-default-skin .vjs-chapters-button ul{width:20em;left:-8.5em} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none} #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('./images/fancybox/fancybox.png')} #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none} #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none} #fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:0;display:none} #fancybox-outer{position:relative;width:100%;height:100%;background:#fff} #fancybox-content{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101} #fancybox-close{position:absolute;top:-15px;left:-15px;width:30px;height:30px;background:url('./images/close.png') center center no-repeat;cursor:pointer;z-index:1103;display:none;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.35);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.35);box-shadow:0 0 3px rgba(0,0,0,0.35)} #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0} #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top} #fancybox-frame{width:100%;height:100%;border:0;display:block} #fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:transparent url('./images/fancybox/blank.gif');z-index:1102;display:none} #fancybox-left{left:0} #fancybox-right{right:0} #fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:25px;height:25px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;background-repeat:no-repeat;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.35);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.35);box-shadow:0 1px 3px rgba(0,0,0,0.35)} #fancybox-left-ico{background-image:url('./images/left.png');background-position:3px center} #fancybox-right-ico{background-image:url('./images/right.png');background-position:6px center} #fancybox-left:hover,#fancybox-right:hover{visibility:visible} #fancybox-left:hover span{left:20px} #fancybox-right:hover span{left:auto;right:20px} .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001} #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('./images/fancybox/fancybox-x.png')} #fancybox-bg-ne{top:-20px;right:-20px;background-image:url('./images/fancybox/fancybox.png');background-position:-40px -162px} #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('./images/fancybox/fancybox-y.png');background-position:-20px 0} #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('./images/fancybox/fancybox.png');background-position:-40px -182px} #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('./images/fancybox/fancybox-x.png');background-position:0 -20px} #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('./images/fancybox/fancybox.png');background-position:-40px -142px} #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('./images/fancybox/fancybox-y.png')} #fancybox-bg-nw{top:-20px;left:-20px;background-image:url('./images/fancybox/fancybox.png');background-position:-40px -122px} #fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative} .fancybox-title-outside{padding-top:10px;color:#fff} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left} #fancybox-title-over{padding:10px;background-image:url('./images/fancybox/fancy_title_over.png');display:block} .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px} #fancybox-title-float-wrap{border:0;border-collapse:collapse;width:auto} #fancybox-title-float-wrap td{border:0;white-space:nowrap} #fancybox-title-float-left{padding:0 0 0 15px;background:url('./images/fancybox/fancybox.png') -40px -90px no-repeat;display:none} #fancybox-title-float-main{color:#FFF;line-height:normal;font-weight:bold;padding:0 0 3px 0;padding:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.35);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.35);box-shadow:0 1px 3px rgba(0,0,0,0.35)} #fancybox-title-float-right{padding:0 0 0 15px;background:url('./images/fancybox/fancybox.png') -55px -90px no-repeat;display:none} .fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_close.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_nav_left.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_nav_right.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1} .fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_left.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_main.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_title_right.png',sizingMethod='scale')} .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")} #fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')} #fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_loading.png',sizingMethod='scale')} .fancybox-ie .fancybox-bg{background:transparent!important} .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_n.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_ne.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_e.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_se.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_s.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_sw.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_w.png',sizingMethod='scale')} .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/fancybox/fancy_shadow_nw.png',sizingMethod='scale')} #fancybox-close, #fancybox-left-ico, #fancybox-right-ico, #fancybox-title-float-main { background-color: #fff; } #fancybox-title-float-main { color: #423C3C; } /* * uniform */ div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-image:url(./images/sprite.png);background-repeat:no-repeat;-webkit-font-smoothing:antialiased} .selector,.radio,.checker,.uploader,.button,.selector *,.radio *,.checker *,.uploader *,.button *{margin:0;padding:0} input.text,input.email,input.password,textarea.uniform{font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;padding:3px;color:#777;background:#fff url('./images/bg-input-focus.png') repeat-x 0 0;background:#fff url('./images/bg-input.png') repeat-x 0 0;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0} input.text:focus,input.email:focus,input.password:focus,textarea.uniform:focus{-webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);box-shadow:0 0 4px rgba(0,0,0,0.3);border-color:#999;background:#fff url('./images/bg-input-focus.png') repeat-x 0 0} div.selector{background-position:-483px -130px;line-height:26px;height:26px} div.selector span{background-position:right 0;height:26px;line-height:26px} div.selector select{top:0;left:0} div.selector:active,div.selector.active{background-position:-483px -156px} div.selector:active span,div.selector.active span{background-position:right -26px} div.selector.focus,div.selector.hover,div.selector:hover{background-position:-483px -182px} div.selector.focus span,div.selector.hover span,div.selector:hover span{background-position:right -52px} div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover{background-position:-483px -208px} div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span{background-position:right -78px} div.selector.disabled{background-position:-483px -234px} div.selector.disabled span{background-position:right -104px} div.checker{width:19px;height:19px} div.checker input{width:19px;height:19px} div.checker span{background-position:0 -260px;height:19px;width:19px} div.checker:active span,div.checker.active span{background-position:-19px -260px} div.checker.focus span,div.checker:hover span{background-position:-38px -260px} div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{background-position:-57px -260px} div.checker span.checked{background-position:-76px -260px} div.checker:active span.checked,div.checker.active span.checked{background-position:-95px -260px} div.checker.focus span.checked,div.checker:hover span.checked{background-position:-114px -260px} div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked{background-position:-133px -260px} div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{background-position:-152px -260px} div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{background-position:-171px -260px} div.radio{width:18px;height:18px} div.radio input{width:18px;height:18px} div.radio span{height:18px;width:18px;background-position:0 -279px} div.radio:active span,div.radio.active span{background-position:-18px -279px} div.radio.focus span,div.radio:hover span{background-position:-36px -279px} div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{background-position:-54px -279px} div.radio span.checked{background-position:-72px -279px} div.radio:active span.checked,div.radio.active span.checked{background-position:-90px -279px} div.radio.focus span.checked,div.radio:hover span.checked{background-position:-108px -279px} div.radio.focus:active span.checked,div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked{background-position:-126px -279px} div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{background-position:-144px -279px} div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px} div.uploader{background-position:0 -297px;height:28px} div.uploader span.action{background-position:right -409px;height:24px;line-height:24px} div.uploader span.filename{height:24px;margin:2px 0 2px 2px;line-height:24px} div.uploader.focus,div.uploader.hover,div.uploader:hover{background-position:0 -353px} div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{background-position:right -437px} div.uploader.active span.action,div.uploader:active span.action{background-position:right -465px} div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action{background-position:right -493px} div.uploader.disabled{background-position:0 -325px} div.uploader.disabled span.action{background-position:right -381px} div.button{background-position:0 -523px} div.button span{background-position:right -643px} div.button.focus,div.button:focus,div.button:hover,div.button.hover{background-position:0 -553px} div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span{background-position:right -673px} div.button.active,div.button:active{background-position:0 -583px} div.button.active span,div.button:active span{background-position:right -703px;color:#555} div.button.disabled,div.button:disabled{background-position:0 -613px} div.button.disabled span,div.button:disabled span{background-position:right -733px;color:#bbb;cursor:default} div.button{height:30px} div.button span{margin-left:13px;height:22px;padding-top:8px;font-weight:bold;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-left:2px;padding-right:15px} div.selector{width:190px;font-size:12px} div.selector select{min-width:190px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;border:solid 1px #fff} div.selector span{padding:0 25px 0 2px;cursor:pointer} div.selector span{color:#666;width:158px;text-shadow:0 1px 0 #fff} div.selector.disabled span{color:#bbb} div.checker{margin-right:5px} div.radio{margin-right:3px} div.uploader{width:190px;cursor:pointer} div.uploader span.action{width:85px;text-align:center;text-shadow:#fff 0 1px 0;background-color:#fff;font-size:11px;font-weight:bold} div.uploader span.filename{color:#777;width:82px;border-right:solid 1px #bbb;font-size:11px} div.uploader input{width:190px} div.uploader.disabled span.action{color:#aaa} div.uploader.disabled span.filename{border-color:#ddd;color:#aaa} .selector,.checker,.button,.radio,.uploader{display:-moz-inline-box;display:inline-block;vertical-align:middle;zoom:1;*display:inline} .selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus{outline:0} div.button a,div.button button,div.button input{position:absolute} div.button{cursor:pointer;position:relative} div.button span{display:-moz-inline-box;display:inline-block;line-height:1;text-align:center} div.selector{position:relative;padding-left:10px;overflow:hidden} div.selector span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} div.selector select{position:absolute;opacity:0;filter:alpha(opacity:0);height:25px;border:0;background:0} div.checker{position:relative} div.checker span{display:-moz-inline-box;display:inline-block;text-align:center} div.checker input{opacity:0;filter:alpha(opacity:0);display:inline-block;background:0} div.radio{position:relative} div.radio span{display:-moz-inline-box;display:inline-block;text-align:center} div.radio input{opacity:0;filter:alpha(opacity:0);text-align:center;display:inline-block;background:0} div.uploader{position:relative;overflow:hidden;cursor:default} div.uploader span.action{float:left;display:inline;padding:2px 0;overflow:hidden;cursor:pointer} div.uploader span.filename{padding:0 10px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default} div.uploader input{opacity:0;filter:alpha(opacity:0);position:absolute;top:0;right:0;bottom:0;float:right;height:25px;border:0;cursor:default} /*! Code written by Sam Collins (@smcllns) of www.eventasaur.us You are free to use this work commercially You are free to extend this work without permissions from the author (just do so tastefully eh?) Enjoy */ /* Reference icons from font-files */ @font-face { font-family: 'zocial'; font-style: normal; font-weight: normal; src: url('./fonts/zocial/zocial-regular-webfont.eot'); src: url('./fonts/zocial/zocial-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/zocial/zocial-regular-webfont.woff') format('woff'), url('./fonts/zocial/zocial-regular-webfont.ttf') format('truetype'), url('./fonts/zocial/zocial-regular-webfont.svg#ZocialRegular') format('svg'); unicode-range: U+0-U+10FFFF; } .zocial,a.zocial{border:1px solid #777;border-color:rgba(0,0,0,0.2);border-bottom-color:#333;border-bottom-color:rgba(0,0,0,0.4);color:#fff;-moz-box-shadow:inset 0 .08em 0 rgba(255,255,255,0.4),inset 0 0 .1em rgba(255,255,255,0.9);-webkit-box-shadow:inset 0 .08em 0 rgba(255,255,255,0.4),inset 0 0 .1em rgba(255,255,255,0.9);box-shadow:inset 0 .08em 0 rgba(255,255,255,0.4),inset 0 0 .1em rgba(255,255,255,0.9);cursor:pointer;display:inline-block;font:bold 100%/2.1 "Lucida Grande",Tahoma,sans-serif;padding:0 .95em 0 0;text-align:center;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,0.5);white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;user-select:none;position:relative;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em} .zocial:before{content:"";border-right:.075em solid rgba(0,0,0,0.1);float:left;font:120%/1.65 zocial;font-style:normal;font-weight:normal;margin:0 .5em 0 0;padding:0 .5em;text-align:center;text-decoration:none;text-transform:none;-moz-box-shadow:.075em 0 0 rgba(255,255,255,0.25);-webkit-box-shadow:.075em 0 0 rgba(255,255,255,0.25);box-shadow:.075em 0 0 rgba(255,255,255,0.25);-webkit-font-smoothing:antialiased} .zocial:active{outline:0} .zocial.icon{overflow:hidden;max-width:2.4em;padding-left:0;padding-right:0;max-height:2.15em;white-space:nowrap} .zocial.icon:before{padding:0;width:2em;height:2em;box-shadow:none;border:0} .zocial.flat{background:none!important;border:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important} .zocial{background-image:-moz-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-ms-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),color-stop(49%,rgba(255,255,255,.05)),color-stop(51%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1))} .zocial:hover,.zocial:focus{background-image:-moz-linear-gradient(rgba(255,255,255,.15) 49%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.15));background-image:-ms-linear-gradient(rgba(255,255,255,.15) 49%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.15));background-image:-o-linear-gradient(rgba(255,255,255,.15) 49%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.15));background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.15)),color-stop(49%,rgba(255,255,255,.15)),color-stop(51%,rgba(0,0,0,.1)),to(rgba(0,0,0,.15)));background-image:-webkit-linear-gradient(rgba(255,255,255,.15) 49%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.15));background-image:linear-gradient(rgba(255,255,255,.15) 49%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.15))} .zocial:active{background-image:-moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0) 30%,transparent 50%,rgba(0,0,0,.1));background-image:-ms-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0) 30%,transparent 50%,rgba(0,0,0,.1));background-image:-o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0) 30%,transparent 50%,rgba(0,0,0,.1));background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),color-stop(30%,rgba(255,255,255,0)),color-stop(50%,transparent),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0) 30%,transparent 50%,rgba(0,0,0,.1));background-image:linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0) 30%,transparent 50%,rgba(0,0,0,.1))} .zocial.bitcoin,.zocial.cloudapp,.zocial.dropbox,.zocial.email,.zocial.eventful,.zocial.github,.zocial.gmail,.zocial.instapaper,.zocial.itunes,.zocial.ninetyninedesigns,.zocial.openid,.zocial.plancast,.zocial.posterous,.zocial.reddit,.zocial.secondary,.zocial.viadeo,.zocial.weibo,.zocial.wikipedia{border:1px solid #aaa;border-color:rgba(0,0,0,0.3);border-bottom-color:#777;border-bottom-color:rgba(0,0,0,0.5);-moz-box-shadow:inset 0 .08em 0 rgba(255,255,255,0.7),inset 0 0 .08em rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 .08em 0 rgba(255,255,255,0.7),inset 0 0 .08em rgba(255,255,255,0.5);box-shadow:inset 0 .08em 0 rgba(255,255,255,0.7),inset 0 0 .08em rgba(255,255,255,0.5);text-shadow:0 1px 0 rgba(255,255,255,0.8)} .zocial.bitcoin:focus,.zocial.bitcoin:hover,.zocial.dropbox:focus,.zocial.dropbox:hover,.zocial.email:focus,.zocial.email:hover,.zocial.eventful:focus,.zocial.eventful:hover,.zocial.github:focus,.zocial.github:hover,.zocial.gmail:focus,.zocial.gmail:hover,.zocial.instapaper:focus,.zocial.instapaper:hover,.zocial.itunes:focus,.zocial.itunes:hover,.zocial.ninetyninedesigns:focus,.zocial.ninetyninedesigns:hover,.zocial.openid:focus,.zocial.openid:hover,.zocial.plancast:focus,.zocial.plancast:hover,.zocial.posterous:focus,.zocial.posterous:hover,.zocial.reddit:focus,.zocial.reddit:hover,.zocial.secondary:focus,.zocial.secondary:hover,.zocial.twitter:focus,.zocial.viadeo:focus,.zocial.viadeo:hover,.zocial.weibo:focus,.zocial.weibo:hover,.zocial.wikipedia:focus,.zocial.wikipedia:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),color-stop(49%,rgba(255,255,255,0.2)),color-stop(51%,rgba(0,0,0,0.05)),to(rgba(0,0,0,0.15)));background-image:-moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0.2) 49%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0.15));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0.2) 49%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0.15));background-image:-o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0.2) 49%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0.15));background-image:-ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0.2) 49%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0.15));background-image:linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0.2) 49%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0.15))} .zocial.bitcoin:active,.zocial.dropbox:active,.zocial.email:active,.zocial.eventful:active,.zocial.github:active,.zocial.gmail:active,.zocial.instapaper:active,.zocial.itunes:active,.zocial.ninetyninedesigns:active,.zocial.openid:active,.zocial.plancast:active,.zocial.posterous:active,.zocial.reddit:active,.zocial.secondary:active,.zocial.viadeo:active,.zocial.weibo:active,.zocial.wikipedia:active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,0)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1));background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1));background-image:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1));background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1));background-image:linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1))} .zocial.amazon:before{content:"\E040"} .zocial.android:before{content:"\E005"} .zocial.angellist:before{content:"\E06C"} .zocial.aol:before{content:"\E001"} .zocial.appstore:before{content:"\E020"} .zocial.bitcoin:before{content:"\E011";color:#f7931a} .zocial.blogger:before{content:"\E021"} .zocial.call:before{content:"\E016"} .zocial.cal:before{content:"\E00D"} .zocial.cart:before{content:"\E06A"} .zocial.chrome:before{content:"\E03A"} .zocial.cloudapp:before{content:"\E042"} .zocial.creativecommons:before{content:"\E022"} .zocial.delicious:before{content:"\E002"} .zocial.digg:before{content:"\E01A"} .zocial.disqus:before{content:"\E030"} .zocial.dribbble:before{content:"\E023"} .zocial.dropbox:before{content:"\E043";color:#1f75cc} .zocial.email:before{content:"\E03C";color:#312c2a} .zocial.eventasaurus:before{content:"\E055";color:#9de428} .zocial.eventbrite:before{content:"\E05B"} .zocial.eventful:before{content:"\E006";color:#06c} .zocial.evernote:before{content:"\E024"} .zocial.facebook:before{content:"\E045"} .zocial.fivehundredpx:before{content:"\E00F";color:#29b6ff} .zocial.flattr:before{content:"\E004"} .zocial.flickr:before{content:"\E025"} .zocial.forrst:before{content:"\E019";color:#50894f} .zocial.foursquare:before{content:"\E013"} .zocial.github:before{content:"\E046"} .zocial.gmail:before{content:"\E04C";color:#f00} .zocial.google:before{content:"\E026"} .zocial.googleplay:before{content:"\E05E"} .zocial.googleplus:before{content:"\E00A"} .zocial.gowalla:before{content:"\E01F"} .zocial.grooveshark:before{content:"\E017"} .zocial.guest:before{content:"\E01E"} .zocial.html5:before{content:"\E014"} .zocial.ie:before{content:"\E015"} .zocial.instagram:before{content:"\E06D"} .zocial.instapaper:before{content:"\E028"} .zocial.intensedebate:before{content:"\E05A"} .zocial.itunes:before{content:"\E048";color:#1a6dd2} .zocial.klout:before{content:"\E02A"} .zocial.lanyrd:before{content:"\E00C"} .zocial.lastfm:before{content:"\E04B"} .zocial.linkedin:before{content:"\E02B"} .zocial.macstore:before{content:"\E03D"} .zocial.meetup:before{content:"\E02C"} .zocial.myspace:before{content:"\E03E"} .zocial.ninetyninedesigns:before{content:"\E018";color:#f50} .zocial.openid:before{content:"\E04E";color:#ff921d} .zocial.opentable:before{content:"\E05F"} .zocial.paypal:before{content:"\E003"} .zocial.pinboard:before{content:"\E04D"} .zocial.pinterest:before{content:"\E010"} .zocial.plancast:before{content:"\E02F"} .zocial.plurk:before{content:"\E049"} .zocial.podcast:before{content:"\E03F"} .zocial.posterous:before{content:"\E05D"} .zocial.print:before{content:"\E06B"} .zocial.quora:before{content:"\E050"} .zocial.reddit:before{content:"\E01D";color:red} .zocial.rss:before{content:"\E031"} .zocial.scribd:before{content:"\E05C";color:#00d5ea} .zocial.skype:before{content:"\E032"} .zocial.smashing:before{content:"\E009"} .zocial.songkick:before{content:"\E04A"} .zocial.soundcloud:before{content:"\E052"} .zocial.spotify:before{content:"\E01C"} .zocial.stumbleupon:before{content:"\E00E"} .zocial.tumblr:before{content:"\E053"} .zocial.twitter:before{content:"\E033"} .zocial.viadeo:before{content:"\E027";color:#f59b20} .zocial.vimeo:before{content:"\E035"} .zocial.weibo:before{content:"\E029";color:#e6162d} .zocial.wikipedia:before{content:"\E00B"} .zocial.windows:before{content:"\E036"} .zocial.xing:before{content:"\E037"} .zocial.wordpress:before{content:"\E056"} .zocial.yahoo:before{content:"\E038"} .zocial.yelp:before{content:"\E058"} .zocial.youtube:before{content:"\E034"} .zocial.amazon{background-color:#ffad1d;color:#030037;text-shadow:0 1px 0 rgba(255,255,255,0.5)} .zocial.android{background-color:#a4c639} .zocial.angellist{background-color:#000} .zocial.aol{background-color:#f00} .zocial.appstore{background-color:#000} .zocial.bitcoin{background-color:#efefef;color:#4d4d4d} .zocial.blogger{background-color:#ee5a22} .zocial.call{background-color:#008000} .zocial.cal{background-color:#d63538} .zocial.cart{background-color:#333} .zocial.chrome{background-color:#006cd4} .zocial.cloudapp{background-color:#fff;color:#312c2a} .zocial.creativecommons{background-color:#000} .zocial.delicious{background-color:#3271cb} .zocial.digg{background-color:#164673} .zocial.disqus{background-color:#5d8aad} .zocial.dribbble{background-color:#ea4c89} .zocial.dropbox{background-color:#fff;color:#312c2a} .zocial.email{background-color:#f0f0eb;color:#312c2a} .zocial.eventasaurus{background-color:#192931;color:#fff} .zocial.eventbrite{background-color:#ff5616} .zocial.eventful{background-color:#fff;color:#47ab15} .zocial.evernote{background-color:#6bb130;color:#fff} .zocial.facebook{background-color:#4863ae} .zocial.fivehundredpx{background-color:#333} .zocial.flattr{background-color:#8aba42} .zocial.flickr{background-color:#ff0084} .zocial.forrst{background-color:#1e360d} .zocial.foursquare{background-color:#44a8e0} .zocial.github{background-color:#fbfbfb;color:#050505} .zocial.gmail{background-color:#efefef;color:#222} .zocial.google{background-color:#4e6cf7} .zocial.googleplay{background-color:#000} .zocial.googleplus{background-color:#dd4b39} .zocial.gowalla{background-color:#ff720a} .zocial.grooveshark{background-color:#111;color:#eee} .zocial.guest{background-color:#1b4d6d} .zocial.html5{background-color:#ff3617} .zocial.ie{background-color:#00a1d9} .zocial.instapaper{background-color:#eee;color:#222} .zocial.instagram{background-color:#3f729b} .zocial.intensedebate{background-color:#0099e1} .zocial.klout{background-color:#e34a25} .zocial.itunes{background-color:#efefeb;color:#312c2a} .zocial.lanyrd{background-color:#2e6ac2} .zocial.lastfm{background-color:#dc1a23} .zocial.linkedin{background-color:#0083a8} .zocial.macstore{background-color:#007dcb} .zocial.meetup{background-color:#ff0026} .zocial.myspace{background-color:#000} .zocial.ninetyninedesigns{background-color:#fff;color:#072243} .zocial.openid{background-color:#f5f5f5;color:#333} .zocial.opentable{background-color:#900} .zocial.paypal{background-color:#fff;color:#32689a;text-shadow:0 1px 0 rgba(255,255,255,0.5)} .zocial.pinboard{background-color:blue} .zocial.pinterest{background-color:#c91618} .zocial.plancast{background-color:#e7ebed;color:#333} .zocial.plurk{background-color:#cf682f} .zocial.podcast{background-color:#9365ce} .zocial.posterous{background-color:#ffd959;color:#bc7134} .zocial.print{background-color:#f0f0eb;color:#222;text-shadow:0 1px 0 rgba(255,255,255,0.8)} .zocial.quora{background-color:#a82400} .zocial.reddit{background-color:#fff;color:#222} .zocial.rss{background-color:#ff7f25} .zocial.scribd{background-color:#231c1a} .zocial.skype{background-color:#00a2ed} .zocial.smashing{background-color:#ff4f27} .zocial.songkick{background-color:#ff0050} .zocial.soundcloud{background-color:#ff4500} .zocial.spotify{background-color:#60af00} .zocial.stumbleupon{background-color:#eb4924} .zocial.tumblr{background-color:#374a61} .zocial.twitter{background-color:#46c0fb} .zocial.viadeo{background-color:#fff;color:#000} .zocial.vimeo{background-color:#00a2cd} .zocial.weibo{background-color:#faf6f1;color:#000} .zocial.wikipedia{background-color:#fff;color:#000} .zocial.windows{background-color:#0052a4;color:#fff} .zocial.wordpress{background-color:#464646} .zocial.xing{background-color:#0a5d5e} .zocial.yahoo{background-color:#a200c2} .zocial.yelp{background-color:#e60010} .zocial.youtube{background-color:#f00} .zocial.primary,.zocial.secondary{margin:.1em 0;padding:0 1em} .zocial.primary:before,.zocial.secondary:before{display:none} .zocial.primary{background-color:#333} .zocial.secondary{background-color:#f0f0eb;color:#222;text-shadow:0 1px 0 rgba(255,255,255,0.8)} button:-moz-focus-inner{border:0;padding:0} /* jquery tweet */ .tweet, .query {} .tweet_list { list-style: none;margin: 0;padding: 0;overflow-y: hidden; } .tweet_list li { coverflow-y: auto;overflow-x: hidden;margin: 0 0 1.0em 0;list-style-type: none; } .tweet_list .tweet_even {} .tweet_list .tweet_avatar { padding-right: .5em; float: left;width: 32px;height: 32px;margin-right:5px; } .tweet_list .tweet_avatar img { vertical-align: middle; } /* ------------------------------------------------------------------------------------------------------------------------ css colour tags ------------------------------------------------------------------------------------------------------------------------ */ /* css */ body { background-color: %colour_body_bg%;color: %colour_content_text%; } a { color: %colour_content_links%; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: %colour_content_headings%; } /* wrap */ #wrap { background-color: %colour_wrap_bg%; } /* header & navigation colours */ #headings h1 a { color: %colour_header_title%; } #headings h2 { color: %colour_header_slogan%; } #headings a.zocial.flat { color: %colour_header_slogan%; } #headings a.zocial.flat:hover { color: %colour_header_slogan * 0.8%; } #navigation a { color: %colour_navigation_links%; } #navigation a:hover { color: %colour_navigation_links_hover%; } .menu li { border-bottom-color: %colour_content_borders%; } .menu a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop { border-left-color: %colour_content_borders%; } .menu { border-top-color: %colour_content_borders%; } @media only screen and (min-width: 600px) { #navigation > ul > li > a.currentAncestor, #navigation > ul > li > a.current, #navigation > ul > li.sfHover {} #navigation li li, #navigation li li, #navigation li:hover, li.sfHover, li.current, li.currentAncestor { background: %colour_subnav_bg%; } .sf-menu li:hover ul, .menu li.sfHover ul {} } /* banner colours */ #banner { background-color: %colour_banner_bg%; } /* main container colours */ .blog-entry { border-bottom-color: %colour_content_borders%; } .blog-entry blockquote { border-left-color: %colour_content_borders%; } .filesharing-description { border-bottom-color: %colour_content_borders%; } .movie-thumbnail-frame img { border-color: %colour_content_borders%; } .thumbnail-frame img { border-color: %colour_content_borders%; } #pagination { border-color: %colour_content_borders%; } #pagination li.current { background: %colour_content_borders%; } .photo-background { background-color: %colour_wrap_bg%;color: %colour_content_text%; } .photo-background img { border-color: %colour_content_borders%; } .photo-navigation { background-color: %colour_wrap_bg%; } .photo-title { color: %colour_header_title%; } .photo-caption { color: %colour_header_slogan%; } .form-input-field { border-color: %colour_content_borders%; } hr {border-top-color: %colour_content_borders%; } /* sidebar and widgets colours */ #secondary-container { color: %colour_sidebar_text%; } #secondary-container a { color: %colour_sidebar_links%; } #plugin-sidebar { border-top-color: %colour_content_borders%; } #blog-categories, #blog-archives { border-bottom-color: %colour_content_borders%; } /* bottom colours */ #bottom { border-top-color: %colour_content_borders%; } /* extracontent colours */ #myExtraContent3 { color: %colour_extra_top_text%; } #myExtraContent3 h2, #myExtraContent3 h3, #myExtraContent3 h2 a, #myExtraContent3 h3 a { color: %colour_extra_top_headings% ; } #myExtraContent3 a { color: %colour_extra_top_links%; } #myExtraContent4 { color: %colour_extra_bottom_text%; } #myExtraContent4 h2, #myExtraContent4 h3, #myExtraContent4 h2 a, #myExtraContent4 h3 a { color: %colour_extra_bottom_headings% ; } #myExtraContent4 a { color: %colour_extra_bottom_links%; } /* breadcrumb colours */ #breadcrumb ul { color: %colour_breadcrumb_text%;border-bottom-color: %colour_content_borders%;background-color: %colour_breadcrumb_bg%; } #breadcrumb a { color: %colour_breadcrumb_links%; } /* footer colours */ #footer-container { color: %colour_footer_text%;background-color: %colour_footer_bg%; } #footer-container a { color: %colour_footer_links%; } /* 3rd party colours */ /* ------------------------------------------------------------------------------------------------------------------------ css colour tags ------------------------------------------------------------------------------------------------------------------------ */ /* css */ body { background-color: #FFFFFF;color: #000000; } a { color: #84A6C7; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #FFFFFF; } /* wrap */ #wrap { background-color: #FAFAFB; } /* header & navigation colours */ #headings h1 a { color: #FFFFFF; } #headings h2 { color: #FEFFFF; } #headings a.zocial.flat { color: #FEFFFF; } #headings a.zocial.flat:hover { color: #CBCCCC; } #navigation a { color: #2848BE; } #navigation a:hover { color: #FFFDFD; } .menu li { border-bottom-color: #EEEEEE; } .menu a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop { border-left-color: #EEEEEE; } .menu { border-top-color: #EEEEEE; } @media only screen and (min-width: 600px) { #navigation > ul > li > a.currentAncestor, #navigation > ul > li > a.current, #navigation > ul > li.sfHover {} #navigation li li, #navigation li li, #navigation li:hover, li.sfHover, li.current, li.currentAncestor { background: #4F3A0D; } .sf-menu li:hover ul, .menu li.sfHover ul {} } /* banner colours */ #banner { background-color: #2F21FF; } /* main container colours */ .blog-entry { border-bottom-color: #EEEEEE; } .blog-entry blockquote { border-left-color: #EEEEEE; } .filesharing-description { border-bottom-color: #EEEEEE; } .movie-thumbnail-frame img { border-color: #EEEEEE; } .thumbnail-frame img { border-color: #EEEEEE; } #pagination { border-color: #EEEEEE; } #pagination li.current { background: #EEEEEE; } .photo-background { background-color: #FAFAFB;color: #000000; } .photo-background img { border-color: #EEEEEE; } .photo-navigation { background-color: #FAFAFB; } .photo-title { color: #FFFFFF; } .photo-caption { color: #FEFFFF; } .form-input-field { border-color: #EEEEEE; } hr {border-top-color: #EEEEEE; } /* sidebar and widgets colours */ #secondary-container { color: #666666; } #secondary-container a { color: #84A6C7; } #plugin-sidebar { border-top-color: #EEEEEE; } #blog-categories, #blog-archives { border-bottom-color: #EEEEEE; } /* bottom colours */ #bottom { border-top-color: #EEEEEE; } /* extracontent colours */ #myExtraContent3 { color: #666666; } #myExtraContent3 h2, #myExtraContent3 h3, #myExtraContent3 h2 a, #myExtraContent3 h3 a { color: #333333 ; } #myExtraContent3 a { color: #84A6C7; } #myExtraContent4 { color: #666666; } #myExtraContent4 h2, #myExtraContent4 h3, #myExtraContent4 h2 a, #myExtraContent4 h3 a { color: #333333 ; } #myExtraContent4 a { color: #84A6C7; } /* breadcrumb colours */ #breadcrumb ul { color: #333333;border-bottom-color: #EEEEEE;background-color: #F1F2F4; } #breadcrumb a { color: #333333; } /* footer colours */ #footer-container { color: #FFFFFF;background-color: #4F3B0E; } #footer-container a { color: #84A6C7; } /* 3rd party colours */ /* body background image */ body {background-image: url('images/bgs/always_grey.png');} /* @option user-defined font family */ body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif } /* @option user-defined font family */ @font-face { font-family: 'Exo'; src: url('fonts/exo/exo-regular-webfont.eot'); src: url('fonts/exo/exo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/exo/exo-regular-webfont.woff') format('woff'), url('fonts/exo/exo-regular-webfont.ttf') format('truetype'), url('fonts/exo/exo-regular-webfont.svg#OverlockRegular') format('svg'); font-weight: normal; font-style: normal; } h1,h2,h3,h4,h5,h6,.menu,.album-title,.movie-page-title,.photo-title,.photo-background { font-family: 'Exo', sans-serif; } /* bottom content - headings font size */ #headings h1 { font-size: 36px;font-size: 3.6rem; } /* bottom content - headings font size */ #headings h2 { font-size: 22px;font-size: 2.2rem; } /* @option user-defined logo position */ #logo { text-align: right;padding: 20px 0 0 20px } /* @option user-defined navigation position */ #navigation ul { float: left; } /* @option user-defined navigation font size */ .menu { font-size: 15px;font-size: 1.5rem; } /* primary content - font size */ #primary-container { font-size: 16px;font-size: 1.6rem; } /* @option user-defined sidebar position */ #primary-container { float: left; } #secondary-container { float: right; } /* secondary content - font size */ #secondary-container { font-size: 13px;font-size: 1.3rem; } /* extra content - font size */ footer { font-size: 16px;font-size: 1.6rem; } /* extra content - font size */ #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6 { font-size: 14px;font-size: 1.4rem; } /* @option user-defined header height */ #slides { }