/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Theme Name: Infinity Theme Theme URL: http://weaverthemes.com/themes/infinity Author: WeaverThemes Author URI: http://weaverthemes.com - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------------------------------------------------------------------------------------------------------------------------ init ------------------------------------------------------------------------------------------------------------------------ */ /* html5 element display */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* base */ html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* links */ a { color: #8EB407;text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* typography */ 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 #ccc; 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: monospace, monospace; _font-family: 'courier new', 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 20px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } /* embedded content */ img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } /* figures */ figure { margin: 0; } /* forms */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* tables */ table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------------------------------------------------------ css ------------------------------------------------------------------------------------------------------------------------ */ html { font-size: 62.5%; } body { font: 14px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.4rem;background: #fff;font-weight: 300;color: #423C3C; } .wrapper { width:90%;margin:0 5%;position: relative; } /* links */ a { color: #8EB407;text-decoration: none; } a:hover { text-decoration: underline; } /* headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Overlock', sans-serif;color: #423C3C;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);display: block;font-weight:normal;margin: 20px 0;line-height: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #423C3C;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } h1 { font-size: 26px;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 { max-width:100%;height:auto; } hr { border-top-color: #fff; } blockquote { padding: 0 40px;border-left: 3px solid #fff;margin: 0 0 30px 0;font-style: italic; } .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 { padding: 30px 0 15px 0;border-top: 5px solid #7EA60A;background: #353131 url("images/headings-bg.png") no-repeat bottom;position: relative; z-index: 1000; } #header-container h1 { font-size: 30px;font-size: 3.0rem; } #header-container h1 a { color: #7fa511; } #header-container h2 { color: #5F5B5A;font-size: 26px;font-size: 2.6rem; } #headings { float: left;width: 65%; } /* socialicons */ #socialicons { float: right;width: 30%;text-align: right;margin-bottom: 20px;padding: 20px 0;line-height: normal; } /* navigation */ #navigation { z-index: 1000;clear: both;position: relative; } #navigation > ul { display: table;table-layout: fixed; } #navigation > ul > li { display: inline-table;margin: 0 5px; } #navigation > ul > li > a.currentAncestor { background: url("images/nav-bg.png") repeat-x top;color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #navigation > ul > li > a.current { background: url("images/nav-bg.png") repeat-x top; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #navigation > ul > li.sfHover { background: #7EA419 url("images/nav-bg.png") repeat-x top; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #navigation a { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } /* menu styles */ .menu, .menu * { margin: 0; padding: 0; list-style: none; } .menu { line-height: 1.0; } .menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .menu ul li { width: 100%; } .menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .menu li { white-space: nowrap;float: left; position: relative; } .menu a { display: block; position: relative; } .menu li:hover ul, .menu li.sfHover ul { left: 0; top: 54px; /* match top ul list item height */ z-index: 99; } ul.menu li:hover li ul, ul.menu li.sfHover li ul { top: -999em } ul.menu li li:hover ul, ul.menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.menu li li:hover li ul, ul.menu li li.sfHover li ul { top: -999em } ul.menu li li li:hover ul, ul.menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** skin ***/ .menu { font-size: 15px;font-size: 1.5rem;font-family: 'Overlock', cursive; } .menu a { text-decoration: none; } .menu a, .menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ } .menu ul { background: #7EA419 url("images/nav-bg.png") repeat-x top; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .menu ul ul { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 5px; } .menu li {} .menu li li {} .menu li li li {} .menu li:hover a { color: #fff; } .menu li.sfHover a { color: #fff; } .menu li a { padding: 12px;color: #5F5B5A; } .menu ul li a { padding: 10px 17px;color: #fff; } .menu ul li a:hover { outline: 0;text-decoration: underline;background: transparent; } /*** arrows **/ .menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 15px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ 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; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .menu ul .sf-sub-indicator { background-position: -10px 0 } .menu ul a > .sf-sub-indicator { background-position: 0 0;top: 13px; } /* apply hovers to modern browsers */ .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; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent } /* ------------------------------------------------------------------------------------------------------------------------ banner styles ------------------------------------------------------------------------------------------------------------------------ */ #banner { background: #645F5F url("images/banner-bg.png");padding: 20px 0; -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5); box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5); } #slides { overflow: hidden;position: relative;background: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } #slides .static { background: #fff; margin: 0 !important;zoom: 1;z-index:1 } #slides .static img, #myExtraContent2 img { vertical-align:bottom; } /* ------------------------------------------------------------------------------------------------------------------------ main container styles ------------------------------------------------------------------------------------------------------------------------ */ #main-container { background: #EFEBE2; } #main-container img { display: inline; } #primary-container { float: left;width: 60%;padding: 20px;margin-left: 10px; } #primary-container h1,.blog-entry-title,.album-title,.movie-page-title { font-size: 26px;font-size: 2.6rem; } /* tables */ #table { border:2px solid; border-collapse:collapse; width:100%; } #table td { padding:3px; border:1px solid #ccc; } #table th { text-align:left; border:1px solid #ccc; } #table thead th { padding:10px 6px;} #table tbody th { padding:6px; } /* blog */ .blog-entry { border-bottom: 3px solid #fff;margin-bottom: 30px;padding-bottom: 20px; } .blog-entry:last-child { border: none; } .blog-entry-title { margin-bottom: 0; } .blog-entry-title a {} .blog-entry-date { margin: 10px 0;font-size: 12px;font-size: 1.2rem;background: url("images/date.png") no-repeat left 2px;padding-left: 25px; } .blog-entry-body {} .blog-entry blockquote { padding: 0 40px;border-left: 3px solid #fff;margin: 0 0 30px 0;font-style: italic; } .blog-entry-date a {} .blog-read-more {} .blog-entry-tags {} .blog-entry-comments {} .blog-entry-comments a {} .blog-comment-link { padding-left: 25px;background: url("images/comments.png") no-repeat left 2px; } .blog-archive-headings-wrapper { margin-top: 20px;border-bottom: 3px solid #fff;font-weight: normal!important;overflow: hidden;padding-bottom: 30px; } .blog-archive-month { float: right; } .blog-archive-link { float: left; } /* archive page */ .blog-archive-headings-wrapper { padding-bottom:10px; margin-bottom:10px; } .blog-archive-month { margin-bottom:10px; font-weight:bold; } .blog-archive-link { font-weight:bold; } .blog-archive-link:before { content:"/ "; } /* contact form */ .message-text { margin: 20px 0; } form input, form textarea { background-color: #fff !important; } .form-input-field { width: 60%;padding: 3px;border: 1px solid #E0DEDA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; } .form-input-button{-webkit-appearance:none;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background:#ddd url('images/button.png?1298351022') repeat-x;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;cursor:pointer;color:#333;display:inline-block;font:bold 12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;outline:0;overflow:visible;margin:0;padding:3px 10px;text-shadow:white 0 1px 1px;text-decoration:none;vertical-align:top;width:auto;*padding-top:2px;*padding-bottom: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)} .form-input-button:active{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);-webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;-moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;border-color:#999 #bbb #ddd} .form-input-button::-moz-focus-inner{border:0;padding:0} /* file sharing */ .filesharing-description { margin-bottom:10px;border-bottom: 3px solid #fff;padding-bottom: 20px; } .filesharing-item-title{} .filesharing-item { margin:20px 0; padding:10px;margin-left: 0;background: #fff; -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .filesharing-item-title a { padding: 5px 0; } .filesharing-item-description { color:#999;margin-top: 5px;font-style: italic; } /* movie album */ .movie-page-title { font-family: 'Overlock', sans-serif;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);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 { width: 100%;height: auto; } .movie-background { width:100%;overflow:hidden;text-align:center;padding:30px 0 0; } .movie-title { padding:10px; } .movie-frame {} .movie-thumbnail-caption { display: block;padding: 0;margin: 5px 0;font-size: 12px;font-size: 1.2rem;text-align: center; } /* photo album */ .album-title { font-family: 'Overlock', sans-serif;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);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 {} #flashcontent {margin: 20px 0;} .thumbnail-frame img, #flashcontent { } .thumbnail-caption { display: block;padding: 0;margin: 0;font-size: 12px;font-size: 1.2rem;line-height: 14px;text-align: center; } #pagination { padding: 10px 0 0 10px;margin: 10px 0 40px 0 !important;clear: both;font-size: 11px;font-size: 1.1rem;border-top: 1px solid #fff; } #pagination li { text-align:left;list-style:none;cursor:pointer;margin:0 2px;padding: 2px 8px;float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #pagination li.current { background: #fff; } #pagination li.prev { left: 10px;font-size: 16px; } #pagination li.next { right: 10px;font-size: 16px; } /* single photo page */ .photo-background { background: #EFEBE2;text-align: center;font-family: 'Overlock', sans-serif;color: #423C3C;text-shadow: 0 1px 3px rgba(0, 0, 0, .50);padding-bottom: 60px;border-top: 5px solid #7EA60A; } .photo-background img { border: 5px solid #fff; } .photo-navigation { position:relative; margin-bottom:40px;padding: 30px 0 0 0;background: #353131 url("images/headings-bg.png") no-repeat bottom; } .photo-links { margin: 20px auto 0 auto;padding: 10px 0 20px 0; } .photo-links a,.photo-links a:visited { padding:10px; } .photo-links a:hover {} .photo-title { margin:0;font-size: 32px;font-size: 3.2rem;line-height:normal;color: #7fa511; } .photo-caption { margin:0;font-size:15px;font-size:1.5rem;line-height:normal;color: #5f5b5a; } .photo-frame{ max-width: 95%; height: auto !important; position: relative; -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); } .exif-data { margin:20px auto 0; text-align:center; } /* 3rd party styles */ #disqus_thread { margin-top: 15px; } .fluid-width-video-wrapper { width: 100%;height: auto;background: #fff; } .rcItem img { max-width: none !important; } /* ------------------------------------------------------------------------------------------------------------------------ sidebar and widgets ------------------------------------------------------------------------------------------------------------------------ */ #secondary-container { float: right;width: 30%;padding: 20px; } #secondary-container h3 { font-size: 20px;font-size: 2.0rem; } #plugin-sidebar { padding-top: 0;border-top: 3px solid #fff;margin-top: 20px; } #plugin-sidebar h3 { text-transform: capitalize; } /* list style */ ul .image-left { float:none!important; margin:0; } /* blog widgets */ #blog-categories, #blog-archives { border-bottom: 1px solid #fff;padding-bottom: 15px; } #blog-categories a, #blog-archives a { padding-left: 25px; } #blog-categories a { background: url("images/categories.png") no-repeat left 2px; } #blog-archives a { background: url("images/archives.png") no-repeat left 2px; } .blog-tag-cloud { list-style: none;padding: 0;border-bottom: 1px solid #fff;padding-bottom: 15px; } .blog-tag-cloud li { padding-left: 25px;background: url("images/tags.png") no-repeat left 2px; } /* ------------------------------------------------------------------------------------------------------------------------ extracontent styles ------------------------------------------------------------------------------------------------------------------------ */ #myExtraContent1 {} #myExtraContent2 {} #myExtraContent3 { background: #c2bfb8; -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2); box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);padding: 15px 0;overflow: hidden; } #myExtraContent4 { padding: 15px 0;overflow: hidden; } /* ec areas */ .column { float:left; } .one { width:100%; } .two { width:50%; } .three { width:33%; } .four { width:25%; } .five { width:20%; } .two3rds { width:66%; } .three4ths { width:75%; } .four5ths { width:80%; } .column .content { width:90%!important; margin:0 auto; padding:0!important; float:none!important; } /* ------------------------------------------------------------------------------------------------------------------------ breadcrumb styles ------------------------------------------------------------------------------------------------------------------------ */ #breadcrumb { background: #c2bfb8; -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2); box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.5), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2); } #breadcrumb a { color: #414141 } #breadcrumb ul { margin: 0;padding: 15px 20px;margin-left: 10px; } #breadcrumb ul li { display: inline; } /* ------------------------------------------------------------------------------------------------------------------------ footer styles ------------------------------------------------------------------------------------------------------------------------ */ #footer-container { padding: 15px 0; } #footer-container p { margin: 0;padding: 0 20px; } /* ------------------------------------------------------------------------------------------------------------------------ global ------------------------------------------------------------------------------------------------------------------------ */ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .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:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* link suppressor */ .nolink { cursor: default; } /* ie fixes */ .oldie a img{ border: none; } /* ------------------------------------------------------------------------------------------------------------------------ media queries ------------------------------------------------------------------------------------------------------------------------ */ @media only screen and (min-width: 240px) { #header-container h1, #header-container h2 { margin: 0 0 0 10px; } #header-container h2 { font-size: 24px;font-size: 2.4rem; } #headings { width: 90%;margin-bottom: 20px; } #myExtraContent1 { float: left;text-align: left; } #socialicons { width: 100%;text-align: left;padding: 0; } #main-container img { max-width: 100%;height: auto; } #navigation select { width: 100%; } #breadcrumb ul { padding: 15px 10px; } #primary-container { margin: 0; } #primary-container, #secondary-container { width:95%;float:none;padding: 10px 10px 20px 10px; } .blog-entry:last-child { padding-bottom: 0;margin-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 { padding: 15px 0;overflow: hidden; } .column { float:one; } .one { width:100%; } .two { width:100%; } .three { width:100%; } .four { width:100%; } .five { width:100%; } .two3rds { width:100%; } .three4ths { width:100%; } .four5ths { width:100%; } .column .content { width:95%!important;padding: 10px; } } @media only screen and (min-width: 320px) { } @media only screen and (min-width: 480px){ .movie-thumbnail-frame { width: 45%; } } @media only screen and (min-width: 768px) { #header-container h1, #header-container h2 { margin: 0 0 0 20px; } #header-container h2 { font-size: 28px;font-size: 2.8rem; } #headings { width: 65%;} #myExtraContent1 { float: none; } #socialicons { width: 30%;text-align: right;padding: 20px 0; } #primary-container { width: 60%;float: left;margin-left: 10px; } .blog-entry:last-child { margin-bottom: 30px;padding-bottom: 20px; } #secondary-container { width: 30%;float: right; } #plugin-sidebar { border-top: 3px solid #fff; } .movie-thumbnail-frame { width: 45%; } form input.text, form input.email, form input.password, form textarea.uniform { width: 60% } .column { float:left; } .one { width:100%; } .two { width:50%; } .three { width:33%; } .four { width:25%; } .five { width:20%; } .two3rds { width:66%; } .three4ths { width:75%; } .four5ths { width:80%; } .column .content { width:90%!important; } } @media only screen and (min-width: 1024px) { #headings { width: 65%; } #socialicons { width: 30%;text-align: right; } .wrapper{ max-width: 1024px; margin: 0 auto; } } @media only screen and (min-width: 1200px) { .wrapper{ max-width: 1200px; } } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; 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; } /* 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 { max-width: 500px;display: block; } #header-container, #banner, #breadcrumb, #footer-container, #myExtraContent1, #myExtraContent2, #myExtraContent3, #myExtraContent4, #disqus_thread { display: none; } #primary-container, #secondary-container { width: auto; } } /* navigation shift */ .selectnav { display: none; } @media only screen and (max-width: 768px) { #menu { display: none !important; } .selectnav { display: block; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Theme Name: Infinity Theme Theme URL: http://weaverthemes.com/themes/infinity 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:36px;height:39px;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 -39px;right:-36px} .flex-direction-nav .flex-prev{left:-36px} .flexslider:hover .flex-next{opacity:1;right:0} .flexslider:hover .flex-prev{opacity:1;left:0} .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:1;left:0} .flex-direction-nav .flex-next{opacity:1;right: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 */ #tweets ul {padding: 0} #tweets ul li {overflow: hidden;margin-bottom: 10px;list-style: none} #tweets div.user {overflow: hidden;margin-bottom: 10px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #tweets div.user img {float: left;margin-right: 10px; width: 48px;height: 48px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #tweets div.user span:first-child {margin-top: 8px} #tweets div.user span {display: block;line-height: 16px} #tweets p {padding: 0;margin: 0;display: inline} #tweets p.tweet {} #tweets p.timePosted{margin-left: 5px} /* ------------------------------------------------------------------------------------------------------------------------ css colour tags ------------------------------------------------------------------------------------------------------------------------ */ /* css */ body { background-color: #FFFFFF;color: #423C3C; } a { color: #7A3EBE; } h1, h2, h3, h1 a, h2 a, h3 a { color: #423C3C; } /* header & navigation colours */ #header-container { border-top-color: #487F3F;background-color: #EFEBE2; } #header-container h1 a { color: #262F24; } #header-container h2 { color: #7A3EBE; } #header-container a.zocial.flat { color: #7A3EBE; } #header-container a.zocial.flat:hover { color: #613198; } .menu ul { background-color: #92B38B; } .menu li:hover a { color: #7A3EBE; } #navigation > ul > li > a.currentAncestor, #navigation > ul > li > a.current, #navigation > ul > li.sfHover { background-color: #92B38B;color: #FFFFFF; } .menu li.sfHover a, .menu ul li a { color: #FFFFFF; } .menu li a { color: #262F24; } /* banner colours */ #banner { background-color: #7B9674; } #slides .static, #myExtraContent2 { border-color: #FFFFFF; } /* main container colours */ #main-container { background: #EFEBE2; } .blog-entry { border-bottom-color: #FFFFFF; } .blog-entry blockquote { border-left-color: #FFFFFF; } .filesharing-description { border-bottom-color: #FFFFFF; } .movie-thumbnail-frame img { border-color: #FFFFFF; } .thumbnail-frame img { border-color: #FFFFFF; } #pagination { border-color: #FFFFFF; } #pagination li.current { background: #FFFFFF; } .photo-background { background-color: #EFEBE2;color: #423C3C;border-top-color: #487F3F; } .photo-background img { border-color: #FFFFFF; } .photo-navigation { background-color: #EFEBE2; } .photo-title { color: #262F24; } .photo-caption { color: #7A3EBE; } #main img, #extraContainer3 img, #extraContainer4 img, .fluid-width-video-wrapper, #flashcontent, .form-input-field { border-color: #FFFFFF !important; } /* sidebar and widgets colours */ #secondary-container { color: #423C3C; } #secondary-container a { color: #7A3EBE; } #plugin-sidebar { border-top-color: #FFFFFF; } #blog-categories, #blog-archives { border-bottom-color: #FFFFFF; } /* extracontent colours */ #myExtraContent3 { background-color: #C2BFB8;color: #423C3C; } #myExtraContent3 h2, #myExtraContent3 h3, #myExtraContent3 h2 a, #myExtraContent3 h3 a { color: #333333 ; } #myExtraContent3 a { color: #698063; } #myExtraContent4 { color: #423C3C; } #myExtraContent4 h2, #myExtraContent4 h3, #myExtraContent4 h2 a, #myExtraContent4 h3 a { color: #423C3C ; } #myExtraContent4 a { color: #7A3EBE; } /* breadcrumb colours */ #breadcrumb { background-color: #495945;color: #423C3C; } #breadcrumb a { color: #414141; } /* footer colours */ #footer-container { color: #423C3C; } #footer-container a { color: #7A3EBE; } /* 3rd party colours */ .fluid-width-video-wrapper { border-color: #FFFFFF; } #tweets .user { background: #FFFFFF; } /* @option user-defined border & shadow */ #main img, #extraContainer3 img, #extraContainer4 img, .fluid-width-video-wrapper, #flashcontent { border: 3px solid #fff;-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);-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; } /* @option user-defined font family */ body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif } /* @option user-defined font family */ h1,h2,h3,h4,h5,h6,.menu,.album-title,.movie-page-title,.photo-title,.photo-background { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif } /* bottom content - headings font size */ #header-container h1 { font-size: 36px;font-size: 3.6rem; } /* bottom content - headings font size */ #header-container h2 { font-size: 38px;font-size: 3.8rem; } /* @option user-defined logo position */ #logo { float: right; } /* @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: 14px;font-size: 1.4rem; } /* @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 */ #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6 { font-size: 14px;font-size: 1.4rem; } /* @option user-defined header height */ #slides { border: 5px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }