RECENT OR FEATURED POST AND RECENT COMMENTS AUTO IN SIDEBAR

Tuesday, 27 May 2014

RECENT OR FEATURED POST AND RECENT COMMENTS AUTO IN SIDEBAR

RECENT OR FEATURED POST AND RECENT COMMENTS IN SIDEBAR

------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
-------------------------------------------------------------------------------------------------------

<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

-----------------------------------------------
Blogger Template Style
Name: RECENT POST AND RECENT COMMENTS IN SIDEBAR
Designer: FB GADGETS
http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}
* {
border: 0;
margin: 0;
padding: 0;
}

body {
background: #222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQgZfMR6yJbXnhxVNaNa7EuzHo9T5PaoIvvnTsSR5eJk_g9efUjmyppOCHxMc7_NHhsSWZtz7tF5g5IPwrl6NsviujnGQKsWRq6mxExbql3gNCPleiDHELMVWL17GEAueMwedEdiLA0_A/s2400/body_bg.jpg) center center no-repeat fixed;
font: 12px/18px Droid Sans,Arial, Helvetica, Sans-serif;
color: #666;
line-height: 22px;
position: relative;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
a {
color: #2790B0;
text-decoration: none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
a:hover {
text-decoration:none;

}
a img {
border-width: 0;
}
input, select, textarea {
border: #ddd 1px solid;
font-size: 12px;
padding: 5px;
}
select {
padding: 0;
}
li {
list-style: none;
}
#page {
width: 1024px;
background: #fff;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
-o-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
margin: 0 auto;
overflow: hidden;
}

#top {
background: #303235;
height: 30px;
padding: 0px 20px 0px 20px;
margin: 0 auto;
z-index: 99;
}

#wrapper-container {
width: 984px;
margin: 0 auto;
overflow: hidden;
}
#col1 {
width: 665px;
float: left;
}
#col2 {
float: right;
width: 300px;
}
.subcol {
width: 150px;
}
.subcol h2 {
font-size: 14px;
padding: 0 0 10px;
color: #999999;
}

#header {

}
#headerlogo {
float: left;
display: inline;
line-height: 100px;
font-size: 24px;
width: 230px;
overflow: hidden;
height: 110px;
margin-bottom: 15px;
overflow: hidden;
}
#headerlogo img {width: 100%;
margin-top: 30px;
height: 60px;}
#header h1 {
float: left;
display: inline;
line-height: 100px;
font-size: 24px;
}
#header h1 a {
display: block;
height: 93px;
width: 389px;
color: #000;
font-size: 28px;
}
#topbanner {
float: right;
width: 730px;
}
#topbanner img {
float: right;
}
#topbanner h2 {
display: none;
}
.headerbanner{margin-top:20px;}

#submenu{
background: #333;
width: 984px;
height: 48px;
margin-bottom:20px;
}

#rss a {
color: #666;
}
#rss h2 {
padding: 10px;
font-size: 14px;
margin-bottom: 10px;
}
#rss ul {
margin: 0;
padding: 10px;
float: left;
}
#rss li {
margin: 0;
border: none !important;
padding: 5px;
}
#rss img {
float: right;
padding-left: 10px;
margin-top: 5px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-left:10px;
margin-right:auto;
margin-top:5px;
}
.post {
margin: 0;
border-bottom:1px solid #DFDFDF;
padding-top:10px;
padding-bottom:5px;
}

html[xmlns] .clearfix {
display:block;
}

.article-right {
overflow:hidden;
}

.box-left {
line-height:22px;
}

.article-title-area {
float:right;
width:100%;
}

h2.article-title {
color:#444;
font-size: 24px;
line-height: 1.27;
padding:0 40px 5px 0;
border-bottom: 3px solid #E5E5E5;
border-style: double;
}

p.posted {
border-top:1px solid #DFDFDF;
margin:10px 0 10px 0;
}
.author_info {
float: left;
width: 96%;
min-height: 80px;
padding: 10px;
border: 1px solid #EBEBEB;
margin-bottom: 15px;
margin-top: 15px;
background: whiteSmoke;
}
.author_info h3 {
margin-bottom: 10px;
color:#2266BB;
}
.author_photo {
float: left;
margin: 0 10px 0 0px;
}
.author_photo img {
border: 1px solid #999;
box-shadow: 0 0 4px rgba(67, 225, 231, 0.44);
padding:4px;
background:#fff;
}
.continue {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4bLXe7jxTVpAWUSjPsiuvFOAMv-B1EGSj7SL7AdQ22l9oTYxjj2gHr1ETWfesBR0Mwi0166OICiV0rJ1Xj9pr3w4O5bvmCJEzT15DjxrWLC7QOOQZ0Emf1K76iMljdNJrXK1B1sVWEdGk/s1600/ico-arrow.gif) no-repeat left;
font-weight: bold;
padding-left: 15px;
}
.comments-ink {
padding-bottom: 0 !important;
}
.navigation {
width: 595px;
margin-bottom: 15px;
float: left;
padding: 15px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
#mpu_banner {
width: 300px;
height: auto;
margin-bottom: 15px;
padding: 9px;
border: 1px solid #ddd;
background: #eee;
}

#sidebar {
float: left;
margin-top: 10px;
display: block;
position: relative;
width: 100%;
}
#sidebar h2 {
font-weight: 400;
font-size: 13px;
line-height: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #DDD;
margin-left: 75px;
}
#sidebar h2 a{color:#555;}
.sidebar li {
background: none;
border-bottom: 1px solid #EEE;
padding: 8px;
padding-left: 22px;
}
#sidebartop .widget {
margin-top: 10px;
}
#sidebartop {
float: left;
width: 100%;
}
#sidebarleft {
width: 150px;
float: left;
}
#sidebarright {
width: 150px;
float: right;
}
#sidebar .widget {
margin-bottom: 10px;
}
#subscribe {
background: #FBFBFB;
padding: 8px 5px;
border: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
font-size: 8px;
}
.widget-subs{margin-bottom:30px;}

.subs-widget-wrapper{
padding: 15px;
background: #E5E5E5;
}
.subs-widget-title{
padding-bottom: 8px;
margin-bottom: 10px;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #F3F3F3;
}
.subs-widget-form p{padding-bottom:10px;}
.subs-widget-form{
padding-bottom:20px;border-bottom: 1px solid #F3F3F3;}

.subs_input {
background: white;
font-size: 10px;
color: #959595;
border: none;
padding: 8px 6px 8px 6px;
margin-bottom: 18px;
min-width: 182px;
}
.subs_submit{
background: #333;
border: none;
font-size: 11px;
color: white;
padding: 6.5px 12px;
margin-bottom: 18px;
margin-left: -4px;
margin-top: -2px;
cursor:pointer;
}
.subs_submit:hover{background:#2790B0;}
.subscribe_icons { width:286px; margin:0px auto; }
.subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; }
.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; }
.subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); }
.subscribe_icons .subscribe_buzz a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2C80LeL3lE9nei_vyIfSXjPEVggv6kDXpbNEj0ljesdBBUY7b_H-g1l9S0lh178uhajgr7kMJHV_Ru9j8AMYBlyKrm8FsME6P7ef04kiiDCqR9nMa-XOLWm2dYAcJNIZ4EuDFCriNogE/s1600/buzz.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RC6mslyH5YY4AqVsnQGm26XGhPKchcdwC1sL3dH8rRsuWDTAaO31vu6rT-j73S-kMc2Vb-6krlCIDPA1DcCPjgqI0Tbtefk_4RjrM_ll_uu63fIWINAPqK3KRKjCda-gFm3H_a-5JXM/s1600/twitter1.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYftVI3E0UiRVc1_mkvmLEWUmJUNtA0xkozCDROpiKYCsKSk3nMfDHzYiug5MRJeGZIk6rGHSwxnNnqPpcQW2nGlx6D7leYwmZPwyuwON40pb7VZl1xX3KrSlS3MQzWztImigDmYhcDKo/s1600/facebook1.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xGIKW9I2kc8s3ykuYzKJjcSVb2ACnhRjbNUjy2W5ITTo6EgScIjUXtwOz5YRV31EJqT0NNV584_4bbmmLpDFjGtYARaU-OigyfNfKHxb98vZY7BIE3VkSP51Fia14wjOVbI0wNdlwA0/s1600/rss1.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kuKbe8GlaqUYCfj-jxcj4KHoXKIk4LuYo9MdU-bPzO3SqHXSrHjphk2jWVtbbUf3TkC_EQLLzUlAKduP137MyZnmU9ebGYs4qEKmz6UoYt0EsLn8Zl8CZF8iXLt6u8AcKhGuEjLHQdU/s1600/email.png) center top no-repeat; }
.article-thumbnail {
display: inline-block;
float: left;
margin-right: 15px;
}
.article-thumbnail img{
width: 300px;
height: 148px;

}
#archiveboxx {
margin-bottom: 15px;
padding: 10px;
color: #000 !important;
background: #FFFFCC;
border: 1px solid #CCCCCC;
}
#archiveboxx h4, #archiveboxx h3, #archiveboxx h2 {
color: #333;
}
#archiveboxx h4 em, #archiveboxx h2 em, #archiveboxx h3 em {
font-weight: normal;
color: #c00;
}
#archiveboxx a, #archiveboxx h2 {
color: #2266BB;
}
.singletags {
margin-top: 5px;
}
.singletags a {
font-weight: normal !important;
text-decoration: underline;
color: #000;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}
ol.commentlist p {
margin-bottom: 10px;
line-height: 20px;
}
ol.commentlist cite {
font-style: normal;
font-weight: bold;
}
ol.commentlist li {
padding: 20px 10px 10px;
}
ol.commentlist li.alt {
padding: 10px 10px 0 10px !important;
background: #f7f7f7;
border: 1px solid #eee;
}
#comment {
width: 595px;
float: left;
margin-bottom: 15px;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
padding-left : 20px;
border : none;
float : left;
}
#blog-pager-older-link {
float : right;
padding-right : 20px;
border : none;
}

#blog-pager {
color:#777777;
font-weight:bold;
letter-spacing:1px;
margin:0 0 20px;
padding:0;
text-transform:uppercase;
height:32px;
}

.blog-pager a {
color : #333;
}

.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}
.bgfooter {
height:20px;
margin-bottom:10px;
margin-top:10px;
}
#footer {
border-top: 5px solid #D5D5D5;
padding: 10px 0 0 0;
background: #333;
color: #858585;
}
#footer img {
vertical-align: middle;
margin-left: 5px;
}
.fleft {
float:left;
text-align:left;
font-size:11px;
}
.fright {
float:right;
text-align:right;
font-size:11px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tFnXGuDacQByxGvliMDG05sOJJbZFtYjpzzOjwqtS8YML7DCRB0OO-lw3Qf_nBq44XKVa5wMYI-HWSHQC8_3gIquesSqLM75miZQZdUfZMb186fUvDiSudzLuUCH-XesnNevdxxFADGn/) no-repeat;
margin-top:5px;
margin-right : 2px;
}

.comment-bubble a {
color:#282828;
display:block;
font-size:18px;
padding:5px 5px 5px 0;
text-align:center;
}

.comment-bubble a:hover {
text-decoration:underline;
}
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ECF1EF;
border-left: 3px solid #6CE26C;
}
.codeview li {
font-size : 10px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
#comments h4 {
color:#666666;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border:1px solid #E8DEC4;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:0px solid #E8DEC4;
border-right:0px solid #E8DEC4;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:0px solid #E8DEC4;
border-left:0px solid #E8DEC4;
border-right:0px solid #E8DEC4;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}

/* Tabs Widget */
#tabber {
background: #fff;
display: block;
height: auto;
margin: 0 0 25px 0;
clear:both;
}

#tabber ul.tabs {
background: #fff;
padding: 0 0;
}
#tabber ul.tabs li {
background: none;
border-bottom: 0;
color: #fff;
cursor: pointer;
display: inline;
float: left;
font-size: 11px;
font-weight: bold;
padding: 0 0 0 0;
}
#tabber ul.tabs li a.selected, #tabber ul.tabs li a:hover {
background: #2790B0;
color: #fff;
text-decoration: none;
}
#tabber ul.tabs li a {
background: #333;
color: #fff;
display: block;
float: left;
line-height: 22px;
padding: 6px 15px;
text-transform: uppercase;
}
#tabber #tag-cloud, #tabber .inside li {
padding: 10px 10px 10px 0;
}
#tabber .inside li {
background: none;
border-bottom: 1px solid #E9E9E9;
display: block;
clear: both;
min-height: 65px;
}
#tabber .inside li a {
color: #555;
line-height: 19px;
font-size: 13px;
}
#tabber .inside li div.info {
display: table;
margin: 0 !important;
padding: 0 !important;
top: 0 !important;
}
#tabber .inside li span.meta {
color: #999;
display: block;
font: 11px/20px Arial;
}
#tabber .inside li span.meta a {
color: #999;
}
#tabber .inside li span.meta a:hover {
text-decoration: none;
}
#tabber .inside li img.avatar, #tabber .inside li img.thumb {
float: left;
margin: 0 10px 10px 0;
}
#tabber .tab-thumb {
float: left;
margin: 0 10px 10px 0;
}
.avatarImage.avatarRound {
float: left;
height: 60px;
margin-right: 10px;}
#tagsd a {
padding: 3px;
font-size: 15px;
}
.item-thumbnail-center {
float: left;
margin-right: 5px;
}
.slides img {
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
}
#footer .slides img{
border: 1px solid #777676;
padding: 3px;
}
.slides h2 {
border: none !important;
}
.PopularPosts li img {
padding-right: .4em;
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
}

/* Twitter Widget */

#twitter_update_list_tj_twitter-3 {
background: #fff;
overflow: hidden;
clear: both;
}

.widget_tj_twitter {
margin: 0 0 15px 0;
}
.widget_tj_twitter > div {
border-top: none;
padding: 0;
}
.widget_tj_twitter .widget-title {
font-size: 14px;
color: white;
padding: 7px 15px 0 0px;
height: 33px;
overflow: hidden;
}
.widget_tj_twitter li {border-bottom: 1px solid #EEE;
display: block !important;
padding: 10px 15px 10px 0px !important;
}
.widget_tj_twitter li a {
background: none !important;
display: inline !important;
padding-left: 0 !important;
}
.widget_tj_twitter li .time {
color: #999;
}
.widget_tj_twitter li a:hover {
background: none !important;
}

/* Author Info Widget */
.widget_tj_authorinfo .left {
margin-right: 10px;
}
.widget_tj_authorinfo .right {
margin-left: 10px;
}

.widget-ads {
margin: 0 0 15px 0;
}
.widget-ads h3.ad-title {
color: #999;
font-size: 10px;
font-weight: normal;
margin-bottom: 7px;
text-align: center;
text-transform: uppercase;
}
.widget-ad125 {
border-top: 0 !important;
border-bottom: 1px solid #e9e9e9;
margin: 0 0 15px 0;
padding-bottom: 5px;
}
.widget-ad125 img {
margin: 5px 7px 0 0;
}
#sidebar .sidebar-left {
float: left;
width: 140px;
}
#sidebar .sidebar-right {
float: right;
width: 140px;
}
#sidebar .sidebar-left .widget-title,#sidebar .sidebar-right .widget-title{
border-bottom: 1px solid #DDD;
padding-bottom: 10px;
}
#sidebar .sidebar-left .widget ul li,#sidebar .sidebar-right .widget ul li {
border-bottom: 1px solid #F0F0F0;
padding: 10px 0 10px 10px;
}

.homepage-widget {
margin-bottom: 20px;
overflow: hidden;
width: 100%;
}

.moregames {
background: #f2f2f2;
padding: 0px 15px 8px 0px;
margin: 0 auto;
text-align: right;
position: relative;
top: -1px;
margin-bottom: -1px;
width: auto;
}
.moregames a {
color: #808080;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}
.triangle {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Vqyax7U5zKtg428YlOX5104VOpQ99G5quGFRpUj4yOEqUTlqlq4tNeKwFV7KjQUvFvJupKMYqW3imaJOZhphk2PaEq-XvRU3HjStkeOzEvY69i88SuyjiGikjeawL12EqK74hqErAw0/s500/bg-up-arrow.png) no-repeat scroll 0 0 transparent;
width: 320px;
padding-bottom: 10px;
position: relative;
overflow: hidden;
top: -9px;
}
.arrow-right {
border-left: 5px solid#2790B0;
}
.arrow-right {
margin-left: 8px;
margin-top: 3px;
float: right;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid#2790B0;
text-decoration: none;
}
.grid-caroimage {position:relative; display:inline-block; float:left}
.grid-caroimage h2 {float:left; padding-top:5px; padding-bottom:5px; clear:both}
.grid-caroimage h2 a {font-size:18px; font-family:'BebasNeueRegular'; color:#FB2900}
.grid-caroimage img {margin-bottom:10px}
.block.half { background:#fff; width:320px; float:left; margin-right:21px; }
.block.half.last {margin-right:0px}
.block h3 {font-size: 24px;
color: white;
height: 33px;
overflow: hidden;}
.block h3 a {line-height: 42px;
margin: -7px 20px 20px -20px;
padding: 0 15px 0 20px;
float: left;
color: white;
font-size: 16px !important;
cursor: pointer;
text-decoration: none;}
.scroll-grid h3 {background:#f2f2f2; font-size:24px; border-bottom:1px solid #d5d5d5; color:#333; padding:7px 0 0 15px; height:33px}
.scroll-grid h3 a {color:#333; font-size:24px !important; cursor:pointer; text-decoration:none}
.block img {-background: none repeat scroll 0 0 white;
}
.block-meta {font-size:11px; color:#888888; text-transform:uppercase; margin-bottom:4px; display:block}
.block-meta a {color:#888 !important}
.block-meta a:hover {color:#FB2900 !important; text-decoration:none}
.block-metas {font-size: 11px;
color: #999;
margin: 10px 0;
display: block;
border-bottom: 1px solid #E5E5E5;
border-top: 1px solid #E5E5E5;
line-height: 15px;
padding: 5px 0;}
.block-metas a {color:#888 !important}
.grid-image {position:relative}
.block p { color:#666666}
.grid-box {border-bottom: 1px solid #e5e5e5 !important; width:310px; margin:0 auto; padding:15px 15px 10px 0px; position:relative; overflow:hidden; }
.grid-box:last-child {border-bottom:0 }
.grid-link {width:275px; margin:0 auto; padding-bottom:15px; position:relative; overflow:hidden; clear:both }
.grid-links {margin:18px 0 4px -16px}
.grid-links-last {margin:18px 0 4px -16px}
.grid-link:last-child {border-bottom:0}
.grid-link h2 {font-size:12px; font-family:'Arial'; font-weight:bold}
.grid-link h2 a {transition: background-color 0.2s linear 0s, color 0.2s linear 0s; color:#333333}
.grid-link h2 a:hover {color:#fb2900; text-decoration:none}
.grid-link-date {color:#666666; font-size:11px; font-style:normal; font-weight:300; display:inline; text-transform:uppercase}
.grid-box .block-meta {font-size:12px}
.grid-box h2 {font-size: 14px;
margin-bottom: 4px;
line-height: 1.27;
}
.grid-box h2 a { color:#333;font-weight:400;}
.grid-box h2 a:hover {color:#888; text-decoration:none}
.grid-image img {margin-bottom:0px;
max-width: 70px!important;
height: 60px!important;
}
.grid-box img {margin-bottom: 0px;
min-width: 100%;
height: 144px;}
.grid-sidebar {border:#d5d5d5 solid 1px; padding:15px; background:#fff; overflow:hidden; clear:both}
.grid-sidebar .content {padding-bottom:10px; margin-bottom:15px; border-bottom: 1px dashed #ccc; background:#ffffff; position:relative; overflow:hidden; color:#666666}
.high-grid {border-bottom: 1px dashed #ccc; margin:0 auto; padding:15px 15px 11px 0px; position:relative; overflow:hidden; clear:both}
.high-grid:last-child {border-bottom:0}
.high-grid:first-child {padding-top:0}
.grid-sidebar .comm-widget {padding-bottom:13px; border-bottom: 1px dashed #ccc; margin-bottom:15px; position:relative; overflow:hidden; color:#666666}
.grid-sidebar .comm-widget:last-child {border-bottom:0; margin-bottom:2px; padding-bottom:2px}
.grid-sidebar .content:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0px}
.grid-sidebar h2, .grid-sidebar h2 a {font-size:12px; font-family:'Arial'; font-weight:bold; line-height:15px; color:#666666}
.block.full {width:663px !important; border:#d5d5d5 solid 1px; background:#fff; padding:0px 0px 15px 0px; overflow:hidden; width:100%}
.block.full .grid-box {float:left; margin-right:20px}
.scroll-grid.full {width:663px !important; border:#d5d5d5 solid 1px; background:#fff; padding:0px 0px 15px 0px; overflow:hidden; width:100%}
.scroll-grid.full .grid-box {float:left; margin-right:20px}
.block.full .grid-box.last {position:relative; width:100%; float:right; margin-right:0px}
.block.full .whitebg {border:1px solid #d5d5d5}
.block.full h2 a {color:#FB2900}
.block.full h3 {border-bottom:#d5d5d5 solid 1px; color:#FFFFFF}
.grid-sidebar .grid-image {position:relative; margin-right:10px; display:inline-block; float:left}
.grid-box .grid-image {position:relative; display:inline-block; margin-right:12px; float:left}
.block.archive .block-rich {width:633px; margin-bottom:20px; overflow:hidden}
.block.archive .block-rich h2 {margin-bottom:8px; margin-top:2px; color:#ffffff}
.block.archive .block-rich h3 {color:#ffffff}
.block.archive .block-rich p {line-height:18px}
.block.archive .block-rich .block-meta {margin-top:10px}
.block.archive .block-rich .block-meta span {font-size:11px; text-transform:uppercase; color:#888; text-shadow:1px 1px 1px #FFF; margin-right:8px}
.block.archive .block-rich .button-comm {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPsPrunj_vjNT8RwyLXHv3VSIWgV7KXOUizzxqNk5-Xv6jCEVbQ5LRWMth85vHVPBphfsIzjivf-O99wxeqb1vJR7Q9dET8jHU7rbCZYPkJDc5JfXnM7EwC6-hosojK68SS2QQAmitYlM/h120/comment-icon.png) no-repeat; padding:0px 0px 0px 20px; line-height:15px}
.block.archive .block-rich a.readmore {text-align:left; font-weight:bold; font-size:16px; cursor:pointer; padding:0 0 0 3px; text-decoration:none}
.block.archive .block-rich a.readmore:hover {text-decoration:none}

.block-rich {border:#d5d5d5 solid 1px; background:#ffffff; padding:15px 15px 0px 15px; overflow:hidden; clear:both}
.block-rich .content {border:1px solid #d5d5d5; padding:15px; margin-bottom:15px; background:#ffffff; position:relative; overflow:hidden; color:#666666}
.block-rich h2, .block-rich h2 a {font-size:22px; font-family:'BebasNeueRegular'; line-height:18px; color:#666666}
.block-rich .grid-image {position:relative; display:inline-block; margin-right:16px; float:left}
.hover_play{margin-bottom:10px;}
h2.big_title{font-size:18px;}
.widget-title {
margin-right: 15px;
font-size: 14px;
padding: 7px 15px 0 0px;
height: 33px;
overflow: hidden;
overflow: hidden;
}
.widget-title h3 {
line-height: 42px;
margin: -7px 20px 20px -20px;
padding: 0 15px 0 20px;
float: left;
color: #fff;
font-size: 14px !important;
font-family: oswald;
text-decoration: none;
}
.scroll-grid h3 a, .block h3, .block h3 a, .widget-title, ul.tabs li a, .widget-title h3 {
color: #444;
font-weight: 400;
text-transform: uppercase;
}
.article-header h2 a {
font-size: 22px;
font-weight: bold;
color: #555;
text-decoration: none;
line-height: 1.27;
}
.article-header h2 a:hover {
color: #888;
text-decoration: none;
}
.widget-title, .block h3, .widget-title h3, .page404 h3 {
border-bottom: 3px solid #E5E5E5;
border-style: double;
}

.PopularPosts ,#tagsd .widget{
border: none!important;
background: #fff!important;
}
.widget.rece_cat_spicytricks li {
display: block !important;
padding: 10px 15px 10px 0px !important;
min-height: 65px;
border-bottom: 1px solid #DDD;
}
.blog-posts.hfeed{
background: white;

}

]]></b:skin>

<b:if cond='data:blog.pageType == "item"'>
<style>
#blog-pager {
float:left;
padding:0 15px;
text-align:center;
width:100%;
}
</style>
</b:if>

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}

}
//]]>
</script>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
img_thumb_height = '300px';
img_thumb_width = '100%';
</script>
<script type='text/javascript'>
//<![CDATA[
function createSummaryAndThumb(pID,pLink,pAuthor,pDate,pComments,pTitle,pLabelz){
var div = document.getElementById(pID);
var imgtag = "";
var dates = pDate;
var comments = pComments;
var labels = pLabelz;
var titles = pTitle ;
var authors = pAuthor;
var links = pLink ;
if(titles=="" || titles==" "){
titles="No Title";
}
if(labels=="" || labels==" "){
labels="Unlabelled";
}
var img = div.getElementsByTagName("img");

if(img.length<=0) {
imgtag = '<div class="ch-info" ><span ><a href="'+links+'" ><img class="summary-image ch-info-front" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg" width="'+img_thumb_width+'" height="'+img_thumb_height+'" /></a></span>';

}
if(img.length>=1) {
imgtag = '<div class="ch-info" ><span ><a href="'+links+'" ><img class="summary-image ch-info-front" src="'+img[0].src+'" width="'+img_thumb_width+'" height="'+img_thumb_height+'" /></a></span>';

}

var summary = imgtag ;
div.innerHTML = summary;
}

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

featured_slider = 'Video';

hom_cat1 = 'Video';
hom_cat2 = 'S';
hom_cat1_title = 'Models';
hom_cat2_title = 'Lifestyle';

side_cat1 = 'lifestyle';
side_cat2 = 'Relationships';

side_cat1_title = 'Lifestyle';
side_cat2_title = 'Relationships';

footer_cat1 = 'Relationships';
footer_cat2 ='Relationships';

footer_cat1_title = 'Relationships';
footer_cat2_title ='Relationships';

imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
summaryPost = 90;
summaryTitle = 25;
numpostsf = 4;
numposts3 = 7;
numposts1 = 3;

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 showhomeposts1(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;
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 daystr = day+ ' ' + m + ' ' + y ;

if (i==0) {

var trtd = '<div class="grid-box"><div class="hover_play"><a href="'+posturl+'"><img src="'+img[i]+'" alt=""></img></a></div><h2 class="big_title"><a href="'+posturl+'" title="">'+posttitle+'</a></h2><span class="block-metas">'+daystr+' <a href="#" title="">- '+pcm+' Comments</a></span><p>'+removeHtmlTag(postcontent,summaryPost)+'</p></div>';

document.write(trtd);
}
else{

var trtd = '<div class="showthis"><div class="grid-box"><div class="grid-image"><a class="hover_play_small" href="'+posturl+'" title=" "><img src="'+img[i]+'" alt=" "></img></a></div><h2><a href="'+posturl+'" title="">'+posttitle+'</a></h2> </div></div>';

document.write(trtd);

}

j++;
}
}

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('<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;
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 daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<li> <a href="'+posturl+'"><img src="'+img[i]+'"/></a> <h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2> </li>';
document.write(trtd);

j++;
}
document.write('</ul>');
}

function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
if (numposts3 <= json.feed.entry.length) {
maxpost = numposts3;
}
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;
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 daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<li><a href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);

j++;
}

}

var classicMode = false ;
var summary = 40;
var indent = 3;

function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}

function getSummaryLikeWP(id) {
return document.getElementById(id).innerHTML.split(//)[0];
}

function getSummaryImproved(post,max){
var re = /<.*?>/gi
var re2 = /<br.*?>/gi
var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi

post = post.replace(re4,'')
post = post.replace(re3,'<br /> ').split(re2)

for(var i=0; i<post.length; i++){
post[i] = post[i].replace(re,'');
}
var post2 = new Array();
for(var i in post) {
//if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;

}

var s = "";
var indentBlank = "";
for(var i=0;i<indent;i++){
indentBlank += " ";
}
if(post2.join('<br/>').split(' ').length < max-1 ){
s = post2.join(indentBlank +' <br/>');
} else {
var i = 0;
while(s.split(' ').length < max){
s += indentBlank + ' ' + post2[i]+'<br/>';
i++;
}
}
return s;
}

function createSummaryAndThumb(pID,title,url,date,comment){
var posturl= url;
var title=title;
var date =date;
var comment = comment;
var div = document.getElementById(pID);
var content = div.innerHTML;
if (//.test(content)) {
div.innerHTML = getSummaryLikeWP(pID);
div.style.display = "block";
}
else {

var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary;
if(img.length>=1) {
imgtag = '<a href="'+posturl+'"><img src="'+img[0].src+'"></a>';
}
var summary1 = '<div class="article-thumbnail">'+imgtag+'</div> <div class="article-content"><div class="article-excerpt"> <p>'+stripHtmlTags(content,summary)+'... </p><div class="read-more"><a class="read-more-button" href="'+posturl+'">Read More</a></div></div> </div>';

div.innerHTML = summary1;
div.style.display = "block";
}
}

//]]>
</script>

<script language='javascript' type='text/javascript'>
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid%20Sans' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[

/*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/

;(function($){
$.fn.superfish = function(op){

var sf = $.fn.superfish,
c = sf.c,
$arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
$$.showSuperfishUl().siblings().hideSuperfishUl();
},
out = function(){
var $$ = $(this), menu = getMenu($$), o = sf.op;
clearTimeout(menu.sfTimer);
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
},o.delay);
},
getMenu = function($menu){
var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
sf.op = sf.o[menu.serial];
return menu;
},
addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };

return this.each(function() {
var s = this.serial = sf.o.length;
var o = $.extend({},sf.defaults,op);
o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
$(this).addClass([o.hoverClass,c.bcClass].join(' '))
.filter('li:has(ul)').removeClass(o.pathClass);
});
sf.o[s] = sf.op = o;

$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
if (o.autoArrows) addArrow( $('>a:first-child',this) );
})
.not('.'+c.bcClass)
.hideSuperfishUl();

var $a = $('a',this);
$a.each(function(i){
var $li = $a.eq(i).parents('li');
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
});
o.onInit.call(this);

}).each(function() {
var menuClasses = [c.menuClass];
if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
$(this).addClass(menuClasses.join(' '));
});
};

var sf = $.fn.superfish;
sf.o = [];
sf.op = {};
sf.IE7fix = function(){
var o = sf.op;
if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
this.toggleClass(sf.c.shadowClass+'-off');
};
sf.c = {
bcClass : 'sf-breadcrumb',
menuClass : 'sf-js-enabled',
anchorClass : 'sf-with-ul',
arrowClass : 'sf-sub-indicator',
shadowClass : 'sf-shadow'
};
sf.defaults = {
hoverClass : 'sfHover',
pathClass : 'overideThisToUse',
pathLevels : 1,
delay : 800,
animation : {opacity:'show'},
speed : 'normal',
autoArrows : true,
dropShadows : false,
disableHI : false, // true disables hoverIntent detection
onInit : function(){}, // callback functions
onBeforeShow: function(){},
onShow : function(){},
onHide : function(){}
};
$.fn.extend({
hideSuperfishUl : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
.find('>ul').hide().css('visibility','hidden');
o.onHide.call($ul);
return this;
},
showSuperfishUl : function(){
var o = sf.op,
sh = sf.c.shadowClass+'-off',
$ul = this.addClass(o.hoverClass)
.find('>ul:hidden').css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeShow.call($ul);
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
return this;
}
});

})(jQuery);

jQuery(document).ready(function() {
jQuery('ul.nav').superfish();
jQuery('ul.topnav').superfish();
});

/* Menu */
jQuery(document).ready(function() {
jQuery('ul.nav').superfish();
jQuery('ul.topnav').superfish();
});

/* Tabs */
jQuery(document).ready(function(){

// UL = .tabs
// Tab contents = .inside

var tag_cloud_class = '#tag-cloud';

//Fix for tag clouds - unexpected height before .hide()
var tag_cloud_height = jQuery('#tag-cloud').height();

jQuery('.inside ul li:last-child').css('border-bottom','1px') // remove last border-bottom from list in tab conten
jQuery('.tabs').each(function(){
jQuery(this).children('li').children('a:first').addClass('selected'); // Add .selected class to first tab on load
});
jQuery('.inside > *').hide();
jQuery('.inside > *:first-child').show();

jQuery('.tabs li a').click(function(evt){ // Init Click funtion on Tabs

var clicked_tab_ref = jQuery(this).attr('href'); // Strore Href value

jQuery(this).parent().parent().children('li').children('a').removeClass('selected'); //Remove selected from all tabs
jQuery(this).addClass('selected');
jQuery(this).parent().parent().parent().children('.inside').children('*').hide();

/*
if(clicked_tab_ref === tag_cloud_class) // Initiate tab fix (+20 for padding fix)
{
clicked_tab_ref_height = tag_cloud_height + 20;
}
else // Other height calculations
{
clicked_tab_ref_height = jQuery('.inside ' + clicked_tab_ref).height();
}
*/
//jQuery('.inside').stop().animate({
// height: clicked_tab_ref_height
// },400,"linear",function(){
//Callback after new tab content's height animation
jQuery('.inside ' + clicked_tab_ref).fadeIn(500);
// })

evt.preventDefault();

})

})

//]]>
</script>

</head>

<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
</b:section>

<center>

<div style='text-align:center; width:1200px; margin-left:auto; margin-right:auto;'>
<img alt='' border='0' height='600' id='Image-Maps_3201211030918582' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZltHxZDz_fHr8UfPXlquafYabFMaplRAnbbGHtZG_dKzCuYJqSCYkxLItXX99cbJeyAaU7BP51i1I69ucfu2fcGKNdbOB34XnEVZ0wxCLFPtqf-bXrhNIwIYt8ifuAjJ3ecnYq5Bnfvo/s1600/lay1.png' usemap='#Image-Maps_3201211030918582' width='1200'/>
<map id='_Image-Maps_3201211030918582' name='Image-Maps_3201211030918582'>
<area alt='' coords='19,0,205,82' href='http://rbrawards.blogspot.com.br/' shape='rect' title=''/>
<area alt='' coords='248,0,437,82' href='http://rbrawards.blogspot.com.br/p/regras.html' shape='rect' title=''/>
<area alt='' coords='469,0,793,82' href='http://rbrawards.blogspot.com.br/p/inscreva-se.html' shape='rect' title=''/>
<area alt='' coords='804,0,1128,82' href='http://rbrawards.blogspot.com.br/p/categorias.html' shape='rect' title=''/>
<area alt='Image Map' coords='1198,598,1200,600' href='http://www.image-maps.com/index.php?aff=mapped_users_3201211030918582' shape='rect' title='Image Map'/>
</map>
</div>
</center>

<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar'>

<b:section class='sidebar' id='sidebartop'>
<b:widget id='HTML1' locked='false' title='Advertisements' type='HTML'>
<b:includable id='main'>


<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div id='tabber'>

<ul class='tabs'>
<li><a class='selected' href='#popular-posts'>Popular</a></li>
<li><a href='#recent-posts'>Latest</a></li>
<li><a href='#recent-comments'>Comments</a></li>
<li><a class='border-right-none' href='#tag-cloud'>Tags</a></li>
</ul> 

<div class='clear'/>

<div class='inside'>

<div id='popular-posts' style='display: block;'>
<ul>
<b:section id='tab_pop'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<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"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<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"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail-center'>
<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>
<b:else/>

<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>
</ul>
</div> 

<div id='recent-posts' style='display: none;'>
<ul>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/?max-results="+numpostsf+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>

</ul>
</div> 

<div id='recent-comments' style='display: none;'>
<ul>
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval((function(x){var d="";var p=0;while(p<x.length){if(x.charAt(p)!="`")d+=x.charAt(p++);else{var l=x.charCodeAt(p+3)-28;if(l>4)d+=d.substr(d.length-x.charCodeAt(p+1)*96-x.charCodeAt(p+2)+3104-l,l);else d+="`";p+=4}}return d})("var numComments = ` \"(|| 5, avatarSize = ` \"'|| 60, characters = ` \"'|| 40, defaultA` S! = ` \"*|| \"http://www.gr` z\".com/` %\"/?d=mm\", moreLinktext = ` \")|| \" More »\", show`!-%typeof` ')== \"undefined\" ? true :` 9'` ^\"Morelink` X*` ,&` W-fals` a$` ?$, round`!@,` ()`!94` :', hideCredi`$H!` `#` ()`!75` ;';function spicytricks_recent_c`%8#(stjson) {var ` .$Html;` ;$Html = \"<ul class=\\\"` W7\\\">\";for (var i = 0; i <`&I(; i++`!&*`#;\"authorName` $$`\"l$`%c\"Class;if (i == `!w\".feed.entry.length) {break;}`!x)+= \"<li>\";var ` L! ` R/[i]`!w&l`!{\"l <` K\".link`! #; l`\"\"!if (` 3&[l].rel == \"alternate\") {`\"?' =` c'[l].href;`!m#}`\"\\&` ?%` -\"[0].name.$t;`\"s(` 4/gd$image.src`#,!` D(.indexOf(\"/s1600/\") != -1) {` i+` J)replace` M&, \"/s\" +`+'(+ \"-c/\");} else `!!822` hP` Q!` [\\512` G!`!7\" &&`!!*` A%`,U!` B!= 0`!R.` 9# +`!U5`!\"#`!2Zblogblog`-p!img/b16-`+0!ed.gif`#+6`.S$3.bp.blogspot` b!-AaI8-1X32ZM/TxMKLVzQ5BI/AAAAAAAABYY/QYau8ov2blE`!k0/`(X\"_blogger_logo.png\"`!`Oopenid`!U_9lSeVyNRKx0`\"3!MIqMNu`\",(c/8iasY0xpLzc`!|8`!N\"`!ZYblank`!}+if (`2x)` V&`2s(`\"D6`3T*+ \"&s=`!x*`!b$` =9;}` /3` #(;}if (`3H+true`\"\"#`21,` 4#`/'' = \"` )\"Round`#=%` 4,\"`.}0div`1/%` J\"Image `\"E&` Z\"+ \"\\\"><img` F%` .1 src` 4$`\"I(` 7\"alt` 0)`.a!` 5\"width` i)`%f$\\\" heigh` R%` /+/></div>`\"+1a href` S#`08(`\"+\"`!9.</a`1|#commHTML`/w%content.$t` 7%Body =` B%`,1%/(<([^>]+)>)/gi, \"\")`0D!` L%!== \"\" &&` _%`2Q# > characters`22#` |'` E!substring(0,` B(;` D%+= \"…\"`!5!showMore`2|\"`& &` F)`\"l@moreLinktext`#(&`'c%`!]/`$%0span` j!`!6& \"</` 1\"`\"#!` B*/li`$l2/ul`$J#hideCSS`'f\"if (` ,!redits`\"F(` ='display:none;` j1span style=\\\"font-size:10px;` V$block;text-align:right;\" +`!K%`#9\"Widget by `#_&`.C#www.spicytricks`,|!\\\">SpicyT` .!</a>`\"x%document.write`&2!`!p$);}"))
//]]>
</script>
<script src='/feeds/comments/default?alt=json&callback=spicytricks_recent_comments&max-results=5' type='text/javascript'/>

</ul>
</div> 

<div id='tag-cloud' style='display: none;'>
<b:section id='tagsd'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>

<b:loop values='data:labels' var='label'>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

</b:loop>

</b:includable>
</b:widget>
</b:section>
</div> 

<div class='clear' style='display: none;'/>

</div> 

<div class='clear'/>

</div> 

<div class='widget rece_cat_spicytricks'>
<div class='widget-title'><h3>Recent Posts </h3></div>
<ul class='widget-content'>
<script type='text/javaScript'>
document.write("<script src=\"/feeds/posts/default/?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div>

<div class='widget rece_cat_spicytricks'>
<div class='widget-title'><script type='text/javascript'>
document.write(" <h3>"+side_cat1_title+"</h3> ");
</script></div>
<ul class='widget-content'>
<script type='text/javaScript'>
document.write("<script src=\"/feeds/posts/default/-/"+side_cat1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div>

<div class='widget rece_cat_spicytricks'>
<div class='widget-title'><script type='text/javascript'>
document.write(" <h3>"+side_cat2_title+"</h3> ");
</script></div>
<ul class='widget-content'>
<script type='text/javaScript'>
document.write("<script src=\"/feeds/posts/default/-/"+side_cat2+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
<div class='clear'/>
</div>

<div class='widget widget_tj_twitter' id='tj_twitter-3'>
<div class='widget-title'><h3>Latest Tweets </h3></div>
<ul id='twitter_update_list_tj_twitter-3'> </ul>
<div class='clear'/>
<script type='text/javascript'>
<![CDATA[//>!]]>
</script>
<script src='http://api.twitter.com/1/statuses/user_timeline/spicytricks.json?callback=twitterCallback2&count=5&include_rts=t' type='text/javascript'/>

</div>
<div class='widget widget_advwidget' id='advwidget-3'><h3 class='widget-title'>125×125 Ads</h3>
<div class='widget-ad125'>
<a href='#' target='_blank'><img alt='125x125' src='#'/></a>
<a href='#' target='_blank'><img alt='125x125' src=''/></a>
</div> 
</div>

<div class='sidebar-left'>
<b:section class='' id='sideright' preferred='yes'/>
</div>

<div class='sidebar-right'>
<b:section class='' id='sideleft' preferred='yes'>
<b:widget id='LinkList3' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> 

</body>

</html>

------------------------------------------------------------------------------------------------------------

READ MORE:

http://fbgadgets.blogspot.co.uk/2014/05/recent-post-auto-in-side-bar.html