<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic%7CPlayfair+Display&ver=4.0' id='google-font-css' media='all' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro%3Aregular%2Citalic%2C700%2C200%2C300%2C300italic%2C900%7CDroid+Serif%3Aregular%2Citalic%2C700%26subset%3Dlatin%2C&ver=2.0.4' id='google-fonts-css' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.metaDescription' name='description'/>
<style type='text/css'>
/*
* jQuery FlexSlider v2.2.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)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('fonts/flexslider-icon.woff') format('woff'),
url('fonts/flexslider-icon.ttf') format('truetype'),
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 33px; height: 41px; margin: -20px 0 0; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThafshC1Gu5oBlImldya5c_q8P8MfhFh5M8Bo3SpuwCBGHoi13rgHgN3ilwvMgBBoY_5zjY7aQIuVVG2zp7DvED_xYNX6RkORLRceZ6021xpRo2UYl_DjaH_95weXiyp83TqppXHHaLc/s1600/slider-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -33px; }
.flex-direction-nav .flex-prev {left: -33px;}
.flexslider:hover .flex-next {opacity: 1; right: 0;}
.flexslider:hover .flex-prev {opacity: 1; left: 0;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; 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; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 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 .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
</style>
<style>
.post.hentry:first-child {
width: 100%;
margin: 0px;
margin-bottom:50px;
}
.post.hentry:first-child h2.title {
height: 22px;
}
.post.hentry:first-child img {
width: 100%;
height: auto;
}
/*****************************************
Blog Post CSS
******************************************/
.post {
padding: 10px 0%;
margin: 20px 0% 0px 0;
width: 48%;
float: left;
}
.post-title {
font-size: 26px;
line-height: 1.5em;
text-decoration: none;
margin: 0 0 5px;
}
.post:nth-child(2n+2) {
margin-right: 30px;
}
.post-body {
font-size: 16px;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 1.5em;
word-wrap: break-word;
width: 100%;
position: relative;
min-height: 420px;
}
.thumb img {
width: 100%;
height: 210px;
}
div#Blog1 {
width: 760px;
margin: 0 auto;
}
.post-header {
color: #5F5F5F;
font-family: Verdana,Arial,Tahoma,sans-serif;
font-size: 12px;
padding: .1em 0;
border: 1px solid #CCC;
border-left: 0;
border-right: 0;
margin: 0 0 .5em 0;
}
.post_meta {
padding: 8px 0px;
}
.post_meta span {
color: #999;
font-family: 'Droid Serif', georgia, serif;
font-size: 11px;
font-style: italic;
margin: 0;
margin-bottom: 20px;
line-height: 1;
margin-right:5px;
}
.post-header a { font-style: italic; }
.post .summ {
position: absolute;
}
.post h2.title {
font-family: "Source Sans Pro","Helvetica Neue",sans-serif;
font-weight: 200;
font-size: 28px;
line-height: 1.2;
margin-bottom: 5px;
color: #444;
}
.post h2.title a{color:#444}
.post h2.title a:hover{color:#ff7a7f !important}
.post-body p {
color: #7E7E7E;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
}
.post-info {
font-size: 13px;
font-family: arial,helvetica;
float:left;
border-bottom: 1px solid #B4B4B4;
margin:2em 0 0 0;
}
.post-comment-link {
float: right;
margin: 1.5em 1em 0em 0;
}
h1.logo_h.logo_h__txt {
padding: 38px 0 0;
font-size: 55px;
font-weight: 300;
letter-spacing: 4px;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-family: "Source Sans Pro","Helvetica Neue",sans-serif;
color: #444;
}
div#Header1 p {
text-align: center;
font-family: "Droid Serif","Helvetica Neue",sans-serif;
font-size: 11px;
font-style: italic;
font-weight: 400;
letter-spacing: .5px;
color: #999;
}
.post-comment-link a {
display: inline-block;
position: relative;
width: 29px;
height: 18px;
line-height: 18px;
padding: 0px;
background: #8F8F8F;
border: #7F7F7F solid 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #FFF;
text-align: center;
}
.post-comment-link a:after {
content: "";
position: absolute;
top: -9.9px;
left: 0px;
border-style: solid;
border-width: 0px 0px 9px 10px;
border-color: #8F8F8F rgba(0, 0, 0, 0);
display: block;
width: 0;
z-index: 1;
}
body#layout div#header4 {
margin-bottom: 30px;
}
.home-link { display:none;}
#blog-pager-newer-link {padding: 1em; text-align: left;}
#blog-pager-older-link {padding: 1em; text-align: right;}
#blog-pager { clear:both; padding: 2em 0; margin: 0; font-size: 16px; line-height: normal; }
.showpageOf { display:none; }
.showpageNum a, .showpage a { margin:0 4px; }
.showpagePoint { margin: 0 2px 0 0; }
/*****************************************
Post Highlighter CSS
******************************************/
blockquote {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRKD_y9aZM2E9nZQ4dujzN2p0MeiV2GkqO0qJBwGjqRCAuitYfdAyPpMhm9EASBgYaVXfm2xhrH-uYFbd0pZUeUIaUB2jRTupBGD2jPvu3RsMj34KD8hsPQSEKzTKuGYP_A73FDPnnff12/s1600/quote.png") no-repeat 5.4% center;
color: #888;
font-style: italic;
margin: 10px 0 20px -3%;
padding: 1.5em 38px 10px 114px; }
.latestpost h5 {
border-top: 4px double #000;
border-bottom: 4px double #000;
font-size: 1em;
font-weight: 300;
text-align: center;
text-transform: uppercase;
padding: 10px 0;
letter-spacing: .1em;
}
.post h2.title span {
padding: 0px;
}
</style>
<b:skin><![CDATA[/*
/*
Blogger Template Style
Name: CockTail
Author : http://www.soratemplates.com
License: Free Version
*/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
body {
color: #545454;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.5;
background: #fff;
}
a {
text-decoration:none;
color:#4fb8a6;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Playfair Display";
}
p {
font-size:15px;
color:#333;
line-height:1.8em;
}
/*** GENERAL STYLES ***/
/*********************************************************/
#wrapper {
overflow:hidden;
width:1128px;
margin:0 auto;
}
.container {
max-width: 1128px;
background: #fff;
}
.container1 {
width: 1128px;
background: #fff;
margin: 0px auto;
}
#main {
width:760px;
float:left;
}
#main.fullpost {
width:100%;
}
/*** HEADER STYLES ***/
/*********************************************************/
#header {
height:90px;
background-color:#fff;
margin-bottom:25px;
width:100%;
}
/*** Header layout 2 ***/
#header2 {
min-height: 150px;
}
#logo2 {
text-align:center;
padding:0px 0;
}
/*** Navigation ***/
#navigation2 {
text-align:center;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
z-index:100;
position:relative;
}
#navigation2 ul li {
display:inline-block;
position:relative;
}
#navigation2 ul li a {
font-family:"Playfair Display";
font-size:13px;
color:#000;
letter-spacing:2px;
text-transform:uppercase;
margin:0 13px;
height:50px;
line-height:50px;
display:block;
}
/*** Dropdown ***/
#navigation2 ul li ul {
position:absolute;
left:-20000px;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
border-color:#dddddd;
}
#navigation2 ul li:hover > ul {
position:absolute;
left:0;
top:50px;
}
#navigation2 ul li ul li {
float:none;
height:auto;
}
#navigation2 ul li ul li a {
min-width:156px;
font-size:11px;
letter-spacing:1px;
color:#777;
height:auto;
background:#fff;
display:block;
line-height:18px;
padding:10px 0;
margin:0;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
text-align:left;
padding-left:14px;
}
#navigation2 ul li ul li a:hover {
background:#f2f2f2;
color:#777;
border:none;
}
#navigation2 ul li ul li:hover > a {
border:none;
}
#navigation2 ul li ul li.current-menu-item:last-child a, #navigation2 ul li ul li.current_page_item:last-child a {
margin-right:0;
}
/** dropdown lvl 3 **/
#navigation2 ul li ul li ul {
position:absolute;
left:-20000px;
border-top:1px solid #ddd;
}
#navigation2 ul li ul li:hover ul {
top:0;
left:170px;
}
/** dropdown lvl 4 **/
#navigation2 ul li ul li ul.sub-menu li ul {
position:absolute;
left:-20000px;
}
#navigation2 ul li ul li ul.sub-menu li:hover ul{
top:0;
left:170px;
}
/** dropdown lvl 5 **/
#navigation2 ul li ul li ul.sub-menu li ul.sub-menu li ul {
position:absolute;
left:-20000px;
}
#navigation2 ul li ul li ul.sub-menu li ul.sub-menu li:hover ul{
top:0;
left:170px;
}
/*** Navigation ***/
#navigation {
}
ul#menu-mainmenu {
}
#navigation ul li {
position: relative;
display: inline-block;
z-index: 50;
font-family: "Source Sans Pro","Helvetica Neue",sans-serif;
font-size: 12px;
font-weight: 400;
}
#navigation ul li.current-menu-item, #navigation ul li.current_page_item{
background:rgba(70,70,70,.1);
}
#navigation ul li a {
font-size:14px;
color:#000;
letter-spacing:2px;
text-transform:uppercase;
line-height:88px;
margin:0 16px 0 18px;
}
#navigation ul li:last-child a {
margin-right:0;
}
#navigation ul li.current-menu-item:last-child a, #navigation ul li.current_page_item:last-child a {
margin-right:16px;
}
#navigation ul li a:hover, #navigation ul li:hover > a {
padding-bottom:3px;
}
/*** Dropdown ***/
#navigation ul li ul {
position:absolute;
left:-20000px;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
border-color:#dddddd;
}
#navigation ul li:hover > ul {
position:absolute;
left:0;
top:55px;
}
#navigation ul li ul li {
float:none;
height:auto;
}
#navigation ul li ul li a {
min-width:120px;
font-size:11px;
letter-spacing:1px;
color:#777;
padding:10px 12px;
background:#fff;
display:block;
line-height:16px;
margin:0;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
#navigation ul li ul li a:hover {
background:#f2f2f2;
color:#777;
padding:10px 12px;
border:none;
}
#navigation ul li ul li:hover > a {
padding-bottom:10px;
border:none;
}
#navigation ul li ul li.current-menu-item:last-child a, #navigation ul li ul li.current_page_item:last-child a {
margin-right:0;
}
/** dropdown lvl 3 **/
#navigation ul li ul li ul {
position:absolute;
left:-2000px;
border-top:1px solid #ddd;
}
#navigation ul li ul li:hover ul {
top:0;
left:180px;
}
/** dropdown lvl 4 **/
#navigation ul li ul li ul.sub-menu li ul {
position:absolute;
left:-20000px;
}
#navigation ul li ul li ul.sub-menu li:hover ul{
top:0;
left:180px;
}
/** dropdown lvl 5 **/
#navigation ul li ul li ul.sub-menu li ul.sub-menu li ul {
position:absolute;
left:-20000px;
}
#navigation ul li ul li ul.sub-menu li ul.sub-menu li:hover ul{
top:0;
left:180px;
}
/*** FEATURED AREA STYLES ***/
/*********************************************************/
.featured-area {
margin-bottom:40px;
overflow:hidden;
height:400px;
}
.featured-area.tabs-wrapper img {
float:left;
margin-right:20px;
width:620px;
height:400px;
}
.featured-area ul.featured-tab {
overflow:hidden;
}
.featured-area ul.featured-tab li {
border-left:1px solid #e5e5e5;
padding-left:18px;
height:85px;
margin-bottom:20px;
}
.featured-area ul.featured-tab li:last-child {
margin-bottom:0;
}
.featured-area ul.featured-tab li.active {
border-left:1px solid #000;
}
.featured-area ul.featured-tab li:hover {
border-left:1px solid #000;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.featured-area ul.featured-tab li .featured-text {
}
.featured-area ul.featured-tab li .featured-text h3 a {
font-size:18px;
color:#000;
letter-spacing:1px;
margin-bottom:2px;
display:block;
}
.featured-area ul.featured-tab li .featured-text span.featured-meta {
font-size:10px;
font-family:"Playfair Display";
text-transform:uppercase;
letter-spacing:1px;
color:#999;
}
/** slider **/
.flexslider ul.slides li .overlay {
position: absolute;
width: 720px;
bottom: 170px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
text-align: center;
z-index: 1;
}
.flexslider ul.slides li .overlay:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.flexslider ul.slides li:hover > .overlay {
}
.flexslider ul.slides li .feature_text {
vertical-align: bottom;
display: inline-block;
z-index: 100;
padding: 10px 20px 5px;
background: rgba(0,0,0,0.5);
}
.flexslider ul.slides li .feature_text .feature-line {
margin-bottom:14px;
}
.flexslider ul.slides li .feature_text .feature-line span.line {
height:3px;
width:60px;
background:#FFF;
display:inline-block;
}
.flexslider ul.slides li .feature_text h2 a {
font-size:19px;
font-weight:700;
letter-spacing:1px;
font-family:"Playfair Display";
color:#fff;
line-height:1.2em;
margin-bottom:12px;
display:block;
}
.flexslider ul.slides li .feature_text p {
color:#fff;
font-size:15px;
padding:1px 8px;
display:inline-block;
margin-bottom:40px;
}
.flexslider ul.slides li .feature_text span.feature_button {
display:block;
}
.flexslider ul.slides li .feature_text span.feature_button a {
border:3px solid #FFF;
color:#FFF;
padding:11px;
text-transform:uppercase;
font-size:14px;
font-weight:700;
letter-spacing:2px;
font-family:Sans-serif;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.flexslider ul.slides li .feature_text span.feature_button a:hover {
background:#000;
color:#fff;
border:3px solid #FFF;
}
.flexslider ul.slides li .feature_text span.feature_button a i.fa {
margin-left:1px;
font-size:14px;
}
/*** flexslider gallery **/
.flexslider.gallery {
margin-bottom:20px;
}
#header1 {
padding-top:48px;
border-bottom:1px solid #eee;
margin-bottom:70px;
}
#logo {
text-align:center;
padding:7px 0;
}
/*** POPULAR BLOCK STYLES ***/
/*********************************************************/
.popular-block {
margin-bottom:50px;
overflow:hidden;
border-bottom:1px solid #e8e8e8;
padding-bottom:30px;
}
.block-heading,#sidebar .widget h2 {
position: relative;
text-align:center;
font-size:26px;
letter-spacing:3px;
line-height:1em;
margin-bottom:30px;
}
.block-heading:before, #sidebar .widget h2:before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}
.block-heading span {
background: #fff;
padding: 0 26px;
position: relative;
z-index: 5;
}
.popular-block .block-heading {
text-transform:uppercase;
font-size:24px;
}
.popular-item {
width:225px;
float:left;
margin-right:20px;
text-align:center;
}
.popular-item:nth-child(5) {
margin-right: 0;
}
.popular-item img {
margin-bottom:2px;
}
.popular-item span.cat a, .post.list .post-list-text span.cat a {
text-transform:uppercase;
font-weight:700;
color:#4fb8a6;
font-size:11px;
letter-spacing:1px;
display:inline-block;
margin-bottom:4px;
}
.popular-item h3 {
text-align:center;
margin-bottom:12px;
}
.popular-item h3 a {
font-size:14px;
color:#000;
letter-spacing:1px;
}
.popular-item h3 a:hover {
text-decoration:underline;
}
.popular-item span.date {
display:block;
margin-top:-4px;
color:#999;
font-size:10px;
letter-spacing:1px;
font-family:"Playfair Display";
text-transform:uppercase;
}
/*** SIDEBAR STYLES ***/
/*********************************************************/
#sidebar {
width:340px;
float:right;
}
/*** WIDGETS ***/
#sidebar .widget {
margin-bottom:35px;
font-size:14px;
line-height:1.8em;
}
#sidebar .widget {
color:#444;
padding: 10px 20px;
}
#sidebar .widget a {
color:#444;
}
#sidebar .widget a:hover {
text-decoration:underline;
}
#sidebar .widget p a {
color:#444;
font-weight:700;
}
#sidebar .widget p {
font-size:13px;
margin-bottom:18px;
color: #6A6A6A;
}
#sidebar .widget h2 {
font-family: "Source Sans Pro","Helvetica Neue",sans-serif;
font-weight: 200;
letter-spacing: 1px;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
color: #444;
font-size: 18px;
}
#sidebar .widget h2 {
padding: 7px 12px;
}
#sidebar .widget ul li{
list-style-type:square;
}
#sidebar .widget ul li {
border-bottom:1px dotted #eee;
margin-bottom:7px;
padding-bottom:7px;
line-height:19px;
color:#333;
margin-left:15px;
}
#sidebar .widget ul li:last-child {
border:none;
margin-bottom:0;
padding-bottom:0;
}
/** WIDGET ITEMS **/
#sidebar .widget ul li {
list-style-type:none;
margin-bottom: 10px;
padding-bottom: 8px;
margin-left:0;
padding-left: 10px;
}
#sidebar .widget ul.side-newsfeed li:last-child {
margin-bottom:0;
padding-bottom:0;
}
#sidebar .widget ul.side-newsfeed li .side-item {
overflow:hidden;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-image {
float:left;
margin-right:14px;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-item-text {
overflow:hidden;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-item-text h4 a {
margin-bottom:3px;
display:block;
font-family:"Droid Serif";
}
#sidebar .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
font-size:10px;
color:#999;
text-transform:uppercase;
letter-spacing:1px;
}
/** ABOUT ME WIDGET **/
.about-img {
margin-bottom:10px;
text-align:center;
}
.about-img img {
max-width:300px;
height:auto;
}
.about-text p {
margin-bottom:14px;
}
.about-signature {
text-align:center;
}
.about-signature .line {
width:70px;
height:3px;
background:#e8e8e8;
display:inline-block;
margin-bottom:10px;
}
.about-signature .signature {
font-family:"Tangerine";
font-size:32px;
margin-bottom:-10px;
color:#4fb8a6;
display:block;
text-align:center;
}
/*** Widget social ***/
#sidebar .widget .widget-social {
text-align:center;
}
.round-icon, a i.round-icon {
display:inline-block;
width:32px;
height:32px;
border-radius:50px;
border:1px solid #e2e2e2;
font-size:14px;
color:#b4b4b4;
text-align:center;
line-height:32px;
margin:0 2px 4px 2px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.round-icon:hover {
background:#000;
border:1px solid #000;
color:#FFF;
}
a:hover i.round-icon {
text-decoration:none;
}
/*** Popular widget ***/
.side-popular {
width:300px;
height:180px;
position:relative;
margin-bottom:40px;
}
.side-popular .popular-text {
position:absolute;
width:280px;
bottom:0;
background:rgba(0,0,0,.5);
padding:10px;
}
.side-popular .popular-text h3 {
margin-bottom:4px;
}
#sidebar .widget .side-popular .popular-text h3 a {
color:#FFF;
letter-spacing:1px;
font-size:14px;
}
#sidebar .widget .side-popular .popular-text h3 a:hover {
text-decoration:none;
}
.side-popular .popular-text span.date {
font-size:10px;
letter-spacing:1px;
color:rgba(255,255,255,.6);
text-transform:uppercase;
}
.side-popular:hover > .popular-text {
background:rgba(0,0,0,.8);
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
/*** Search widget ***/
#searchform input#s {
border: 1px solid #e5e5e5;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAddXcMvyrPghR9Lf0A9Whvv2eX_DP38TNGtRQ8UnxpOqwIzbjj5hAa5yGxO_IgH_c2rprRi3s7cCvT9rWVYCgWoXcSFXTmLDz9rZfiFgBPk5KGeFmqk80fWAqmOuMr6d8pA0QBmbF3D_b/s1600/searchsubmit.png) no-repeat 96% 13px;
padding:14px 14px;
font-size:11px;
color:#999;
letter-spacing:1px;
}
#searchform #s:focus { outline:none; }
/** searchbar for sidebar ***/
#sidebar .widget #searchform input#s {
width:270px;
}
/*** Tagcloud ***/
.tagcloud a {
border:1px solid #ccc;
display:inline-block;
padding:5px 7px;
color:#888;
margin-right:4px;
margin-bottom:8px;
font-size:11px !important;
text-transform:uppercase;
letter-spacing:1px;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
transition:.2s;
}
.tagcloud a:hover {
border:1px solid #414141;
color:#000;
text-decoration:none;
}
/*** Calender widget ***/
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td a { font-weight:700; color:#222; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
/** recent comments **/
.recentcomments { color:#888 !important; }
/*** FOOTER STYLES ***/
/*********************************************************/
#footer {
background:#f5f5f5;
width:100%;
}
/*** Footer social ***/
.footer-social {
clear: both;
overflow: hidden;
margin: 0 auto;
padding: 40px 0 0 0;
width: 980px;
border-top: 5px solid #000;
border-bottom: 4px double #000;
}
}
.footer-social span.social-item a {
color:#aaa;
margin:0 20px;
letter-spacing:1px;
font-size:14px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
display:inline-block;
}
.footer-social span.social-item .round-icon {
background:none;
color:#aaa;
width:auto;
border:none;
font-size:14px;
margin-right:4px;
}
.footer-social span.social-item a:hover, .footer-social span.social-item a:hover > .round-icon {
color:#FFF;
}
.footer-bottom {
text-align:center;
}
.footer-bottom p {
color:#626262;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700;
margin-bottom:30px;
}
.footer-bottom img {
margin-bottom:8px;
}
.footer-bottom .fa.fa-heart {
color:#e84142;
margin:0 3px;
font-size:14px;
}
.footer-bottom span.copyright {
font-size:10px;
text-transform:uppercase;
color:#626262;
letter-spacing:1px;
}
/*** POST STYLES ***/
/*********************************************************/
.post {
}
.post-heading {
text-align:center;
margin-bottom:25px;
}
.post-heading span.post-line {
width:65px;
height:4px;
display:inline-block;
background:#000;
margin-bottom:8px;
}
.post-heading h2 {
margin-bottom:10px;
}
.post-heading .bullet {
margin:0 4px;
color:#c9c9c9;
font-size:14px;
}
.post-heading h2 a, .post-heading h2 {
letter-spacing: 1px;
font-family: "Source Sans Pro","Helvetica Neue",sans-serif;
font-weight: 200;
font-size: 35px;
line-height: 1.2;
margin-bottom: 5px;
color: #444;
}
.post-heading h2 a:hover {
text-decoration:underline;
color: #B98B8B;
}
.post-heading span.meta, .post.list .post-list-text span.meta {
text-transform: uppercase;
font-family: "Source Sans Pro","Helvetica Neue",sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 1.2;
margin-bottom: 5px;
color: #444;
}
.post-heading span.meta a, .post.list .post-list-text span.meta a {
color:#999;
}
.post-heading span.meta a:hover, .post.list .post-list-text span.meta a:hover {
color:#000;
}
.post-img {
margin-bottom:20px;
text-align:center;
}
/*** post music ***/
.post-img.music_soundcloud iframe{
margin-top:-63px;
width:95% !important;
height:120px !important;
}
.post-img.music_spotify iframe{
margin-top:-48px;
width:95% !important;
}
/** Full size **/
.post-full-heading {
width:100%;
text-align:center;
}
#main.fullpost .post-img {
text-align:center;
}
/*** Post list ***/
.post.list {
overflow:hidden;
margin-bottom:38px;
padding-bottom:14px;
border-bottom:1px solid #eee;
}
.post.list .post-img {
float:left;
margin-right:20px;
}
.post.list .post-list-text {
overflow:hidden;
}
.post.list .post-list-text h2 a {
font-size:20px;
font-weight:700;
color:#000;
margin-bottom:8px;
display:block;
}
.post.list .post-list-text h2 a:hover {
text-decoration:underline;
}
.post.list .post-list-text span.meta {
color:#999;
font-size:11px;
letter-spacing:1px;
font-family:"Playfair Display";
text-transform:uppercase;
margin-bottom:8px;
display:block;
}
.post.list .post-list-text span.cat a {
margin-top:-1px;
display:block;
}
.post.list .post-list-text p {
font-size:13px;
color:#555;
}
.post.list .post-list-text p a {
color:#4fb8a6;
font-weight:700;
}
.post.list .post-list-text p a:hover {
text-decoration:underline;
}
/*** POST ENTRY ***/
.post-entry {
padding:0 20px;
margin-bottom:20px;
overflow:hidden;
line-height:1.8em;
font-size:14px;
}
.post.single .post-entry {
margin-bottom:30px;
}
.post-entry img {
max-width:620px;
height:auto;
}
.post-entry p {
margin-bottom:20px;
}
.post-entry p a {
color:#4fb8a6;
border-bottom:1px dotted #4fb8a6;
}
.post-entry p a img {
border-bottom:none !important;
vertical-align:middle
}
.post-entry img.size-full, .post-entry p img.size-full {
margin:0 -20px 0 -20px;
}
.post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr {
margin-bottom:18px;
}
.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
color:#000;
}
.post-entry h1 {
font-size:30px;
}
.post-entry h2 {
font-size:27px;
}
.post-entry h3 {
font-size:24px;
}
.post-entry h4 {
font-size:20px;
}
.post-entry h5 {
font-size:18px;
}
.post-entry h6 {
font-size:16px;
}
.post-entry hr {
border:0;
height:0;
border-bottom:1px solid #e5e5e5;
clear:both;
}
.post-entry blockquote p {
border-left:3px solid #4fb8a6;
color:#999;
padding:0 18px;
font-family:"Droid Serif";
font-size:18px;
font-style:italic;
line-height:28px;
margin-left:-20px;
}
.post-entry ul, .post-entry ol {
padding-left:45px;
margin-bottom:20px;
font-size:14px;
}
.post-entry ul li {
margin-bottom:12px;
list-style:square;
}
.post-entry ol li {
margin-bottom:12px;
list-style:decimal;
}
.post-entry img.alignright {
float:right;
margin:0 0 18px 18px;
}
.post-entry img.alignleft {
float:left;
margin:0 18px 18px 0;
}
.wp-caption, .gallery-caption { margin-bottom:20px; text-align: center; }
p.wp-caption-text { margin-bottom:2px; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.sticky, .bypostauthor {}
.post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse }
.post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e5e5e5 solid; }
.post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;}
.post-entry tr:hover {
background:#f9f9f9;
}
.post-entry a.more-link {
background-color:#4fb8a6;
color:#FFF;
text-decoration:none;
padding:8px 14px;
border-radius:3px;
font-size:12px;
text-transform:uppercase;
letter-spacing:2px;
margin-top:5px;
display:inline-block;
font-family:"Playfair Display";
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.post-entry a.more-link:hover {
opacity:.8;
}
.post-tags {
padding-bottom:4px;
}
.post-tags a {
background:#eee;
padding:6px;
margin-right:4px;
color:#999;
text-transform:uppercase;
font-size:10px;
letter-spacing:1px;
border-bottom:none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.post-tags a:hover {
background:#000;
color:#FFF;
}
.post-share {
overflow:hidden;
margin-bottom:30px;
border-top:1px solid #e8e8e8;
padding-top:34px;
}
.post-share.no-related {
border-bottom:1px solid #e8e8e8;
margin-bottom:50px;
padding-bottom:30px;
}
.post-share .share-item {
margin-right:40px;
}
.post-share .share-buttons {
float:left;
}
.post-share .share-comments {
float:right;
}
.post-share .share-comments a {
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
color:#a5a5a5;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnqxFdQvzYkUHK2FFKv10c-9wjXVniGXIcVKsUboXLdgNqqAjACQJPPdPeVJhGLJQFJ97WJy3rfWRi5-BHo0pjm5rayYag4BkSEJsYxeVRJEEGMoghxdNxLOrQlKb7sRjiMLAjOQjQRi13/s1600/comment.png) no-repeat right;
padding-right:19px;
}
.post-related {
border-bottom:1px solid #e8e8e8;
overflow:hidden;
margin-bottom:50px;
padding-bottom:18px;
}
.post.single .post-related {
border-bottom:none;
margin-bottom:30px;
padding-bottom:0;
}
.post-related ul li:last-child > .related-item {
margin-right:0;
}
.post .block-heading {
font-size:14px;
color:#999;
letter-spacing:2px;
margin-bottom:20px;
}
.post .block-heading span {
padding:0 20px;
}
.post-related .related-item {
float:left;
width:160px;
margin-right:20px;
}
.post-related .related-item.full {
width:176px;
}
.post-related .related-item.last {
margin-right:0;
}
.post-related .related-item img {
margin-bottom:4px;
}
.post-related .related-item h4 {
text-align:center;
line-height:14px;
}
.post-related .related-item h4 a {
font-family:"Droid Serif";
font-size:11px;
color:#999;
}
.related-divider {
border-bottom:1px solid #e8e8e8;
height:1px;
margin-bottom:50px;
}
.post-related .related-item:hover > h4 a {
color:#000;
}
.post-author {
margin-bottom:35px;
overflow:hidden;
}
.post-author .author-img {
float:left;
margin-right:20px;
}
.post-author .author-img img {
border-radius:200px;
}
.post-author .author-text {
}
.post-author .author-text h4 a {
font-size:22px;
color:#000;
display:block;
margin-bottom:6px;
letter-spacing:1px;
}
.post-author .author-text h4 a:hover {
text-decoration:underline;
}
.post-author .author-text p {
font-size:13px;
margin-bottom:8px;
color:#666;
}
.post-author .author-share a .round-icon {
width:25px;
height:25px;
line-height:25px;
display:inline-block;
}
.post-pagination {
margin-bottom:30px;
overflow:hidden;
}
.post-pagination .pagi {
background:#f7f7f7;
width:280px;
padding:10px 10px 11px 10px;
border-radius:4px;
}
.post-pagination .pagi a {
color:#828282;
font-size:13px;
}
.post-pagination .pagi a:hover, .post-pagination .pagi a:hover > i {
color:#000;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.post-pagination .pagi.prev {
float:left;
}
.post-pagination .pagi.next {
float:right;
text-align:right;
}
.post-pagination .pagi i {
font-size:14px;
color:#999;
margin:0 5px 0 0;
}
.post-pagination .pagi .icon-long-arrow-left {
margin:0 5px 0 0;
}
.post-pagination .pagi .icon-long-arrow-right {
margin:0 0 0 5px;
}
.post-pagination .pagi a.nomore, .post-pagination .pagi a.nomore i {
color:#bbb;
}
.post-entry .link_pages p {
font-size:19px;
}
/*** full post ***/
.fullpost .post-entry img {
max-width:960px;
height:auto;
}
/*** post comments ***/
.comment {
border-bottom:1px dotted #eee;
padding-bottom:27px;
margin-bottom:27px;
}
.comments .avatar-image-container {
float:left;
margin-right:20px;
border-radius:20px;
width:50px;
height:50px;
max-width:50px;
max-height:50px;
}
.comments .avatar-image-container img {
border-radius:200px;
width:50px;
height:50px;
max-width:50px;
max-height:50px;
}
.thecomment .comment-text {
overflow:hidden;
}
.user > a {
display:block;
letter-spacing:1px;
font-family:"Playfair Display";
font-size:18px;
margin-bottom:5px;
color:#000;
display:inline-block;
font-style: normal;
font-weight: normal;
}
.thecomment .comment-text span.author a:hover {
text-decoration:underline;
}
.datetime> a {
font-size:10px;
color:#999;
text-transform:uppercase;
letter-spacing:1px;
display:block;
margin-bottom:10px;
}
.thecomment .comment-text p {
font-size:13px;
}
.thecomment .comment-text em {
font-size:12px;
margin-bottom:-14px;
display:block;
color:#aaa;
letter-spacing:1px;
font-weight:700;
}
.thecomment .comment-text em i {
font-size:14px;
color:#f3bd00;
}
.post-comments span.reply a {
float:right;
text-transform:uppercase;
font-size:11px;
background-color:#4fb8a6;
color:#FFF;
padding:4px 6px;
border-radius:3px;
margin-left:7px;
letter-spacing:1px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
.post-comments span.reply a.comment-edit-link {
background:#bbb;
}
.post-comments span.reply a:hover {
opacity:.8;
}
ul.children { margin: 0 0 0 70px; }
ul.children li.thecomment { margin:0 0 8px 0; }
/** Reply **/
#respond {
margin-bottom:20px;
overflow:hidden;
}
#respond h3 {
font-size:14px;
color:#999;
letter-spacing:2px;
margin-bottom:20px;
}
#respond h3 a {
color:#000;
display:inline-block;
}
#respond h3 small a {
text-transform:uppercase;
font-size:11px;
background:#48ab9a;
color:#FFF;
padding:4px 6px;
border-radius:3px;
margin-left:7px;
letter-spacing:1px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
#respond h3 small a:hover {
opacity:.8;
}
#respond label {
color:#777;
width:80px;
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
display:inline-block;
}
#respond input {
padding:8px 10px;
border:1px solid #DDD;
margin-right:10px;
border-radius: 3px;
font-family:"Droid Serif";
color:#777;
margin-bottom:15px;
}
#respond input:focus {outline:none;}
#respond .comment-form-url {
margin-bottom:10px;
}
#respond textarea {
padding:14px;
border:1px solid #DDD;
border-radius: 3px;
width:95%;
height:120px;
font-family:"Droid Serif";
color:#888;
margin-bottom:14px;
line-height:20px;
}
#respond textarea:focus {outline:none;}
#respond #submit {
text-transform:uppercase;
font-size:12px;
background:#48ab9a;
color:#FFF;
padding:12px;
border-radius:3px;
letter-spacing:1px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
border:none;
cursor:pointer;
font-family:"Droid Serif";
display:block;
}
#respond #submit:hover {
opacity:0.8;
filter:alpha(opacity=80);
}
/*** ARCHIVE STYLES ***/
/*********************************************************/
.archive-browsing {
text-align:center;
margin-bottom:40px;
border:1px solid #e8e8e8;
padding:27px 20px 20px 20px;
}
.archive-browsing.search {
padding-top:15px;
}
.archive-browsing h1 {
font-size:36px;
letter-spacing:2px;
}
.archive-browsing span.browsing {
font-size:11px;
letter-spacing:1px;
color:#999;
display:block;
margin-bottom:-4px;
text-transform:uppercase;
}
/** post icons **/
.post.list .post-img {
position:relative;
}
.post.list .post-img .img-icon {
position:absolute;
left:15px;
bottom:17px;
height:38px;
width:38px;
}
/*** Pagination ***/
.pagination {
margin-top:60px;
overflow:hidden;
color:#000;
margin-bottom:15px;
}
.pagination i.fa {
font-size:14px;
}
.pagination i.fa-arrow-circle-o-right {
margin-left:5px;
}
.pagination i.fa-arrow-circle-o-left {
margin-right:5px;
}
.pagination .next a, .pagination .prev a{
background:#000;
padding:14px;
text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
color:#FFF;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
transition:.2s;
border-radius:4px;
}
.pagination a:hover {
background:#444;
}
.pagination .next a {
float:left;
}
.pagination .prev a {
float:right;
}
/*** Contact Form 7 ***/
/*********************************************************/
.wpcf7 input, .wpcf7 textarea {
padding:6px;
border:1px solid #DDD;
margin-right:10px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
color:#777;
font-size:12px;
margin-bottom:6px;
}
.wpcf7 textarea {
width:80%;
}
.wpcf7 .wpcf7-submit {
background:#555;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
padding:8px 14px;
color:#FFF;
letter-spacing:1px;
font-size:11px;
text-transform:uppercase;
cursor:pointer;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
display:block;
border:none;
}
.wpcf7 .wpcf7-submit:hover {
background:#777;
}
/*** Custom WordPress gallery style ***/
.gallery .gallery-caption{
font-size:12px;
color:#888;
}
.gallery .gallery-icon img{
border-radius:2px;
border:1px solid #eee !important;
padding:7px;
}
.gallery .gallery-icon img:hover {
border:1px solid #ccc !important;
}
/*** 404 ***/
/*********************************************************/
.errorpage {
text-align:center;
}
.errorpage span.error-text {
font-size:20px;
color:#999;
}
.errorpage h2 {
font-size:160px;
text-align:center;
line-height:148px;
font-weight:700;
margin-bottom:75px;
}
.flexslider .slides a.thumb {
display:block;
height:400px;
overflow:hidden;
}
.comment-actions.secondary-text {
float: right;
font-size: 12px;
}
.comments .continue a {
display: block;
font-weight: normal;
padding: 0.5em;
}
.mobile-nav { display: none; }
/* FOOTER */
#footer-wrapper {
margin:0 auto;
padding:8px 8px;
overflow:hidden;
color:#eeeeee;
font-size:12px;
width: 1128px;
}
.footer-left {
float:left;
margin:10px;
margin-top: 9px;
color: #949494;
}
.footer-right {
float:right;
margin:10px;
color: #949494;
}
#footer-wrapper a {
color:#b8b8b8;
}
#footer-wrapper a:hover {
color:#000;
}
.in-container {
width: 760px;
float: left;}
#sidebar h2 span {
display: block;
padding: 10px;
color: #000;
}
/* BOTTOMBAR */
#bottombar {
clear: both;
overflow: hidden;
margin: 0 auto;
padding: 10px 0 30px;
width: 1128px;
background: #F5F5F5;
}
#bottombar .left {
float:left;
width:34%;
}
#bottombar .center {
float:left;
width:34%;
}
#bottombar .right {
float:right;
width:32%;
}
#bottombar .left .widget, #bottombar .center .widget {
margin:0 15px 15px 0;
padding: 20px;
}
#bottombar .right .widget {
margin:0 0 15px 0;
padding: 20px;
}
#bottombar h2 {
padding-bottom: 7px;
font-family: "Source Sans Pro","Helvetica Neue",sans-serif;
font-weight: 200;
letter-spacing: 1px;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
color: #444;
font-size: 18px;
}
#bottombar ul, #bottombar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#bottombar li {
margin:5px 0;
padding:0 0 0 0;
}
#bottombar ul li:before {
color:#eeeeee !important;
}
#bottombar a {
color:#888888;
}
#bottombar a:hover {
color:#000000;
}
#bottombar h2.title span {
color: #202020;
}
/* .social-icons */
ul.social-icons li {float: left; border: none !important; list-style: none;}
.social-twitter,
.social-facebook,
.social-email,
.social-rss,
.social-google,
.social-flickr,
.social-linkedin,
.social-youtube,
.social-vimeo,
.social-instagram,
.social-pinterest,
.social-bloglovin,
.social-tumblr {display: block; width: 48px; height: 48px; float: left; background: url('http://demo.bluchic.com/themes/lynette/wp-content/themes/Lynette/images/social_icons.png') no-repeat; text-indent: -9999px;}
.social-twitter {background-position: 0 0; background-color: #ccc; margin-right: 10px;}
.social-facebook {background-position: 0 -68px; margin-right: 10px;}
.social-email {background-position: 0 -136px; margin-right: 10px;}
.social-rss {background-position: 0 -204px;}
.social-google {background-position: 0 -272px; margin-right: 10px;}
.social-flickr {background-position: 0 -340px; margin-right: 10px;}
.social-linkedin {background-position: 0 -408px; margin-right: 10px;}
.social-youtube {background-position: 0 -476px; margin-right: 10px;}
.social-vimeo {background-position: 0 -544px; margin-right: 10px;}
.social-instagram {background-position: 0 -612px; margin-right: 10px;}
.social-bloglovin {background-position: 0 -680px; margin-right: 10px;}
.social-pinterest {background-position: 0 -749px; margin-right: 10px;}
.social-tumblr {background-position: 0 -807px; margin-right: 10px;}
.social-email,.social-pinterest,.social-instagram,.social-facebook {
background-color: #cccccc;
}
.radius-30 {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
select#BlogArchive1_ArchiveMenu {
width: 100%;
padding: 10px;
}
/*************************************************
* 10. Tablet *
*************************************************/
@media only screen and (min-width: 960px) and (max-width: 1100px) {
#footer-wrapper,#bottombar,#wrapper {
width:985px
}
.container1,.container {
width:985px;
}
.in-container {
width: 640px;}
div#Blog1 {
width: 640px;
margin: 0 auto;
}
#main {
width: 640px;
float: left;
}
.post {
padding: 10px 0%;
margin: 20px 0% 0px 0;
width: 47%;
float: left;
}
.post.hentry:first-child {
width: 100%;
margin: 0px;
margin-bottom: 50px;
margin-top: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
#wrapper {
width:728px
}
.container1,.container {
width:726px;
}
#main {
width:100%;
float:left;
margin-right:40px;
}
#main img {
max-width:100%;
}
.in-container {
width: 730px;}
#sidebar {
width: 100%;
float: left;
}
#sidebar img {
max-width:728px;
height:auto;
}
/*** NAVIGATION ***/
div#logo img {
width: 728px;
}
#footer-wrapper{
width: 728px;}
#bottombar {
width: 728px}
#logo2 img {
max-width:726px;
height:auto;
}
#navigation ul.menu, #navigation2 ul.menu { display: none;}
#navigation .mobile-nav {
font-size: 12px;
font-weight: bold;
color: #999;
display: inline-block;
border: 1px solid;
border-color: rgba(255,255,255,.3);
border-radius: 4px;
background: #FFFFFF;
padding: 6px;
margin: 7px auto;
border: 1px solid #000;
width: 90%;
text-align: center;
/* float: left; */
text-transform: uppercase;
letter-spacing: 2px;
font-family: "Playfair Display";
font-weight: 400;
}
#navigation .mobile-nav:focus, #navigation2 .mobile-nav:focus {
outline:none;
}
#navigation2 .mobile-nav {
font-size: 12px;
font-weight: bold;
color: #999;
display: inline-block;
border:1px solid;
border-color: rgba(0,0,0,.1);
border-radius:4px;
background: #FFFFFF;
padding: 8px;
margin-top:35px;
margin-bottom:30px;
width:726px;
float:none;
text-transform:uppercase;
letter-spacing:2px;
font-family:"Playfair Display";
font-weight:400;
position:relative;
}
#navigation2 {
border:none !important;
background:#fff !important;
}
#navigation2 .mobile-nav {
margin:0;
}
/*** FEATURED AREA ***/
.featured-area {
height:271px;
}
.featured-area.tabs-wrapper img {
width:420px;
height:271px;
margin-right:10px;
}
.featured-area ul.featured-tab li {
padding-left:14px;
height:60px;
margin-bottom:10px;
}
.featured-area ul.featured-tab li .featured-text h3 a {
font-size:13px;
}
.featured-area ul.featured-tab li .featured-text span.featured-meta {
font-size:9px;
}
/*** SLIDER ***/
.flexslider ul.slides li .overlay {
height:408px;
width:726px;
}
.flexslider .slides a.thumb {
display:block;
height:408px;
overflow:hidden;
}
.flexslider ul.slides li .feature_text h2 a {
font-size:32px;
}
.flexslider ul.slides li .feature_text p {
font-size:14px;
}
.flexslider ul.slides li .feature_text span.feature_button a {
padding:10px;
font-size:12px;
}
/*** Popular Block ***/
.popular-item {
width:168px;
margin-right:18px;
}
.popular-item img {
width:168px;
height:auto;
}
.popular-block .block-heading {
font-size:20px;
}
.popular-item h3 a {
font-size:13px;
}
/*** SIDEBAR ***/
#sidebar .widget #searchform input#s {
width:100;
}
#sidebar .widget iframe {
width:210px !important;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-image {
margin-right:10px;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-image img {
width:60px;
height:42px;
}
.side-popular {
width:210px;
height:126px;
}
.side-popular .sidethumb {
width:210px;
height:126px;
overflow:hidden;
}
.side-popular .popular-text {
width:190px;
}
#sidebar .widget .side-popular .popular-text h3 {
line-height:17px;
margin-bottom:2px;
}
/*** POSTS ***/
.post-related ul li .related-item {
width:150px;
margin-right:13px;
}
.post-related ul li .related-item img {
width:150px;
height:111px;
}
.post-related ul li:nth-child(3) .related-item {
margin-right:0;
}
.post-related ul li:nth-child(4) {
display:none;
}
.fullpost .post-related ul li .related-item {
margin-right:12px;
width:135px;
}
.fullpost .post-related ul li:last-child .related-item {
margin-right:0;
}
.fullpost .post-related ul li .related-item img {
width:135px;
height:100px;
}
.post-full-heading .post-img img {
max-width:726px;
height:auto;
}
.fullpost .post-entry img {
max-width:726px !important;
height:auto;
}
.post-share .share-item {
margin-right:0;
}
.flex-direction-nav .flex-next {right: -23px; }
.flex-direction-nav .flex-prev {left: -23px;}
.post.list .post-img {
float:left;
margin-right:12px;
}
.post.list .post-img img {
width:160px;
height:119px;
}
.post-pagination .pagi {
width:100%;
margin-bottom:6px;
}
.gallery .gallery-icon img{
width:115px;
height:115px;
}
.wp-caption {
max-width:476px;
}
#navigation {
text-align: center;
}
}
/*************************************************
* Mobile Portrait *
*************************************************/
@media only screen and (max-width: 767px) {
#wrapper {
width:300px;
}
.post.hentry:first-child {
width: 100%;
margin: 0px;
margin-bottom: 95px;
}
.post.hentry:first-child h2.title {
height: 55px;
}
.container1,.container {
width:300px;
}
#main {
width:300px;
}
#main img {
max-width:300px;
}
.in-container {
width: 300px;
/* float: left; */
}
#footer-wrapper{
width: 300px;}
#bottombar {
clear: both;
overflow: hidden;
margin: 0 auto;
padding: 10px 0 30px;
width: 300px;}
.post {
padding: 10px 0%;
margin: 20px 1% 20px 0;
width: 100%;
float: left;
}
div#Blog1 {
width: auto;
margin: 0 auto;
}
/*** Header ***/
#logo {
float:left;
text-align:center;
margin-bottom:14px;
width:300px;
}
#logo img {
max-width:300px;
height:auto;
}
#logo2 img {
max-width:300px;
height:auto;
}
#navigation {
text-align:center;
}
/*** Navigation ***/
#navigation ul.menu, #navigation2 ul.menu { display: none;}
#navigation .mobile-nav, #navigation2 .mobile-nav {
font-size: 12px;
font-weight: bold;
color: #999;
display: inline-block;
border: 1px solid;
border: 1px solid #000;
border-radius: 4px;
background: #FFFFFF;
padding: 8px;
margin-top: 6px;
margin-bottom: 30px;
width: 300px;
float: none;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "Playfair Display";
font-weight: 400;
position: relative;
}
#navigation2 {
border:none !important;
background:#fff !important;
}
#navigation2 .mobile-nav {
margin:0;
}
#navigation .mobile-nav:focus, #navigation2 .mobile-nav:focus {
outline:none;
}
/*** Featured Area ***/
.featured-area {
margin-bottom:40px;
overflow:hidden;
height:auto;
}
.featured-area.tabs-wrapper img {
float:none;
margin-right:20px;
width:300px;
height:194px;
margin-bottom:10px;
}
.featured-area ul.featured-tab li {
border-left:1px solid #e5e5e5;
padding-left:18px;
height:auto;
margin-bottom:10px;
padding:10px;
background:#f5f5f5;
}
.featured-area ul.featured-tab li .featured-text h3 a {
font-size:12px;
color:#000;
letter-spacing:1px;
margin-bottom:2px;
display:block;
}
.featured-area ul.featured-tab li .featured-text span.featured-meta {
display:none;
}
.featured-area ul.featured-tab li.active {
background:#111;
}
.featured-area ul.featured-tab li.active .featured-text h3 a {
color:#fff;
}
/*** slider ***/
.flexslider ul.slides li .overlay {
width:300px;
height:169px;
}
.flexslider .slides a.thumb {
display:block;
height:169px;
overflow:hidden;
}
.flexslider ul.slides li .feature_text h2 a {
font-size:14px;
line-height:18px;
margin-bottom:0;
}
.flexslider ul.slides li .feature_text p {
display:none;
}
.flexslider ul.slides li .feature_text span.feature_button a {
display:none;
}
.flexslider ul.slides li .feature_text .feature-line {
display:none;
}
.flex-direction-nav .flex-next {display:none;}
.flex-direction-nav .flex-prev {display:none;}
/*** Popular block ***/
.popular-block .block-heading {
font-size:14px;
letter-spacing:2px;
}
.popular-item {
margin-bottom:20px;
text-align:left;
width:300px;
}
.popular-item img {
width:80px;
height:80px;
margin-right:12px;
float:left;
}
.popular-item h3 {
text-align:left;
}
.popular-item h3 a {
font-size:12px;
}
.popular-item span.date {
display:none;
}
/*** Posts ***/
.post-heading h2 a, .post-heading h2 {
font-size:21px;
}
.post-entry {
padding:0;
}
.post-entry img {
max-width:300px;
height:auto;
}
.post-entry p {
font-size:13px;
}
.post-entry blockquote p {
font-size:16px;
line-height:26px;
}
.post-entry h1 {
font-size:26px;
}
.post-entry h2 {
font-size:24px;
}
.post-entry h3 {
font-size:21px;
}
.post-entry h4 {
font-size:17px;
}
.post-entry h5 {
font-size:15px;
}
.post-entry h6 {
font-size:13px;
}
.fullpost .post-entry img {
max-width:300px;
height:auto;
}
.post-full-heading .post-img img {
max-width:300px;
height:auto;
}
.post-entry img.size-full, .post-entry p img.size-full {
margin:0;
}
.post-related ul li:nth-child(4), .post-related ul li:nth-child(3), .post-related ul li:nth-child(5) {
display:none;
}
.post-related ul li:nth-child(2) {
margin-right:-20px;
}
.post-related ul li .related-item {
width:145px !important;
margin-right:10px;
}
.post-related ul li .related-item img {
width:145px;
height:107px;
}
.post-share {
margin-bottom:15px;
padding-top:20px;
}
.post-share .share-buttons span.share-item {
width:180px !important;
display:inline-block;
margin-bottom:8px;
}
.post-share .share-comments {
display:none;
}
.post-pagination .pagi {
width:100%;
margin-bottom:6px;
}
.pagination {
margin-top:-10px;
margin-bottom:40px;
overflow:hidden;
color:#000;
}
#respond textarea{
width:89%;
}
/** list posts **/
.archive-browsing h1 {
font-size:27px;
}
.archive-browsing span.browsing {
margin-bottom:0;
}
.post.list .post-img {
float:none;
margin-right:12px;
}
.post.list .post-img img {
width:300px;
height:auto;
}
.gallery .gallery-icon img{
width:75px;
height:75px;
}
.thecomment .author-img {
display:none;
}
.post-comments span.reply a.comment-edit-link {
display:none;
}
.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
font-size:14px;
}
.post-comments span.reply a {
float:none;
font-size:9px;
margin-left:0;
clear:both;
padding:4px 4px;
}
.wp-caption {
max-width:300px;
}
#sidebar {
width: 100%;
float: left;
}
#bottombar .left {
float: left;
width: 100%;
}
#bottombar .center {
float: left;
width: 100%;
}
#bottombar .right {
float: left;
width: 100%;
}
}
/*************************************************
* 10. Landscape *
*************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper {
width:440px;
}
#bottombar .left {
float: left;
width: 100%;
}
#bottombar .center {
float: left;
width: 100%;
}
#bottombar .right {
float: left;
width: 100%;
}
.container1,.container {
width:440px;
}
#main {
width:440px;
}
#main img {
width:100%
}
.in-container {
width: 440px;
float: left;
}
#footer-wrapper{
width: 440px;}
#bottombar {
width: 440px;}
#sidebar {
width:100%;
float:left;
}
div#Blog1 {
width: auto;
margin: 0 auto;
}
/*** Header ***/
#logo {
float:left;
text-align:center;
margin-bottom:14px;
width:440px;
}
#logo img {
max-width:440px;
height:auto;
}
#logo2 img {
max-width:440px;
height:auto;
}
#navigation {
text-align: center;
}
/*** Navigation ***/
#navigation ul.menu, #navigation2 ul.menu { display: none;}
#navigation .mobile-nav, #navigation2 .mobile-nav {
font-size: 12px;
font-weight: bold;
color: #999;
display: inline-block;
border: 1px solid;
border-color: 1px solid #000;
border-radius: 4px;
background: #FFFFFF;
padding: 6px;
margin-top: 8px;
margin-bottom: 30px;
width: 440px;
/* float: none; */
text-transform: uppercase;
letter-spacing: 2px;
font-family: "Playfair Display";
font-weight: 400;
position: relative;
}
#navigation2 {
border:none !important;
background:#fff !important;
}
#navigation2 .mobile-nav {
margin:0;
}
#navigation .mobile-nav:focus, #navigation2 .mobile-nav:focus {
outline:none;
}
/** featured ***/
.featured-area.tabs-wrapper img {
float:none;
margin-right:20px;
width:440px;
height:285px;
margin-bottom:10px;
}
/*** Slider ***/
.flexslider ul.slides li .overlay {
width:440px;
height:247px;
}
.flexslider .slides a.thumb {
display:block;
height:247px;
overflow:hidden;
}
/*** Popular item ***/
.popular-item {
margin-bottom:20px;
text-align:left;
width:440px;
}
.popular-item img {
width:100px;
height:100px;
margin-right:12px;
float:left;
}
.popular-item span.date {
display:block;
text-align:left;
}
/*** Posts **/
.post-share .share-buttons span.share-item {
width:auto !important;
display:inline-block;
margin-bottom:4px;
margin-right:2px;
}
.post-related ul li:nth-child(3) {
display:inline;
margin-right:0;
}
.post-related ul li .related-item {
margin-right:6px;
}
.fullpost .post-entry img {
max-width:440px;
height:auto;
}
.post-full-heading .post-img img {
max-width:440px;
height:auto;
}
.post-related ul li .related-item {
width:160px !important;
margin-right:10px;
}
.post-related ul li:nth-child(3) .related-item {
margin-right:0;
}
.post-related ul li .related-item img {
width:160px;
height:124px;
}
.fullpost .post-related ul li:nth-child(4) {
display:none;
}
.fullpost .post-related ul li:nth-child(5) {
display:none;
}
.fullpost .post-related ul li:nth-child(3) .related-item {
margin-right:0 !important;
}
.fullpost .post-related ul li .related-item {
margin-right:10px;
width:160px !important;
}
.fullpost .post-related ul li .related-item img{
width:160px;
height:124px;
}
.gallery .gallery-icon img{
width:110px;
height:110px;
}
.post.list .post-img {
float:left;
margin-right:12px;
}
.post.list .post-img img {
width:150px;
height:auto;
}
.wp-caption {
max-width:440px;
}
#main {
width: 440px;}
}
#header, #navigation ul li {
height:55px;
}
#navigation ul li a {
line-height:55px;
}
#navigation ul li:hover > ul {
top:90px;
}
#logo {
margin-top:24px;
}
#header_layout2 #logo {
padding:px 0 px 0;
}
a, .popular-item span.cat a, .post.list .post-list-text span.cat a, #sidebar .widget p a, .about-signature .signature, .post-entry p a, .post.list .post-list-text p a {
color:#000;
}
.post-entry blockquote p {
border-left:3px solid #4fb8a6;
}
.post-entry p a {
border-bottom:1px dotted #4fb8a6;
}
input.sidebar-submit, .side-popular span.popular-number, .post-entry a.more-link, .post-comments span.reply a {
background-color:#4fb8a6;
}
#header, #top_bar {
border-top: 1px solid #777;
border-bottom: 1px solid #777;
text-align: center;
}
#navigation ul li a, #top-navigation ul li a {
color:#000;
}
#navigation ul li a:hover, #navigation ul li:hover > a {
border-bottom:2px solid #ffffff;
}
#navigation ul li ul li a, #top-navigation ul li ul li a {
background:#ffffff;
}
#navigation ul li ul li a:hover, #top-navigation ul li ul li a:hover {
background:#f2f2f2;
}
#navigation ul li ul, #top-navigation ul li ul {
border-color:#dddddd;
}
#navigation ul li ul li a, #top-navigation ul li ul li a {
color:#777777;
}
.footer-bottom p, .footer-bottom span.copyright {
color:#626262;
}
.footer-social span.social-item a, .footer-social span.social-item .round-icon {
color:#aaaaaa;
}
.footer-social span.social-item a:hover, .footer-social span.social-item a:hover > .round-icon {
color:#ffffff;
}
input.gsc-input {
padding: 10px 6px!important;
border: 1px solid #B4B4B4;
width: 99%;
border-color: rgb(169, 169, 169)!important;
}
input.gsc-search-button {
margin-left: 2px;
border-color: rgb(169, 169, 169);
padding: 10px;
background: #fff;
border: 1px solid #b4b4b4;
border-color: rgb(169, 169, 169);
}
.goog-te-gadget-simple {
background-color: #fff;
/* border-left: 1px solid #d5d5d5; */
/* border-top: 1px solid #9b9b9b; */
/* border-bottom: 1px solid #e8e8e8; */
/* border-right: 1px solid #d5d5d5; */
font-size: 10pt;
display: inline-block;
padding-top: 1px;
padding-bottom: 2px;
padding: 7px!important;
cursor: pointer;
zoom: 1;
width: 100%;
border: 1px solid #B4B4B4;
width: 99%;
border-color: rgb(169, 169, 169)!important;
}
.headertop {
background: #f5f5f5;
text-align: center;
padding: 11px 0 13px;
color: #8F8F8F;
font-size: 13px;
}
.thumb img{width:100%;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.thumb img:hover {
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
}
.thumb {
overflow: hidden;
min-width: 100%;
}
/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 75px;
margin: 8px 5px 0px 5px;
width: 75px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .5;
}
]]></b:skin>
<style>
/*
* jQuery FlexSlider v2.2.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)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('fonts/flexslider-icon.woff') format('woff'),
url('fonts/flexslider-icon.ttf') format('truetype'),
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;min-height: 400px;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 33px; height: 41px; margin: -20px 0 0; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThafshC1Gu5oBlImldya5c_q8P8MfhFh5M8Bo3SpuwCBGHoi13rgHgN3ilwvMgBBoY_5zjY7aQIuVVG2zp7DvED_xYNX6RkORLRceZ6021xpRo2UYl_DjaH_95weXiyp83TqppXHHaLc/s1600/slider-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 1; right: 0;}
.flexslider:hover .flex-prev {opacity: 1; left: 0;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; 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; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 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 .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
</style>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css?ver=3.9.2' id='font-awesome-css' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic&ver=3.9.2' id='default_headings_font-css' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%2C400italic%2C700italic&ver=3.9.2' id='default_body_font-css' media='all' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Tangerine%3A400%2C700&ver=3.9.2' id='default_signature_font-css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
<script src='http://code.jquery.com/jquery-migrate-1.2.1.js' type='text/javascript'/>
</head>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53f1c3b5548d56f0' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var classicMode = false ;
var summary = 20;
var indent = 3;
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
summaryPost = 170;
summaryTitle = 25;
numposts1 = 6;
numposts2 = 8;
var classicMode = false ;
var summary = 50;
var indent = 3;
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
function createSummaryAndThumb(pID,title,url,date,comment,tag,author){
var posturl= url;
var title=title;
var date = date;
var comment = comment;
var tag = tag;
var div = document.getElementById(pID);
var img = div.getElementsByTagName("img");
var content1 = div.innerHTML.replace(/<img.*?>/ig,'').replace(/<iframe.*?>/ig,'');
var arr = content1.split(/<br\s*\/?>/);
var content = arr[0]+arr.slice(1,-1).join('<br>')+arr.slice(-1);
var month = new Array();
month[0] = "Jan";
month[1] = "Feb";
month[2] = "Mar";
month[3] = "Apr";
month[4] = "May";
month[5] = "Jun";
month[6] = "Jul";
month[7] = "Aug";
month[8] = "Sep";
month[9] = "Oct";
month[10] = "Nov";
month[11] = "Dec";
var n = month[date.split('/')[0]];
var date1 = date.split('/')[1];
var year = date.split('/')[2];
if(img.length >=1) {
var imgurl=img[0].src;
var thumb = '<div class="post-img"><img width="350" height="280" src="'+imgurl+'"></div>';
var summary1 = thumb+'<div class="post-entry"><p>'+stripHtmlTags(content,35)+'...</p><p> </p></div>';
}
else {
var frame = div.getElementsByTagName("iframe");
if (frame.length >=1) {
var iframe1 = frame[0].src;
var thumb = '<div class="post-image"><iframe width="100%" height="280" frameborder="no" src="'+iframe1+'" scrolling="no"></iframe></div>';
var summary1 = thumb+'<div class="post-entry"><p>'+stripHtmlTags(content,35)+'...</p><p></p></div>';
}
else {
var summary1 = '<div class="post-entry"><p>'+stripHtmlTags(content,35)+'...</p><p> </p></div>';
}
}
div.innerHTML = summary1;
div.style.display = "block";
var elem = document.getElementsByClassName("separator");
for (var i=0; i< elem.length; i++){
elem[i].innerHTML='';
}
}
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{thumburl[relatedTitlesNum]=d;} else {if(typeof(defaultnoimage) !== 'undefined') thumburl[relatedTitlesNum]=defaultnoimage; else thumburl[relatedTitlesNum]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_uYH7EKevrDIl-JRqQWmmRB8ue0C_YG3a4yZ3L3lYeilkeaPh6vNFSSjFXkJOeYSZkR_nRsczXCrgsMuh6c-MRBfH-tTsNOiV8ae-pRpKyVTBZF9saA6Q730si93as-o0aBO2WfgiNyE/s400/noimage.png";}
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;
}
function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs(current) {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==current)||(!relatedTitles[i]))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
i--;
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {
tmb = thumburl[r].replace('s72-c/','s300-c/');
document.write('<li><div class="related-item"><a href="' + relatedUrls[r] + '"><img width="160" height="120" src="'+tmb+'"/></a><h4><a href="' + relatedUrls[r] + '">'+relatedTitles[r]+'</a></h4></div></li>');i++;
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
}
document.write('</ul>');
relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);
}
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts1 <= json.feed.entry.length) {
maxpost = numposts1;
}
else
{
maxpost=json.feed.entry.length;
}
document.write('<div class="flexslider"><ul class="slides">');
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
var cate ='';
for (var e=0; e < json.feed.entry[i].category.length;e++) {
cate = cate + '<a href="/search/label/'+json.feed.entry[i].category[e].term+'?max-results=6">'+json.feed.entry[i].category[e].term+'</a>, ';
}
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var tmb = img[i];
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a class="thumb" href="'+posturl+'"><img src="'+tmb+'" /></a><div class="overlay"><div class="feature_text"><h2><a href="'+posturl+'" rel="bookmark">'+posttitle+'</a></h2></div></div></li>';
document.write(trtd);
j++;
}
document.write('</ul></div>');
}
function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts1 <= json.feed.entry.length) {
maxpost = numposts1;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
var cate ='';
for (var e=0; e < json.feed.entry[i].category.length;e++) {
cate = cate + '<a href="/search/label/'+json.feed.entry[i].category[e].term+'?max-results=6">'+json.feed.entry[i].category[e].term+'</a>, ';
}
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var tmb = img[i];
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><div class="side-item"><div class="side-image"><a href="'+posturl+'"><img src="'+tmb+'"></a></div><div class="side-item-text"><h4><a href="'+posturl+'">'+posttitle+'</a></h4><span class="side-item-meta">'+daystr+'</span></div></div></li>';
document.write(trtd);
j++;
}
}
function stripHtmlTags1(s){return s.replace(/<a.*?>/ig, '')}
function showrecentcomments(json) {
for (var i = 0; i < 6; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>>/g;
comment = comment.replace(re, "");
document.write('<li>');
commentauthor1 = entry.author[0].name.$t;
commentauthor = stripHtmlTags(commentauthor1,40);
document.write('<div class="small"><i class="icon-comment-alt"></i> ' + commentauthor + '</div>');
if (comment.length < 100) {
document.write('<div class="comments-custom_txt"><a target="_blank" href="' + ctlink + '">'+stripHtmlTags1(comment)+ '</a></div>');
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<div class="comments-custom_txt"><a target="_blank" href="' + ctlink + '">'+stripHtmlTags1(comment) + '...</a></div>');
}
}
document.write('</li>');
}
function createThumb1(pID){
var div = document.getElementById(pID);
var img = div.getElementsByTagName("img");
if(img.length>=1) {
var imgurl=img[0].src;
var thumb = imgurl.replace('/s72-c/','/s500-c/');
}
else {
var imgurl="http://images.puella-magi.net/thumb/2/27/No_Image_Wide.svg/800px-No_Image_Wide.svg.png?20110202071158";
}
var summary1 = '<img width="225" height="225" src="'+thumb+'">';
div.innerHTML = summary1;
div.style.display = "block";
}
function createThumb2(pID){
var div = document.getElementById(pID);
var img = div.getElementsByTagName("img");
if(img.length>=1) {
var imgurl=img[0].src;
var thumb = imgurl.replace('/s72-c/','/s500-c/');
}
else {
var imgurl="http://images.puella-magi.net/thumb/2/27/No_Image_Wide.svg/800px-No_Image_Wide.svg.png?20110202071158";
}
var summary1 = '<img width="350" height="200" src="'+thumb+'">';
div.innerHTML = summary1;
div.style.display = "block";
div.className = "sidethumb"
}
//]]></script>
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.latestpost {
display: none;
}
.post {
/* padding: 10px 0%; */
margin: 20px 1% 20px 0;
width: 100%;
float: left;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
.post {
padding: 10px 0%;
margin: 20px 0% 20px 0;
width: 100%;
float: none;
}
.latestpost {
display: none;
}
#main {
width: 740px;
float: left;
margin-right: 40px;
margin-top: -40px;
}
@media only screen and (max-width: 767px) {
#main {
width:300px;
}
#main img {
max-width:300px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1100px) {
#main {
width:640px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
div#Blog1 {
width: 740px;
margin: 0 auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#main {
width:440px;
}
}
</style>
</b:if>
<script type='text/javascript'>
/*<![CDATA[*/
// Split Header
$(window).load(function() {
$('#header h1 a').each(function(){
var text = $(this).text().split(' ');
for( var i = 0, len = text.length; i < len; i++ ) {
text[i] = '<span>' + text[i] + '</span>';
}
$(this).html(text.join(' '));
});
});
//next post navigation links
var urlToNavTitle = {};
function getTitlesForNav(json) {
for(var i=0 ; i < json.feed.entry.length ; i++) {
var entry = json.feed.entry[i];
var href = "";
for (var k=0; k<entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href!="") urlToNavTitle[href]=entry.title.$t;
}
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');
function urlToPseudoTitle(href) {
var title=href.match(/\/([^\/_]+)(_.*)?\.html/);
if(title) {
title=title[1].replace(/-/g," ");
title=title[0].toUpperCase() + title.slice(1);
if(title.length > 200) title=title.replace(/ [^ ]+$/, "...")
}
return title;
}
$(window).load(function() {
window.setTimeout(function() {
var href = $("a.blog-pager-newer-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-newer-link").html("" + title);
}
href = $("a.blog-pager-older-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-older-link").html("" + title);
}
}, 500);
});
/*]]>*/</script>
<script type='text/javascript'>//<![CDATA[
img_width = 320,
img_height = 180;
function stripTags(s, n) {
return s.replace(/<.*?>/ig, "").split(/\s+/).slice(0, n - 1).join(" ")
}
var _0x1ae8=["\x63\x20\x4B\x28\x61\x29\x7B\x47\x20\x70\x3D\x6E\x2E\x4E\x28\x61\x29\x2C\x37\x3D\x22\x22\x2C\x34\x3D\x70\x2E\x49\x28\x22\x34\x22\x29\x3B\x66\x28\x34\x2E\x6A\x3E\x3D\x31\x29\x37\x3D\x27\x3C\x34\x20\x32\x3D\x22\x48\x22\x20\x39\x3D\x22\x27\x2B\x34\x5B\x30\x5D\x2E\x39\x2B\x27\x22\x20\x4A\x3D\x22\x27\x2B\x4C\x2B\x27\x69\x22\x20\x50\x3D\x22\x27\x2B\x31\x31\x2B\x27\x69\x22\x20\x2F\x3E\x27\x3B\x31\x34\x20\x37\x3D\x27\x3C\x34\x20\x32\x3D\x22\x68\x20\x31\x36\x2D\x34\x22\x20\x39\x3D\x22\x31\x37\x3A\x2F\x2F\x31\x39\x2E\x31\x61\x2E\x64\x2F\x2D\x31\x68\x2F\x31\x69\x2D\x41\x2F\x42\x2F\x43\x2D\x44\x2F\x45\x2E\x46\x22\x20\x2F\x3E\x27\x3B\x70\x2E\x6D\x3D\x27\x3C\x67\x20\x32\x3D\x22\x38\x22\x3E\x3C\x61\x20\x36\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x27\x2B\x78\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x67\x3E\x3C\x33\x20\x32\x3D\x22\x4D\x22\x3E\x3C\x35\x20\x32\x3D\x22\x4F\x22\x3E\x6B\x20\x3C\x35\x3E\x27\x2B\x7A\x2B\x27\x3C\x2F\x35\x3E\x3C\x2F\x35\x3E\x20\x3C\x35\x20\x32\x3D\x22\x51\x22\x3E\x27\x2B\x74\x2B\x27\x3C\x2F\x35\x3E\x3C\x2F\x33\x3E\x3C\x33\x20\x32\x3D\x22\x68\x22\x20\x52\x3D\x22\x53\x3A\x20\x54\x2D\x55\x3B\x22\x3E\x3C\x61\x20\x36\x3D\x22\x27\x2B\x79\x2B\x27\x22\x3E\x27\x2B\x37\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x33\x3E\x3C\x33\x20\x32\x3D\x22\x56\x22\x3E\x3C\x2F\x33\x3E\x3C\x33\x20\x32\x3D\x22\x57\x22\x3E\x3C\x70\x3E\x27\x2B\x58\x28\x70\x2E\x6D\x2C\x59\x29\x2B\x27\x3C\x2F\x70\x3E\x3C\x2F\x33\x3E\x3C\x33\x20\x32\x3D\x22\x5A\x22\x3E\x3C\x2F\x33\x3E\x27\x7D\x3B\x24\x28\x6E\x29\x2E\x31\x30\x28\x63\x28\x29\x7B\x24\x28\x27\x23\x6C\x27\x29\x2E\x31\x32\x28\x22\x31\x33\x20\x6B\x20\x3C\x61\x20\x36\x3D\x27\x62\x3A\x2F\x2F\x65\x2E\x6F\x2E\x64\x2F\x27\x20\x71\x3D\x27\x31\x38\x27\x20\x72\x3D\x27\x73\x27\x20\x38\x3D\x27\x31\x62\x20\x75\x27\x3E\x31\x63\x20\x75\x3C\x2F\x61\x3E\x20\x31\x64\x20\x3C\x61\x20\x36\x3D\x27\x62\x3A\x2F\x2F\x65\x2E\x31\x65\x2E\x31\x66\x2F\x27\x20\x71\x3D\x27\x31\x67\x27\x20\x72\x3D\x27\x73\x27\x20\x38\x3D\x27\x76\x20\x77\x27\x3E\x76\x20\x77\x3C\x2F\x61\x3E\x22\x29\x3B\x31\x6A\x28\x63\x28\x29\x7B\x66\x28\x21\x24\x28\x27\x23\x6C\x3A\x31\x6B\x27\x29\x2E\x6A\x29\x31\x6C\x2E\x31\x6D\x2E\x36\x3D\x27\x62\x3A\x2F\x2F\x65\x2E\x6F\x2E\x64\x2F\x27\x7D\x2C\x31\x35\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x76\x7C\x69\x6D\x67\x7C\x73\x70\x61\x6E\x7C\x68\x72\x65\x66\x7C\x69\x6D\x67\x74\x61\x67\x7C\x74\x69\x74\x6C\x65\x7C\x73\x72\x63\x7C\x7C\x68\x74\x74\x70\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6F\x6D\x7C\x77\x77\x77\x7C\x69\x66\x7C\x68\x32\x7C\x74\x68\x75\x6D\x62\x7C\x70\x78\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x42\x79\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x7C\x72\x65\x6C\x7C\x74\x61\x72\x67\x65\x74\x7C\x5F\x62\x6C\x61\x6E\x6B\x7C\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x43\x6F\x75\x70\x6F\x6E\x7C\x53\x69\x74\x65\x7C\x7C\x7C\x7C\x32\x70\x77\x74\x63\x35\x49\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x42\x4B\x4D\x7C\x6B\x43\x4A\x67\x7C\x4B\x66\x33\x57\x32\x4D\x7C\x6E\x6F\x5F\x69\x6D\x61\x67\x65\x5F\x79\x65\x74\x7C\x6A\x70\x67\x7C\x76\x61\x72\x7C\x70\x6F\x73\x74\x69\x6D\x67\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x77\x69\x64\x74\x68\x7C\x72\x65\x61\x64\x6D\x6F\x72\x65\x7C\x69\x6D\x67\x5F\x77\x69\x64\x74\x68\x7C\x70\x6F\x73\x74\x5F\x6D\x65\x74\x61\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x75\x73\x65\x72\x7C\x68\x65\x69\x67\x68\x74\x7C\x74\x69\x6D\x65\x7C\x73\x74\x79\x6C\x65\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x69\x6E\x6C\x69\x6E\x65\x7C\x62\x6C\x6F\x63\x6B\x7C\x63\x6C\x72\x7C\x73\x75\x6D\x6D\x7C\x73\x74\x72\x69\x70\x54\x61\x67\x73\x7C\x34\x30\x7C\x63\x6C\x65\x61\x72\x7C\x72\x65\x61\x64\x79\x7C\x69\x6D\x67\x5F\x68\x65\x69\x67\x68\x74\x7C\x68\x74\x6D\x6C\x7C\x43\x72\x65\x61\x74\x65\x64\x7C\x65\x6C\x73\x65\x7C\x33\x30\x30\x30\x7C\x6E\x6F\x7C\x68\x74\x74\x70\x73\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x6C\x68\x34\x7C\x67\x6F\x6F\x67\x6C\x65\x75\x73\x65\x72\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x53\x6F\x72\x61\x7C\x61\x6E\x64\x7C\x63\x6F\x75\x70\x6F\x6E\x6D\x61\x63\x68\x69\x6E\x65\x7C\x69\x6E\x7C\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x47\x39\x4D\x32\x44\x54\x43\x54\x55\x77\x4D\x7C\x54\x6C\x68\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x76\x69\x73\x69\x62\x6C\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0xd588x1,_0xd588x2,_0xd588x3,_0xd588x4,_0xd588x5,_0xd588x6){_0xd588x5=function (_0xd588x3){return (_0xd588x3<_0xd588x2?_0x1ae8[4]:_0xd588x5(parseInt(_0xd588x3/_0xd588x2)))+((_0xd588x3=_0xd588x3%_0xd588x2)>35?String[_0x1ae8[5]](_0xd588x3+29):_0xd588x3.toString(36));} ;if(!_0x1ae8[4][_0x1ae8[6]](/^/,String)){while(_0xd588x3--){_0xd588x6[_0xd588x5(_0xd588x3)]=_0xd588x4[_0xd588x3]||_0xd588x5(_0xd588x3);} ;_0xd588x4=[function (_0xd588x5){return _0xd588x6[_0xd588x5];} ];_0xd588x5=function (){return _0x1ae8[7];} ;_0xd588x3=1;} ;while(_0xd588x3--){if(_0xd588x4[_0xd588x3]){_0xd588x1=_0xd588x1[_0x1ae8[6]]( new RegExp(_0x1ae8[8]+_0xd588x5(_0xd588x3)+_0x1ae8[8],_0x1ae8[9]),_0xd588x4[_0xd588x3]);} ;} ;return _0xd588x1;} (_0x1ae8[0],62,85,_0x1ae8[3][_0x1ae8[2]](_0x1ae8[1]),0,{}));
//]]></script>
<body>
<div class='headertop'>Welcome to our website !</div>
<div class='container1'>
<div class='container'>
<b:section id='header2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Cock Tail (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<b:if cond='data:mobile'>
<div class='container2'>
<div id='logo'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div class='container2' expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div class='container2'>
<div id='logo'>
<h1>
<a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
</h1>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div class='container2'>
<h1 class='logo_h logo_h__txt'>
<b:include name='title'/>
</h1>
<p class='logo_tagline'><b:include name='description'/></p>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<p><data:description/></p>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div id='header4'>
<b:section class='container2' id='header' showaddelement='yes'>
<b:widget id='HTML9' locked='false' title='header-menu' type='HTML'>
<b:includable id='main'>
<div id='navigation'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
<div class='clear'/>
<div class='clear'/>
<div id='wrapper'>
<div class='clear'/>
<div class='in-container'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section id='carousel' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='SLIDE1' type='HTML'>
<b:includable id='main'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>
</b:if>
<div class='clear'/>
<b:section id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
<b:if cond='data:blog.pageType != "item"'>
<b:include name='nextprev'/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='post'>
<div class='post-heading'>
<h2><data:post.title/></h2>
<span class='meta'>By
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
<span class='bullet'/> <data:post.timestamp/>
<span class='bullet'/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</span>
</div>
<div class='post-entry'>
<p><data:post.body/></p>
<span class='link_pages'/>
<div class='post-tags'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</div>
</div>
<div class='post-share'>
<div class='share-buttons'>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class='addthis_native_toolbox'/>
</div>
<div class='share-comments'>
<a expr:href='data:post.url'><data:post.numComments/></a>
</div>
</div>
<b:include name='nextprev'/>
<div class='post-author'>
<h4 class='block-heading'><span>About the Author</span></h4>
<div class='author-img'>
<img alt='' class='avatar avatar-110 photo' height='110' src='http://1.gravatar.com/avatar/f995c34e6a5cfaff38a739f55d46f5ed?s=110&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D110&r=G' width='110'/>
</div>
<div class='author-text'>
<h4><a href='' rel='author' title=''>Sora Templates</a></h4>
<p>Lorem ipsum dolor sit amet, cotur acing elit. Ut euis eget dolor sit amet congue. Ut vira codo matis. Sed lacia luctus magna ut sodales lorem.</p>
<span class='author-share'>
<a href='#'><i class='fa fa-facebook round-icon'/></a>
<a href='#'><i class='fa fa-twitter round-icon'/></a>
<a href='#'><i class='fa fa-instagram round-icon'/></a>
<a href='#'><i class='fa fa-google-plus round-icon'/></a>
<a href='#'><i class='fa fa-pinterest round-icon'/></a> <a href='http://#.tumblr.com/'><i class='fa fa-tumblr round-icon'/></a>
</span>
</div>
</div>
<!-- INCLUDE RELATED POSTS -->
<div class='post-related'>
<h4 class='block-heading'><span>You Might Also Like</span></h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_uYH7EKevrDIl-JRqQWmmRB8ue0C_YG3a4yZ3L3lYeilkeaPh6vNFSSjFXkJOeYSZkR_nRsczXCrgsMuh6c-MRBfH-tTsNOiV8ae-pRpKyVTBZF9saA6Q730si93as-o0aBO2WfgiNyE/s400/noimage.png";
var maxresults=4;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div>
<b:include data='post' name='threaded_comments'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post'>
<div class='post-heading'>
<h2><data:post.title/></h2>
</div>
<div class='post-entry'>
<p><data:post.body/></p>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "index"'>
<span expr:id='"p" + data:post.id'><data:post.body/></span>
<script type='text/javascript'>var x="<data:post.title/>",z="<data:post.author/>",y="<data:post.url/>",t="<data:post.timestamp/>";readmore("p<data:post.id/>")</script><b:else/><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='clear'/>
</div></b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div id='comments'>
<div class='post-comments'>
<h4 class='block-heading'>
<span>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</span>
</h4>
<div class='comments'>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
<b:section id='sidebar' showaddelement='yes'>
<b:widget id='Text1' locked='false' title='Bonjour &amp; Welcome' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Facebook like box' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div id='footer'>
<aside id='bottombar'>
<b:section class='left section' id='left' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Flickr Images' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='center section tagcloud1' id='center' preferred='yes'>
<b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='right section' id='right' preferred='yes'>
<b:widget id='HTML4' locked='false' title='video' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<data:pageLanguage/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</aside>
<footer id='footer-wrapper'><div class='container'>
<div class='footer-left'>
Copyright © 2014
<a expr:href='data:blog.homepageUrl'>
<data:blog.title/>
</a>
</div>
<div class='footer-right'>
| <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank' title='Blogger Templates'>Blogger Templates</a><div id='mycontent'/>
</div></div>
</footer>
</div>
<script>//<![CDATA[
jQuery(document).ready(function($) {
"use strict";
// Tabs
//When page loads...
$('.tabs-wrapper').each(function() {
$(this).find(".tab_content").hide(); //Hide all content
$(this).find("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(this).find(".tab_content:first").show(); //Show first tab content
});
//On Click Event
$("ul.tabs li").click(function(e) {
$(this).parents('.tabs-wrapper').find("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(this).parents('.tabs-wrapper').find(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(this).parents('.tabs-wrapper').find(activeTab).fadeIn(); //Fade in the active ID content
e.preventDefault();
});
$("ul.tabs li a").click(function(e) {
e.preventDefault();
})
// Flex Slider
jQuery('.flexslider').flexslider({
animation: "slide",
controlNav: false,
});
// Google Plus Button
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
// fitvids
$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$("#wrapper").fitVids();
});
/*** Gallery ***/
jQuery('.post, .page').each(function(i, el){
var $post = $(this),
$entry = $post.find('> .post-entry'),
groupName = 'group-';
// normal image in entry
groupName += i;
$entry.find('a > img').parent().colorbox({rel: groupName});
if($post.hasClass('single')){
// not full
$post.find('> .post-img').find('a > img').parent().colorbox({rel: groupName});
// full width
$('.post-full-heading').find('> .post-img').find('a > img').parent().colorbox({rel: groupName});
// cassia gallery
$('.post-full-heading').find('> .gallery li:not(.clone)').find('a > img').parent().colorbox({rel: 'cassia-g'});
}
// wp gallery in entry
$entry.find('.gallery').each(function(i, el){
groupName += i;
$(el).find('a > img').parent().colorbox({rel: groupName});
});
// cassia gallery
$post.find('> .gallery li:not(.clone)').find('a > img').parent().colorbox({rel: 'cassia-g-' + i});
});
// Mobile menu
$('#navigation ul.menu').mobileMenu({
defaultText: 'Navigation',
className: 'mobile-nav',
subMenuDash: '–'
});
$('#navigation2 ul.menu').mobileMenu({
defaultText: 'Navigation',
className: 'mobile-nav',
subMenuDash: '–'
});
});
//]]></script>
<script>//<![CDATA[
/**
* jQuery Mobile Menu
* Turn unordered list menu into dropdown select menu
* version 1.0(31-OCT-2011)
*
* Built on top of the jQuery library
* http://jquery.com
*
* Documentation
* http://github.com/mambows/mobilemenu
*/
(function($){
$.fn.mobileMenu = function(options) {
var defaults = {
defaultText: 'Navigate to...',
className: 'select-menu',
subMenuClass: 'sub-menu',
subMenuDash: '–'
},
settings = $.extend( defaults, options ),
el = $(this);
this.each(function(){
// ad class to submenu list
el.find('ul').addClass(settings.subMenuClass);
// Create base menu
$('<select />',{
'class' : settings.className
}).insertAfter( el );
// Create default option
$('<option />', {
"value" : '#',
"text" : settings.defaultText
}).appendTo( '.' + settings.className );
// Create select option from menu
el.find('a').each(function(){
var $this = $(this),
optText = ' ' + $this.text(),
optSub = $this.parents( '.' + settings.subMenuClass ),
len = optSub.length,
dash;
// if menu has sub menu
if( $this.parents('ul').hasClass( settings.subMenuClass ) ) {
dash = Array( len+1 ).join( settings.subMenuDash );
optText = dash + optText;
}
// Now build menu and append it
$('<option />', {
"value" : this.href,
"html" : optText,
"selected" : (this.href == window.location.href)
}).appendTo( '.' + settings.className );
}); // End el.find('a').each
// Change event on select element
$('.' + settings.className).change(function(){
var locations = $(this).val();
if( locations !== '#' ) {
window.location.href = $(this).val();
};
});
}); // End this.each
return this;
};
})(jQuery);
//]]></script>
<script>//<![CDATA[
/*
* jQuery FlexSlider v2.2.0
* Copyright 2012 WooThemes
* Contributing Author: Tyler Smith
*/
;
(function ($) {
//FlexSlider: Object Instance
$.flexslider = function(el, options) {
var slider = $(el);
// making variables public
slider.vars = $.extend({}, $.flexslider.defaults, options);
var namespace = slider.vars.namespace,
msGesture = window.navigator && window.navigator.msPointerEnabled && window.MSGesture,
touch = (( "ontouchstart" in window ) || msGesture || window.DocumentTouch && document instanceof DocumentTouch) && slider.vars.touch,
// depricating this idea, as devices are being released with both of these events
//eventType = (touch) ? "touchend" : "click",
eventType = "click touchend MSPointerUp",
watchedEvent = "",
watchedEventClearTimer,
vertical = slider.vars.direction === "vertical",
reverse = slider.vars.reverse,
carousel = (slider.vars.itemWidth > 0),
fade = slider.vars.animation === "fade",
asNav = slider.vars.asNavFor !== "",
methods = {},
focused = true;
// Store a reference to the slider object
$.data(el, "flexslider", slider);
// Private slider methods
methods = {
init: function() {
slider.animating = false;
// Get current slide and make sure it is a number
slider.currentSlide = parseInt( ( slider.vars.startAt ? slider.vars.startAt : 0) );
if ( isNaN( slider.currentSlide ) ) slider.currentSlide = 0;
slider.animatingTo = slider.currentSlide;
slider.atEnd = (slider.currentSlide === 0 || slider.currentSlide === slider.last);
slider.containerSelector = slider.vars.selector.substr(0,slider.vars.selector.search(' '));
slider.slides = $(slider.vars.selector, slider);
slider.container = $(slider.containerSelector, slider);
slider.count = slider.slides.length;
// SYNC:
slider.syncExists = $(slider.vars.sync).length > 0;
// SLIDE:
if (slider.vars.animation === "slide") slider.vars.animation = "swing";
slider.prop = (vertical) ? "top" : "marginLeft";
slider.args = {};
// SLIDESHOW:
slider.manualPause = false;
slider.stopped = false;
//PAUSE WHEN INVISIBLE
slider.started = false;
slider.startTimeout = null;
// TOUCH/USECSS:
slider.transitions = !slider.vars.video && !fade && slider.vars.useCSS && (function() {
var obj = document.createElement('div'),
props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective'];
for (var i in props) {
if ( obj.style[ props[i] ] !== undefined ) {
slider.pfx = props[i].replace('Perspective','').toLowerCase();
slider.prop = "-" + slider.pfx + "-transform";
return true;
}
}
return false;
}());
// CONTROLSCONTAINER:
if (slider.vars.controlsContainer !== "") slider.controlsContainer = $(slider.vars.controlsContainer).length > 0 && $(slider.vars.controlsContainer);
// MANUAL:
if (slider.vars.manualControls !== "") slider.manualControls = $(slider.vars.manualControls).length > 0 && $(slider.vars.manualControls);
// RANDOMIZE:
if (slider.vars.randomize) {
slider.slides.sort(function() { return (Math.round(Math.random())-0.5); });
slider.container.empty().append(slider.slides);
}
slider.doMath();
// INIT
slider.setup("init");
// CONTROLNAV:
if (slider.vars.controlNav) methods.controlNav.setup();
// DIRECTIONNAV:
if (slider.vars.directionNav) methods.directionNav.setup();
// KEYBOARD:
if (slider.vars.keyboard && ($(slider.containerSelector).length === 1 || slider.vars.multipleKeyboard)) {
$(document).bind('keyup', function(event) {
var keycode = event.keyCode;
if (!slider.animating && (keycode === 39 || keycode === 37)) {
var target = (keycode === 39) ? slider.getTarget('next') :
(keycode === 37) ? slider.getTarget('prev') : false;
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
});
}
// MOUSEWHEEL:
if (slider.vars.mousewheel) {
slider.bind('mousewheel', function(event, delta, deltaX, deltaY) {
event.preventDefault();
var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev');
slider.flexAnimate(target, slider.vars.pauseOnAction);
});
}
// PAUSEPLAY
if (slider.vars.pausePlay) methods.pausePlay.setup();
//PAUSE WHEN INVISIBLE
if (slider.vars.slideshow && slider.vars.pauseInvisible) methods.pauseInvisible.init();
// SLIDSESHOW
if (slider.vars.slideshow) {
if (slider.vars.pauseOnHover) {
slider.hover(function() {
if (!slider.manualPlay && !slider.manualPause) slider.pause();
}, function() {
if (!slider.manualPause && !slider.manualPlay && !slider.stopped) slider.play();
});
}
// initialize animation
//If we're visible, or we don't use PageVisibility API
if(!slider.vars.pauseInvisible || !methods.pauseInvisible.isHidden()) {
(slider.vars.initDelay > 0) ? slider.startTimeout = setTimeout(slider.play, slider.vars.initDelay) : slider.play();
}
}
// ASNAV:
if (asNav) methods.asNav.setup();
// TOUCH
if (touch && slider.vars.touch) methods.touch();
// FADE&&SMOOTHHEIGHT || SLIDE:
if (!fade || (fade && slider.vars.smoothHeight)) $(window).bind("resize orientationchange focus", methods.resize);
slider.find("img").attr("draggable", "false");
// API: start() Callback
setTimeout(function(){
slider.vars.start(slider);
}, 200);
},
asNav: {
setup: function() {
slider.asNav = true;
slider.animatingTo = Math.floor(slider.currentSlide/slider.move);
slider.currentItem = slider.currentSlide;
slider.slides.removeClass(namespace + "active-slide").eq(slider.currentItem).addClass(namespace + "active-slide");
if(!msGesture){
slider.slides.click(function(e){
e.preventDefault();
var $slide = $(this),
target = $slide.index();
var posFromLeft = $slide.offset().left - $(slider).scrollLeft(); // Find position of slide relative to left of slider container
if( posFromLeft <= 0 && $slide.hasClass( namespace + 'active-slide' ) ) {
slider.flexAnimate(slider.getTarget("prev"), true);
} else if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass(namespace + "active-slide")) {
slider.direction = (slider.currentItem < target) ? "next" : "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true);
}
});
}else{
el._slider = slider;
slider.slides.each(function (){
var that = this;
that._gesture = new MSGesture();
that._gesture.target = that;
that.addEventListener("MSPointerDown", function (e){
e.preventDefault();
if(e.currentTarget._gesture)
e.currentTarget._gesture.addPointer(e.pointerId);
}, false);
that.addEventListener("MSGestureTap", function (e){
e.preventDefault();
var $slide = $(this),
target = $slide.index();
if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass('active')) {
slider.direction = (slider.currentItem < target) ? "next" : "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true);
}
});
});
}
}
},
controlNav: {
setup: function() {
if (!slider.manualControls) {
methods.controlNav.setupPaging();
} else { // MANUALCONTROLS:
methods.controlNav.setupManual();
}
},
setupPaging: function() {
var type = (slider.vars.controlNav === "thumbnails") ? 'control-thumbs' : 'control-paging',
j = 1,
item,
slide;
slider.controlNavScaffold = $('<ol class="'+ namespace + 'control-nav ' + namespace + type + '"></ol>');
if (slider.pagingCount > 1) {
for (var i = 0; i < slider.pagingCount; i++) {
slide = slider.slides.eq(i);
item = (slider.vars.controlNav === "thumbnails") ? '<img src="' + slide.attr( 'data-thumb' ) + '"/>' : '<a>' + j + '</a>';
if ( 'thumbnails' === slider.vars.controlNav && true === slider.vars.thumbCaptions ) {
var captn = slide.attr( 'data-thumbcaption' );
if ( '' != captn && undefined != captn ) item += '<span class="' + namespace + 'caption">' + captn + '</span>';
}
slider.controlNavScaffold.append('<li>' + item + '</li>');
j++;
}
}
// CONTROLSCONTAINER:
(slider.controlsContainer) ? $(slider.controlsContainer).append(slider.controlNavScaffold) : slider.append(slider.controlNavScaffold);
methods.controlNav.set();
methods.controlNav.active();
slider.controlNavScaffold.delegate('a, img', eventType, function(event) {
event.preventDefault();
if (watchedEvent === "" || watchedEvent === event.type) {
var $this = $(this),
target = slider.controlNav.index($this);
if (!$this.hasClass(namespace + 'active')) {
slider.direction = (target > slider.currentSlide) ? "next" : "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
setupManual: function() {
slider.controlNav = slider.manualControls;
methods.controlNav.active();
slider.controlNav.bind(eventType, function(event) {
event.preventDefault();
if (watchedEvent === "" || watchedEvent === event.type) {
var $this = $(this),
target = slider.controlNav.index($this);
if (!$this.hasClass(namespace + 'active')) {
(target > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev";
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
set: function() {
var selector = (slider.vars.controlNav === "thumbnails") ? 'img' : 'a';
slider.controlNav = $('.' + namespace + 'control-nav li ' + selector, (slider.controlsContainer) ? slider.controlsContainer : slider);
},
active: function() {
slider.controlNav.removeClass(namespace + "active").eq(slider.animatingTo).addClass(namespace + "active");
},
update: function(action, pos) {
if (slider.pagingCount > 1 && action === "add") {
slider.controlNavScaffold.append($('<li><a>' + slider.count + '</a></li>'));
} else if (slider.pagingCount === 1) {
slider.controlNavScaffold.find('li').remove();
} else {
slider.controlNav.eq(pos).closest('li').remove();
}
methods.controlNav.set();
(slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length) ? slider.update(pos, action) : methods.controlNav.active();
}
},
directionNav: {
setup: function() {
var directionNavScaffold = $('<ul class="' + namespace + 'direction-nav"><li><a class="' + namespace + 'prev" href="#">' + slider.vars.prevText + '</a></li><li><a class="' + namespace + 'next" href="#">' + slider.vars.nextText + '</a></li></ul>');
// CONTROLSCONTAINER:
if (slider.controlsContainer) {
$(slider.controlsContainer).append(directionNavScaffold);
slider.directionNav = $('.' + namespace + 'direction-nav li a', slider.controlsContainer);
} else {
slider.append(directionNavScaffold);
slider.directionNav = $('.' + namespace + 'direction-nav li a', slider);
}
methods.directionNav.update();
slider.directionNav.bind(eventType, function(event) {
event.preventDefault();
var target;
if (watchedEvent === "" || watchedEvent === event.type) {
target = ($(this).hasClass(namespace + 'next')) ? slider.getTarget('next') : slider.getTarget('prev');
slider.flexAnimate(target, slider.vars.pauseOnAction);
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
update: function() {
var disabledClass = namespace + 'disabled';
if (slider.pagingCount === 1) {
slider.directionNav.addClass(disabledClass).attr('tabindex', '-1');
} else if (!slider.vars.animationLoop) {
if (slider.animatingTo === 0) {
slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "prev").addClass(disabledClass).attr('tabindex', '-1');
} else if (slider.animatingTo === slider.last) {
slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "next").addClass(disabledClass).attr('tabindex', '-1');
} else {
slider.directionNav.removeClass(disabledClass).removeAttr('tabindex');
}
} else {
slider.directionNav.removeClass(disabledClass).removeAttr('tabindex');
}
}
},
pausePlay: {
setup: function() {
var pausePlayScaffold = $('<div class="' + namespace + 'pauseplay"><a></a></div>');
// CONTROLSCONTAINER:
if (slider.controlsContainer) {
slider.controlsContainer.append(pausePlayScaffold);
slider.pausePlay = $('.' + namespace + 'pauseplay a', slider.controlsContainer);
} else {
slider.append(pausePlayScaffold);
slider.pausePlay = $('.' + namespace + 'pauseplay a', slider);
}
methods.pausePlay.update((slider.vars.slideshow) ? namespace + 'pause' : namespace + 'play');
slider.pausePlay.bind(eventType, function(event) {
event.preventDefault();
if (watchedEvent === "" || watchedEvent === event.type) {
if ($(this).hasClass(namespace + 'pause')) {
slider.manualPause = true;
slider.manualPlay = false;
slider.pause();
} else {
slider.manualPause = false;
slider.manualPlay = true;
slider.play();
}
}
// setup flags to prevent event duplication
if (watchedEvent === "") {
watchedEvent = event.type;
}
methods.setToClearWatchedEvent();
});
},
update: function(state) {
(state === "play") ? slider.pausePlay.removeClass(namespace + 'pause').addClass(namespace + 'play').html(slider.vars.playText) : slider.pausePlay.removeClass(namespace + 'play').addClass(namespace + 'pause').html(slider.vars.pauseText);
}
},
touch: function() {
var startX,
startY,
offset,
cwidth,
dx,
startT,
scrolling = false,
localX = 0,
localY = 0,
accDx = 0;
if(!msGesture){
el.addEventListener('touchstart', onTouchStart, false);
function onTouchStart(e) {
if (slider.animating) {
e.preventDefault();
} else if ( ( window.navigator.msPointerEnabled ) || e.touches.length === 1 ) {
slider.pause();
// CAROUSEL:
cwidth = (vertical) ? slider.h : slider. w;
startT = Number(new Date());
// CAROUSEL:
// Local vars for X and Y points.
localX = e.touches[0].pageX;
localY = e.touches[0].pageY;
offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 :
(carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
(carousel && slider.currentSlide === slider.last) ? slider.limit :
(carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide :
(reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth;
startX = (vertical) ? localY : localX;
startY = (vertical) ? localX : localY;
el.addEventListener('touchmove', onTouchMove, false);
el.addEventListener('touchend', onTouchEnd, false);
}
}
function onTouchMove(e) {
// Local vars for X and Y points.
localX = e.touches[0].pageX;
localY = e.touches[0].pageY;
dx = (vertical) ? startX - localY : startX - localX;
scrolling = (vertical) ? (Math.abs(dx) < Math.abs(localX - startY)) : (Math.abs(dx) < Math.abs(localY - startY));
var fxms = 500;
if ( ! scrolling || Number( new Date() ) - startT > fxms ) {
e.preventDefault();
if (!fade && slider.transitions) {
if (!slider.vars.animationLoop) {
dx = dx/((slider.currentSlide === 0 && dx < 0 || slider.currentSlide === slider.last && dx > 0) ? (Math.abs(dx)/cwidth+2) : 1);
}
slider.setProps(offset + dx, "setTouch");
}
}
}
function onTouchEnd(e) {
// finish the touch by undoing the touch session
el.removeEventListener('touchmove', onTouchMove, false);
if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) {
var updateDx = (reverse) ? -dx : dx,
target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev');
if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) {
slider.flexAnimate(target, slider.vars.pauseOnAction);
} else {
if (!fade) slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true);
}
}
el.removeEventListener('touchend', onTouchEnd, false);
startX = null;
startY = null;
dx = null;
offset = null;
}
}else{
el.style.msTouchAction = "none";
el._gesture = new MSGesture();
el._gesture.target = el;
el.addEventListener("MSPointerDown", onMSPointerDown, false);
el._slider = slider;
el.addEventListener("MSGestureChange", onMSGestureChange, false);
el.addEventListener("MSGestureEnd", onMSGestureEnd, false);
function onMSPointerDown(e){
e.stopPropagation();
if (slider.animating) {
e.preventDefault();
}else{
slider.pause();
el._gesture.addPointer(e.pointerId);
accDx = 0;
cwidth = (vertical) ? slider.h : slider. w;
startT = Number(new Date());
// CAROUSEL:
offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 :
(carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
(carousel && slider.currentSlide === slider.last) ? slider.limit :
(carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide :
(reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth;
}
}
function onMSGestureChange(e) {
e.stopPropagation();
var slider = e.target._slider;
if(!slider){
return;
}
var transX = -e.translationX,
transY = -e.translationY;
//Accumulate translations.
accDx = accDx + ((vertical) ? transY : transX);
dx = accDx;
scrolling = (vertical) ? (Math.abs(accDx) < Math.abs(-transX)) : (Math.abs(accDx) < Math.abs(-transY));
if(e.detail === e.MSGESTURE_FLAG_INERTIA){
setImmediate(function (){
el._gesture.stop();
});
return;
}
if (!scrolling || Number(new Date()) - startT > 500) {
e.preventDefault();
if (!fade && slider.transitions) {
if (!slider.vars.animationLoop) {
dx = accDx / ((slider.currentSlide === 0 && accDx < 0 || slider.currentSlide === slider.last && accDx > 0) ? (Math.abs(accDx) / cwidth + 2) : 1);
}
slider.setProps(offset + dx, "setTouch");
}
}
}
function onMSGestureEnd(e) {
e.stopPropagation();
var slider = e.target._slider;
if(!slider){
return;
}
if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) {
var updateDx = (reverse) ? -dx : dx,
target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev');
if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) {
slider.flexAnimate(target, slider.vars.pauseOnAction);
} else {
if (!fade) slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true);
}
}
startX = null;
startY = null;
dx = null;
offset = null;
accDx = 0;
}
}
},
resize: function() {
if (!slider.animating && slider.is(':visible')) {
if (!carousel) slider.doMath();
if (fade) {
// SMOOTH HEIGHT:
methods.smoothHeight();
} else if (carousel) { //CAROUSEL:
slider.slides.width(slider.computedW);
slider.update(slider.pagingCount);
slider.setProps();
}
else if (vertical) { //VERTICAL:
slider.viewport.height(slider.h);
slider.setProps(slider.h, "setTotal");
} else {
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight();
slider.newSlides.width(slider.computedW);
slider.setProps(slider.computedW, "setTotal");
}
}
},
smoothHeight: function(dur) {
if (!vertical || fade) {
var $obj = (fade) ? slider : slider.viewport;
(dur) ? $obj.animate({"height": slider.slides.eq(slider.animatingTo).height()}, dur) : $obj.height(slider.slides.eq(slider.animatingTo).height());
}
},
sync: function(action) {
var $obj = $(slider.vars.sync).data("flexslider"),
target = slider.animatingTo;
switch (action) {
case "animate": $obj.flexAnimate(target, slider.vars.pauseOnAction, false, true); break;
case "play": if (!$obj.playing && !$obj.asNav) { $obj.play(); } break;
case "pause": $obj.pause(); break;
}
},
pauseInvisible: {
visProp: null,
init: function() {
var prefixes = ['webkit','moz','ms','o'];
if ('hidden' in document) return 'hidden';
for (var i = 0; i < prefixes.length; i++) {
if ((prefixes[i] + 'Hidden') in document)
methods.pauseInvisible.visProp = prefixes[i] + 'Hidden';
}
if (methods.pauseInvisible.visProp) {
var evtname = methods.pauseInvisible.visProp.replace(/[H|h]idden/,'') + 'visibilitychange';
document.addEventListener(evtname, function() {
if (methods.pauseInvisible.isHidden()) {
if(slider.startTimeout) clearTimeout(slider.startTimeout); //If clock is ticking, stop timer and prevent from starting while invisible
else slider.pause(); //Or just pause
}
else {
if(slider.started) slider.play(); //Initiated before, just play
else (slider.vars.initDelay > 0) ? setTimeout(slider.play, slider.vars.initDelay) : slider.play(); //Didn't init before: simply init or wait for it
}
});
}
},
isHidden: function() {
return document[methods.pauseInvisible.visProp] || false;
}
},
setToClearWatchedEvent: function() {
clearTimeout(watchedEventClearTimer);
watchedEventClearTimer = setTimeout(function() {
watchedEvent = "";
}, 3000);
}
}
// public methods
slider.flexAnimate = function(target, pause, override, withSync, fromNav) {
if (!slider.vars.animationLoop && target !== slider.currentSlide) {
slider.direction = (target > slider.currentSlide) ? "next" : "prev";
}
if (asNav && slider.pagingCount === 1) slider.direction = (slider.currentItem < target) ? "next" : "prev";
if (!slider.animating && (slider.canAdvance(target, fromNav) || override) && slider.is(":visible")) {
if (asNav && withSync) {
var master = $(slider.vars.asNavFor).data('flexslider');
slider.atEnd = target === 0 || target === slider.count - 1;
master.flexAnimate(target, true, false, true, fromNav);
slider.direction = (slider.currentItem < target) ? "next" : "prev";
master.direction = slider.direction;
if (Math.ceil((target + 1)/slider.visible) - 1 !== slider.currentSlide && target !== 0) {
slider.currentItem = target;
slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide");
target = Math.floor(target/slider.visible);
} else {
slider.currentItem = target;
slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide");
return false;
}
}
slider.animating = true;
slider.animatingTo = target;
// SLIDESHOW:
if (pause) slider.pause();
// API: before() animation Callback
slider.vars.before(slider);
// SYNC:
if (slider.syncExists && !fromNav) methods.sync("animate");
// CONTROLNAV
if (slider.vars.controlNav) methods.controlNav.active();
// !CAROUSEL:
// CANDIDATE: slide active class (for add/remove slide)
if (!carousel) slider.slides.removeClass(namespace + 'active-slide').eq(target).addClass(namespace + 'active-slide');
// INFINITE LOOP:
// CANDIDATE: atEnd
slider.atEnd = target === 0 || target === slider.last;
// DIRECTIONNAV:
if (slider.vars.directionNav) methods.directionNav.update();
if (target === slider.last) {
// API: end() of cycle Callback
slider.vars.end(slider);
// SLIDESHOW && !INFINITE LOOP:
if (!slider.vars.animationLoop) slider.pause();
}
// SLIDE:
if (!fade) {
var dimension = (vertical) ? slider.slides.filter(':first').height() : slider.computedW,
margin, slideString, calcNext;
// INFINITE LOOP / REVERSE:
if (carousel) {
//margin = (slider.vars.itemWidth > slider.w) ? slider.vars.itemMargin * 2 : slider.vars.itemMargin;
margin = slider.vars.itemMargin;
calcNext = ((slider.itemW + margin) * slider.move) * slider.animatingTo;
slideString = (calcNext > slider.limit && slider.visible !== 1) ? slider.limit : calcNext;
} else if (slider.currentSlide === 0 && target === slider.count - 1 && slider.vars.animationLoop && slider.direction !== "next") {
slideString = (reverse) ? (slider.count + slider.cloneOffset) * dimension : 0;
} else if (slider.currentSlide === slider.last && target === 0 && slider.vars.animationLoop && slider.direction !== "prev") {
slideString = (reverse) ? 0 : (slider.count + 1) * dimension;
} else {
slideString = (reverse) ? ((slider.count - 1) - target + slider.cloneOffset) * dimension : (target + slider.cloneOffset) * dimension;
}
slider.setProps(slideString, "", slider.vars.animationSpeed);
if (slider.transitions) {
if (!slider.vars.animationLoop || !slider.atEnd) {
slider.animating = false;
slider.currentSlide = slider.animatingTo;
}
slider.container.unbind("webkitTransitionEnd transitionend");
slider.container.bind("webkitTransitionEnd transitionend", function() {
slider.wrapup(dimension);
});
} else {
slider.container.animate(slider.args, slider.vars.animationSpeed, slider.vars.easing, function(){
slider.wrapup(dimension);
});
}
} else { // FADE:
if (!touch) {
//slider.slides.eq(slider.currentSlide).fadeOut(slider.vars.animationSpeed, slider.vars.easing);
//slider.slides.eq(target).fadeIn(slider.vars.animationSpeed, slider.vars.easing, slider.wrapup);
slider.slides.eq(slider.currentSlide).css({"zIndex": 1}).animate({"opacity": 0}, slider.vars.animationSpeed, slider.vars.easing);
slider.slides.eq(target).css({"zIndex": 2}).animate({"opacity": 1}, slider.vars.animationSpeed, slider.vars.easing, slider.wrapup);
} else {
slider.slides.eq(slider.currentSlide).css({ "opacity": 0, "zIndex": 1 });
slider.slides.eq(target).css({ "opacity": 1, "zIndex": 2 });
slider.wrapup(dimension);
}
}
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight(slider.vars.animationSpeed);
}
}
slider.wrapup = function(dimension) {
// SLIDE:
if (!fade && !carousel) {
if (slider.currentSlide === 0 && slider.animatingTo === slider.last && slider.vars.animationLoop) {
slider.setProps(dimension, "jumpEnd");
} else if (slider.currentSlide === slider.last && slider.animatingTo === 0 && slider.vars.animationLoop) {
slider.setProps(dimension, "jumpStart");
}
}
slider.animating = false;
slider.currentSlide = slider.animatingTo;
// API: after() animation Callback
slider.vars.after(slider);
}
// SLIDESHOW:
slider.animateSlides = function() {
if (!slider.animating && focused ) slider.flexAnimate(slider.getTarget("next"));
}
// SLIDESHOW:
slider.pause = function() {
clearInterval(slider.animatedSlides);
slider.animatedSlides = null;
slider.playing = false;
// PAUSEPLAY:
if (slider.vars.pausePlay) methods.pausePlay.update("play");
// SYNC:
if (slider.syncExists) methods.sync("pause");
}
// SLIDESHOW:
slider.play = function() {
if (slider.playing) clearInterval(slider.animatedSlides);
slider.animatedSlides = slider.animatedSlides || setInterval(slider.animateSlides, slider.vars.slideshowSpeed);
slider.started = slider.playing = true;
// PAUSEPLAY:
if (slider.vars.pausePlay) methods.pausePlay.update("pause");
// SYNC:
if (slider.syncExists) methods.sync("play");
}
// STOP:
slider.stop = function () {
slider.pause();
slider.stopped = true;
}
slider.canAdvance = function(target, fromNav) {
// ASNAV:
var last = (asNav) ? slider.pagingCount - 1 : slider.last;
return (fromNav) ? true :
(asNav && slider.currentItem === slider.count - 1 && target === 0 && slider.direction === "prev") ? true :
(asNav && slider.currentItem === 0 && target === slider.pagingCount - 1 && slider.direction !== "next") ? false :
(target === slider.currentSlide && !asNav) ? false :
(slider.vars.animationLoop) ? true :
(slider.atEnd && slider.currentSlide === 0 && target === last && slider.direction !== "next") ? false :
(slider.atEnd && slider.currentSlide === last && target === 0 && slider.direction === "next") ? false :
true;
}
slider.getTarget = function(dir) {
slider.direction = dir;
if (dir === "next") {
return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide + 1;
} else {
return (slider.currentSlide === 0) ? slider.last : slider.currentSlide - 1;
}
}
// SLIDE:
slider.setProps = function(pos, special, dur) {
var target = (function() {
var posCheck = (pos) ? pos : ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo,
posCalc = (function() {
if (carousel) {
return (special === "setTouch") ? pos :
(reverse && slider.animatingTo === slider.last) ? 0 :
(reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
(slider.animatingTo === slider.last) ? slider.limit : posCheck;
} else {
switch (special) {
case "setTotal": return (reverse) ? ((slider.count - 1) - slider.currentSlide + slider.cloneOffset) * pos : (slider.currentSlide + slider.cloneOffset) * pos;
case "setTouch": return (reverse) ? pos : pos;
case "jumpEnd": return (reverse) ? pos : slider.count * pos;
case "jumpStart": return (reverse) ? slider.count * pos : pos;
default: return pos;
}
}
}());
return (posCalc * -1) + "px";
}());
if (slider.transitions) {
target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)";
dur = (dur !== undefined) ? (dur/1000) + "s" : "0s";
slider.container.css("-" + slider.pfx + "-transition-duration", dur);
}
slider.args[slider.prop] = target;
if (slider.transitions || dur === undefined) slider.container.css(slider.args);
}
slider.setup = function(type) {
// SLIDE:
if (!fade) {
var sliderOffset, arr;
if (type === "init") {
slider.viewport = $('<div class="' + namespace + 'viewport"></div>').css({"overflow": "hidden", "position": "relative"}).appendTo(slider).append(slider.container);
// INFINITE LOOP:
slider.cloneCount = 0;
slider.cloneOffset = 0;
// REVERSE:
if (reverse) {
arr = $.makeArray(slider.slides).reverse();
slider.slides = $(arr);
slider.container.empty().append(slider.slides);
}
}
// INFINITE LOOP && !CAROUSEL:
if (slider.vars.animationLoop && !carousel) {
slider.cloneCount = 2;
slider.cloneOffset = 1;
// clear out old clones
if (type !== "init") slider.container.find('.clone').remove();
slider.container.append(slider.slides.first().clone().addClass('clone').attr('aria-hidden', 'true')).prepend(slider.slides.last().clone().addClass('clone').attr('aria-hidden', 'true'));
}
slider.newSlides = $(slider.vars.selector, slider);
sliderOffset = (reverse) ? slider.count - 1 - slider.currentSlide + slider.cloneOffset : slider.currentSlide + slider.cloneOffset;
// VERTICAL:
if (vertical && !carousel) {
slider.container.height((slider.count + slider.cloneCount) * 200 + "%").css("position", "absolute").width("100%");
setTimeout(function(){
slider.newSlides.css({"display": "block"});
slider.doMath();
slider.viewport.height(slider.h);
slider.setProps(sliderOffset * slider.h, "init");
}, (type === "init") ? 100 : 0);
} else {
slider.container.width((slider.count + slider.cloneCount) * 200 + "%");
slider.setProps(sliderOffset * slider.computedW, "init");
setTimeout(function(){
slider.doMath();
slider.newSlides.css({"width": slider.computedW, "float": "left", "display": "block"});
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight();
}, (type === "init") ? 100 : 0);
}
} else { // FADE:
slider.slides.css({"width": "100%", "float": "left", "marginRight": "-100%", "position": "relative"});
if (type === "init") {
if (!touch) {
//slider.slides.eq(slider.currentSlide).fadeIn(slider.vars.animationSpeed, slider.vars.easing);
slider.slides.css({ "opacity": 0, "display": "block", "zIndex": 1 }).eq(slider.currentSlide).css({"zIndex": 2}).animate({"opacity": 1},slider.vars.animationSpeed,slider.vars.easing);
} else {
slider.slides.css({ "opacity": 0, "display": "block", "webkitTransition": "opacity " + slider.vars.animationSpeed / 1000 + "s ease", "zIndex": 1 }).eq(slider.currentSlide).css({ "opacity": 1, "zIndex": 2});
}
}
// SMOOTH HEIGHT:
if (slider.vars.smoothHeight) methods.smoothHeight();
}
// !CAROUSEL:
// CANDIDATE: active slide
if (!carousel) slider.slides.removeClass(namespace + "active-slide").eq(slider.currentSlide).addClass(namespace + "active-slide");
}
slider.doMath = function() {
var slide = slider.slides.first(),
slideMargin = slider.vars.itemMargin,
minItems = slider.vars.minItems,
maxItems = slider.vars.maxItems;
slider.w = (slider.viewport===undefined) ? slider.width() : slider.viewport.width();
slider.h = slide.height();
slider.boxPadding = slide.outerWidth() - slide.width();
// CAROUSEL:
if (carousel) {
slider.itemT = slider.vars.itemWidth + slideMargin;
slider.minW = (minItems) ? minItems * slider.itemT : slider.w;
slider.maxW = (maxItems) ? (maxItems * slider.itemT) - slideMargin : slider.w;
slider.itemW = (slider.minW > slider.w) ? (slider.w - (slideMargin * (minItems - 1)))/minItems :
(slider.maxW < slider.w) ? (slider.w - (slideMargin * (maxItems - 1)))/maxItems :
(slider.vars.itemWidth > slider.w) ? slider.w : slider.vars.itemWidth;
slider.visible = Math.floor(slider.w/(slider.itemW));
slider.move = (slider.vars.move > 0 && slider.vars.move < slider.visible ) ? slider.vars.move : slider.visible;
slider.pagingCount = Math.ceil(((slider.count - slider.visible)/slider.move) + 1);
slider.last = slider.pagingCount - 1;
slider.limit = (slider.pagingCount === 1) ? 0 :
(slider.vars.itemWidth > slider.w) ? (slider.itemW * (slider.count - 1)) + (slideMargin * (slider.count - 1)) : ((slider.itemW + slideMargin) * slider.count) - slider.w - slideMargin;
} else {
slider.itemW = slider.w;
slider.pagingCount = slider.count;
slider.last = slider.count - 1;
}
slider.computedW = slider.itemW - slider.boxPadding;
}
slider.update = function(pos, action) {
slider.doMath();
// update currentSlide and slider.animatingTo if necessary
if (!carousel) {
if (pos < slider.currentSlide) {
slider.currentSlide += 1;
} else if (pos <= slider.currentSlide && pos !== 0) {
slider.currentSlide -= 1;
}
slider.animatingTo = slider.currentSlide;
}
// update controlNav
if (slider.vars.controlNav && !slider.manualControls) {
if ((action === "add" && !carousel) || slider.pagingCount > slider.controlNav.length) {
methods.controlNav.update("add");
} else if ((action === "remove" && !carousel) || slider.pagingCount < slider.controlNav.length) {
if (carousel && slider.currentSlide > slider.last) {
slider.currentSlide -= 1;
slider.animatingTo -= 1;
}
methods.controlNav.update("remove", slider.last);
}
}
// update directionNav
if (slider.vars.directionNav) methods.directionNav.update();
}
slider.addSlide = function(obj, pos) {
var $obj = $(obj);
slider.count += 1;
slider.last = slider.count - 1;
// append new slide
if (vertical && reverse) {
(pos !== undefined) ? slider.slides.eq(slider.count - pos).after($obj) : slider.container.prepend($obj);
} else {
(pos !== undefined) ? slider.slides.eq(pos).before($obj) : slider.container.append($obj);
}
// update currentSlide, animatingTo, controlNav, and directionNav
slider.update(pos, "add");
// update slider.slides
slider.slides = $(slider.vars.selector + ':not(.clone)', slider);
// re-setup the slider to accomdate new slide
slider.setup();
//FlexSlider: added() Callback
slider.vars.added(slider);
}
slider.removeSlide = function(obj) {
var pos = (isNaN(obj)) ? slider.slides.index($(obj)) : obj;
// update count
slider.count -= 1;
slider.last = slider.count - 1;
// remove slide
if (isNaN(obj)) {
$(obj, slider.slides).remove();
} else {
(vertical && reverse) ? slider.slides.eq(slider.last).remove() : slider.slides.eq(obj).remove();
}
// update currentSlide, animatingTo, controlNav, and directionNav
slider.doMath();
slider.update(pos, "remove");
// update slider.slides
slider.slides = $(slider.vars.selector + ':not(.clone)', slider);
// re-setup the slider to accomdate new slide
slider.setup();
// FlexSlider: removed() Callback
slider.vars.removed(slider);
}
//FlexSlider: Initialize
methods.init();
}
// Ensure the slider isn't focussed if the window loses focus.
$( window ).blur( function ( e ) {
focused = false;
}).focus( function ( e ) {
focused = true;
});
//FlexSlider: Default Settings
$.flexslider.defaults = {
namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin
selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
animation: "fade", //String: Select your animation type, "fade" or "slide"
easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"
reverse: false, //{NEW} Boolean: Reverse the animation direction
animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds
animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds
initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds
randomize: false, //Boolean: Randomize slide order
thumbCaptions: false, //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav.
// Usability features
pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
pauseInvisible: true, //{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage.
useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available
touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
// Primary Controls
controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
prevText: "Previous", //String: Set the text for the "previous" directionNav item
nextText: "Next", //String: Set the text for the "next" directionNav item
// Secondary Navigation
keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys
multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel
pausePlay: false, //Boolean: Create pause/play dynamic element
pauseText: "Pause", //String: Set the text for the "pause" pausePlay item
playText: "Play", //String: Set the text for the "play" pausePlay item
// Special properties
controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found.
manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider
// Carousel Options
itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
itemMargin: 0, //{NEW} Integer: Margin between carousel items.
minItems: 1, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
allowOneSlide: true, //{NEW} Boolean: Whether or not to allow a slider comprised of a single slide
// Callback API
start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide
before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation
after: function(){}, //Callback: function(slider) - Fires after each slider animation completes
end: function(){}, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
added: function(){}, //{NEW} Callback: function(slider) - Fires after a slide is added
removed: function(){} //{NEW} Callback: function(slider) - Fires after a slide is removed
}
//FlexSlider: Plugin Function
$.fn.flexslider = function(options) {
if (options === undefined) options = {};
if (typeof options === "object") {
return this.each(function() {
var $this = $(this),
selector = (options.selector) ? options.selector : ".slides > li",
$slides = $this.find(selector);
if ( ( $slides.length === 1 && options.allowOneSlide === true ) || $slides.length === 0 ) {
$slides.fadeIn(400);
if (options.start) options.start($this);
} else if ($this.data('flexslider') === undefined) {
new $.flexslider(this, options);
}
});
} else {
// Helper strings to quickly perform functions on the slider
var $slider = $(this).data('flexslider');
switch (options) {
case "play": $slider.play(); break;
case "pause": $slider.pause(); break;
case "stop": $slider.stop(); break;
case "next": $slider.flexAnimate($slider.getTarget("next"), true); break;
case "prev":
case "previous": $slider.flexAnimate($slider.getTarget("prev"), true); break;
default: if (typeof options === "number") $slider.flexAnimate(options, true);
}
}
}
})(jQuery);
//]]></script>
<script>//<![CDATA[
/*global jQuery */
/*!
* FitVids 1.0
*
* Copyright 2011, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
*
* Date: Thu Sept 01 18:00:00 2011 -0500
*/
/*global jQuery */
/*!
* FitVids 1.0
*
* Copyright 2011, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
*
* Date: Thu Sept 01 18:00:00 2011 -0500
*/
(function( $ ){
$.fn.fitVids = function( options ) {
var settings = {
customSelector: null
}
var div = document.createElement('div'),
ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0];
div.className = 'fit-vids-style';
div.innerHTML = '­<style> \
.fluid-width-video-wrapper { \
width: 100%; \
position: relative; \
padding: 0; \
} \
\
.fluid-width-video-wrapper iframe, \
.fluid-width-video-wrapper object, \
.fluid-width-video-wrapper embed { \
position: absolute; \
top: 0; \
left: 0; \
width: 100%; \
height: 100%; \
} \
</style>';
ref.parentNode.insertBefore(div,ref);
if ( options ) {
$.extend( settings, options );
}
return this.each(function(){
var selectors = [
"iframe[src*='player.vimeo.com']",
"iframe[src*='www.youtube.com']",
"iframe[src*='www.kickstarter.com']",
"object",
"embed"
];
if (settings.customSelector) {
selectors.push(settings.customSelector);
}
var $allVideos = $(this).find(selectors.join(','));
$allVideos.each(function(){
var $this = $(this);
if (this.tagName.toLowerCase() == 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
var height = this.tagName.toLowerCase() == 'object' ? $this.attr('height') : $this.height(),
aspectRatio = height / $this.width();
if(!$this.attr('id')){
var videoID = 'fitvid' + Math.floor(Math.random()*999999);
$this.attr('id', videoID);
}
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
$this.removeAttr('height').removeAttr('width');
});
});
}
})( jQuery );
//]]></script>
<script>//<![CDATA[
/*!
Colorbox v1.4.27 - 2013-07-16
jQuery lightbox and modal window plugin
(c) 2013 Jack Moore - http://www.jacklmoore.com/colorbox
license: http://www.opensource.org/licenses/mit-license.php
*/
(function(t,e,i){function o(i,o,n){var r=e.createElement(i);return o&&(r.id=te+o),n&&(r.style.cssText=n),t(r)}function n(){return i.innerHeight?i.innerHeight:t(i).height()}function r(t){var e=E.length,i=(j+t)%e;return 0>i?e+i:i}function l(t,e){return Math.round((/%/.test(t)?("x"===e?H.width():n())/100:1)*parseInt(t,10))}function h(t,e){return t.photo||t.photoRegex.test(e)}function s(t,e){return t.retinaUrl&&i.devicePixelRatio>1?e.replace(t.photoRegex,t.retinaSuffix):e}function a(t){"contains"in v[0]&&!v[0].contains(t.target)&&(t.stopPropagation(),v.focus())}function d(){var e,i=t.data(A,Z);null==i?(O=t.extend({},Y),console&&console.log&&console.log("Error: cboxElement missing settings object")):O=t.extend({},i);for(e in O)t.isFunction(O[e])&&"on"!==e.slice(0,2)&&(O[e]=O[e].call(A));O.rel=O.rel||A.rel||t(A).data("rel")||"nofollow",O.href=O.href||t(A).attr("href"),O.title=O.title||A.title,"string"==typeof O.href&&(O.href=t.trim(O.href))}function c(i,o){t(e).trigger(i),se.trigger(i),t.isFunction(o)&&o.call(A)}function u(){var t,e,i,o,n,r=te+"Slideshow_",l="click."+te;O.slideshow&&E[1]?(e=function(){clearTimeout(t)},i=function(){(O.loop||E[j+1])&&(t=setTimeout(J.next,O.slideshowSpeed))},o=function(){R.html(O.slideshowStop).unbind(l).one(l,n),se.bind(ne,i).bind(oe,e).bind(re,n),v.removeClass(r+"off").addClass(r+"on")},n=function(){e(),se.unbind(ne,i).unbind(oe,e).unbind(re,n),R.html(O.slideshowStart).unbind(l).one(l,function(){J.next(),o()}),v.removeClass(r+"on").addClass(r+"off")},O.slideshowAuto?o():n()):v.removeClass(r+"off "+r+"on")}function p(i){G||(A=i,d(),E=t(A),j=0,"nofollow"!==O.rel&&(E=t("."+ee).filter(function(){var e,i=t.data(this,Z);return i&&(e=t(this).data("rel")||i.rel||this.rel),e===O.rel}),j=E.index(A),-1===j&&(E=E.add(A),j=E.length-1)),g.css({opacity:parseFloat(O.opacity),cursor:O.overlayClose?"pointer":"auto",visibility:"visible"}).show(),V&&v.add(g).removeClass(V),O.className&&v.add(g).addClass(O.className),V=O.className,O.closeButton?P.html(O.close).appendTo(x):P.appendTo("<div/>"),$||($=q=!0,v.css({visibility:"hidden",display:"block"}),W=o(ae,"LoadedContent","width:0; height:0; overflow:hidden"),x.css({width:"",height:""}).append(W),_=b.height()+k.height()+x.outerHeight(!0)-x.height(),D=T.width()+C.width()+x.outerWidth(!0)-x.width(),N=W.outerHeight(!0),z=W.outerWidth(!0),O.w=l(O.initialWidth,"x"),O.h=l(O.initialHeight,"y"),J.position(),u(),c(ie,O.onOpen),B.add(S).hide(),v.focus(),O.trapFocus&&e.addEventListener&&(e.addEventListener("focus",a,!0),se.one(le,function(){e.removeEventListener("focus",a,!0)})),O.returnFocus&&se.one(le,function(){t(A).focus()})),w())}function f(){!v&&e.body&&(X=!1,H=t(i),v=o(ae).attr({id:Z,"class":t.support.opacity===!1?te+"IE":"",role:"dialog",tabindex:"-1"}).hide(),g=o(ae,"Overlay").hide(),L=t([o(ae,"LoadingOverlay")[0],o(ae,"LoadingGraphic")[0]]),y=o(ae,"Wrapper"),x=o(ae,"Content").append(S=o(ae,"Title"),M=o(ae,"Current"),K=t('<button type="button"/>').attr({id:te+"Previous"}),I=t('<button type="button"/>').attr({id:te+"Next"}),R=o("button","Slideshow"),L),P=t('<button type="button"/>').attr({id:te+"Close"}),y.append(o(ae).append(o(ae,"TopLeft"),b=o(ae,"TopCenter"),o(ae,"TopRight")),o(ae,!1,"clear:left").append(T=o(ae,"MiddleLeft"),x,C=o(ae,"MiddleRight")),o(ae,!1,"clear:left").append(o(ae,"BottomLeft"),k=o(ae,"BottomCenter"),o(ae,"BottomRight"))).find("div div").css({"float":"left"}),F=o(ae,!1,"position:absolute; width:9999px; visibility:hidden; display:none"),B=I.add(K).add(M).add(R),t(e.body).append(g,v.append(y,F)))}function m(){function i(t){t.which>1||t.shiftKey||t.altKey||t.metaKey||t.ctrlKey||(t.preventDefault(),p(this))}return v?(X||(X=!0,I.click(function(){J.next()}),K.click(function(){J.prev()}),P.click(function(){J.close()}),g.click(function(){O.overlayClose&&J.close()}),t(e).bind("keydown."+te,function(t){var e=t.keyCode;$&&O.escKey&&27===e&&(t.preventDefault(),J.close()),$&&O.arrowKey&&E[1]&&!t.altKey&&(37===e?(t.preventDefault(),K.click()):39===e&&(t.preventDefault(),I.click()))}),t.isFunction(t.fn.on)?t(e).on("click."+te,"."+ee,i):t("."+ee).live("click."+te,i)),!0):!1}function w(){var n,r,a,u=J.prep,p=++de;q=!0,U=!1,A=E[j],d(),c(he),c(oe,O.onLoad),O.h=O.height?l(O.height,"y")-N-_:O.innerHeight&&l(O.innerHeight,"y"),O.w=O.width?l(O.width,"x")-z-D:O.innerWidth&&l(O.innerWidth,"x"),O.mw=O.w,O.mh=O.h,O.maxWidth&&(O.mw=l(O.maxWidth,"x")-z-D,O.mw=O.w&&O.w<O.mw?O.w:O.mw),O.maxHeight&&(O.mh=l(O.maxHeight,"y")-N-_,O.mh=O.h&&O.h<O.mh?O.h:O.mh),n=O.href,Q=setTimeout(function(){L.show()},100),O.inline?(a=o(ae).hide().insertBefore(t(n)[0]),se.one(he,function(){a.replaceWith(W.children())}),u(t(n))):O.iframe?u(" "):O.html?u(O.html):h(O,n)?(n=s(O,n),U=e.createElement("img"),t(U).addClass(te+"Photo").bind("error",function(){O.title=!1,u(o(ae,"Error").html(O.imgError))}).one("load",function(){var e;p===de&&(U.alt=t(A).attr("alt")||t(A).attr("data-alt")||"",O.retinaImage&&i.devicePixelRatio>1&&(U.height=U.height/i.devicePixelRatio,U.width=U.width/i.devicePixelRatio),O.scalePhotos&&(r=function(){U.height-=U.height*e,U.width-=U.width*e},O.mw&&U.width>O.mw&&(e=(U.width-O.mw)/U.width,r()),O.mh&&U.height>O.mh&&(e=(U.height-O.mh)/U.height,r())),O.h&&(U.style.marginTop=Math.max(O.mh-U.height,0)/2+"px"),E[1]&&(O.loop||E[j+1])&&(U.style.cursor="pointer",U.onclick=function(){J.next()}),U.style.width=U.width+"px",U.style.height=U.height+"px",setTimeout(function(){u(U)},1))}),setTimeout(function(){U.src=n},1)):n&&F.load(n,O.data,function(e,i){p===de&&u("error"===i?o(ae,"Error").html(O.xhrError):t(this).contents())})}var g,v,y,x,b,T,C,k,E,H,W,F,L,S,M,R,I,K,P,B,O,_,D,N,z,A,j,U,$,q,G,Q,J,V,X,Y={transition:"elastic",speed:300,fadeOut:300,width:!1,initialWidth:"600",innerWidth:!1,maxWidth:!1,height:!1,initialHeight:"450",innerHeight:!1,maxHeight:!1,scalePhotos:!0,scrolling:!0,inline:!1,html:!1,iframe:!1,fastIframe:!0,photo:!1,href:!1,title:!1,rel:!1,opacity:.9,preloading:!0,className:!1,retinaImage:!1,retinaUrl:!1,retinaSuffix:"@2x.$1",current:"image {current} of {total}",previous:"previous",next:"next",close:"close",xhrError:"This content failed to load.",imgError:"This image failed to load.",open:!1,returnFocus:!0,trapFocus:!0,reposition:!0,loop:!0,slideshow:!1,slideshowAuto:!0,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",photoRegex:/\.(gif|png|jp(e|g|eg)|bmp|ico|webp)((#|\?).*)?$/i,onOpen:!1,onLoad:!1,onComplete:!1,onCleanup:!1,onClosed:!1,overlayClose:!0,escKey:!0,arrowKey:!0,top:!1,bottom:!1,left:!1,right:!1,fixed:!1,data:void 0,closeButton:!0},Z="colorbox",te="cbox",ee=te+"Element",ie=te+"_open",oe=te+"_load",ne=te+"_complete",re=te+"_cleanup",le=te+"_closed",he=te+"_purge",se=t("<a/>"),ae="div",de=0,ce={};t.colorbox||(t(f),J=t.fn[Z]=t[Z]=function(e,i){var o=this;if(e=e||{},f(),m()){if(t.isFunction(o))o=t("<a/>"),e.open=!0;else if(!o[0])return o;i&&(e.onComplete=i),o.each(function(){t.data(this,Z,t.extend({},t.data(this,Z)||Y,e))}).addClass(ee),(t.isFunction(e.open)&&e.open.call(o)||e.open)&&p(o[0])}return o},J.position=function(e,i){function o(){b[0].style.width=k[0].style.width=x[0].style.width=parseInt(v[0].style.width,10)-D+"px",x[0].style.height=T[0].style.height=C[0].style.height=parseInt(v[0].style.height,10)-_+"px"}var r,h,s,a=0,d=0,c=v.offset();if(H.unbind("resize."+te),v.css({top:-9e4,left:-9e4}),h=H.scrollTop(),s=H.scrollLeft(),O.fixed?(c.top-=h,c.left-=s,v.css({position:"fixed"})):(a=h,d=s,v.css({position:"absolute"})),d+=O.right!==!1?Math.max(H.width()-O.w-z-D-l(O.right,"x"),0):O.left!==!1?l(O.left,"x"):Math.round(Math.max(H.width()-O.w-z-D,0)/2),a+=O.bottom!==!1?Math.max(n()-O.h-N-_-l(O.bottom,"y"),0):O.top!==!1?l(O.top,"y"):Math.round(Math.max(n()-O.h-N-_,0)/2),v.css({top:c.top,left:c.left,visibility:"visible"}),y[0].style.width=y[0].style.height="9999px",r={width:O.w+z+D,height:O.h+N+_,top:a,left:d},e){var u=0;t.each(r,function(t){return r[t]!==ce[t]?(u=e,void 0):void 0}),e=u}ce=r,e||v.css(r),v.dequeue().animate(r,{duration:e||0,complete:function(){o(),q=!1,y[0].style.width=O.w+z+D+"px",y[0].style.height=O.h+N+_+"px",O.reposition&&setTimeout(function(){H.bind("resize."+te,J.position)},1),i&&i()},step:o})},J.resize=function(t){var e;$&&(t=t||{},t.width&&(O.w=l(t.width,"x")-z-D),t.innerWidth&&(O.w=l(t.innerWidth,"x")),W.css({width:O.w}),t.height&&(O.h=l(t.height,"y")-N-_),t.innerHeight&&(O.h=l(t.innerHeight,"y")),t.innerHeight||t.height||(e=W.scrollTop(),W.css({height:"auto"}),O.h=W.height()),W.css({height:O.h}),e&&W.scrollTop(e),J.position("none"===O.transition?0:O.speed))},J.prep=function(i){function n(){return O.w=O.w||W.width(),O.w=O.mw&&O.mw<O.w?O.mw:O.w,O.w}function l(){return O.h=O.h||W.height(),O.h=O.mh&&O.mh<O.h?O.mh:O.h,O.h}if($){var a,d="none"===O.transition?0:O.speed;W.empty().remove(),W=o(ae,"LoadedContent").append(i),W.hide().appendTo(F.show()).css({width:n(),overflow:O.scrolling?"auto":"hidden"}).css({height:l()}).prependTo(x),F.hide(),t(U).css({"float":"none"}),a=function(){function i(){t.support.opacity===!1&&v[0].style.removeAttribute("filter")}var n,l,a=E.length,u="frameBorder",p="allowTransparency";$&&(l=function(){clearTimeout(Q),L.hide(),c(ne,O.onComplete)},S.html(O.title).add(W).show(),a>1?("string"==typeof O.current&&M.html(O.current.replace("{current}",j+1).replace("{total}",a)).show(),I[O.loop||a-1>j?"show":"hide"]().html(O.next),K[O.loop||j?"show":"hide"]().html(O.previous),O.slideshow&&R.show(),O.preloading&&t.each([r(-1),r(1)],function(){var i,o,n=E[this],r=t.data(n,Z);r&&r.href?(i=r.href,t.isFunction(i)&&(i=i.call(n))):i=t(n).attr("href"),i&&h(r,i)&&(i=s(r,i),o=e.createElement("img"),o.src=i)})):B.hide(),O.iframe?(n=o("iframe")[0],u in n&&(n[u]=0),p in n&&(n[p]="true"),O.scrolling||(n.scrolling="no"),t(n).attr({src:O.href,name:(new Date).getTime(),"class":te+"Iframe",allowFullScreen:!0,webkitAllowFullScreen:!0,mozallowfullscreen:!0}).one("load",l).appendTo(W),se.one(he,function(){n.src="//about:blank"}),O.fastIframe&&t(n).trigger("load")):l(),"fade"===O.transition?v.fadeTo(d,1,i):i())},"fade"===O.transition?v.fadeTo(d,0,function(){J.position(0,a)}):J.position(d,a)}},J.next=function(){!q&&E[1]&&(O.loop||E[j+1])&&(j=r(1),p(E[j]))},J.prev=function(){!q&&E[1]&&(O.loop||j)&&(j=r(-1),p(E[j]))},J.close=function(){$&&!G&&(G=!0,$=!1,c(re,O.onCleanup),H.unbind("."+te),g.fadeTo(O.fadeOut||0,0),v.stop().fadeTo(O.fadeOut||0,0,function(){v.add(g).css({opacity:1,cursor:"auto"}).hide(),c(he),W.empty().remove(),setTimeout(function(){G=!1,c(le,O.onClosed)},1)}))},J.remove=function(){v&&(v.stop(),t.colorbox.close(),v.stop().remove(),g.remove(),G=!1,v=null,t("."+ee).removeData(Z).removeClass(ee),t(e).unbind("click."+te))},J.element=function(){return t(A)},J.settings=Y)})(jQuery,document,window);
//]]></script>
<script>
$(document).ready(function(){
$(".widget h2").wrapInner("<span/>");
});
</script>
<b:include data='blog' name='google-analytics'/>
</body>
</html>
