<!DOCTYPE html> <html...

Posté le 4 avril 2014
Télécharger | Reposter | Largeur fixe

<!DOCTYPE html>
<html lang="{{ Blog.Lang|default('en') }}" itemscope="" itemtype="http://schema.org/Blog">
<head>


{% title %}

{% meta %}



{% favicon %}


{% if Custom('google_webmaster_id') is not empty %}
<meta name="google-site-verification" content="{{ Custom('google_webmaster_id') }}" />
{% endif %}
{% if Custom('msn_webmaster_id') is not empty %}
<meta name="msvalidate.01" content="{{ Custom('msn_webmaster_id') }}" />
{% endif %}


<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ Blog.RssUrl }}" />
{% if Blog.CssUrl is not empty %}
<link rel="stylesheet" href="{{ Blog.CssUrl }}" type="text/css" />
{% endif %}



<meta name="list:title_display:label.TitleAndDescriptionDisplay" items="OnALightBox, OnADarkBox, OnAWhiteBox, OnABlackBox, Hidden" default="OnALightBox" group="general" />
<meta name="boolean:hide_description:label.HideDescription" default="false" group="general" />
<meta name="list:background_header:label.Image" items="none, Abstract-black, Abstract-blue, Abstract-blue-bubble, Abstract-blue-green, Abstract-blue-tech, Abstract-brown-blue, Abstract-colors, Abstract-cream, Abstract-gold, Abstract-green, Abstract-green2, Abstract-green3, Abstract-orange-pink, Abstract-pastel, Abstract-red, Abstract-round, Abstract-yellow, Amp-buttons, Animals-drawing, Apartment, Astrology, Baloon, Bass-guitar, Beach, Beach2, Beach3, Bike, Bikes, Binary-numbers, Biplan-plane, Black-car, Black-guitar, Black-leather, Blackboard, Blured-light, Boat, Book, Book-shelf, Bread, Briks, Brooklyn-bridge, Brown-texture, Cello, Chinese, Chocolate, Cinema, City-by-night, City-drawing, Concert, Cooking, Cooking2, Cork-stoppers, Dashboard, Desert, Desert-road, DJ, Dots, Drawing, Drawing-blue-flowers, Dressing, Eiffel-tower, Elephant, Eye, Fabric-green, Felin, Field, Finance, Fire, Fishes, Footing, Forest-autumn, Fruits, Gardening, Gold-paper, Gold-rings, Gold-wave, Golf, Graphiti, Graphiti2, Grass-and-tree, Guitars, Heart, Hearts, Hong-kong-by-night, Horses, Horses2, Iceberg, Lab, Ladybugs, Layout, Layout-and-tools, Lily-patern, London-by-night, Makeup, Makeup2, Microprocessor, Monument-valley, Monuments, Moon-rise, Moto, Moto2, Moto3, Mountain-snow, Muscles, Music-studio, New-york-by-night, NYC-direction, Old-books, Old-car, Old-stamps, Orange-car, Orange-stars, Oxeye-daisy, Paradise-island, Paris-sepia, Patchwork, Patchwork2, Penguins, Pets, Pets2, Piano, Pink-flower, Plane-and-clunds, Red-car, Red-old-car, Rose, Sailboat, Sea-sky, Seattle, Sewing, Sewing2, Shopping, Ski, Skull, Snowflake, Starting-block, Stream-car, Sunset, Surf, Surfer, Taxis-NYC, The-world, Tools, Vegetables, Watch-mechanism, White-flowers, White-rose, Writing, Yellow-biplan-plane, Zen, Zodiac" default="Abstract-green" group="general" />
<meta name="image:custom_header:label.UseMyOwnImage" group="general" />
<meta name="list:background_body:label.BackgroundColorOrPatern" items="Binding-dark, Black, Black-wood, Blue, Blue-bubbles, Blue-dots, Blue-green-stripes, Blue-grey-streaks, Blue-panther, Blue-stripes, Blue-tiles, Brown-stars, Chimerical-floral, Clouds, Colored-crayons, Curl, Dark-denim, Dark-evolution, Dark-floral, Dark-grey, Dark-linen, Dark-metal, Dark-mini-mosaic, Dark-mosaic, Dark-stars, Denim, Dots-on-green, Dots-on-pink, Dyeing, Fades-floral, Fantastic-butterfly, Fashion, Foil, Green, Green-crosses, Green-floral-fantasy, Green-optical, Grey, Grey-canvas, Grey-dots, Grey-mosaic, Grey-stripes, Hearts, Irregular-stripes, Light-circles, Light-dots, Light-floral, Light-grey, Light-hexa, Light-mosaic, Light-triangle, Light-wool, Midnight-blue, Multicolored-dots, Multicolored-gingham, Night-mosaic, Orange, Orange-stripes, Pink, Pink-dots, Pink-floral-fantasy, Pink-grey-stripes, Pink-lotus, Purple, Purple-capsules, Purple-dots, Purple-stripes, Red, Red-floral-fantasy, Red-gingham, Royal-blue, Royal-butterfly, Royal-red, Royal-green, Sand, Scholar, Snowman, Tweed, Vichy, White, Zen" default="Light-grey" group="general" />
<meta name="boolean:add_margin_header:label.AddMarginAroundHeader" default="true" group="general" />


<meta name="list:font:label.Fonts" items="Arimo, BookSerif, DroidSerif, ElegantSerif, Future, Garamond, Gothic, Handwright, Josefin, Lora, MerriweatherSansSerif, RalewaySansSerif, RobotoTrendySansSerif" default="" group="Text" />

<meta name="list:font_color:label.Colors" items="Black, Blue, Green, Grey, Iceberg, Ivory, Orange, Pink, Purple, Red" default="Black" group="Text" />
<meta name="list:font_size:label.Size" items="Small, Big, VeryBig" default="Big" group="Text" />
<meta name="list:background_content:label.BackgroundColorOrPatern" items="Leaves, Birds, Dust, Fabric, Fiber, Greyz, Ivory, Light-grey, Paper, Paper2, Squairy, White" default="White" group="Text" />


<meta name="list:menu_position:label.Position" items="BellowTheHeader, OnTopOfThePage" default="BellowTheHeader" group="MenuBar" />
<meta name="string:menu_link_label1:label.Menu1label" group="MenuBar" />
<meta name="string:menu_link_url1:label.Menu1link" group="MenuBar" />
<meta name="string:menu_link_label2:label.Menu2label" group="MenuBar" />
<meta name="string:menu_link_url2:label.Menu2link" group="MenuBar" />
<meta name="string:menu_link_label3:label.Menu3label" group="MenuBar" />
<meta name="string:menu_link_url3:label.Menu3link" group="MenuBar" />
<meta name="string:menu_link_label4:label.Menu4label" group="MenuBar" />
<meta name="string:menu_link_url4:label.Menu4link" group="MenuBar" />
<meta name="string:menu_link_label5:label.Menu5label" group="MenuBar" />
<meta name="string:menu_link_url5:label.Menu5link" group="MenuBar" />
<meta name="string:menu_link_label6:label.Menu6label" group="MenuBar" />
<meta name="string:menu_link_url6:label.Menu6link" group="MenuBar" />
<meta name="string:menu_link_label7:label.Menu7label" group="MenuBar" />
<meta name="string:menu_link_url7:label.Menu7link" group="MenuBar" />


<meta name="image:default_post_cover:label.defaultPostCover" group="graphical" />
<meta name="boolean:big_cover:label.DisplayBigCoverOnSummary" group="graphical" />


<meta name="boolean:display_widget_slideshow:label.displaySlideshow" group="widgetsList" />
<meta name="boolean:display_widget_related:label.displayRelated" group="widgetsList" default="true" />
<meta name="boolean:display_widget_blog_about:label.displayBlogAbout" group="widgetsList" />
<meta name="boolean:display_widget_follow_us:label.displayFollowUs" group="widgetsList" default="true" />
<meta name="boolean:display_widget_twitter:label.displayTwitter" group="widgetsList" default="true" />
<meta name="boolean:display_widget_facebook:label.displayFacebook" group="widgetsList" default="true" />
<meta name="boolean:display_widget_googleplus:label.displayGooglePlus" group="widgetsList" default="true" />
<meta name="boolean:display_widget_foursquare:label.displayFoursquare" group="widgetsList" default="true" />
<meta name="boolean:display_widget_instagram:label.displayInstagram" group="widgetsList" default="true" />
<meta name="boolean:display_widget_youtube:label.displayYoutube" group="widgetsList" default="true" />
<meta name="boolean:display_widget_flickr:label.displayFlickr" group="widgetsList" default="true" />
<meta name="boolean:display_widget_pinterest:label.displayPinterest" group="widgetsList" default="true" />
<meta name="boolean:display_widget_tumblr:label.displayTumblr" group="widgetsList" default="true" />
<meta name="boolean:display_widget_pages:label.displayPages" group="widgetsList" default="true" />
<meta name="boolean:display_widget_tags:label.displayTags" group="widgetsList" default="true" />
<meta name="boolean:display_widget_free_html_1:label.displayFreeModule1" group="widgetsList" default="true" />
<meta name="boolean:display_widget_subscribe:label.displaySubscribeForm" group="widgetsList" default="true" />
<meta name="boolean:display_widget_last_posts:label.displayLastPosts" group="widgetsList" default="true" />
<meta name="boolean:display_widget_search:label.displaySearchForm" group="widgetsList" default="true" />
<meta name="boolean:display_widget_blogroll:label.displayBlogroll" group="widgetsList" default="true" />
<meta name="boolean:display_widget_archives:label.displayArchives" group="widgetsList" default="true" />
<meta name="boolean:display_widget_free_html_2:label.displayFreeModule2" group="widgetsList" default="true" />

<meta name="tag:pinned_tag:label.pinnedTag" group="slideshowParameters" />

<meta name="string:about_title:label.Widgettitle" group="aboutParameters" />
<meta name="list:about_info:label.displayInfoFrom" items="Blog, Owner" default="Blog" group="aboutParameters" />

<meta name="string:follow_us_title:label.Widgettitle" group="followUsParameters" />
<meta name="string:facebook_username:label.facebookUsername" group="followUsParameters" />
<meta name="string:twitter_username:label.twitterUsername" group="followUsParameters" />
<meta name="string:instagram_username:label.instagramUsername" group="followUsParameters" />
<meta name="string:pinterest_username:label.pinterestUsername" group="followUsParameters" />
<meta name="string:foursquare_username:label.foursquareUsername" group="followUsParameters" />
<meta name="string:googleplus_username:label.googleplusUsername" group="followUsParameters" />
<meta name="string:linkedin_username:label.linkedinUsername" group="followUsParameters" />
<meta name="string:youtube_username:label.youtubeUsername" group="followUsParameters" />
<meta name="string:flickr_username:label.flickrUsername" group="followUsParameters" />
<meta name="string:bloglovin_username:label.bloglovinUsername" group="followUsParameters" />

<meta name="string:twitter_title:label.TitleOfTheTwitterWidget" group="SocialHub" default="Twitter" />
<meta name="string:twitter_number:label.QuantityOfTwitterPosts" group="SocialHub" default="1" />
<meta name="string:facebook_title:label.TitleOfTheFacebookWidget" group="SocialHub" default="Facebook" />
<meta name="string:facebook_number:label.QuantityOfFacebookPosts" group="SocialHub" default="1" />
<meta name="string:googleplus_title:label.TitleOfTheGooglePlusWidget" group="SocialHub" default="Google+" />
<meta name="string:googleplus_number:label.QuantityOfGooglePlusPosts" group="SocialHub" default="1" />
<meta name="string:foursquare_title:label.TitleOfTheFoursquareWidget" group="SocialHub" default="Foursquare" />
<meta name="string:foursquare_number:label.QuantityOfFoursquarePosts" group="SocialHub" default="1" />
<meta name="string:instagram_title:label.TitleOfTheInstagramWidget" group="SocialHub" default="Instagram" />
<meta name="string:instagram_number:label.QuantityOfInstagramPosts" group="SocialHub" default="1" />
<meta name="string:youtube_title:label.TitleOfTheYouTubeWidget" group="SocialHub" default="YouTube" />
<meta name="string:youtube_number:label.QuantityOfYoutubePosts" group="SocialHub" default="1" />
<meta name="string:flickr_title:label.TitleOfTheFlickrWidget" group="SocialHub" default="Flickr" />
<meta name="string:flickr_number:label.QuantityOfFlickrPosts" group="SocialHub" default="1" />
<meta name="string:pinterest_title:label.TitleOfThePinterestWidget" group="SocialHub" default="Pinterest" />
<meta name="string:pinterest_number:label.QuantityOfPinterestPosts" group="SocialHub" default="1" />
<meta name="string:tumblr_title:label.TitleOfTheTumblrWidget" group="SocialHub" default="Tumblr" />
<meta name="string:tumblr_number:label.QuantityOfTumblrPosts" group="SocialHub" default="1" />

<meta name="string:pages_title:label.Widgettitle" group="pagesParameters" />

<meta name="string:tags_title:label.Widgettitle" group="tagsParameters" />
<meta name="list:tags_number:label.numberOfCategories" items="10, 25, 50NotRecommended" default="10" group="tagsParameters" />

<meta name="string:free_title_1:label.Widgettitle" group="free1Parameters" />
<meta name="text:free_html_1:label.freeModuleHTML1" group="free1Parameters" />

<meta name="string:subscribe_title:label.Widgettitle" group="subscribeParameters" />

<meta name="string:last_posts_title:label.Widgettitle" group="lastPostsParameters" />

<meta name="string:search_title:label.Widgettitle" group="searchParameters" />

<meta name="string:blogroll_title:label.Widgettitle" group="blogrollParameters" />
<meta name="string:blogroll_name1:label.BlogName1" group="blogrollParameters" />
<meta name="string:blogroll_url1:label.BlogUrl1" group="blogrollParameters" />
<meta name="string:blogroll_name2:label.BlogName2" group="blogrollParameters" />
<meta name="string:blogroll_url2:label.BlogUrl2" group="blogrollParameters" />
<meta name="string:blogroll_name3:label.BlogName3" group="blogrollParameters" />
<meta name="string:blogroll_url3:label.BlogUrl3" group="blogrollParameters" />
<meta name="string:blogroll_name4:label.BlogName4" group="blogrollParameters" />
<meta name="string:blogroll_url4:label.BlogUrl4" group="blogrollParameters" />
<meta name="string:blogroll_name5:label.BlogName5" group="blogrollParameters" />
<meta name="string:blogroll_url5:label.BlogUrl5" group="blogrollParameters" />
<meta name="string:blogroll_name6:label.BlogName6" group="blogrollParameters" />
<meta name="string:blogroll_url6:label.BlogUrl6" group="blogrollParameters" />
<meta name="string:blogroll_name7:label.BlogName7" group="blogrollParameters" />
<meta name="string:blogroll_url7:label.BlogUrl7" group="blogrollParameters" />
<meta name="string:blogroll_name8:label.BlogName8" group="blogrollParameters" />
<meta name="string:blogroll_url8:label.BlogUrl8" group="blogrollParameters" />
<meta name="string:blogroll_name9:label.BlogName9" group="blogrollParameters" />
<meta name="string:blogroll_url9:label.BlogUrl9" group="blogrollParameters" />
<meta name="string:blogroll_name10:label.BlogName10" group="blogrollParameters" />
<meta name="string:blogroll_url10:label.BlogUrl10" group="blogrollParameters" />

<meta name="string:archives_title:label.Widgettitle" group="archivesParameters" />

<meta name="string:free_title_2:label.Widgettitle" group="free2Parameters" />
<meta name="text:free_html_2:label.freeModuleHTML2" group="free2Parameters" />

<meta name="boolean:share_googleplus:Google +" group="SharingButton" default="true" />
<meta name="boolean:share_twitter:Twitter" group="SharingButton" default="true" />
<meta name="boolean:share_facebook:Facebook" group="SharingButton" default="true" />
<meta name="boolean:share_linkedin:Linkedin" group="SharingButton" default="true" />
<meta name="boolean:share_overblog:Overblog" group="SharingButton" default="true" />
<meta name="boolean:share_pinterest:Pinterest" group="SharingButton" default="true" />

<meta name="boolean:related_display_cover:label.displayCover" group="relatedParameters" default="true" />

<meta name="list:display_mode:label.HowToDisplay" items="Summary,All" default="Summary" group="advanced" />
<meta name="constant:homeArticlesSource" content="OB" />




{% if Custom('font') == 'Arimo' %}
<link href='http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic|Leckerli+One' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'BookSerif' %}
<link href='http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,700,700italic|Sacramento' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'DroidSerif' %}
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic|Oswald:400,700' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'ElegantSerif' %}
<link href='http://fonts.googleapis.com/css?family=Parisienne|Alegreya:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'Future' %}
<link href='http://fonts.googleapis.com/css?family=Quantico:400,400italic,700,700italic|Audiowide' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'Garamond' %}
<link href='http://fonts.googleapis.com/css?family=EB+Garamond|Dancing+Script:400,700' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'Gothic' %}
<link href='http://fonts.googleapis.com/css?family=UnifrakturMaguntia|Lancelot' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'Handwright' %}
<link href='http://fonts.googleapis.com/css?family=Peralta|Merienda:400,700' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'Josefin' %}
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700,400italic,700italic|Amatic+SC' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'Lora' %}
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic|Raleway:400,700' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'MerriweatherSansSerif' %}
<link href='http://fonts.googleapis.com/css?family=Merienda+One|Merriweather+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'RalewaySansSerif' %}
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Raleway:400,700' rel='stylesheet' type='text/css'>
{% elseif Custom('font') == 'RobotoTrendySansSerif' %}
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
{% else %}
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'/>
{% endif %}


<link rel="stylesheet" href="//assets.over-blog-kiwi.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />


<link rel="stylesheet" href="//assets.over-blog-kiwi.com/t/catalog/jquery/nivo-slider/3.2/nivo-slider.css" type="text/css" />
<link rel="stylesheet" href="//assets.over-blog-kiwi.com/t/catalog/jquery/nivo-slider/3.2/themes/default/default.css" type="text/css" />

<style type="text/css">
/*----- Reset -----*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,textarea,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
pre{ white-space: normal;}

/* Standard styles */
.clear{
clear: both;
}
.clearfix:before, .clearfix:after{
content: "";
display: table;
}
.clearfix:after{
clear: both;
}

/* Theme styles */
/* Base */
html{
font-size: 62.5%;
}
body{
font-family: Georgia, Times, serif;
word-wrap: break-word;

}
h1, h2, h3, h4, h5, h6{
font-family: 'Arvo', Helvetica, Arial, sans-serif;
}
a{
text-decoration: none;
}
a:hover, a:focus, a:active{
text-decoration: underline;
}
ol ol, ul ul{
margin-bottom: 0;
}
.post ol, .post ul{
margin-left: 40px;
}
.no-margin{
margin: 0 !important;
}

/* Vertical grid */
body{
line-height: 20px;
}
p, ol, ul{
margin-bottom: 30px;
}
.global{
margin-bottom: 30px;
margin-top: 30px;
}
.blog-header,
.menu,
.slider-wrapper,
.widget,
.navigation,
.ob-pagination,
.share,
.ads,
.post,
.related,
.ob-section,
.ob-section-quote{
margin-bottom: 30px;
}
{% if Custom('display_mode') == 'All' %}
.left-content .post{
border-bottom: 1px solid #aaa;
margin-bottom: 15px;
padding-bottom: 14px;
}
{% endif %}

/* Font size & line-height */
{% if Custom('font_size') == 'Small' or Custom('font_size') is empty %}
body{
font-size: 1.4em;
}
h1{
font-size: 2.286em; /* 32px */
line-height: 45px;
margin: 40px 0 0 0;
}
h2{
font-size: 2.1em; /* 29px */
line-height: 45px;
margin: 20px 0 0 0;
}
h3{
font-size: 1.714em; /* 24px */
line-height: 35px;
margin: 20px 0 0 0;
}
h4{
font-size: 1.4286em; /* 20px */
line-height: 35px;
margin: 20px 0 0 0;
}
h5{
font-size: 1.2857em; /* 18px */
line-height: 35px;
margin: 20px 0 0 0;
}
h6{
font-size: 1.1429em; /* 16px */
line-height: 25px;
margin: 20px 0 0 0;
}
.footer h3{
font-size: 1.2857em; /* 18px */
}
.sidebar h3{
line-height: 43px;
}
{% elseif Custom('font_size') == 'Big' %}
body{
font-size: 1.6em;
line-height: 30px;
}
h1{
font-size: 2.500em; /* 40px */
line-height: 55px;
margin: 40px 0 0 0;
}
h2{
font-size: 2.188em; /* 35px */
line-height: 55px;
margin: 20px 0 0 0;
}
h3{
font-size: 1.5em; /* 24px */
line-height: 35px;
margin: 20px 0 0 0;
}
h4{
font-size: 1.375em; /* 22px */
line-height: 35px;
margin: 20px 0 0 0;
}
h5{
font-size: 1.250em; /* 20px */
line-height: 30px;
margin: 20px 0 0 0;
}
h6{
font-size: 1.125em; /* 18px */
line-height: 30px;
margin: 20px 0 0 0;
}
.footer h3{
font-size: 1.125em; /* 18px */
}
.sidebar h3{
line-height: 43px;
}
{% elseif Custom('font_size') == 'VeryBig' %}
body{
font-size: 2.2em;
line-height: 30px;
}
h1{
font-size: 2em; /* 44px */
line-height: 55px;
margin: 40px 0 0 0;
}
h2{
font-size: 1.591em; /* 35px */
line-height: 55px;
margin: 20px 0 0 0;
}
h3{
font-size: 1.455em; /* 32px */
line-height: 45px;
margin: 20px 0 0 0;
}
h4{
font-size: 1.364em; /* 30px */
line-height: 40px;
margin: 20px 0 0 0;
}
h5{
font-size: 1.273em; /* 28px */
line-height: 40px;
margin: 20px 0 0 0;
}
h6{
font-size: 1.182em; /* 26px */
line-height: 35px;
margin: 20px 0 0 0;
}
.footer h3{
font-size: 1.273em; /* 28px */
}
.sidebar{
font-size: 0.8em;
line-height: 25px;
}
.sidebar h3{
font-size: 1.4em; /* 25px */
line-height: 43px;
}
{% endif %}

.blog-header h1{
font-size: 45px;
line-height: 160px;
margin: 0;
}
{% if Custom('font') == 'Arimo' or Custom('font') == 'BookSerif' or Custom('font') == 'MerriweatherSansSerif' %}
.blog-header h1{
line-height: 80px;
}
{% endif %}

/* Global */
body{
background-color: #cccccc;
}
.global{
background-image: url(http://www.twitterevolutions.com/bgs/pink-brown-hearts-twitter-background.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
box-shadow: 4px 6px rgba(100, 100, 100, .3);
margin-left: auto;
margin-right: auto;
width: 980px;
}
{% if Custom('add_margin_header') or Custom('background_header') is empty and Custom('custom_header') is empty or Custom('background_header') == 'none' and Custom('custom_header') is empty %}
{# Force margin without background image #}
.blog-header{
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
}
{% endif %}
.blog-header p{
font-size: 22px;
line-height: 25px;
margin-bottom: 0;
}
.menu{
border-bottom: 1px solid #592828;
border-top: 1px solid #592828;
height: 38px; /* + borders = 40px */
margin-left: 20px;
margin-right: 20px;
margin-top: 0;
overflow: hidden;
}
.menu ul{
list-style: none;
margin: 0;
}
.menu li{
float: left;
}
.menu li+li{
margin-left: 20px;
}
.menu a{
color: #FFFFFF;
display: table-cell;
height: 38px; /* + borders = 40px */
vertical-align: middle;
}

.slider-wrapper{
height: 320px;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
width: 940px;
}
.slideshow{
position: relative;
}

.content-global{
margin: 0 20px;
}
.ob-section > *:first-child,
.ob-text > *:first-child,
.widget > *:first-child{
margin-top: 0;
}
.ob-section > *:last-child,
.ob-text > *:last-child,
.widget > *:last-child{
margin-bottom: 0;
}

/* left content : posts */
.left-content{
float: left;
margin: 0 20px 0 0;
width: 620px;
}
.special-title{
margin: 0 0 20px 0;
}
.post h2:first-child{
margin-top: 0;
}
{% if Custom('display_mode') != 'All' %}
.post-sidebox,
.post-content{
float: left;
}
.post-sidebox{
position: relative;
margin-right: 20px;
min-height: 30px;
width: 100px;
}
.post-date{
background-color: rgb(10, 10, 10); /* IE8 */
background-color: rgba(0, 0, 0, .85);
color: #EFEFEF;
padding: 5px 0;
position: absolute;
text-align: center;
width: 100px;
}
{% if not Custom('big_cover') %}
.post-content{
width: 480px;
}
{% else %}
.post-content{
width: 620px;
}
.post-cover{
float: left;
margin: 0 10px 10px 0;
}
{% endif %}
{% endif %}

.snippet{
margin-bottom: 10px;
}
.readmore{
margin-bottom: 0;
}
.readmore a{
font-size: 0.7em;
letter-spacing: .2em;
text-transform: uppercase;
}

/* Single post */
.ob-repost > p{
margin: 0;
}
.meta{
font-size: 0.9em;
font-style: italic;
}
.share h3{
margin: 0px 0 10px 0;
}
.share div{
display: inline-block;
vertical-align: top;
}
.facebook-share,
.linkedin-share,
.ob-share{
margin-right: 10px;
}
a.ob-repost-btn{
vertical-align: top;
}
.facebook-share .fb_iframe_widget > span {
vertical-align: top !important;
}

/* pagination */
.ob-pagination{
text-align: center;
}
.navigation a,
.ob-pagination .ob-page{
border: 1px solid #aaa;
display: inline-block;
text-align: center;
}
.navigation a{
padding: 12px 15px;
}
.ob-pagination .ob-page{
margin-bottom: 10px;
padding: 0 9px;
}

/* related */
.related h3{
margin: 0px 0 10px 0;
}
{% if Custom('related_display_cover') %}
.related ul{
margin-left: 0;
}
.related li{
display: block;
float: left;
width: 150px;
}
.related li+li{
padding-left: 6px;
}
{% endif %}

/* Comments */
.ob-commentsList{
font-family: inherit;
}
.ob-commentsList,
.ob-commentsList .ob-message .ob-text{
font-size: inherit;
}
.ob-commentsList .ob-message .ob-text{
line-height: inherit;
}
.item-comments h3,
.ob-commentsList .ob-info{
margin-bottom: 10px;
}

/* right content : sidebar */
.right-content{
float: right;
width: 300px;
}
.sidebar h3{
border-bottom: 0px solid #aaa;
border-top: 0px solid #aaa;
margin-bottom: 20px;
margin-top: 0;
}
.sidebar ul{
list-style: none;
}
.archives ul ul{
margin-left: 20px;
}
/* modules */
.about .avatar{
float: left;
max-height: 100px;
margin: 0 10px 10px 0;
}

/* Hub */
.right-content .post{
margin-bottom: 20px;
}
.widget .ob-section{
margin: 0;
}
.widget .ob-section-images{
margin-bottom: 10px;
}
.social-hub .cover{
display: block;
margin: 0 auto;
}

/* follow */
.follow ul{
list-style: none;
}
.follow li{
display: inline-block;
margin: 5px 10px 5px 0;
}
.follow a{
background: url('http://assets.over-blog-kiwi.com/t/catalog/images/follow/follow-24.png') no-repeat top left;
display: block;
height: 24px;
text-indent: -99999%;
width: 24px;
}
.follow .twitter a{
background-position: 0 0;
}
.follow .facebook a{
background-position: 0 -48px;
}
.follow .googleplus a{
background-position: 0 -96px;
}
.follow .pinterest a{
background-position: 0 -144px;
}
.follow .foursquare a{
background-position: 0 -192px;
}
.follow .instagram a{
background-position: 0 -240px;
}
.follow .flickr a{
background-position: 0 -288px;
}
.follow .youtube a{
background-position: 0 -336px;
}
.follow .linkedin a{
background-position: 0 -384px;
}
.follow .bloglovin a{
background-position: 0 -432px;
}
.follow .rss a{
background-position: 0 -480px;
}

/* subscribe */
.subscribe p{
margin-bottom: 10px;
}
.subscribe .ob-label{
display: none;
}
.subscribe .ob-form-field,
.subscribe .ob-input-submit{
display: inline-block;
margin: 0;
}
.subscribe .ob-input-email,
.search input[type="text"]{
width: 200px;
}

/* last posts */
.last-posts li{
display: block;
float: left;
height: 100px;
position: relative;
width: 100px;
}
.last-posts .caption{
background: #111;
background: rgba(17,17,17,0.95);
display: block;
height: 90px;
overflow: hidden;
padding: 5px;
position: absolute;
top: 0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
width: 90px;
}
.last-posts .cover + .caption{
filter:alpha(opacity=0);
opacity: 0;
}
.last-posts .caption a{
color: #FFF;
display: inline-block;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
line-height: 20px;
overflow: hidden;
width: 100%;
word-wrap: break-word;
}
.last-posts .cover + .caption a{
margin-left: -100px;
-webkit-transition: margin-left 300ms ease-out;
-moz-transition: margin-left 300ms ease-out;
-o-transition: margin-left 300ms ease-out;
transition: margin-left 300ms ease-out;
}
.last-posts li:hover .cover + .caption{
filter:alpha(opacity=100);
opacity: 1;
}
.last-posts li:hover .cover + .caption a{
margin-left: 0;
}

/* sections */
.ob-media{
max-width: 100%;
}
.ob-section-images{
width: 100%;
}
.ob-section-images img{
max-width: 100%;
vertical-align: top;
}
.ob-row-1-col,
.ob-row-2-col,
.ob-row-3-col{
margin-bottom: 20px;
}
.left-content .ob-row-1-col a{
margin: 0 10px;
}
.left-content .ob-row-2-col a+a{
margin-left: 20px;
}
.left-content .ob-row-3-col a+a{
margin-left: 10px;
}
.left-content .ob-row-1-col img{
max-width: 600px;
}
.ob-section-video{
width: 100%;
}
.ob-section-video iframe,
.ob-section-video object,
.ob-section-video embed{
max-width: 100%;
}
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
position: relative;
}
.ob-section-link .ob-img{
margin-right: 0;
}
.ob-section-link .ob-media-left{
margin-right: 20px;
}
.ob-section-link p.ob-title,
.ob-section-link p.ob-snippet{
padding-left: 20px;
padding-right: 20px;
}
.ob-section-link .ob-title .ob-link,
.ob-section-link p.ob-snippet,
.ob-section-link .ob-url .ob-link{
font-family: inherit;
font-size: inherit;
}
.ob-section .ob-desc {
font-size: 80%;
font-style: italic;
}
.ob-section-images .ob-desc,
.ob-section-audio .ob-desc{
margin-top: -20px;
}
.ob-section-html iframe,
.ob-section-html object,
.ob-section-html embed{
max-width: 100%;
}

/* forms */
input[type="text"],
input[type="email"],
input[type="submit"],
textarea{
border: 1px solid #525252;
padding: 4px 2px;
}
input[type="submit"]{
background-clip: padding-box;
background-color: #e1e1e1;
background-image: -webkit-linear-gradient(#f3f3f3, #e9e9e9);
background-image: -moz-linear-gradient(#f3f3f3, #e9e9e9);
background-image: -o-linear-gradient(#f3f3f3, #e9e9e9);
border: 1px solid #d0d0d0;
border-radius: 0.2em;
-webkit-box-shadow: inset 0px 0px 2px #fff;
-moz-box-shadow: inset 0px 0px 2px #fff;
-o-box-shadow: inset 0px 0px 2px #fff;
box-shadow: inset 0px 0px 2px #fff;
cursor: pointer;
overflow: visible;
padding: 4px 5px;
text-align: center;
text-shadow: 1px 1px 1px #fff;
white-space: nowrap;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active{
border: 1px solid #b0b0b0;
background-color: #ededed;
background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
background-image: -moz-linear-gradient(#e1e1e1, #ededed);
background-image: -o-linear-gradient(#e1e1e1, #ededed);
}
input[type="submit"]:active {
border: 1px solid #666;
-webkit-box-shadow: inset 0px 0px 3px #999;
-moz-box-shadow: inset 0px 0px 3px #999;
-o-box-shadow: inset 0px 0px 3px #999;
box-shadow: inset 0px 0px 3px #999;
}

{% if Blog.isAdEnabled %}
.ads{
margin-left: auto;
margin-right: auto;
}
.ads-728x90{
background-color: #fff;
box-shadow: 0 2px 6px rgba(100, 100, 100, .3);
padding: 2px;
margin-top: 20px;
max-height: 90px;
max-width: 728px;
}
.ads-620x250 .ads-300x250{
float: left;
}
.ads-620x250 .ads-300x250+.ads-300x250{
margin-left: 20px;
}
.ads-300{
text-align: center;
}
{% endif %}

{% if Custom('font_color') == 'Blue' %}
/* Blue */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #F7BCED;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #FAC1E7;
}
a:hover, a:focus, a:active{
color: #FFD0E9;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #e0e6f4;
border-color: #3a5599;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #c7d1eb;
}
{% elseif Custom('font_color') == 'Green' %}
/* Green */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #50896e;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color:#50896e;
}
a:hover, a:focus, a:active{
color: #51bb88;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #e4f4ec;
border-color: #50896e;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #d7efe4;
}
{% elseif Custom('font_color') == 'Grey' %}
/* Grey */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #424242;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #808080;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color:#000000;
}
a:hover, a:focus, a:active{
color: #7370dc;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #d5d5d5;
border-color: #808080;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #c4c4c4;
}
{% elseif Custom('font_color') == 'Iceberg' %}
/* Iceberg */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #556270;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #869ab0;
}
a:hover, a:focus, a:active{
color: #67809c;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #d8dfe6;
border-color: #869ab0;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #c4cdd8;
}
{% elseif Custom('font_color') == 'Ivory' %}
/* Ivory */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #8a8a7b;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #929266;
}
a:hover, a:focus, a:active{
color: #a8a883;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #eeeee7;
border-color: #8a8a7b;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #d9d9c9;
}
{% elseif Custom('font_color') == 'Orange' %}
/* Orange */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #e68a00;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #e69f35;
}
a:hover, a:focus, a:active{
color: #de901b;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #f7e0bd;
border-color: #e68a00;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #f3d19f;
}
{% elseif Custom('font_color') == 'Pink' %}
/* Pink */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #ff0066;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #ff0066;
}
a:hover, a:focus, a:active{
color: #dd0058;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #ffcce0;
border-color: #ff0066;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #fac;
}
{% elseif Custom('font_color') == 'Purple' %}
/* Purple */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #800080;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #9e009e;
}
a:hover, a:focus, a:active{
color: #d100d1;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #ffafff;
border-color: #800080;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #ff8dff;
}
{% elseif Custom('font_color') == 'Red' %}
/* Red */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #525252;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #ad1536;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #cc183d;
}
a:hover, a:focus, a:active{
color: #ae1434;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #fce7eb;
border-color: #ad1536;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #f9c8d2;
}
{% else %}
/* Défault Black */
body,
.ob-section-link .ob-snippet,
.ob-section-quote{
color: #FFDADA;
text-shadow:#000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.ob-section-link .ob-title .ob-link,
.ob-section-quote .ob-quote p:before,
.ob-section-quote .ob-quote p:after,
.ob-commentsList .ob-website{
color: #B29898;
}
a,
.ob-section.ob-section-link .ob-url .ob-link,
.ob-section.ob-section-quote .ob-link,
.ob-section-file .ob-link{
color: #7c7ce6;
}
a:hover, a:focus, a:active{
color: #66f;
}
.ob-section-link .ob-ctn,
.ob-section-quote,
.ob-section-file .ob-ctn,
.ob-commentsList .ob-message .ob-text{
background-color: #ddd;
border-color: #000000;
}
.ob-section-link .ob-url,
.ob-section-quote .ob-author,
.ob-section-quote .ob-source{
background-color: #c3c3c3;
}
{% endif %}

{% if Custom('font_color') == 'Blue' or Custom('font_color') == 'Grey' or Custom('font_color') == 'Iceberg' or Custom('font_color') == 'Ivory' %}
/* ob-footer */
.ob-footer a,
.ob-footer a:visited{
color: #7c7ce6;
}
.ob-footer a:hover,
.ob-footer a:focus,
.ob-footer a:active{
color: #66f;
}
{% endif %}

{% if Custom('font') == 'Arimo' %}
body{
font-family: 'Arimo', sans-serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Leckerli One', cursive;
}
{% elseif Custom('font') == 'BookSerif' %}
body{
font-family: 'Crimson Text', serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Sacramento', cursive;
}
{% elseif Custom('font') == 'DroidSerif' %}
body{
font-family: 'Droid Serif', serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Oswald', sans-serif;
}
{% elseif Custom('font') == 'ElegantSerif' %}
body{
font-family: 'Alegreya', serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Parisienne', cursive;
}
{% elseif Custom('font') == 'Future' %}
body{
font-family: 'Quantico', sans-serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Audiowide', cursive;
}
{% elseif Custom('font') == 'Garamond' %}
body{
font-family: 'EB Garamond', serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Dancing Script', cursive;
}
{% elseif Custom('font') == 'Gothic' %}
body{
font-family: 'Lancelot', cursive;
}
h1, h2, h3, h4, h5, h6{
font-family: 'UnifrakturMaguntia', cursive;
}
{% elseif Custom('font') == 'Handwright' %}
body{
font-family: 'Merienda', cursive;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Peralta', cursive;
}
{% elseif Custom('font') == 'Josefin' %}
body{
font-family: 'Josefin Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Amatic SC', cursive;
}
{% elseif Custom('font') == 'Lora' %}
body{
font-family: 'Lora', serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Raleway', sans-serif;
}
{% elseif Custom('font') == 'MerriweatherSansSerif' %}
body{
font-family: 'Merriweather Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Merienda One', cursive;
}
{% elseif Custom('font') == 'RalewaySansSerif' %}
body{
font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Playfair Display', serif;
}
{% elseif Custom('font') == 'RobotoTrendySansSerif' %}
body{
font-family: 'Roboto Slab', serif;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Roboto Slab', serif;
}
{% endif %}

{% if Custom('background_body') is not empty %}
body{
{% if Custom('background_body') == 'Black' %}
background-color: #000000;
{% elseif Custom('background_body') == 'Blue' %}
background-color: #6d9bba;
{% elseif Custom('background_body') == 'Dark-grey' %}
background-color: #404040;
{% elseif Custom('background_body') == 'Green' %}
background-color: #a0ba6d;
{% elseif Custom('background_body') == 'Grey' %}
background-color: #858585;
{% elseif Custom('background_body') == 'Light-grey' %}
background-color: #d0d0d0;
{% elseif Custom('background_body') == 'Midnight-blue' %}
background-color: #1c1e2a;
{% elseif Custom('background_body') == 'Orange' %}
background-color: #eeab54;
{% elseif Custom('background_body') == 'Pink' %}
background-color: #d7a4b6;
{% elseif Custom('background_body') == 'Purple' %}
background-color: #a58695;
{% elseif Custom('background_body') == 'Red' %}
background-color: #a02128;
{% elseif Custom('background_body') == 'White' %}
background-color: #ffffff;
{% else %}
background-image : url(http://assets.over-blog-kiwi.com/t/catalog/images/background/body/{{ Custom('background_body') }}.png);
{% endif %}
}
{% endif %}

{% if Custom('background_content') is not empty %}
.global, .ads-728x90{
{% if Custom('background_content') == 'Ivory' %}
background-color: #fffff0;
{% elseif Custom('background_content') == 'Light-grey' %}
background-color: #d0d0d0;
{% elseif Custom('background_content') == 'White' %}
background-color: #ffffff;
{% else %}
background-image : url(http://assets.over-blog-kiwi.com/t/catalog/images/background/content/{{ Custom('background_content') }}.png);
{% endif %}
}
{% endif %}

{% if Custom('custom_header') is not empty %}
{% if Custom('add_margin_header') %}
.blog-header{
background: none ;
}
{% else %}
.blog-header{
background: url({{ Custom('custom_header')|resize(980, 320)|crop }}) no-repeat center top;
}
{% endif %}
{% elseif Custom('background_header') is not empty and Custom('background_header') != "none" %}
.blog-header{
background: none;
}
{% endif %}

{% if Custom('custom_header') is not empty or Custom('background_header') is not empty and Custom('background_header') != 'none' %}
.blog-header{
height: 320px;
}
.title{
background-color: #FFE8E8;
display: inline-block;
max-height: 400px;
max-width: 500px;
overflow: hidden;
padding: 10px 100px;
position:relative;
}
{% if Custom('add_margin_header') == false %}
.title{
max-width: 900px;
}
{% endif %}
.title h1{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

{% if Custom('title_display') == 'OnAWhiteBox' or Custom('title_display') == 'OnABlackBox' %}
.blog-header{
{% if Custom('hide_description') %}
margin-bottom: 65px;
{% else %}
margin-bottom: 90px;
{% endif %}
}
.title{
display: block;
margin: 0 auto;
top: 255px;
}
.title .description{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
{% else %}
.title{
left: 20px;
opacity: 0.8;
top: 20px;
}
{% endif %}

{% if Custom('title_display') == 'OnABlackBox' or Custom('title_display') == 'OnADarkBox' %}
.title{
background: black;
color: white;
}
.title h1,
.title h1 a{
color: white;
}

{% endif %}
{% endif %}

{% if Custom('title_display') == "Hidden" %}
.title{
position: absolute;
top: -5000px;
}
{% endif %}

{% if Custom('menu_position') == 'OnTopOfThePage' %}
.global{
position: relative;
}
.menu{
background: white;
border: none;
height: 40px;
opacity: 0.8;
padding: 0 20px;
position: absolute;
top: 20px;
width: 900px;
}
.menu a{
color: black;
height: 40px;
}
{% if Custom('title_display') == 'OnABlackBox' or Custom('title_display') == 'OnADarkBox' %}
.menu{
background: black;
color: white;
}
.menu a{
color: white;
}
{% endif %}

{% if Custom('add_margin_header') == false %}
.menu{
margin: 0;
top: 0;
width: 940px;
}
{% endif %}

{% if Custom('title_display') == 'OnALightBox' or Custom('title_display') == 'OnADarkBox' %}
.title{
top: 60px;
}
{% endif %}

{% if Custom('custom_header') is empty and Custom('background_header') is empty or Custom('background_header') == 'none' %}
.title{
margin-bottom: 80px;
position: relative;
top: 60px;
}
{% endif %}
{% endif %}
</style>
</head>
<body>
<div id="fb-root"></div>
{% if Blog.isAdEnabled %}
<div class="ads ads-728x90">
{% ad(4) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#FFFFFF', 'border' : '#FFFFFF'} %}
</div>
{% endif %}
<div class="global clearfix">
<header class="blog-header" role="banner">
<div class="title">
<h1><a href="{{ Blog.Url }}" title="{{ Blog.Description }}">{{ Blog.Title }}</a></h1>
{% if not Custom('hide_description') %}
<p class="description">{{ Blog.Description }}</p>
{% endif %}
</div>
</header>

<nav class="menu" role="navigation">
<ul class="clearfix">
<li {% if isHome %}class="selected"{% endif %}>
<a class="selected" href="{{ Blog.Url }}">{{ Lang.Get('Home') }}</a>
</li>
{% if Custom('menu_link_label1') is not empty %}
<li {% if isHome %}class="selected"{% endif %}>
<a class="selected" href="{{ Custom('menu_link_url1') }}">{{ Custom('menu_link_label1') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label2') is not empty %}
<li {% if isTag and Tag.Title == "Custom('menu_link_label2')" %}class="selected"{% endif %}>
<a href="{{ Custom('menu_link_url2') }}">{{ Custom('menu_link_label2') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label3') is not empty %}
<li {% if isTag and Tag.Title == "Custom('menu_link_label3')" %}class="selected"{% endif %}>
<a href="{{ Custom('menu_link_url3') }}">{{ Custom('menu_link_label3') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label4') is not empty %}
<li {% if isTag and Tag.Title == "Custom('menu_link_label4')" %}class="selected"{% endif %}>
<a href="{{ Custom('menu_link_url4') }}">{{ Custom('menu_link_label4') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label5') is not empty %}
<li {% if isTag and Tag.Title == "Custom('menu_link_label5')" %}class="selected"{% endif %}>
<a href="{{ Custom('menu_link_url5') }}">{{ Custom('menu_link_label5') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label6') is not empty %}
<li {% if isTag and Tag.Title == "Custom('menu_link_label6')" %}class="selected"{% endif %}>
<a href="{{ Custom('menu_link_url6') }}">{{ Custom('menu_link_label6') }}</a>
</li>
{% endif %}
{% if Custom('menu_link_label7') is not empty %}
<li {% if isTag and Tag.Title == "Custom('menu_link_label7')" %}class="selected"{% endif %}>
<a href="{{ Custom('menu_link_url7') }}">{{ Custom('menu_link_label7') }}</a>
</li>
{% endif %}
<li><a href="/contact" title="{{ Lang.Get('Contact us') }}">{{ Lang.Get('Contact') }}</a></li>
</ul>
</nav>

{% if isHome and Custom('display_widget_slideshow') %}
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slideshow" class="slideshow">
{% if Custom('pinned_tag') is not empty %}
{% list Blog.TaggedPosts(Custom('pinned_tag'), 10) %}
{% if TaggedPost.Cover is not empty %}
<a href="{{ TaggedPost.Url }}">
<img src="{{ TaggedPost.Cover|resize(940, 320)|crop }}" alt="{{ TaggedPost.Title }}" title="{{ TaggedPost.Title }}" height="320" width="940" />
</a>
{% endif %}
{% endlist %}
{% else %}
{% list Posts %}
{% if Post.Cover is not empty %}
<a href="{{ Post.Url }}">
<img src="{{ Post.Cover|resize(940, 320)|crop }}" alt="{{ Post.Title }}" title="{{ Post.Title }}" height="320" width="940" />
</a>
{% endif %}
{% endlist %}
{% endif %}
</div>
</div>
{% endif %}

<div class="content-global clearfix">
<section class="left-content" role="main">
{% if isSpecial %}
<article class="post special">
{{ SpecialContent }}
</article>
<div class="ads-ctn ads-620x250 clearfix">
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
</div>
{% else %}
{% if isSearch or isTag %}
<h2 class="special-title">
{% if isSearch %}
{{ Search.ResultCount }} {{ Lang.Get('search results for') }} “{{ Search.Keyword }}”
{% else %}
{{ Tag.PostCount }} {{ Lang.Get('posts with') }} <strong>{{ Tag.Title }}</strong>
{% endif %}
</h2>
{% endif %}

{% list Posts %}
{% if isSingle %}
<article class="post">
<header class="header">
<h2>
{% if Post.Title is not empty %}
{{ Post.Title }}
{% else %}
{{ Lang.Get('A post from') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %} {{ Lang.Get('and') }} {% endif %}{% endlist %}
{% endif %}
</h2>

{% if isPost %}
<p class="meta">
<span class="meta-date">{{ Lang.Get('Published on') }}
<time datetime="{{ Post.Date }}" data-hover="{{ Post.Date|datel(Lang.Get('Default date format')) }}">
{{ Post.Date|datel(Lang.Get('Default date format')) }}
</time>
</span>
{% if Post.Author.Nickname is not empty %}
<span class="meta-author">{{ Lang.Get('by') }} {{ Post.Author.Nickname }}</span>
{% endif %}
</p>
{% elseif Post.Author.Nickname is not empty %}
<p class="meta">
<span class="meta-author">{{ Lang.Get('Published by') }} {{ Post.Author.Nickname }}</span>
</p>
{% endif %}
</header>

<div class="body">
{{ Post.Body }}
</div>

<footer class="footer">
{% if Post.Tags is not empty %}
<div class="tags">
<p class="tag">
{% list Post.Tags %}
{% if loop.first is not empty %}
<span>{{ Lang.Get('Tagged on') }}</span>
{% endif %}
<a href="{{ Tag.Url|lower }}">{{ Tag.Title }}</a>{% if loop.last is empty %}, {% endif %}
{% endlist %}
</p>
</div>
{% endif %}

{% if Custom('share_googleplus') or Custom('share_twitter') or Custom('share_facebook') or Custom('share_linkedin') or Custom('share_overblog') or Custom('share_pinterest') and Post.Cover is not empty %}
<div class="share">
<h3>{{ Lang.get('Share this post') }}</h3>
{% if Custom('share_googleplus') %}
<div class="google-share">
<div class="g-plusone" data-size="medium" data-href="{{ Post.Permalink }}"></div>
</div>
{% endif %}
{% if Custom('share_twitter') %}
<div class="twitter-share">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="{% if Post.Title is not empty %}{{ Post.Title }}{% elseif Post.Snippet is not empty %}{{ Post.Snippet}}{% else %}{{ Blog.Title }}{% endif %}" data-url="{{ Post.Permalink }}" data-lang="{{ Blog.Lang }}"{% if Custom('twitter_username') is not empty %} data-via="{{Custom('twitter_username')}}"{% endif %}></a>
</div>
{% endif %}
{% if Custom('share_facebook') %}
<div class="facebook-share">
<div class="fb-like" data-href="{{ Post.Permalink }}" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>
</div>
{% endif %}
{% if Custom('share_linkedin') %}
<div class="linkedin-share">
<script type="IN/Share" data-url="{{ Post.Permalink }}" data-counter="right" data-showzero="true"></script>
</div>
{% endif %}
{% if Custom('share_overblog') %}
<div class="ob-share">
{{ Post.RepostButton }}
</div>
{% endif %}
{% if Custom('share_pinterest') and Post.Cover is not empty %}
<div class="pinterest-share">
<a href="//www.pinterest.com/pin/create/button/?url={{ Post.Permalink }}&description={{ Post.Title }}" data-pin-do="buttonPin" data-pin-config="beside">
<img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>
</div>
{% endif %}
</div>
{% endif %}

{% if isPost %}
{% if Custom('display_widget_related') %}
<div class="related clearfix">
<h3>{{ Lang.Get('You might also like:') }}</h3>
{% list Post.Tags %}
{% if loop.first %}
<ul>
{% list Blog.TaggedPosts(Tag.Title, 5) if TaggedPost.Permalink != Post.Permalink %}
{% if loop.index < 5 %}
<li>
<a href="{{ TaggedPost.Permalink }}" rel="bookmark" class="related-title" title="{{ Post.Title }}">
{% if Custom('related_display_cover') %}
{% if TaggedPost.Cover is not empty %}
<img src="{{ TaggedPost.Cover|resize(150)|crop }}" alt="{{TaggedPost.Title}}" width="150" />
{% elseif Custom('default_post_cover') is not empty %}
<img src="{{ Custom('default_post_cover')|resize(150)|crop }}" alt="{{TaggedPost.Title}}" width="150" />
{% endif %}
{% endif %}
{% if TaggedPost.Title is not empty %}
{{ TaggedPost.Title|truncate(50) }} -
{% endif %}
{{ TaggedPost.Date|datel(Lang.Get("Default date format")) }}
</a>
</li>
{% endif %}
{% else %}
{% list Blog.Posts(4, ['OB']) %}
<li>
<a href="{{ Post.Permalink }}" rel="bookmark" class="related-title" title="{{ Post.Title }}">
{% if Custom('related_display_cover') %}
{% if Post.Cover is not empty %}
<img src="{{ Post.Cover|resize(150)|crop }}" alt="{{ Post.Title }}" width="150" />
{% elseif Custom('default_post_cover') is not empty %}
<img src="{{ Custom('default_post_cover')|resize(150)|crop }}" alt="{{ Post.Title }}" width="150" />
{% endif %}
{% endif %}
{% if Post.Title is not empty %}
{{ Post.Title|truncate(50) }} -
{% endif %}
{{ Post.Date|datel(Lang.Get("Default date format")) }}
</a>
</li>
{% endlist %}
{% endlist %}
</ul>
{% endif %}
{% else %}
<ul>
{% list Blog.Posts(4, ['OB']) %}
<li>
<a href="{{ Post.Permalink }}" rel="bookmark" class="related-title" title="{{ Post.Title }}">
{% if Custom('related_display_cover') %}
{% if Post.Cover is not empty %}
<img src="{{ Post.Cover|resize(150)|crop }}" alt="{{ Post.Title }}" width="150" />
{% elseif Custom('default_post_cover') is not empty %}
<img src="{{ Custom('default_post_cover')|resize(150)|crop }}" alt="{{ Post.Title }}" width="150" />
{% endif %}
{% endif %}
{% if Post.Title is not empty %}
{{ Post.Title|truncate(50) }} -
{% endif %}
{{ Post.Date|datel(Lang.Get("Default date format")) }}
</a>
</li>
{% endlist %}
</ul>
{% endlist %}
</div>
{% endif %}

{% if Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
<div class="navigation" class="single">
{% if Navigation.PreviousPost is not empty %}
<a class="prev" href="{{ Navigation.PreviousPost.Permalink }}" title="{{ Navigation.PreviousPost.Title }}">« {% if Navigation.PreviousPost.Title is not empty %}{{ Navigation.PreviousPost.Title | truncate(20) }}{% else %}{{ Lang.Get('Previous post') }}{% endif %}</a>
{% endif %}

{% if Navigation.NextPost is not empty %}
<a class="next" href="{{ Navigation.NextPost.Permalink }}" title="{{ Navigation.NextPost.Title }}" >{% if Navigation.NextPost.Title is not empty %}{{ Navigation.NextPost.Title | truncate(20) }}{% else %}{{ Lang.Get('Next post') }}{% endif %} »</a>
{% endif %}
</div>
{% endif %}

{% if Blog.isAdEnabled %}
<div class="ads-ctn ads-620x250 clearfix">
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
</div>
{% endif %}

{% if isPost and Post.ShowComments is not empty %}
<div class="item-comments" id="comments" >
<h3>{{ Lang.get('Comment this post') }}</h3>
{% if Custom("comment") == "Facebook" %}
<div class="fb-comments" data-href="{{ Post.Permalink }}" data-num-posts="10" data-width="570"></div>
{% elseif Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<div id="disqus_thread"></div>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
{% else %}
{{ Post.Comments }}
{% endif %}
</div>
{% endif %}
{% endif %}
</footer>
</article>
{% else %}
<article class="post clearfix">
{% if Custom('display_mode') != 'All' and not Custom('big_cover') %}
<a href="{{ Post.Permalink }}" class="post-sidebox" title="{{ Post.Snippet }}">
<time class="post-date" datetime="{{ Post.Date }}" data-hover="{{ Post.Date|datel(Lang.Get('simple date format')) }}">
{{ Post.Date|datel(Lang.Get('short date format')) }}
</time>

{% if Post.Cover is not empty or Custom('default_post_cover') is not empty %}
<div class="post-cover">
<img src="{% if Post.Cover is not empty %}{{ Post.Cover|resize(100,100)|crop }}{% else %}{{ Custom('default_post_cover')|resize(100,100)|crop }}{% endif %}" alt="{{ Post.Title }}" width="100" height="100" />
</div>
{% endif %}
</a>
{% endif %}

<div class="post-content">
<header class="header">
<h2>
<a title="{{ Post.Snippet }}" href="{{ Post.Permalink }}">
{% if Post.Title is not empty %}
{{ Post.Title }}
{% else %}
{{ Lang.Get('A post from') }} {% list Post.Sources %}{{ Lang.Get(Source) }}{% if not loop.last %} {{ Lang.Get('and') }} {% endif %}{% endlist %}
{% endif %}
</a>
</h2>
{% if Custom('display_mode') == 'All' or Custom('big_cover') %}
<p class="meta">
<span class="meta-date">{{ Lang.Get('Published on') }}
<time datetime="{{ Post.Date }}" data-hover="{{ Post.Date|datel(Lang.Get('Default date format')) }}">
{{ Post.Date|datel(Lang.Get('Default date format')) }}
</time>
</span>
{% if Post.Author.Nickname is not empty %}
<span class="meta-author">{{ Lang.Get('by') }} {{ Post.Author.Nickname }}</span>
{% endif %}
</p>
{% endif %}
</header>

{% if Custom('display_mode') != 'All' %}
<div class="body clearfix">
{% if Custom('big_cover') and Post.Cover is not empty or Custom('default_post_cover') is not empty %}
<div class="post-cover">
<img src="{% if Post.Cover is not empty %}{{ Post.Cover|resize(300,200)|crop }}{% else %}{{ Custom('default_post_cover')|resize(300,200)|crop }}{% endif %}" alt="{{ Post.Title }}" width="300" height="200" />
</div>
{% endif %}
<p class="snippet">{{ Post.Snippet }}</p>
</div>
{% else %}
<div class="body">
{{ Post.Body }}
</div>
<footer class="footer">
{% if Post.Tags is not empty %}
<div class="tags">
<p class="tag">
{% list Post.Tags %}
{% if loop.first is not empty %}
<span>{{ Lang.Get('Tagged on') }}</span>
{% endif %}
<a href="{{ Tag.Url|lower }}">{{ Tag.Title }}</a>{% if loop.last is empty %}, {% endif %}
{% endlist %}
</p>
</div>
{% endif %}

{% if Custom('share_googleplus') or Custom('share_twitter') or Custom('share_facebook') or Custom('share_linkedin') or Custom('share_overblog') or Custom('share_pinterest') and Post.Cover is not empty %}
<div class="share">
<h3>{{ Lang.get('Share this post') }}</h3>
{% if Custom('share_googleplus') %}
<div class="google-share">
<div class="g-plusone" data-size="medium" data-href="{{ Post.Permalink }}"></div>
</div>
{% endif %}
{% if Custom('share_twitter') %}
<div class="twitter-share">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="{% if Post.Title is not empty %}{{ Post.Title }}{% elseif Post.Snippet is not empty %}{{ Post.Snippet}}{% else %}{{ Blog.Title }}{% endif %}" data-url="{{ Post.Permalink }}" data-lang="{{ Blog.Lang }}"{% if Custom('twitter_username') is not empty %} data-via="{{Custom('twitter_username')}}"{% endif %}></a>
</div>
{% endif %}
{% if Custom('share_facebook') %}
<div class="facebook-share">
<div class="fb-like" data-href="{{ Post.Permalink }}" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>
</div>
{% endif %}
{% if Custom('share_linkedin') %}
<div class="linkedin-share">
<script type="IN/Share" data-url="{{ Post.Permalink }}" data-counter="right" data-showzero="true"></script>
</div>
{% endif %}
{% if Custom('share_overblog') %}
<div class="ob-share">
{{ Post.RepostButton }}
</div>
{% endif %}
{% if Custom('share_pinterest') and Post.Cover is not empty %}
<div class="pinterest-share">
<a href="//www.pinterest.com/pin/create/button/?url={{ Post.Permalink }}&description={{ Post.Title }}" data-pin-do="buttonPin" data-pin-config="beside">
<img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>
</div>
{% endif %}
</div>
{% endif %}
</footer>
{% endif %}

<p class="readmore">
{% if Custom('display_mode') != 'All' %}
<a href="{{ Post.Permalink }}">
{{ Lang.Get('Read more') }}
</a>
{% elseif Post.ShowComments is not empty %}
{% if Custom("comment") == "Disqus" and Custom('comment_disqus') is not empty %}
<a title="{{ Lang.Get('comments') }}" href="{{ Post.PermaLink }}#disqus_thread"></a>
{% else %}
<a title="{{ Lang.Get('comments') }}" href="{{ Post.PermaLink }}#comments">
{% if Custom("comment") == "Facebook" %}
<fb:comments-count href={{ Post.Permalink }}></fb:comments-count> {{ Lang.Get('comments') }}
{% else %}
{{ Post.CommentCount(Lang.Get('ncomment'), Lang.Get('ncomments')) }}
{% endif %}
</a>
{% endif %}
{% endif %}
</p>
</div>
</article>
{% if Blog.isAdEnabled %}
{% if Custom('display_mode') == 'All' and loop.first or Custom('display_mode') == 'Summary' and loop.index == 3 or Custom('display_mode') is empty and loop.index == 3 %}
<div class="ads-ctn ads-620x250 clearfix">
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
</div>
{% endif %}
{% endif %}
{% endif %}
{% else %}
<p class="error">
{% if isSearch %}
{{ Lang.Get('No result for this expression') }}.
{% else %}
{{ Lang.Get('No post') }}.
{% endif %}
</p>
{% if Blog.isAdEnabled %}
<div class="ads-ctn ads-620x250 clearfix">
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
<div class="ads ads-300x250">
{% ad(1) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if not isSingle and not isSpecial %}
{% pagination %}
{% endif %}

</section>
<section class="right-content" role="complementary">
<aside class="sidebar">
{% if Blog.isAdEnabled %}
<div class="widget ads ads-160x90">
{% if Custom('font_color') == 'Blue' %}
{# Blue #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#3a5599', 'link' : '#3a5599', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Green' %}
{# Green #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#50896e', 'link' : '#50896e', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Grey' %}
{# Grey #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#424242', 'url' : '#3530c7', 'link' : '#3530c7', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Iceberg' %}
{# Iceberg #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#869ab0', 'link' : '#869ab0', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Ivory' %}
{# Ivory #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#929266', 'link' : '#929266', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Orange' %}
{# Orange #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#e69f35', 'link' : '#e69f35', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Pink' %}
{# Pink #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#ff0066', 'link' : '#ff0066', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Purple' %}
{# Purple #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#800080', 'link' : '#800080', 'border' : '#ffffff'} %}
{% elseif Custom('font_color') == 'Red' %}
{# Red #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#525252', 'url' : '#cc183d', 'link' : '#cc183d', 'border' : '#ffffff'} %}
{% else %}
{# Défault Black #}
{% ad(12) with {'background' : '#ffffff', 'text' : '#000000', 'url' : '#6666ff', 'link' : '#6666ff', 'border' : '#ffffff'} %}
{% endif %}
</div>
{% endif %}

{% if Custom('display_widget_blog_about') %}
<div class="widget about clearfix">
<h3>{{ Custom('about_title')|default(Lang.Get('About the blog')) }}</h3>
{% if Custom('about_info') is empty or Custom('about_info') == 'Blog' %}
{% if Blog.Avatar is not empty %}
<a class="avatar" href="{{ Blog.Avatar }}" title="{{ Blog.Title }}">
<img src="{{ Blog.Avatar|resize(100,100)|crop }}" width="100" height="100" />
</a>
{% endif %}
<p>{{ Blog.Description }}</p>
{% else %}
{% if Blog.Owner.Avatar is not empty %}
<a class="avatar" href="{{ Blog.Owner.Avatar }}" title="{{ Blog.Title }}">
<img src="{{ Blog.Owner.Avatar|resize(100,100)|crop }}" width="100" height="100" />
</a>
{% endif %}
<p>{{ Blog.Owner.Bio }}</p>
{% endif %}
</div>
{% endif %}

{% if Custom('display_widget_follow_us') %}
<div class="widget follow">
<h3>{{ Custom('follow_us_title')|default(Lang.Get('Follow me')) }}</h3>
<ul>
{% if Custom('facebook_username') is not empty %}
<li class="facebook">
<a href="http://facebook.com/{{ Custom('facebook_username') }}" target="_blank">Facebook</a>
</li>
{% endif %}
{% if Custom('twitter_username') is not empty %}
<li class="twitter">
<a href="http://twitter.com/{{ Custom('twitter_username') }}" target="_blank">Twitter</a>
</li>
{% endif %}
{% if Custom('instagram_username') is not empty %}
<li class="instagram">
<a href="http://instagram.com/{{ Custom('instagram_username') }}" target="_blank">Instagram</a>
</li>
{% endif %}
{% if Custom('pinterest_username') is not empty %}
<li class="pinterest">
<a href="http://pinterest.com/{{ Custom('pinterest_username') }}" target="_blank">Pinterest</a>
</li>
{% endif %}
{% if Custom('foursquare_username') is not empty %}
<li class="foursquare">
<a href="http://foursquare.com/{{ Custom('foursquare_username') }}" target="_blank">Foursquare</a>
</li>
{% endif %}
{% if Custom('googleplus_username') is not empty %}
<li class="googleplus">
<a href="http://plus.google.com/u/0/{{ Custom('googleplus_username') }}" target="_blank">Google+</a>
</li>
{% endif %}
{% if Custom('linkedin_username') is not empty %}
<li class="linkedin">
<a href="http://linkedin.com/in/{{ Custom('linkedin_username') }}" target="_blank">Linkedin</a>
</li>
{% endif %}
{% if Custom('youtube_username') is not empty %}
<li class="youtube">
<a href="https://www.youtube.com/user/{{ Custom('youtube_username') }}" target="_blank">YouTube</a>
</li>
{% endif %}
{% if Custom('flickr_username') is not empty %}
<li class="flickr">
<a href="http://www.flickr.com/photos/{{ Custom('flickr_username') }}" target="_blank">Flickr</a>
</li>
{% endif %}
{% if Custom('bloglovin_username') is not empty %}
<li class="bloglovin">
<a href="http://www.bloglovin.com/en/blog/{{ Custom('bloglovin_username') }}" target="_blank">Bloglovin</a>
</li>
{% endif %}
<li class="rss">
<a href="{{ Blog.RssUrl }}">RSS</a>
</li>
</ul>
</div>
{% endif %}

{% if Blog.isAdEnabled %}
<div class="widget ads ads-300">
{% ad(14) with {'background' : '#ffffff', 'text' : '#9d928b', 'url' : '#9d928b', 'link' : '#000', 'border' : '#FFFFFF'} %}
</div>
{% endif %}

{% if Custom('display_widget_twitter') and Custom('twitter_title') and Custom('twitter_number') is not empty %}
{% list Blog.Posts(Custom('twitter_number'), ['TW']) %}
{% if loop.first %}
<div class="widget social-hub twitter">
<h3>{{ Custom('twitter_title') }}</h3>
{% endif %}

{{ Post.Body(1) }}

{% if loop.last %}
<a href="/social/twitter">{{ Lang.Get('More tweets') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_facebook') and Custom('facebook_title') and Custom('facebook_number') is not empty %}
{% list Blog.Posts(Custom('facebook_number'), ['FB']) %}
{% if loop.first %}
<div class="widget social-hub facebook">
<h3>{{ Custom('facebook_title') }}</h3>
{% endif %}

<article class="post">
<p class="no-margin">
<a href="{{ Post.Permalink }}">
{{ Post.Date|datel(Lang.Get('Default date format')) }}
</a>
</p>
{% if Post.Cover is not empty %}
<a href="{{ Post.Permalink }}"><img class="cover" src="{{ Post.Cover|resize(300) }}" /></a>
{% endif %}
<p class="no-margin">
{{ Post.Snippet }}
</p>
</article>

{% if loop.last %}
<a href="/social/facebook">{{ Lang.Get('More posts') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_googleplus') and Custom('googleplus_title') and Custom('googleplus_number') is not empty %}
{% list Blog.Posts(Custom('googleplus_number'), ['GP']) %}
{% if loop.first %}
<div class="widget social-hub googplus">
<h3>{{ Custom('googleplus_title') }}</h3>
{% endif %}

<article class="post">
<p class="no-margin">
<a href="{{ Post.Permalink }}">
{{ Post.Date|datel(Lang.Get('Default date format')) }}
</a>
</p>
{% if Post.Cover is not empty %}
<a href="{{ Post.Permalink }}"><img class="cover" src="{{ Post.Cover|resize(300) }}" /></a>
{% endif %}
<p class="no-margin">
{{ Post.Snippet }}
</p>
</article>

{% if loop.last %}
<a href="/social/googleplus">{{ Lang.Get('More posts') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_foursquare') and Custom('foursquare_title') and Custom('foursquare_number') is not empty %}
{% list Blog.Posts(Custom('foursquare_number'), ['FS']) %}
{% if loop.first %}
<div class="widget social-hub foursquare">
<h3>{{ Custom('foursquare_title') }}</h3>
{% endif %}

<article class="post">
<a href="{{ Post.Permalink }}"><img src="{{ Post.Cover|resize(300) }}" /></a>
<a href="{{ Post.Permalink }}" class="title-fours">{{ Post.Title }}</a>
</article>

{% if loop.last %}
<a href="/social/foursquare">{{ Lang.Get('More spots') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_instagram') and Custom('instagram_title') and Custom('instagram_number') is not empty %}
{% list Blog.Posts(Custom('instagram_number'), ['IG']) %}
{% if loop.first %}
<div class="widget social-hub instagram">
<h3>{{ Custom('instagram_title') }}</h3>
{% endif %}

<article class="post">
{% list Post.Sections %}
{% if Section.Type == 'images' or Section.Type == 'video' %}
{{ Section.Body }}
{% endif %}
{% endlist %}
</article>

{% if loop.last %}
<a href="/social/instagram">{{ Lang.get('More pictures') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_youtube') and Custom('youtube_title') and Custom('youtube_number') is not empty %}
{% list Blog.Posts(Custom('youtube_number'), ['YT']) %}
{% if loop.first %}
<div class="widget social-hub youtube">
<h3>{{ Custom('youtube_title') }}</h3>
{% endif %}

<article class="post">
<p class="no-margin">
<a href="{{ Post.Permalink }}">
{{ Post.Date|datel(Lang.Get('Default date format')) }}
</a>
</p>
{% list Post.Sections %}
{% if Section.Type == 'video' %}
{{ Section.Body }}
{% endif %}
{% endlist %}
</article>

{% if loop.last %}
<a href="/social/youtube">{{ Lang.get('More videos') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_flickr') and Custom('flickr_title') and Custom('flickr_number') is not empty %}
{% list Blog.Posts(Custom('flickr_number'), ['FL']) %}
{% if loop.first %}
<div class="widget social-hub flickr">
<h3>{{ Custom('flickr_title') }}</h3>
{% endif %}

<article class="post">
{{ Post.Body }}
</article>

{% if loop.last %}
<a href="/social/flickr">{{ Lang.get('More pictures') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_pinterest') and Custom('pinterest_title') and Custom('pinterest_number') is not empty %}
{% list Blog.Posts(Custom('pinterest_number'), ['PT']) %}
{% if loop.first %}
<div class="widget social-hub pinterest">
<h3>{{ Custom('pinterest_title') }}</h3>
<ul>
{% endif %}

<article class="post">
{% list Post.Sections %}
{% if Section.Type == 'images' %}
<a href="{{ Post.Permalink }}">{{ Section.Body }}</a>
{% endif %}
{% endlist %}
</article>

{% if loop.last %}
</ul>
<p><a href="/social/pinterest">{{ Lang.get('More pins') }}</a></p>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_tumblr') and Custom('tumblr_title') and Custom('tumblr_number') is not empty %}
{% list Blog.Posts(Custom('tumblr_number'), ['TR']) %}
{% if loop.first %}
<div class="widget social-hub tumblr">
<h3>{{ Custom('tumblr_title') }}</h3>
{% endif %}

<article class="post">
{{ Post.Body }}
</article>

{% if loop.last %}
<a href="/social/tumblr">{{ Lang.Get('More posts') }}</a>
</div>
{% endif %}
{% endlist %}
{% endif %}

{% if Custom('display_widget_pages') and Blog.Pages is not empty %}
<div class="widget pages">
<h3>{{ Custom('pages_title')|default(Lang.Get('Pages')) }}</h3>
<ul>
{% list Blog.Pages %}
<li><a href='{{ Page.Url }}'>{{ Page.Title }}</a></li>
{% endlist %}
</ul>
</div>
{% endif %}

{% if Custom('display_widget_tags') and Blog.PostsTags is not empty %}
<div class="widget tags">
<h3>{{ Custom('tags_title')|default(Lang.Get('Categories')) }}</h3>
<ul>
{% if Custom('tags_number') == '50NotRecommended' %}
{% list Blog.PostsTags(50) %}
<li {% if isTag and Tag.Title == PostsTag.Title %}class="active"{% endif %}>
<a href="{{ PostsTag.Url }}">
{{ PostsTag.Title|title }} ({{ PostsTag.PostCount }})
</a>
</li>
{% endlist %}
{% else %}
{% list Blog.PostsTags(Custom('tags_number')|default(10)) %}
<li {% if isTag and Tag.Title == PostsTag.Title %}class="active"{% endif %}>
<a href="{{ PostsTag.Url }}">
{{ PostsTag.Title|title }} ({{ PostsTag.PostCount }})
</a>
</li>
{% endlist %}
{% endif %}
</ul>
</div>
{% endif %}

{% if Custom('display_widget_free_html_1') %}
{% if Custom('free_title_1') or Custom('free_html_1') %}
<div class="widget freeModule">
<h3>{{ Custom('free_title_1') }}</h3>
<div class="box-content">{{ Custom('free_html_1') }}</div>
</div>
{% endif %}
{% endif %}

{% if Custom('display_widget_subscribe') %}
<div class="widget subscribe">
<h3>{{ Custom('subscribe_title')|default(Lang.Get('Subscribe')) }}</h3>
<div class="box-content clearfix">
<p>{{ Lang.Get('Subscribe to be notified about future posts.') }}</p>
{% email_notification %}
</div>
</div>
{% endif %}

{% if Custom('display_widget_last_posts') and Blog.Posts is not empty %}
<div class="widget last-posts">
<h3>{{ Custom('last_posts_title')|default(Lang.Get('Last posts')) }}</h3>
<ul class="clearfix">
{% list Blog.Posts(6) %}
<li>
{% if Post.Cover is not empty or Custom('default_post_cover') is not empty %}
<a class="cover" href="{{ Post.Permalink }}" title="{{ Lang.Get('More about') }} {% if Post.Title is not empty %}"{{ Post.Title }}"{% else %}{{ Lang.Get('this post') }}{% endif %}">
<img src="{% if Post.Cover is not empty %}{{ Post.Cover | resize(100) | crop }}{% else %}{{ Custom('default_post_cover') | resize(100) | crop }}{% endif %}" alt="" width="100" height="100" />
</a>
{% endif %}
<p class="caption">
<a href="{{ Post.Permalink }}" title="{{ Post.Snippet }}">
{% if Post.Title is not empty %}
{{ Post.Title|truncate(35, false, '...') }}
{% else %}
{{ Lang.Get('Published from') }} {{ Lang.Get(Post.getFirstSource) }}
{% endif %}
</a>
</p>
</li>
{% endlist %}
</ul>
</div>
{% endif %}

{% if Custom('display_widget_search') %}
<div class="widget search" id="search">
<h3>{{ Custom('search_title')|default(Lang.Get('Search')) }}</h3>
<form class="search" action="/search" method="post">
<input type="text" value="" name="q" />
<input type="submit" value="{{ Lang.Get('Search') }}" />
</form>
</div>
{% endif %}

{% if Custom('display_widget_blogroll') %}
{% if Custom('blogroll_url1') is not empty or Custom('blogroll_url2') is not empty or Custom('blogroll_url3') is not empty or Custom('blogroll_url4') is not empty or Custom('blogroll_url5') is not empty or Custom('blogroll_url6') is not empty or Custom('blogroll_url7') is not empty or Custom('blogroll_url8') is not empty or Custom('blogroll_url9') is not empty or Custom('blogroll_url10') is not empty %}
<div class="widget blogroll">
<h3>{{ Custom('blogroll_title')|default(Lang.Get('Blogroll')) }}</h3>
<ul class="list">
{% if Custom('blogroll_url1') is not empty %}
<li>
<a href="{{ Custom('blogroll_url1') }}" target="_blank">
{% if Custom('blogroll_name1') is not empty %}
{{ Custom('blogroll_name1') }}
{% else %}
{{ Custom('blogroll_url1') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url2') is not empty %}
<li>
<a href="{{ Custom('blogroll_url2') }}" target="_blank">
{% if Custom('blogroll_name2') is not empty %}
{{ Custom('blogroll_name2') }}
{% else %}
{{ Custom('blogroll_url2') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url3') is not empty %}
<li>
<a href="{{ Custom('blogroll_url3') }}" target="_blank">
{% if Custom('blogroll_name3') is not empty %}
{{ Custom('blogroll_name3') }}
{% else %}
{{ Custom('blogroll_url3') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url4') is not empty %}
<li>
<a href="{{ Custom('blogroll_url4') }}" target="_blank">
{% if Custom('blogroll_name4') is not empty %}
{{ Custom('blogroll_name4') }}
{% else %}
{{ Custom('blogroll_url4') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url5') is not empty %}
<li>
<a href="{{ Custom('blogroll_url5') }}" target="_blank">
{% if Custom('blogroll_name5') is not empty %}
{{ Custom('blogroll_name5') }}
{% else %}
{{ Custom('blogroll_url5') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url6') is not empty %}
<li>
<a href="{{ Custom('blogroll_url6') }}" target="_blank">
{% if Custom('blogroll_name6') is not empty %}
{{ Custom('blogroll_name6') }}
{% else %}
{{ Custom('blogroll_url6') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url7') is not empty %}
<li>
<a href="{{ Custom('blogroll_url7') }}" target="_blank">
{% if Custom('blogroll_name7') is not empty %}
{{ Custom('blogroll_name7') }}
{% else %}
{{ Custom('blogroll_url7') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url8') is not empty %}
<li>
<a href="{{ Custom('blogroll_url8') }}" target="_blank">
{% if Custom('blogroll_name8') is not empty %}
{{ Custom('blogroll_name8') }}
{% else %}
{{ Custom('blogroll_url8') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url9') is not empty %}
<li>
<a href="{{ Custom('blogroll_url9') }}" target="_blank">
{% if Custom('blogroll_name9') is not empty %}
{{ Custom('blogroll_name9') }}
{% else %}
{{ Custom('blogroll_url9') }}
{% endif %}
</a>
</li>
{% endif %}
{% if Custom('blogroll_url10') is not empty %}
<li>
<a href="{{ Custom('blogroll_url10') }}" target="_blank">
{% if Custom('blogroll_name10') is not empty %}
{{ Custom('blogroll_name10') }}
{% else %}
{{ Custom('blogroll_url10') }}
{% endif %}
</a>
</li>
{% endif %}
</ul>
</div>
{% endif %}
{% endif %}

{% if Custom('display_widget_archives') and Blog.Archives is not empty %}
<div class="widget archives">
<h3>{{ Custom('archives_title')|default(Lang.Get('Archives')) }}</h3>
<ul id="archive-list">
{% list Blog.Archives %}
<li class="archive-year">
<a href="#">{{ Archive.Year }}</a>
<ul id="archive-year-{{ Archive.Year }}" class="archive-months">
{% list Archive.Months %}
{% if Month.PostCount > 0 %}
<li><a href="{{ Month.Url }}">{{ Lang.Get(Month.Name) }}</a> ({{ Month.PostCount }})</li>
{% endif %}
{% endlist %}
</ul>
</li>
{% endlist %}
</ul>
</div>
{% endif %}

{% if Custom('display_widget_free_html_2') %}
{% if Custom('free_title_2') or Custom('free_html_2') %}
<div class="widget freeModule">
<h3>{{ Custom('free_title_2') }}</h3>
<div class="box-content">{{ Custom('free_html_2') }}</div>
</div>
{% endif %}
{% endif %}
</aside>
</section>
</div>
</div>

<script type="text/javascript" src="//assets.over-blog-kiwi.com/t/catalog/jquery/source/1.10.2/jquery-1.10.2.min.js"></script>


<script type="text/javascript" src="//assets.over-blog-kiwi.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js?v=2.1.5"></script>


<script type="text/javascript" src="//assets.over-blog-kiwi.com/t/catalog/jquery/nivo-slider/3.2/jquery.nivo.slider.pack.js"></script>

{% if Custom('share_linkedin') %}
<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: {{ Lang.Locale('full') }}
</script>
{% endif %}

<script type="text/javascript">
{% if Custom('google_analytics') is not empty %}
// Google Analytics
window.google_analytics_uacct = '{{Custom('google_analytics')}}';
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{{Custom('google_analytics')}}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);

(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
{% endif %}

$(document).ready(function() {
// FancyBox
$(".ob-section-images a, .ob-link-img, .asset-img-link, .avatar").attr("rel", "fancybox");
$("a[rel='fancybox']").fancybox({
'overlayShow' : true,
'overlayColor' : '#000',
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'type' : 'image'
});

// Google + button
window.___gcfg = {lang: '{{ Blog.Lang }}'};
(function() {
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);
})();

// Twitter share + tweets
!function(d,s,id){
var js, fjs = d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}
}(document,"script","twitter-wjs");

// Facebook comments + share
{% if Custom('share_facebook') or Custom("comment") == "Facebook" %}
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/{{ Lang.Locale('full') }}/all.js#xfbml=1&appId={{ Custom('facebook_appid')|default('284865384904712')}}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
{% endif %}

// Pinterest
{% if Custom('share_pinterest') and Post.Cover is not empty %}
(function(d){
var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
p.type = 'text/javascript';
p.async = true;
p.src = '//assets.pinterest.com/js/pinit.js';
f.parentNode.insertBefore(p, f);
}(document));
{% endif %}

{% if isPost and Custom('comment') == 'Disqus' %}
var disqus_shortname = '{{ Custom('comment_disqus') }}';
(function() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
{% endif %}

{% if isHome and Custom('display_widget_slideshow') %}
$('#slideshow').nivoSlider({
effect : "fade",
animSpeed: 1000,
pauseTime: 5000,
slices: 1,
boxCols: 1,
boxRows: 1,
controlNav: false,
prevText: '{{ Lang.get("Previous") }}',
nextText: '{{ Lang.get("Next") }}'
});
{% endif %}

{% if Custom('display_widget_archives') %}
// Archives
// Hide years without months
$(".archive-year").each(function() {
if ($(this).find(".archive-months li").length == 0) {
$(this).hide();
}
});
$('.archive-year:nth-child(n+2)').find(".archive-months").hide();
$('.archive-year > a').click(function(event) {
event.preventDefault();
$(this).siblings(".archive-months").slideToggle(1);
});
{% endif %}
});
</script>
</body>
</html>