Friday, 11 July 2014

1 Template

  1. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>    
  2. <head>    
  3. <b:include data='blog' name='all-head-content'/>    
  4. <title>    
  5. <b:if cond='data:blog.pageType == &quot;index&quot;'>    
  6. <data:blog.pageTitle/>    
  7. <b:else/>    
  8. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>    
  9. <data:blog.pageName/> | <data:blog.title/>    
  10. <b:else/>    
  11. Page Not Found | <data:blog.title/>    
  12. </b:if>    
  13. </b:if>    
  14. </title>    
  15. <b:if cond='data:blog.pageType == &quot;archive&quot;'>    
  16. <meta content='noindex,noarchive' name='robots'/>    
  17. </b:if>    
  18. <b:if cond='data:blog.metaDescription != &quot;&quot;'>    
  19. <meta expr:content='data:blog.metaDescription' name='description'/>    
  20. </b:if>    
  21. <meta charset='UTF-8'/>    
  22. <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>    
  23. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'/>    
  24. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'/>    
  25.     
  26. <script>//<![CDATA[   
  27. eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('Z 1i(F){3 8=G;3 d=V Y();3 7=1;3 9=1;3 n=0;3 y=0;3 w=0;3 5=\'\';3 m=\'\';3 D=\'\';x(3 i=0,g;g=F.16.10[i];i++){3 P=g.O.$t.A(0,19)+g.O.$t.A(15,11);z=12(P);3 s=g.s.$t;4(s!=\'\'){4(n==0||(n%u==(u-1))){4(8.c(z)!=-1){7=9}4(s!=\'\')9++;d[d.l]=\'/j?N-h=\'+z+\'&h-I=\'+u}}n++}x(3 p=0;p<d.l;p++){4(p>=(7-M-1)&&p<(7+M)){4(y==0&&p==7-2){4(7==2){m=\'<6 b="H" v=" "><a f="/">\'+L+\'</a></6>\'}k{m=\'<6 b="H" v=" "><a f="\'+d[p]+\'">\'+L+\'</a></6>\'}y++}4(p==(7-1)){5+=\'<6 b="13">\'+7+\'</6>\'}k{4(p==0){5+=\'<6 b="J"><a f="/">1</a></6>\'}k{5+=\'<6 b="J"><a f="\'+d[p]+\'">\'+(p+1)+\'</a></6>\'}}4(w==0&&p==7){D=\'<6 b="H" v=" "> <a f="\'+d[p]+\'">\'+X+\'</a></6>\';w++}}}4(7>1){5=\'\'+m+\' \'+5+\' \'}5=\'<K b="1o"><6 v="1n: #1C;1B:#1A;1D: 1E 1G #1F;1y-1t: 1H;1w:W 1x;1v:0 W;" b="1m"> 18 \'+(9-1)+\'</6>\'+5;4(7<(9-1)){5+=D}4(9==1)9++;5+=\'</K>\';3 e=C.1q("e");3 E=C.1k("1l-1p");4(9<=2){5=\'\'}x(3 p=0;p<e.l;p++){e[p].Q=5}4(e&&e.l>0){5=\'\'}4(E){E.Q=5}}Z 1g(F){3 8=G;3 d=V Y();3 U=8.c("/j/r/")!=-1;3 o=U?8.17(8.c("/j/r/")+14,8.l):"";o=o.c("?")!=-1?o.17(0,o.c("?")):o;3 7=1;3 9=1;3 n=0;3 y=0;3 w=0;3 5=\'\';3 m=\'\';3 D=\'\';3 T=\'<6 b="J"><a f="/j/r/\'+o+\'?&h-I=\'+u+\'">\';3 8=G;x(3 i=0,g;g=F.16.10[i];i++){3 P=g.O.$t.A(0,19)+g.O.$t.A(15,11);z=12(P);3 s=g.s.$t;4(s!=\'\'){4(n==0||(n%u==(u-1))){4(8.c(z)!=-1){7=9}4(s!=\'\')9++;d[d.l]=\'/j/r/\'+o+\'?N-h=\'+z+\'&h-I=\'+u}}n++}x(3 p=0;p<d.l;p++){4(p>=(7-M-1)&&p<(7+M)){4(y==0&&p==7-2){4(7==2){m=T+L+\'</a></6>\'}k{m=\'<6 b="H" v=" "><a f="\'+d[p]+\'">\'+L+\'</a></6>\'}y++}4(p==(7-1)){5+=\'<6 b="13">\'+7+\'</6>\'}k{4(p==0){5=T+\'1</a></6>\'}k{5+=\'<6 b="J"><a f="\'+d[p]+\'">\'+(p+1)+\'</a></6>\'}}4(w==0&&p==7){D=\'<6 b="H" v=" "> <a f="\'+d[p]+\'">\'+X+\'</a></6>\';w++}}}4(7>1){4(!U){5=\'\'+m+\' \'+5+\' \'}k{5=\'\'+m+\' \'+5+\' \'}}5=\'<K b="1o"><6 v="1n: #1s;" b="1m"> 18 (\'+(9-1)+\')</6>\'+5;4(7<(9-1)){5+=D}4(9==1)9++;5+=\'</K>\';3 e=C.1q("e");3 E=C.1k("1l-1p");4(9<=2){5=\'\'}x(3 p=0;p<e.l;p++){e[p].Q=5}4(e&&e.l>0){5=\'\'}4(E){E.Q=5}}3 G=1r.f;3 8=G;4(8.c("/j/r/")!=-1){4(8.c("?N-h")!=-1){3 R=8.A(8.c("/j/r/")+14,8.c("?N-h"))}k{3 R=8.A(8.c("/j/r/")+14,8.c("?&h"))}}3 S="/";4(8.c("?q=")==-1){4(8.c("/j/r/")==-1){C.1c(\'<B 1b="\'+S+\'1j/1a/1u?1d=F-1e-B&1h=1i&h-I=1f" ><\\/B>\')}k{C.1c(\'<B 1b="\'+S+\'1j/1a/1z/-/\'+R+\'?1d=F-1e-B&1h=1g&h-I=1f" ><\\/B>\')}}',62,106,'|||var|if|html|span|thisNum|thisUrl|postNum||class|indexOf|htmlMap|pageArea|href|post|max||search|else|length|upPageHtml|itemCount|thisLable|||label|title||pageCount|style|eFlag|for|fFlag|timestamp|substring|script|document|downPageHtml|blogPager|json|home_page_url|showpage|results|showpageNum|div|upPageWord|displayPageNum|updated|published|timestamp1|innerHTML|lblname1|home_page|labelHtml|isLablePage|new|4px|downPageWord|Array|function|entry|29|encodeURIComponent|showpagePoint||23|feed|substr|Pages||posts|src|write|alt|in|99999|showpageCount2|callback|showpageCount|feeds|getElementById|blog|showpageOf|COLOR|showpageArea|pager|getElementsByName|location|999|size|summary|margin|padding|8px|font|full|fff|background|676767|border|1px|b6b5b5|solid|15px'.split('|'),0,{}))   
  28. //]]>&gt;</script>    
  29.     
  30. &lt;style type=&quot;text/css&quot;&gt;    
  31. &lt;!-- /*<b:skin><![CDATA[   
  32. <!-- /*<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' />   
  33.    
  34. <style id='page-skin-1' type='text/css'><!--   
  35. /**** Layout Styling CSS *****/   
  36. body#layout {   
  37. height: auto;   
  38. float: left;   
  39. width: 100%;   
  40. }   
  41. body#layout .nav-menu {   
  42. display: none;   
  43. }   
  44. body#layout .header-wrapper { margin-top: 40px; }   
  45. body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper { margin: 0; padding: 0; }   
  46. body#layout .main-wrapper {   
  47. width: 70%;   
  48. float: left;   
  49. }   
  50. body#layout .sidebar-wrapper {   
  51. float: right;   
  52. width: 30%;   
  53. }   
  54. body#layout #footer {   
  55. clear: both;   
  56. }   
  57. body#layout .footer {   
  58. width: 25%;   
  59. float: left;   
  60. }   
  61. #footer1 .widget-content {   
  62. padding: 30px 20px 0;   
  63. }   
  64. #navbar,.Attribution,.item-control {   
  65. display: none;   
  66. }   
  67. /* reset.css */   
  68. html, body, div, span, applet, object, iframe,   
  69. h1, h2, h3, h4, h5, h6, p, blockquote, pre,   
  70. a, abbr, acronym, address, big, cite, code,   
  71. del, dfn, em, font, img, ins, kbd, q, s, samp,   
  72. small, strike, strong, sub, sup, tt, var,   
  73. dl, dt, dd, ol, ul, li,   
  74. fieldset, form, label, legend,   
  75. table, caption, tbody, tfoot, thead, tr, th, td, figure {    margin: 0;    padding: 0;}   
  76. article,aside,details,figcaption,figure,   
  77. footer,header,hgroup,menu,nav,section {     display:block;}   
  78. table {    border-collapse: separate;    border-spacing: 0;}   
  79. caption, th, td {    text-align: left;    font-weight: normal;}   
  80. blockquote:before, blockquote:after,   
  81. q:before, q:after {    content: '';}   
  82. i, cite, em, var, address, dfn {   
  83. font-style: italic;   
  84. }   
  85. blockquote, q {    quotes:''}   
  86. sup{    vertical-align: super;    font-size:smaller;}   
  87. code{    font-family: "Courier New", Courier, monospace;    font-size:12px;    color:#272727;}   
  88. ::selection {  background: #333;  color: #fff;  }   
  89. ::-moz-selection {  background: #333;  color: #fff;  }   
  90. a img{  border: none;vertical-align: middle;}   
  91. ol, ul { padding: 10px 0 20px;  margin: 0 0 0 35px;  text-align: left;  }   
  92. ol li { list-style-type: decimal;  padding:0 0 5px;  }   
  93. ul li { list-style-type: square;  padding: 0 0 5px;  }   
  94. ul ul, ol ol { padding: 0; }   
  95. h1, h2, h3, h4, h5, h6 {clear:both; }   
  96. .post-body h1 { line-height: 38px; font-size: 48px; margin: 10px 0; }   
  97. .post-body h2 { font-size: 30px; line-height: 40px; padding-bottom: 5px; margin: 10px 0; }   
  98. .post-body h3 { font-size: 26px; line-height: 36px; padding-bottom: 5px; margin: 10px 0; }   
  99. .post-body h4 { font-size: 20px; line-height: 30px; margin: 10px 0;  }   
  100. .post-body h5 { font-size: 16px; line-height: 26px; margin: 10px 0;  }   
  101. .post-body h6 { font-size: 14px; line-height: 20px; margin: 10px 0;  }   
  102. /*  Global Links CSS  */   
  103. a{ color: #000;   
  104. text-decoration: none;   
  105. }   
  106. a:hover { color: #f54545; }   
  107. body{   
  108. background: #ededed;   
  109. color: #404040;   
  110. font-family: "Roboto Condensed", sans-serif;   
  111. font-weight: 300;   
  112. font-size: 18px;   
  113. line-height: 1.5;   
  114. }   
  115. .clr { clear:both; float:none; }   
  116. /* Wrappers */   
  117. .ct-wrapper {   
  118. max-width: 1230px;   
  119. margin: 0 auto;   
  120. display: block;   
  121. height: 100%;   
  122. }   
  123. .wrapper {   
  124. background: #fff;   
  125. }   
  126. .outer-wrapper {   
  127. background: #FFF;   
  128. position: relative;   
  129. margin: 0;   
  130. display: inline-block;   
  131. padding-top: 85px;   
  132. }   
  133. .header-wrapper {   
  134. background: white;   
  135. -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.05);   
  136. -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.05);   
  137. box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.05);   
  138. margin: 0 auto;   
  139. height: 75px;   
  140. position: fixed;   
  141. top: 0;   
  142. left: 0;   
  143. right: 0;   
  144. max-width: 1230px;   
  145. z-index: 111;   
  146. }   
  147. .main-wrapper {   
  148. float: left;   
  149. width: 880px;   
  150. min-height: 1px;   
  151. }   
  152. .sidebar-wrapper {   
  153. float: left;   
  154. width: 350px;   
  155. }   
  156. /* Header CSS */   
  157. .header-inner-wrap {   
  158. float: left;   
  159. }   
  160. #header-inner .logo {   
  161. float: left;   
  162. width: 220px;   
  163. height: auto;   
  164. vertical-align: middle;   
  165. max-height: 75px;   
  166. }   
  167. #header img {   
  168. max-width: 100%;   
  169. margin: 10px auto;   
  170. }   
  171. #header{ float:left; width: auto; }   
  172. #header-inner {   
  173. margin: 0 15px;   
  174. padding: 0;   
  175. position: relative;   
  176. display:block;   
  177. }   
  178. #header h1 {   
  179. font-size: 70px;   
  180. text-transform: capitalize;   
  181. line-height: 1;   
  182. }   
  183. #header h1 a, #header h1 a:hover {  color: #000;  }   
  184. #header p.description{  color: #333;  font-size: 12px;  font-style: italic;  margin: 0 0 0 35px;  padding: 0;  text-transform:capitalize;  }   
  185. /* Header Right CSS */   
  186. .header-right { float: right; }   
  187. .header-right .widget-content { margin-top: 40px; }   
  188. /* Main Menu CSS */   
  189. .nav-menu {   
  190. z-index: 299;   
  191. float: left;   
  192. text-align: center;   
  193. width: 700px;   
  194. font-size: 0;   
  195. margin-left: 20px;   
  196. }   
  197. .nav-menu ul {   
  198. padding: 0;   
  199. margin: 0;   
  200. float: left;   
  201. width: auto;   
  202. }   
  203. .nav-menu ul li {   
  204. text-align: left;   
  205. position: relative;   
  206. display: inline-block;   
  207. padding: 0;   
  208. }   
  209. .nav-menu ul li {  display: inline-block;  float: left;  line-height: 1;  list-style: none outside none;  padding: 0;  text-align: left;  }   
  210. .nav-menu li a {   
  211. display: block;   
  212. padding: 28px 12px 24px;   
  213. color: #000;   
  214. font-size: 18px;   
  215. line-height: 100%;   
  216. border-bottom: 5px solid transparent;   
  217. transition: all 0.3s ease-in-out;   
  218. -moz-transition: all 0.3s ease-in-out;   
  219. -webkit-transition: all 0.3s ease-in-out;   
  220. }   
  221. .nav-menu li:hover a { border-bottom: 5px solid #000; }   
  222. /* header search */   
  223. #header-search {   
  224. float: right;   
  225. display: block;   
  226. height: 75px;   
  227. width: 75px;   
  228. position: relative;   
  229. }   
  230. #header-search input.submit {   
  231. display: none;   
  232. }   
  233. #header-search .search {   
  234. position: absolute;   
  235. outline:none;   
  236. top: 0;   
  237. right: 0;   
  238. color: #fff;   
  239. width: 0px;   
  240. margin: 0;   
  241. padding: 26px 0 19px 70px;   
  242. font-size: 26px;   
  243. line-height: 100%;   
  244. font-weight: 300;   
  245. border: 0;   
  246. font-family: latin_modern_mono10_regular;   
  247. background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMaZrV_nQSJu6apXvK3DNcyue3QztiCbv3n-YnyRKIVvv3vI99NDG0R6t2emCD__XhfJVueTej2ZO0GdOEzGVWzrUHARV0ZMkkBWWrp7vp2Yy7HKi7f2wit7PBkd_EVaCj1_NfsvZHeQ/s1600/sprite.png) no-repeat 21px -66px;   
  248. cursor: text;   
  249. z-index: 2;   
  250. transition: width 0.3s ease-in-out;   
  251. -moz-transition: width 0.3s ease-in-out;   
  252. -webkit-transition: width 0.3s ease-in-out;   
  253. }   
  254. /*----------- Blog Post CSS -----------------*/   
  255. h1.page-title {   
  256. width: auto!important;   
  257. margin-bottom:0!important;   
  258. }   
  259. /* index posts */   
  260. .image img {   
  261. max-width: 100%;   
  262. max-height: 290px;   
  263. width: 100%;   
  264. }   
  265. .post-outer:nth-child(3) .post, .post-outer:nth-child(6) .post, .post-outer:nth-child(9) .post,.post-outer:nth-child(12) .post,.post-outer:nth-child(15) .post {   
  266. border-right: 0;   
  267. }   
  268. .post {   
  269. padding: 0;   
  270. margin: 0;   
  271. float: left;   
  272. max-width: 100%;   
  273. height: 450px;   
  274. border-right: 1px solid #000;   
  275. }   
  276. .post-outer:nth-child(3), .post-outer:nth-child(6), .post-outer:nth-child(9), .post-outer:nth-child(12), .post-outer:nth-child(15) {   
  277. width: 293px;   
  278. }   
  279. .post-outer {   
  280. width: 293.5px;   
  281. float: left;   
  282. }   
  283. .hentry{position:relative}   
  284. .post-body {   
  285. padding: 0;   
  286. margin: 0;   
  287. word-wrap: break-word;   
  288. }   
  289. .post:hover .box {   
  290. height: 208px;   
  291. }   
  292. .post .box {   
  293. display: block;   
  294. position: absolute;   
  295. bottom: 0;   
  296. max-width: 292px;   
  297. height: 155px;   
  298. padding: 20px 12px 0px 17px;   
  299. background: #fff;   
  300. transition: .1s ease-in-out;   
  301. -moz-transition: .1s ease-in-out;   
  302. -webkit-transition: .1s ease-in-out;   
  303. }   
  304. .box-right > h3 {   
  305. font-size: 21px;   
  306. margin: 2px 0 0;   
  307. padding: 0;   
  308. line-height: 1;   
  309. white-space: nowrap;   
  310. width: 260px;   
  311. overflow: hidden;   
  312. text-overflow: ellipsis;   
  313. font-weight: 300;   
  314. }   
  315. .box-right > em {   
  316. display: block;   
  317. margin-bottom: 2px;   
  318. font-style: normal;   
  319. font-weight: 500;   
  320. font-size: 16px;   
  321. }   
  322. .box-right > em > a:nth-child(n+2) {   
  323. display: none;   
  324. }   
  325. .box-right > em > a:hover {   
  326. color: #888;   
  327. }   
  328. .box-right > em > a {   
  329. color: #f54545;   
  330. }   
  331. .box-right > p {   
  332. margin: 0 0 50px 0;   
  333. font-size: 17px;   
  334. line-height: 1.2;   
  335. }   
  336. .box:after {   
  337. bottom: 100%;   
  338. left: 10%;   
  339. border: solid transparent;   
  340. content: '' ;   
  341. height: 0;   
  342. width: 0;   
  343. position: absolute;   
  344. pointer-events: none;   
  345. border-color: rgba(255, 255, 255, 0);   
  346. border-bottom-color: #fff;   
  347. border-width: 11px;   
  348. margin-left: -11px;   
  349. }   
  350. .post:hover .box-left {   
  351. opacity: 1;   
  352. }   
  353. .box-left {   
  354. position: absolute;   
  355. bottom: 0;   
  356. left: 0;   
  357. opacity: 0;   
  358. transition: all 0.15s ease-in-out;   
  359. -moz-transition: all 0.15s ease-in-out;   
  360. -webkit-transition: all 0.15s ease-in-out;   
  361. }   
  362. .bw-date {   
  363. float: left;   
  364. margin: 0 0 -1px 16px;   
  365. width: 60px;   
  366. height: 50px;   
  367. text-align: center;   
  368. }   
  369. .bw-date > strong {   
  370. display: block;   
  371. font-size: 1.3em;   
  372. float: left;   
  373. margin: 0px 0px 0px 0px;   
  374. }   
  375. .bw-date > span {   
  376. float: left;   
  377. margin-left: 5px;   
  378. margin-top: 1.5px;   
  379. font-size: 1.1em;   
  380. text-transform: uppercase;   
  381. }   
  382. .bwd.fa {   
  383. padding: 10px 0 0 5px;   
  384. float: left;   
  385. width: 40px;   
  386. height: 31px;   
  387. text-align: center;   
  388. font-size: 18px;   
  389. }   
  390. /* item posts */   
  391. .separator a {   
  392. display: inline-block;   
  393. }   
  394. h1.post-title a {   
  395. color:white;   
  396. transition: all 0.3s ease-in-out;   
  397. -moz-transition: all 0.3s ease-in-out;   
  398. -webkit-transition: all 0.3s ease-in-out;   
  399. }   
  400. h1.post-title {   
  401. font-size: 40px!important;   
  402. max-width: 845px!important;   
  403. }   
  404. .article .hentry {   
  405. position: relative;   
  406. height: auto;   
  407. overflow: hidden;   
  408. padding: 0 20px;   
  409. border: 0;   
  410. }   
  411. .the-brief {   
  412. font-size: 17px;   
  413. margin: 5px 0 10px;   
  414. font-family: monospace;   
  415. }   
  416. .the-brief > a {   
  417. text-decoration: underline;   
  418. font-weight: 600;   
  419. }   
  420. .article .post-body {   
  421. font-size: 16px;   
  422. line-height: 1.5;   
  423. }   
  424. .article blockquote {   
  425. line-height: 1.3;   
  426. }   
  427. .post-social {   
  428. float: left;   
  429. width: 100%;   
  430. margin: 0px 0 15px;   
  431. padding: 12px;   
  432. background: #F5F5F5;   
  433. clear: both;   
  434. position: relative;   
  435. margin-left: -20px;   
  436. right: 0;   
  437. }   
  438. .post-social .par {   
  439. float: left;   
  440. margin-right: 4px;   
  441. }   
  442. .par a {   
  443. float: left;   
  444. padding: 4px 8px 5px 8px;   
  445. background-color: #727272;   
  446. color: #fff;   
  447. text-decoration: none!important;   
  448. box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;   
  449. -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;   
  450. -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;   
  451. transition: all 0.3s ease-in-out;   
  452. -moz-transition: all 0.3s ease-in-out;   
  453. -webkit-transition: all 0.3s ease-in-out;   
  454. }   
  455. .post-social .facebook {   
  456. background-color: #5686ff;   
  457. }   
  458. .post-social a.twitter {   
  459. background-color: #56e9ff;   
  460. }   
  461. .post-social a.google {   
  462. background-color: #ff6656;   
  463. }   
  464. .post-social a:hover {   
  465. background-color: #000;   
  466. color: #fff;   
  467. }   
  468. .home-link { display:none;}   
  469. #blog-pager-newer-link {display: block;  float: none;  padding: 5px 5px 5px 50px;  text-align: left;}   
  470. #blog-pager-older-link {display: block;  float: none;  padding: 5px 5px 5px 50px;  text-align: left;}   
  471. #blog-pager {   
  472. padding: 15px 0;   
  473. margin: 0;   
  474. width: 100%;   
  475. text-align: center;   
  476. font-size: 20px;   
  477. line-height: normal;   
  478. clear: both;   
  479. }   
  480. .page-nav {   
  481. float: left;   
  482. width: 50%;   
  483. background-color: #f9f9f9;   
  484. height: 120px;   
  485. }   
  486. .page-nav.left {   
  487. border-right: 1px solid #252525;   
  488. width: 49.8%;   
  489. }   
  490. .page-nav.right .thumb {   
  491. float: right;   
  492. }   
  493. .page-nav .thumb {   
  494. float: left;   
  495. width: 120px;   
  496. overflow: hidden;   
  497. }   
  498. .thumb img {   
  499. max-width: 100%;   
  500. width: 100%;   
  501. height: auto;   
  502. }   
  503. .page-nav.left .entry-content {   
  504. float: right;   
  505. }   
  506. .page-nav.right .entry-content {   
  507. text-align: right;   
  508. }   
  509. .page-nav .entry-content {   
  510. float: left;   
  511. position: relative;   
  512. background-color: #f9f9f9;   
  513. text-align: left;   
  514. }   
  515. .page-nav .cont{   
  516. display: table-cell;   
  517. width: 290px;   
  518. height: 100px;   
  519. padding: 10px 15px;   
  520. line-height: 110%;   
  521. vertical-align: middle;   
  522. }   
  523. .page-nav.left .cont {   
  524. width: 288px;   
  525. }   
  526. .page-nav.right .entry-content:after {   
  527. left: 100%;   
  528. right: auto;   
  529. border-left-color: #f9f9f9;   
  530. border-right-color: transparent;   
  531. }   
  532. .page-nav .entry-content:after {   
  533. right:100%;   
  534. top: 50%;   
  535. border: solid transparent;   
  536. content: '' ;   
  537. height: 0;   
  538. width: 0;   
  539. position: absolute;   
  540. pointer-events: none;   
  541. border-color: rgba(238, 238, 238, 0);   
  542. border-right-color: #f9f9f9;   
  543. border-width: 11px;   
  544. margin-top: -11px;   
  545. }   
  546. .page-nav p {   
  547. margin: 0 0 30px 0;   
  548. }   
  549. .page-nav h3 {   
  550. font-size: 1.1em;   
  551. line-height:1.3;   
  552. font-weight: 500;   
  553. color: #252525;   
  554. }   
  555. .showpageNum {   
  556. margin-left: 10px;   
  557. }   
  558. .showpagePoint, .showpageNum {   
  559. border-bottom: 1.5px solid #000;   
  560. min-width: 20px;   
  561. display: inline-block;   
  562. text-align: center;   
  563. }   
  564. .showpageOf{display:none}   
  565. /* Post Highlighter CSS */   
  566. blockquote {   
  567. margin: 10px 0;   
  568. padding: 0px 0 0px 93px;   
  569. background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK2tMmLOvm8d1HOyJOKOqmyLZ5KwqD3viXopxEmo2Hc7e9xwmQ4l8jFTPhgTFznwXD369yoJAj7HnH-Y2tSLNlfgpfXUbX6RWtSaz2xPK-NYXaj2HwKHQ0MuchARCkDnSyDlPfY-qneg/s1600/quote.png) no-repeat 20px 0px;   
  570. line-height: 150%;   
  571. position: relative;   
  572. color:#888;   
  573. }   
  574. blockquote:before {   
  575. content: '' ;   
  576. border-left: 4px solid #a6a6a6;   
  577. display: block;   
  578. position: absolute;   
  579. left: 77px;   
  580. height: 100%;   
  581. }   
  582. /* Custom Widget CSS */   
  583. /***** Optin Form CSS *****/   
  584. .opt-in .inner {  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbMtUGTumydR15UfwEwk1459gTZPKIyCCWgFRada62Ou1U5e7ag8UxnVBiXEOZVXHs_OAbVqxGhKp3cs35byU4qsiMTWhMAcVO86gd_S7eYZVilzbswQ73Hi40_S3AFf-lEq_iUr80OF5e/s1600/home-bg.png') repeat scroll 0 0 transparent;  padding: 35px 0;  font-style: italic;  color: #ccc;  text-shadow: 0 1px 1px #000000;  }   
  585. .opt-in .inner h4 {  font-size: 28px;  margin-bottom: 10px;  font-style: normal;  color: #fff;  line-height: normal;  }   
  586. .opt-in .inner a {  border-bottom: 1px solid #DDDDDD;  color: #DDDDDD;  }   
  587. .opt-in .inner a:hover {  border-bottom: 1px dashed #DDDDDD;  }   
  588. .opt-in .opt-in-wrap {  margin-right: 40%; }   
  589. .opt-in .info {  float: left;  width: 100%;  }   
  590. .opt-in .signup-form {  background: rgba(0, 0, 0, 0.25);  border: 5px solid rgba(0, 0, 0, 0.25);  float: right;  font-size: 16px;   width: 35%;  text-align: center;  }   
  591. .opt-in .signup-form .form-inner {  font-size: 16px;    margin: 35px;  }   
  592. /***** Popular Post *****/   
  593. .item-snippet {   
  594. display: none;   
  595. }   
  596. .item-thumbnail {   
  597. float: right;   
  598. }   
  599. #PopularPosts1 h2 {   
  600. margin: 0;   
  601. }   
  602. .PopularPosts .popular-posts ul li {   
  603. border-bottom: 1px solid #000;   
  604. list-style: none;   
  605. margin-left: 0;   
  606. overflow: hidden;   
  607. padding: 0;   
  608. }   
  609. #PopularPosts1 .popular-posts {   
  610. border-top: 7px solid #000;   
  611. border-bottom: 7px solid #000;   
  612. position: relative;   
  613. }   
  614. .PopularPosts .popular-posts:before {   
  615. bottom: 100%;   
  616. left: 10%;   
  617. border: solid transparent;   
  618. content: '' ;   
  619. height: 0;   
  620. width: 0;   
  621. position: absolute;   
  622. pointer-events: none;   
  623. border-color: rgba(255, 255, 255, 0);   
  624. border-bottom-color: #fff;   
  625. border-width: 6px;   
  626. margin-left: -11px;   
  627. }   
  628. .PopularPosts ul {   
  629. counter-reset: trackit;   
  630. }   
  631. .PopularPosts .popular-posts ul li .item-content:before {   
  632. content: "0"counters(trackit,"");   
  633. float: left;   
  634. width: 50px;   
  635. height: 100px;   
  636. text-align: center;   
  637. line-height: 100px;   
  638. font-size: 2em;   
  639. font-weight: 500;   
  640. text-decoration: underline;   
  641. }   
  642. .PopularPosts .popular-posts ul li .item-content {   
  643. counter-increment: trackit;   
  644. }   
  645. .PopularPosts .item-title {   
  646. width: 200px;   
  647. display: table-cell;   
  648. vertical-align: middle;   
  649. height: 100px;   
  650. line-height: 1.3;   
  651. text-overflow: ellipsis;   
  652. }   
  653. .PopularPosts .item-thumbnail img {   
  654. display: block;   
  655. float: left;   
  656. width: 100px;   
  657. height: auto;   
  658. margin-right: 0;   
  659. }   
  660. .popular-posts ul {  padding-left: 0;  }   
  661. .footer .popular-posts ul li:nth-child(n+4) {   
  662. display: none;   
  663. }   
  664. div.item-thumbnail-only {   
  665. counter-increment: trackit;   
  666. }   
  667. .popular-posts ul li div.item-thumbnail-only:before {   
  668. content: "0"counters(trackit,"");   
  669. float: left;   
  670. width: 50px;   
  671. height: 100px;   
  672. text-align: center;   
  673. line-height: 100px;   
  674. font-size: 2em;   
  675. font-weight: 500;   
  676. text-decoration: underline;   
  677. }   
  678. .footer .popular-posts ul li {   
  679. border-bottom-color: #4f4f4f;   
  680. background:#262525;   
  681. }   
  682. .footer .popular-posts ul li:nth-child(3) {   
  683. border-bottom: 0;   
  684. }   
  685. .footer .item-title a {   
  686. color: #eee;   
  687. }   
  688. /* Label */   
  689. .footer .Label li a {   
  690. padding: 0 12px;   
  691. }   
  692. .footer .Label li {   
  693. float: left;   
  694. width: 50%;   
  695. padding: 0;   
  696. margin: 0;   
  697. list-style: none;   
  698. }   
  699. .footer .Label li a {   
  700. display: block;   
  701. width: auto;   
  702. padding: 8px 10px;   
  703. background-color: transparent;   
  704. background-image: none;   
  705. color: #eee;   
  706. border-bottom: 1px solid #2d2d2d;   
  707. }   
  708. /*****************************************   
  709. Sidebar CSS   
  710. ******************************************/   
  711. .sidebar{  margin: 0;  padding: 0;  display: block;  }   
  712. h1.page-title,h1.post-title,.footer .widget h2,.sidebar .widget h2{   
  713. font-size: 24px;   
  714. line-height: 1.5;   
  715. font-weight: 300;   
  716. margin-bottom: 12px;   
  717. text-transform: none;   
  718. display: block;   
  719. width: auto;   
  720. padding: 3px 10px 7px 10px;   
  721. color: #fff;   
  722. background-color: #f54545;   
  723. box-shadow: 0 -4px rgba(0, 0, 0, 0.1) inset;   
  724. -moz-box-shadow: 0 -4px rgba(0, 0, 0, 0.1) inset;   
  725. -webkit-box-shadow: 0 -4px rgba(0, 0, 0, 0.1) inset;   
  726. }   
  727. .sidebar .widget{  clear: both;  font-size: 16px;  line-height: 26px;  margin-bottom: 0px;  }   
  728. .sidebar ul{ margin:0; padding:0; list-style:none; }   
  729. .sidebar li{list-style:none;  margin: 0 0 0 15px;  padding: 0 0 5px;  text-transform: capitalize;  }   
  730. /*****************************************   
  731. Footer CSS   
  732. ******************************************/   
  733. #footer {   
  734. background: #181818;   
  735. border-bottom: 1px solid #222222;   
  736. width: 100%;   
  737. color: #fff;   
  738. }   
  739. .footer {  float: left;  width: 33.33%;  }   
  740. .footer .widget h2 {   
  741. background: #000!important;   
  742. margin:0;   
  743. }   
  744. .footer .widget{  clear: both;  font-size: 16px;  line-height: 26px;  margin: 0;  }   
  745. .footer ul{ margin:0; padding:0; list-style:none; }   
  746. .footer li{  margin: 0 0 0 15px;  padding: 0 0 5px;  text-transform: capitalize;  }   
  747. .footer-credits {   
  748. padding: 10px 15px;   
  749. background: #000;   
  750. text-shadow: 1px 1px #000000;   
  751. color: #D3D3D3;   
  752. font-size: 80%;   
  753. text-align: center;   
  754. }   
  755. #footer a:hover, .footer-credits a:hover {   
  756. color: #f54545;   
  757. }   
  758. .footer-credits a {   
  759. color: #f54545;   
  760. }   
  761. /*****************************************   
  762. Comments CSS   
  763. ******************************************/   
  764. .comments {  padding-top: 30px;  clear:both;  margin: 0 0 0 20px;  }   
  765. .comments h4 {  font-size: 25px;  line-height: 30px;  padding: 0;  text-transform: capitalize;  }   
  766. #comments-block .avatar-image-container.avatar-stock img{  border-width:0;  padding:1px;  }   
  767. #comments-block .avatar-image-container{    height:37px;    left:-45px;    position:absolute;    width:37px;  }   
  768. #comments-block.avatar-comment-indent{  margin-left:45px;  position:relative;  }   
  769. #comments-block.avatar-comment-indent dd{  margin-left:0;  }   
  770. iframe.avatar-hovercard-iframe{  border:0 none;  padding:0;  width:25em;  height:9.4em;  margin:.5em;  }   
  771. .comments .comments-content{  margin-bottom:16px;  }   
  772. .comments .continue, .comments .comment .comment-actions {  display: block;  text-align: right;  }   
  773. .comments .continue a, .comments .comment .comment-actions a{  padding: 0 7px;  font-family:serif; }   
  774. .comments .continue a:hover, .comments .comment .comment-actions a:hover{  text-decoration: none;  }   
  775. .comments .comments-content .comment-thread ol{  margin:20px 0 0 -10px;  overflow:hidden;}   
  776. .comments .comments-content .inline-thread{    padding:0;}   
  777. .comments .comments-content .comment-thread:empty{    display:none}   
  778. .comments .comments-content .comment-replies{    margin-left:50px;margin-top:0px;}   
  779. .comments .comments-content .comment:first-child{padding-top:4px}   
  780. .comments .comments-content .comment:last-child { padding-bottom:0;  }   
  781. .comments .comments-content .comment-body{position:relative}   
  782. .comments .comments-content .user a {   font-style: normal;    text-transform: capitalize; }   
  783. .comments .comments-content .icon.blog-author {display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px}   
  784. .comments .comments-content .datetime {  display: block;  line-height: 21px; margin-left: 0px;  }   
  785. .comments .comments-content .datetime a {   
  786. color: #a7a7a7;   
  787. font-size: 12px;   
  788. }   
  789. .comments .comments-content .datetime a:hover {  text-decoration:none; }   
  790. .comments .comments-content .comment-header {  margin: 0;  min-height: 40px;  padding: 10px;   position: relative;  }   
  791. .comments .comments-content .comment-content{  margin: 0;  padding: 0 10px 10px 10px;  position: relative;  }   
  792. .comments .comments-content .owner-actions {position:absolute;right:0;top:0}   
  793. .comments .comments-replybox { border:none;height:250px;width:100%}   
  794. .comments .comment-replybox-single { margin-left:4px;margin-top:5px}   
  795. .comments .comment-replybox-thread {  margin: 5px 0 5px 15px;  }   
  796. .comments .comments-content .loadmore a { display:block;padding:10px 16px;text-align:center}   
  797. .comments .thread-toggle { cursor:pointer;display:none;}   
  798. .comments .continue{   float: right;  cursor:pointer;  display:inline-block;  }   
  799. .comments .continue a{  display:block;  font-weight: normal;  margin: 0 15px 0 0;  }   
  800. .comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}   
  801. .comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}   
  802. .comments .thread-chrome.thread-collapsed{display:none}   
  803. .comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}   
  804. .comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}   
  805. .comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}   
  806. .comments .avatar-image-container {   
  807. float: left;   
  808. padding: 0;   
  809. margin-right: 10px;   
  810. margin-top: 6px;   
  811. max-height: 50px;   
  812. width: 50px;   
  813. }   
  814. .comments .avatar-image-container img {   
  815. display: block;   
  816. max-width: 100%;   
  817. width: auto;   
  818. -webkit-filter: grayscale(100%);   
  819. }   
  820. .comments .comment-block {  margin-left: 0px;  position: relative;  }   
  821. .comments .comments-content .comment {   
  822. background: #fff;   
  823. list-style: none;   
  824. margin: 0 25px 15px 10px;   
  825. padding: 10px !important;   
  826. }   
  827. .comments .comments-content .comment:nth-child(even) {  background: #F9F9F9;  }   
  828. /*****************************************   
  829. Responsive styles   
  830. ******************************************/   
  831. @media screen and (max-width:1200px){   
  832. .main-wrapper{width:70%}   
  833. .sidebar-wrapper{width:30%}   
  834. .post-outer:nth-child(3), .post-outer:nth-child(6), .post-outer:nth-child(9), .post-outer:nth-child(12), .post-outer:nth-child(15),.post-outer{width:33.33%}   
  835. .post .box{max-width:100%}   
  836. }   
  837. @media screen and (max-width: 1024px) {   
  838. .nav-menu{width:auto}   
  839. .post{height:520px}   
  840. .image img{max-height:320px}   
  841. .main-wrapper{width:auto;float:none}   
  842. .sidebar-wrapper{width:auto;float:none}   
  843. .post-outer:nth-child(3), .post-outer:nth-child(6), .post-outer:nth-child(9), .post-outer:nth-child(12), .post-outer:nth-child(15),.post-outer{width:33.33%}   
  844. }   
  845. @media screen and (max-width: 960px) {   
  846. .post{height:435px}   
  847. .image img{height:auto}   
  848. #header-search{display:none}   
  849. .nav-menu{float:right}   
  850. .ct-wrapper{    padding:0;  }   
  851. .main-wrapper{    margin-right:0;    width:100%;  }   
  852. .sidebar-wrapper{ width: auto;    }   
  853. .nav-menu ul { text-align: center; }   
  854. .nav-menu ul li { float: none; }   
  855. .page-nav.left .cont,.page-nav .cont{width:248px;padding:5px 15px;}   
  856. }   
  857. @media screen and (max-width: 768px){   
  858. #header p.description { margin: 0; }   
  859. .header-right { display: none; }   
  860. #comment-editor { margin:10px; }   
  861. .footer { width: 50%; }   
  862. }   
  863. @media screen and (max-width: 500px){   
  864. #header img { width:100%; }   
  865. .opt-in .inner .ct-wrapper {  padding: 0 10px; }   
  866. }   
  867. @media screen and (max-width: 420px){   
  868. .comments .comments-content .datetime{    display:block;    float:none;    }   
  869. .comments .comments-content .comment-header {    height:70px;    }   
  870. }   
  871. @media screen and (max-width: 320px){   
  872. .footer { width: 100%; }   
  873. .ct-wrapper{ padding:0; }   
  874. .post-body img{  max-width: 230px; }   
  875. .comments .comments-content .comment-replies {    margin-left: 0;    }   
  876. }   
  877. /* Hiding Header Date and Feed Links */   
  878. h2.date-header,a.quickedit{display:none;}   
  879. */   
  880. */]]></b:skin>    
  881.     
  882. <style type='text/css'>    
  883. /*!    
  884.  *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome    
  885.  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)    
  886.  */    
  887. /* FONT PATH    
  888.  * -------------------------- */    
  889. @font-face {    
  890.   font-family: 'FontAwesome';    
  891.   src: url('fonts/font-awesome/fontawesome-webfont.eot?v=4.0.3');    
  892.   src: url('') format('embedded-opentype'), url('') format('woff'), url('') format('truetype'), url('') format('svg');    
  893.   font-weight: normal;    
  894.   font-style: normal;    
  895. }    
  896. .fa {    
  897.   display: inline-block;    
  898.   font-family: FontAwesome;    
  899.   font-style: normal;    
  900.   font-weight: normal;    
  901.   line-height: 1;    
  902.   -webkit-font-smoothing: antialiased;    
  903.   -moz-osx-font-smoothing: grayscale;    
  904. }    
  905. /* makes the font 33% larger relative to the icon container */    
  906. .fa-lg {    
  907.   font-size: 1.3333333333333333em;    
  908.   line-height: 0.75em;    
  909.   vertical-align: -15%;    
  910. }    
  911. .fa-2x {    
  912.   font-size: 2em;    
  913. }    
  914. .fa-3x {    
  915.   font-size: 3em;    
  916. }    
  917. .fa-4x {    
  918.   font-size: 4em;    
  919. }    
  920. .fa-5x {    
  921.   font-size: 5em;    
  922. }    
  923. .fa-fw {    
  924.   width: 1.2857142857142858em;    
  925.   text-align: center;    
  926. }    
  927. .fa-ul {    
  928.   padding-left: 0;    
  929.   margin-left: 2.142857142857143em;    
  930.   list-style-type: none;    
  931. }    
  932. .fa-ul > li {    
  933.   position: relative;    
  934. }    
  935. .fa-li {    
  936.   position: absolute;    
  937.   left: -2.142857142857143em;    
  938.   width: 2.142857142857143em;    
  939.   top: 0.14285714285714285em;    
  940.   text-align: center;    
  941. }    
  942. .fa-li.fa-lg {    
  943.   left: -1.8571428571428572em;    
  944. }    
  945. .fa-border {    
  946.   padding: .2em .25em .15em;    
  947.   border: solid 0.08em #eeeeee;    
  948.   border-radius: .1em;    
  949. }    
  950. .pull-right {    
  951.   float: right;    
  952. }    
  953. .pull-left {    
  954.   float: left;    
  955. }    
  956. .fa.pull-left {    
  957.   margin-right: .3em;    
  958. }    
  959. .fa.pull-right {    
  960.   margin-left: .3em;    
  961. }    
  962. .fa-spin {    
  963.   -webkit-animation: spin 2s infinite linear;    
  964.   -moz-animation: spin 2s infinite linear;    
  965.   -o-animation: spin 2s infinite linear;    
  966.   animation: spin 2s infinite linear;    
  967. }    
  968. @-moz-keyframes spin {    
  969.   0% {    
  970.     -moz-transform: rotate(0deg);    
  971.   }    
  972.   100% {    
  973.     -moz-transform: rotate(359deg);    
  974.   }    
  975. }    
  976. @-webkit-keyframes spin {    
  977.   0% {    
  978.     -webkit-transform: rotate(0deg);    
  979.   }    
  980.   100% {    
  981.     -webkit-transform: rotate(359deg);    
  982.   }    
  983. }    
  984. @-o-keyframes spin {    
  985.   0% {    
  986.     -o-transform: rotate(0deg);    
  987.   }    
  988.   100% {    
  989.     -o-transform: rotate(359deg);    
  990.   }    
  991. }    
  992. @-ms-keyframes spin {    
  993.   0% {    
  994.     -ms-transform: rotate(0deg);    
  995.   }    
  996.   100% {    
  997.     -ms-transform: rotate(359deg);    
  998.   }    
  999. }    
  1000. @keyframes spin {    
  1001.   0% {    
  1002.     transform: rotate(0deg);    
  1003.   }    
  1004.   100% {    
  1005.     transform: rotate(359deg);    
  1006.   }    
  1007. }    
  1008. .fa-rotate-90 {    
  1009.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);    
  1010.   -webkit-transform: rotate(90deg);    
  1011.   -moz-transform: rotate(90deg);    
  1012.   -ms-transform: rotate(90deg);    
  1013.   -o-transform: rotate(90deg);    
  1014.   transform: rotate(90deg);    
  1015. }    
  1016. .fa-rotate-180 {    
  1017.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);    
  1018.   -webkit-transform: rotate(180deg);    
  1019.   -moz-transform: rotate(180deg);    
  1020.   -ms-transform: rotate(180deg);    
  1021.   -o-transform: rotate(180deg);    
  1022.   transform: rotate(180deg);    
  1023. }    
  1024. .fa-rotate-270 {    
  1025.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);    
  1026.   -webkit-transform: rotate(270deg);    
  1027.   -moz-transform: rotate(270deg);    
  1028.   -ms-transform: rotate(270deg);    
  1029.   -o-transform: rotate(270deg);    
  1030.   transform: rotate(270deg);    
  1031. }    
  1032. .fa-flip-horizontal {    
  1033.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);    
  1034.   -webkit-transform: scale(-1, 1);    
  1035.   -moz-transform: scale(-1, 1);    
  1036.   -ms-transform: scale(-1, 1);    
  1037.   -o-transform: scale(-1, 1);    
  1038.   transform: scale(-1, 1);    
  1039. }    
  1040. .fa-flip-vertical {    
  1041.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);    
  1042.   -webkit-transform: scale(1, -1);    
  1043.   -moz-transform: scale(1, -1);    
  1044.   -ms-transform: scale(1, -1);    
  1045.   -o-transform: scale(1, -1);    
  1046.   transform: scale(1, -1);    
  1047. }    
  1048. .fa-stack {    
  1049.   position: relative;    
  1050.   display: inline-block;    
  1051.   width: 2em;    
  1052.   height: 2em;    
  1053.   line-height: 2em;    
  1054.   vertical-align: middle;    
  1055. }    
  1056. .fa-stack-1x,    
  1057. .fa-stack-2x {    
  1058.   position: absolute;    
  1059.   left: 0;    
  1060.   width: 100%;    
  1061.   text-align: center;    
  1062. }    
  1063. .fa-stack-1x {    
  1064.   line-height: inherit;    
  1065. }    
  1066. .fa-stack-2x {    
  1067.   font-size: 2em;    
  1068. }    
  1069. .fa-inverse {    
  1070.   color: #ffffff;    
  1071. }    
  1072. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen    
  1073.    readers do not read off random characters that represent icons */    
  1074. .fa-glass:before {    
  1075.   content: "\f000";    
  1076. }    
  1077. .fa-music:before {    
  1078.   content: "\f001";    
  1079. }    
  1080. .fa-search:before {    
  1081.   content: "\f002";    
  1082. }    
  1083. .fa-envelope-o:before {    
  1084.   content: "\f003";    
  1085. }    
  1086. .fa-heart:before {    
  1087.   content: "\f004";    
  1088. }    
  1089. .fa-star:before {    
  1090.   content: "\f005";    
  1091. }    
  1092. .fa-star-o:before {    
  1093.   content: "\f006";    
  1094. }    
  1095. .fa-user:before {    
  1096.   content: "\f007";    
  1097. }    
  1098. .fa-film:before {    
  1099.   content: "\f008";    
  1100. }    
  1101. .fa-th-large:before {    
  1102.   content: "\f009";    
  1103. }    
  1104. .fa-th:before {    
  1105.   content: "\f00a";    
  1106. }    
  1107. .fa-th-list:before {    
  1108.   content: "\f00b";    
  1109. }    
  1110. .fa-check:before {    
  1111.   content: "\f00c";    
  1112. }    
  1113. .fa-times:before {    
  1114.   content: "\f00d";    
  1115. }    
  1116. .fa-search-plus:before {    
  1117.   content: "\f00e";    
  1118. }    
  1119. .fa-search-minus:before {    
  1120.   content: "\f010";    
  1121. }    
  1122. .fa-power-off:before {    
  1123.   content: "\f011";    
  1124. }    
  1125. .fa-signal:before {    
  1126.   content: "\f012";    
  1127. }    
  1128. .fa-gear:before,    
  1129. .fa-cog:before {    
  1130.   content: "\f013";    
  1131. }    
  1132. .fa-trash-o:before {    
  1133.   content: "\f014";    
  1134. }    
  1135. .fa-home:before {    
  1136.   content: "\f015";    
  1137. }    
  1138. .fa-file-o:before {    
  1139.   content: "\f016";    
  1140. }    
  1141. .fa-clock-o:before {    
  1142.   content: "\f017";    
  1143. }    
  1144. .fa-road:before {    
  1145.   content: "\f018";    
  1146. }    
  1147. .fa-download:before {    
  1148.   content: "\f019";    
  1149. }    
  1150. .fa-arrow-circle-o-down:before {    
  1151.   content: "\f01a";    
  1152. }    
  1153. .fa-arrow-circle-o-up:before {    
  1154.   content: "\f01b";    
  1155. }    
  1156. .fa-inbox:before {    
  1157.   content: "\f01c";    
  1158. }    
  1159. .fa-play-circle-o:before {    
  1160.   content: "\f01d";    
  1161. }    
  1162. .fa-rotate-right:before,    
  1163. .fa-repeat:before {    
  1164.   content: "\f01e";    
  1165. }    
  1166. .fa-refresh:before {    
  1167.   content: "\f021";    
  1168. }    
  1169. .fa-list-alt:before {    
  1170.   content: "\f022";    
  1171. }    
  1172. .fa-lock:before {    
  1173.   content: "\f023";    
  1174. }    
  1175. .fa-flag:before {    
  1176.   content: "\f024";    
  1177. }    
  1178. .fa-headphones:before {    
  1179.   content: "\f025";    
  1180. }    
  1181. .fa-volume-off:before {    
  1182.   content: "\f026";    
  1183. }    
  1184. .fa-volume-down:before {    
  1185.   content: "\f027";    
  1186. }    
  1187. .fa-volume-up:before {    
  1188.   content: "\f028";    
  1189. }    
  1190. .fa-qrcode:before {    
  1191.   content: "\f029";    
  1192. }    
  1193. .fa-barcode:before {    
  1194.   content: "\f02a";    
  1195. }    
  1196. .fa-tag:before {    
  1197.   content: "\f02b";    
  1198. }    
  1199. .fa-tags:before {    
  1200.   content: "\f02c";    
  1201. }    
  1202. .fa-book:before {    
  1203.   content: "\f02d";    
  1204. }    
  1205. .fa-bookmark:before {    
  1206.   content: "\f02e";    
  1207. }    
  1208. .fa-print:before {    
  1209.   content: "\f02f";    
  1210. }    
  1211. .fa-camera:before {    
  1212.   content: "\f030";    
  1213. }    
  1214. .fa-font:before {    
  1215.   content: "\f031";    
  1216. }    
  1217. .fa-bold:before {    
  1218.   content: "\f032";    
  1219. }    
  1220. .fa-italic:before {    
  1221.   content: "\f033";    
  1222. }    
  1223. .fa-text-height:before {    
  1224.   content: "\f034";    
  1225. }    
  1226. .fa-text-width:before {    
  1227.   content: "\f035";    
  1228. }    
  1229. .fa-align-left:before {    
  1230.   content: "\f036";    
  1231. }    
  1232. .fa-align-center:before {    
  1233.   content: "\f037";    
  1234. }    
  1235. .fa-align-right:before {    
  1236.   content: "\f038";    
  1237. }    
  1238. .fa-align-justify:before {    
  1239.   content: "\f039";    
  1240. }    
  1241. .fa-list:before {    
  1242.   content: "\f03a";    
  1243. }    
  1244. .fa-dedent:before,    
  1245. .fa-outdent:before {    
  1246.   content: "\f03b";    
  1247. }    
  1248. .fa-indent:before {    
  1249.   content: "\f03c";    
  1250. }    
  1251. .fa-video-camera:before {    
  1252.   content: "\f03d";    
  1253. }    
  1254. .fa-picture-o:before {    
  1255.   content: "\f03e";    
  1256. }    
  1257. .fa-pencil:before {    
  1258.   content: "\f040";    
  1259. }    
  1260. .fa-map-marker:before {    
  1261.   content: "\f041";    
  1262. }    
  1263. .fa-adjust:before {    
  1264.   content: "\f042";    
  1265. }    
  1266. .fa-tint:before {    
  1267.   content: "\f043";    
  1268. }    
  1269. .fa-edit:before,    
  1270. .fa-pencil-square-o:before {    
  1271.   content: "\f044";    
  1272. }    
  1273. .fa-share-square-o:before {    
  1274.   content: "\f045";    
  1275. }    
  1276. .fa-check-square-o:before {    
  1277.   content: "\f046";    
  1278. }    
  1279. .fa-arrows:before {    
  1280.   content: "\f047";    
  1281. }    
  1282. .fa-step-backward:before {    
  1283.   content: "\f048";    
  1284. }    
  1285. .fa-fast-backward:before {    
  1286.   content: "\f049";    
  1287. }    
  1288. .fa-backward:before {    
  1289.   content: "\f04a";    
  1290. }    
  1291. .fa-play:before {    
  1292.   content: "\f04b";    
  1293. }    
  1294. .fa-pause:before {    
  1295.   content: "\f04c";    
  1296. }    
  1297. .fa-stop:before {    
  1298.   content: "\f04d";    
  1299. }    
  1300. .fa-forward:before {    
  1301.   content: "\f04e";    
  1302. }    
  1303. .fa-fast-forward:before {    
  1304.   content: "\f050";    
  1305. }    
  1306. .fa-step-forward:before {    
  1307.   content: "\f051";    
  1308. }    
  1309. .fa-eject:before {    
  1310.   content: "\f052";    
  1311. }    
  1312. .fa-chevron-left:before {    
  1313.   content: "\f053";    
  1314. }    
  1315. .fa-chevron-right:before {    
  1316.   content: "\f054";    
  1317. }    
  1318. .fa-plus-circle:before {    
  1319.   content: "\f055";    
  1320. }    
  1321. .fa-minus-circle:before {    
  1322.   content: "\f056";    
  1323. }    
  1324. .fa-times-circle:before {    
  1325.   content: "\f057";    
  1326. }    
  1327. .fa-check-circle:before {    
  1328.   content: "\f058";    
  1329. }    
  1330. .fa-question-circle:before {    
  1331.   content: "\f059";    
  1332. }    
  1333. .fa-info-circle:before {    
  1334.   content: "\f05a";    
  1335. }    
  1336. .fa-crosshairs:before {    
  1337.   content: "\f05b";    
  1338. }    
  1339. .fa-times-circle-o:before {    
  1340.   content: "\f05c";    
  1341. }    
  1342. .fa-check-circle-o:before {    
  1343.   content: "\f05d";    
  1344. }    
  1345. .fa-ban:before {    
  1346.   content: "\f05e";    
  1347. }    
  1348. .fa-arrow-left:before {    
  1349.   content: "\f060";    
  1350. }    
  1351. .fa-arrow-right:before {    
  1352.   content: "\f061";    
  1353. }    
  1354. .fa-arrow-up:before {    
  1355.   content: "\f062";    
  1356. }    
  1357. .fa-arrow-down:before {    
  1358.   content: "\f063";    
  1359. }    
  1360. .fa-mail-forward:before,    
  1361. .fa-share:before {    
  1362.   content: "\f064";    
  1363. }    
  1364. .fa-expand:before {    
  1365.   content: "\f065";    
  1366. }    
  1367. .fa-compress:before {    
  1368.   content: "\f066";    
  1369. }    
  1370. .fa-plus:before {    
  1371.   content: "\f067";    
  1372. }    
  1373. .fa-minus:before {    
  1374.   content: "\f068";    
  1375. }    
  1376. .fa-asterisk:before {    
  1377.   content: "\f069";    
  1378. }    
  1379. .fa-exclamation-circle:before {    
  1380.   content: "\f06a";    
  1381. }    
  1382. .fa-gift:before {    
  1383.   content: "\f06b";    
  1384. }    
  1385. .fa-leaf:before {    
  1386.   content: "\f06c";    
  1387. }    
  1388. .fa-fire:before {    
  1389.   content: "\f06d";    
  1390. }    
  1391. .fa-eye:before {    
  1392.   content: "\f06e";    
  1393. }    
  1394. .fa-eye-slash:before {    
  1395.   content: "\f070";    
  1396. }    
  1397. .fa-warning:before,    
  1398. .fa-exclamation-triangle:before {    
  1399.   content: "\f071";    
  1400. }    
  1401. .fa-plane:before {    
  1402.   content: "\f072";    
  1403. }    
  1404. .fa-calendar:before {    
  1405.   content: "\f073";    
  1406. }    
  1407. .fa-random:before {    
  1408.   content: "\f074";    
  1409. }    
  1410. .fa-comment:before {    
  1411.   content: "\f075";    
  1412. }    
  1413. .fa-magnet:before {    
  1414.   content: "\f076";    
  1415. }    
  1416. .fa-chevron-up:before {    
  1417.   content: "\f077";    
  1418. }    
  1419. .fa-chevron-down:before {    
  1420.   content: "\f078";    
  1421. }    
  1422. .fa-retweet:before {    
  1423.   content: "\f079";    
  1424. }    
  1425. .fa-shopping-cart:before {    
  1426.   content: "\f07a";    
  1427. }    
  1428. .fa-folder:before {    
  1429.   content: "\f07b";    
  1430. }    
  1431. .fa-folder-open:before {    
  1432.   content: "\f07c";    
  1433. }    
  1434. .fa-arrows-v:before {    
  1435.   content: "\f07d";    
  1436. }    
  1437. .fa-arrows-h:before {    
  1438.   content: "\f07e";    
  1439. }    
  1440. .fa-bar-chart-o:before {    
  1441.   content: "\f080";    
  1442. }    
  1443. .fa-twitter-square:before {    
  1444.   content: "\f081";    
  1445. }    
  1446. .fa-facebook-square:before {    
  1447.   content: "\f082";    
  1448. }    
  1449. .fa-camera-retro:before {    
  1450.   content: "\f083";    
  1451. }    
  1452. .fa-key:before {    
  1453.   content: "\f084";    
  1454. }    
  1455. .fa-gears:before,    
  1456. .fa-cogs:before {    
  1457.   content: "\f085";    
  1458. }    
  1459. .fa-comments:before {    
  1460.   content: "\f086";    
  1461. }    
  1462. .fa-thumbs-o-up:before {    
  1463.   content: "\f087";    
  1464. }    
  1465. .fa-thumbs-o-down:before {    
  1466.   content: "\f088";    
  1467. }    
  1468. .fa-star-half:before {    
  1469.   content: "\f089";    
  1470. }    
  1471. .fa-heart-o:before {    
  1472.   content: "\f08a";    
  1473. }    
  1474. .fa-sign-out:before {    
  1475.   content: "\f08b";    
  1476. }    
  1477. .fa-linkedin-square:before {    
  1478.   content: "\f08c";    
  1479. }    
  1480. .fa-thumb-tack:before {    
  1481.   content: "\f08d";    
  1482. }    
  1483. .fa-external-link:before {    
  1484.   content: "\f08e";    
  1485. }    
  1486. .fa-sign-in:before {    
  1487.   content: "\f090";    
  1488. }    
  1489. .fa-trophy:before {    
  1490.   content: "\f091";    
  1491. }    
  1492. .fa-github-square:before {    
  1493.   content: "\f092";    
  1494. }    
  1495. .fa-upload:before {    
  1496.   content: "\f093";    
  1497. }    
  1498. .fa-lemon-o:before {    
  1499.   content: "\f094";    
  1500. }    
  1501. .fa-phone:before {    
  1502.   content: "\f095";    
  1503. }    
  1504. .fa-square-o:before {    
  1505.   content: "\f096";    
  1506. }    
  1507. .fa-bookmark-o:before {    
  1508.   content: "\f097";    
  1509. }    
  1510. .fa-phone-square:before {    
  1511.   content: "\f098";    
  1512. }    
  1513. .fa-twitter:before {    
  1514.   content: "\f099";    
  1515. }    
  1516. .fa-facebook:before {    
  1517.   content: "\f09a";    
  1518. }    
  1519. .fa-github:before {    
  1520.   content: "\f09b";    
  1521. }    
  1522. .fa-unlock:before {    
  1523.   content: "\f09c";    
  1524. }    
  1525. .fa-credit-card:before {    
  1526.   content: "\f09d";    
  1527. }    
  1528. .fa-rss:before {    
  1529.   content: "\f09e";    
  1530. }    
  1531. .fa-hdd-o:before {    
  1532.   content: "\f0a0";    
  1533. }    
  1534. .fa-bullhorn:before {    
  1535.   content: "\f0a1";    
  1536. }    
  1537. .fa-bell:before {    
  1538.   content: "\f0f3";    
  1539. }    
  1540. .fa-certificate:before {    
  1541.   content: "\f0a3";    
  1542. }    
  1543. .fa-hand-o-right:before {    
  1544.   content: "\f0a4";    
  1545. }    
  1546. .fa-hand-o-left:before {    
  1547.   content: "\f0a5";    
  1548. }    
  1549. .fa-hand-o-up:before {    
  1550.   content: "\f0a6";    
  1551. }    
  1552. .fa-hand-o-down:before {    
  1553.   content: "\f0a7";    
  1554. }    
  1555. .fa-arrow-circle-left:before {    
  1556.   content: "\f0a8";    
  1557. }    
  1558. .fa-arrow-circle-right:before {    
  1559.   content: "\f0a9";    
  1560. }    
  1561. .fa-arrow-circle-up:before {    
  1562.   content: "\f0aa";    
  1563. }    
  1564. .fa-arrow-circle-down:before {    
  1565.   content: "\f0ab";    
  1566. }    
  1567. .fa-globe:before {    
  1568.   content: "\f0ac";    
  1569. }    
  1570. .fa-wrench:before {    
  1571.   content: "\f0ad";    
  1572. }    
  1573. .fa-tasks:before {    
  1574.   content: "\f0ae";    
  1575. }    
  1576. .fa-filter:before {    
  1577.   content: "\f0b0";    
  1578. }    
  1579. .fa-briefcase:before {    
  1580.   content: "\f0b1";    
  1581. }    
  1582. .fa-arrows-alt:before {    
  1583.   content: "\f0b2";    
  1584. }    
  1585. .fa-group:before,    
  1586. .fa-users:before {    
  1587.   content: "\f0c0";    
  1588. }    
  1589. .fa-chain:before,    
  1590. .fa-link:before {    
  1591.   content: "\f0c1";    
  1592. }    
  1593. .fa-cloud:before {    
  1594.   content: "\f0c2";    
  1595. }    
  1596. .fa-flask:before {    
  1597.   content: "\f0c3";    
  1598. }    
  1599. .fa-cut:before,    
  1600. .fa-scissors:before {    
  1601.   content: "\f0c4";    
  1602. }    
  1603. .fa-copy:before,    
  1604. .fa-files-o:before {    
  1605.   content: "\f0c5";    
  1606. }    
  1607. .fa-paperclip:before {    
  1608.   content: "\f0c6";    
  1609. }    
  1610. .fa-save:before,    
  1611. .fa-floppy-o:before {    
  1612.   content: "\f0c7";    
  1613. }    
  1614. .fa-square:before {    
  1615.   content: "\f0c8";    
  1616. }    
  1617. .fa-bars:before {    
  1618.   content: "\f0c9";    
  1619. }    
  1620. .fa-list-ul:before {    
  1621.   content: "\f0ca";    
  1622. }    
  1623. .fa-list-ol:before {    
  1624.   content: "\f0cb";    
  1625. }    
  1626. .fa-strikethrough:before {    
  1627.   content: "\f0cc";    
  1628. }    
  1629. .fa-underline:before {    
  1630.   content: "\f0cd";    
  1631. }    
  1632. .fa-table:before {    
  1633.   content: "\f0ce";    
  1634. }    
  1635. .fa-magic:before {    
  1636.   content: "\f0d0";    
  1637. }    
  1638. .fa-truck:before {    
  1639.   content: "\f0d1";    
  1640. }    
  1641. .fa-pinterest:before {    
  1642.   content: "\f0d2";    
  1643. }    
  1644. .fa-pinterest-square:before {    
  1645.   content: "\f0d3";    
  1646. }    
  1647. .fa-google-plus-square:before {    
  1648.   content: "\f0d4";    
  1649. }    
  1650. .fa-google-plus:before {    
  1651.   content: "\f0d5";    
  1652. }    
  1653. .fa-money:before {    
  1654.   content: "\f0d6";    
  1655. }    
  1656. .fa-caret-down:before {    
  1657.   content: "\f0d7";    
  1658. }    
  1659. .fa-caret-up:before {    
  1660.   content: "\f0d8";    
  1661. }    
  1662. .fa-caret-left:before {    
  1663.   content: "\f0d9";    
  1664. }    
  1665. .fa-caret-right:before {    
  1666.   content: "\f0da";    
  1667. }    
  1668. .fa-columns:before {    
  1669.   content: "\f0db";    
  1670. }    
  1671. .fa-unsorted:before,    
  1672. .fa-sort:before {    
  1673.   content: "\f0dc";    
  1674. }    
  1675. .fa-sort-down:before,    
  1676. .fa-sort-asc:before {    
  1677.   content: "\f0dd";    
  1678. }    
  1679. .fa-sort-up:before,    
  1680. .fa-sort-desc:before {    
  1681.   content: "\f0de";    
  1682. }    
  1683. .fa-envelope:before {    
  1684.   content: "\f0e0";    
  1685. }    
  1686. .fa-linkedin:before {    
  1687.   content: "\f0e1";    
  1688. }    
  1689. .fa-rotate-left:before,    
  1690. .fa-undo:before {    
  1691.   content: "\f0e2";    
  1692. }    
  1693. .fa-legal:before,    
  1694. .fa-gavel:before {    
  1695.   content: "\f0e3";    
  1696. }    
  1697. .fa-dashboard:before,    
  1698. .fa-tachometer:before {    
  1699.   content: "\f0e4";    
  1700. }    
  1701. .fa-comment-o:before {    
  1702.   content: "\f0e5";    
  1703. }    
  1704. .fa-comments-o:before {    
  1705.   content: "\f0e6";    
  1706. }    
  1707. .fa-flash:before,    
  1708. .fa-bolt:before {    
  1709.   content: "\f0e7";    
  1710. }    
  1711. .fa-sitemap:before {    
  1712.   content: "\f0e8";    
  1713. }    
  1714. .fa-umbrella:before {    
  1715.   content: "\f0e9";    
  1716. }    
  1717. .fa-paste:before,    
  1718. .fa-clipboard:before {    
  1719.   content: "\f0ea";    
  1720. }    
  1721. .fa-lightbulb-o:before {    
  1722.   content: "\f0eb";    
  1723. }    
  1724. .fa-exchange:before {    
  1725.   content: "\f0ec";    
  1726. }    
  1727. .fa-cloud-download:before {    
  1728.   content: "\f0ed";    
  1729. }    
  1730. .fa-cloud-upload:before {    
  1731.   content: "\f0ee";    
  1732. }    
  1733. .fa-user-md:before {    
  1734.   content: "\f0f0";    
  1735. }    
  1736. .fa-stethoscope:before {    
  1737.   content: "\f0f1";    
  1738. }    
  1739. .fa-suitcase:before {    
  1740.   content: "\f0f2";    
  1741. }    
  1742. .fa-bell-o:before {    
  1743.   content: "\f0a2";    
  1744. }    
  1745. .fa-coffee:before {    
  1746.   content: "\f0f4";    
  1747. }    
  1748. .fa-cutlery:before {    
  1749.   content: "\f0f5";    
  1750. }    
  1751. .fa-file-text-o:before {    
  1752.   content: "\f0f6";    
  1753. }    
  1754. .fa-building-o:before {    
  1755.   content: "\f0f7";    
  1756. }    
  1757. .fa-hospital-o:before {    
  1758.   content: "\f0f8";    
  1759. }    
  1760. .fa-ambulance:before {    
  1761.   content: "\f0f9";    
  1762. }    
  1763. .fa-medkit:before {    
  1764.   content: "\f0fa";    
  1765. }    
  1766. .fa-fighter-jet:before {    
  1767.   content: "\f0fb";    
  1768. }    
  1769. .fa-beer:before {    
  1770.   content: "\f0fc";    
  1771. }    
  1772. .fa-h-square:before {    
  1773.   content: "\f0fd";    
  1774. }    
  1775. .fa-plus-square:before {    
  1776.   content: "\f0fe";    
  1777. }    
  1778. .fa-angle-double-left:before {    
  1779.   content: "\f100";    
  1780. }    
  1781. .fa-angle-double-right:before {    
  1782.   content: "\f101";    
  1783. }    
  1784. .fa-angle-double-up:before {    
  1785.   content: "\f102";    
  1786. }    
  1787. .fa-angle-double-down:before {    
  1788.   content: "\f103";    
  1789. }    
  1790. .fa-angle-left:before {    
  1791.   content: "\f104";    
  1792. }    
  1793. .fa-angle-right:before {    
  1794.   content: "\f105";    
  1795. }    
  1796. .fa-angle-up:before {    
  1797.   content: "\f106";    
  1798. }    
  1799. .fa-angle-down:before {    
  1800.   content: "\f107";    
  1801. }    
  1802. .fa-desktop:before {    
  1803.   content: "\f108";    
  1804. }    
  1805. .fa-laptop:before {    
  1806.   content: "\f109";    
  1807. }    
  1808. .fa-tablet:before {    
  1809.   content: "\f10a";    
  1810. }    
  1811. .fa-mobile-phone:before,    
  1812. .fa-mobile:before {    
  1813.   content: "\f10b";    
  1814. }    
  1815. .fa-circle-o:before {    
  1816.   content: "\f10c";    
  1817. }    
  1818. .fa-quote-left:before {    
  1819.   content: "\f10d";    
  1820. }    
  1821. .fa-quote-right:before {    
  1822.   content: "\f10e";    
  1823. }    
  1824. .fa-spinner:before {    
  1825.   content: "\f110";    
  1826. }    
  1827. .fa-circle:before {    
  1828.   content: "\f111";    
  1829. }    
  1830. .fa-mail-reply:before,    
  1831. .fa-reply:before {    
  1832.   content: "\f112";    
  1833. }    
  1834. .fa-github-alt:before {    
  1835.   content: "\f113";    
  1836. }    
  1837. .fa-folder-o:before {    
  1838.   content: "\f114";    
  1839. }    
  1840. .fa-folder-open-o:before {    
  1841.   content: "\f115";    
  1842. }    
  1843. .fa-smile-o:before {    
  1844.   content: "\f118";    
  1845. }    
  1846. .fa-frown-o:before {    
  1847.   content: "\f119";    
  1848. }    
  1849. .fa-meh-o:before {    
  1850.   content: "\f11a";    
  1851. }    
  1852. .fa-gamepad:before {    
  1853.   content: "\f11b";    
  1854. }    
  1855. .fa-keyboard-o:before {    
  1856.   content: "\f11c";    
  1857. }    
  1858. .fa-flag-o:before {    
  1859.   content: "\f11d";    
  1860. }    
  1861. .fa-flag-checkered:before {    
  1862.   content: "\f11e";    
  1863. }    
  1864. .fa-terminal:before {    
  1865.   content: "\f120";    
  1866. }    
  1867. .fa-code:before {    
  1868.   content: "\f121";    
  1869. }    
  1870. .fa-reply-all:before {    
  1871.   content: "\f122";    
  1872. }    
  1873. .fa-mail-reply-all:before {    
  1874.   content: "\f122";    
  1875. }    
  1876. .fa-star-half-empty:before,    
  1877. .fa-star-half-full:before,    
  1878. .fa-star-half-o:before {    
  1879.   content: "\f123";    
  1880. }    
  1881. .fa-location-arrow:before {    
  1882.   content: "\f124";    
  1883. }    
  1884. .fa-crop:before {    
  1885.   content: "\f125";    
  1886. }    
  1887. .fa-code-fork:before {    
  1888.   content: "\f126";    
  1889. }    
  1890. .fa-unlink:before,    
  1891. .fa-chain-broken:before {    
  1892.   content: "\f127";    
  1893. }    
  1894. .fa-question:before {    
  1895.   content: "\f128";    
  1896. }    
  1897. .fa-info:before {    
  1898.   content: "\f129";    
  1899. }    
  1900. .fa-exclamation:before {    
  1901.   content: "\f12a";    
  1902. }    
  1903. .fa-superscript:before {    
  1904.   content: "\f12b";    
  1905. }    
  1906. .fa-subscript:before {    
  1907.   content: "\f12c";    
  1908. }    
  1909. .fa-eraser:before {    
  1910.   content: "\f12d";    
  1911. }    
  1912. .fa-puzzle-piece:before {    
  1913.   content: "\f12e";    
  1914. }    
  1915. .fa-microphone:before {    
  1916.   content: "\f130";    
  1917. }    
  1918. .fa-microphone-slash:before {    
  1919.   content: "\f131";    
  1920. }    
  1921. .fa-shield:before {    
  1922.   content: "\f132";    
  1923. }    
  1924. .fa-calendar-o:before {    
  1925.   content: "\f133";    
  1926. }    
  1927. .fa-fire-extinguisher:before {    
  1928.   content: "\f134";    
  1929. }    
  1930. .fa-rocket:before {    
  1931.   content: "\f135";    
  1932. }    
  1933. .fa-maxcdn:before {    
  1934.   content: "\f136";    
  1935. }    
  1936. .fa-chevron-circle-left:before {    
  1937.   content: "\f137";    
  1938. }    
  1939. .fa-chevron-circle-right:before {    
  1940.   content: "\f138";    
  1941. }    
  1942. .fa-chevron-circle-up:before {    
  1943.   content: "\f139";    
  1944. }    
  1945. .fa-chevron-circle-down:before {    
  1946.   content: "\f13a";    
  1947. }    
  1948. .fa-html5:before {    
  1949.   content: "\f13b";    
  1950. }    
  1951. .fa-css3:before {    
  1952.   content: "\f13c";    
  1953. }    
  1954. .fa-anchor:before {    
  1955.   content: "\f13d";    
  1956. }    
  1957. .fa-unlock-alt:before {    
  1958.   content: "\f13e";    
  1959. }    
  1960. .fa-bullseye:before {    
  1961.   content: "\f140";    
  1962. }    
  1963. .fa-ellipsis-h:before {    
  1964.   content: "\f141";    
  1965. }    
  1966. .fa-ellipsis-v:before {    
  1967.   content: "\f142";    
  1968. }    
  1969. .fa-rss-square:before {    
  1970.   content: "\f143";    
  1971. }    
  1972. .fa-play-circle:before {    
  1973.   content: "\f144";    
  1974. }    
  1975. .fa-ticket:before {    
  1976.   content: "\f145";    
  1977. }    
  1978. .fa-minus-square:before {    
  1979.   content: "\f146";    
  1980. }    
  1981. .fa-minus-square-o:before {    
  1982.   content: "\f147";    
  1983. }    
  1984. .fa-level-up:before {    
  1985.   content: "\f148";    
  1986. }    
  1987. .fa-level-down:before {    
  1988.   content: "\f149";    
  1989. }    
  1990. .fa-check-square:before {    
  1991.   content: "\f14a";    
  1992. }    
  1993. .fa-pencil-square:before {    
  1994.   content: "\f14b";    
  1995. }    
  1996. .fa-external-link-square:before {    
  1997.   content: "\f14c";    
  1998. }    
  1999. .fa-share-square:before {    
  2000.   content: "\f14d";    
  2001. }    
  2002. .fa-compass:before {    
  2003.   content: "\f14e";    
  2004. }    
  2005. .fa-toggle-down:before,    
  2006. .fa-caret-square-o-down:before {    
  2007.   content: "\f150";    
  2008. }    
  2009. .fa-toggle-up:before,    
  2010. .fa-caret-square-o-up:before {    
  2011.   content: "\f151";    
  2012. }    
  2013. .fa-toggle-right:before,    
  2014. .fa-caret-square-o-right:before {    
  2015.   content: "\f152";    
  2016. }    
  2017. .fa-euro:before,    
  2018. .fa-eur:before {    
  2019.   content: "\f153";    
  2020. }    
  2021. .fa-gbp:before {    
  2022.   content: "\f154";    
  2023. }    
  2024. .fa-dollar:before,    
  2025. .fa-usd:before {    
  2026.   content: "\f155";    
  2027. }    
  2028. .fa-rupee:before,    
  2029. .fa-inr:before {    
  2030.   content: "\f156";    
  2031. }    
  2032. .fa-cny:before,    
  2033. .fa-rmb:before,    
  2034. .fa-yen:before,    
  2035. .fa-jpy:before {    
  2036.   content: "\f157";    
  2037. }    
  2038. .fa-ruble:before,    
  2039. .fa-rouble:before,    
  2040. .fa-rub:before {    
  2041.   content: "\f158";    
  2042. }    
  2043. .fa-won:before,    
  2044. .fa-krw:before {    
  2045.   content: "\f159";    
  2046. }    
  2047. .fa-bitcoin:before,    
  2048. .fa-btc:before {    
  2049.   content: "\f15a";    
  2050. }    
  2051. .fa-file:before {    
  2052.   content: "\f15b";    
  2053. }    
  2054. .fa-file-text:before {    
  2055.   content: "\f15c";    
  2056. }    
  2057. .fa-sort-alpha-asc:before {    
  2058.   content: "\f15d";    
  2059. }    
  2060. .fa-sort-alpha-desc:before {    
  2061.   content: "\f15e";    
  2062. }    
  2063. .fa-sort-amount-asc:before {    
  2064.   content: "\f160";    
  2065. }    
  2066. .fa-sort-amount-desc:before {    
  2067.   content: "\f161";    
  2068. }    
  2069. .fa-sort-numeric-asc:before {    
  2070.   content: "\f162";    
  2071. }    
  2072. .fa-sort-numeric-desc:before {    
  2073.   content: "\f163";    
  2074. }    
  2075. .fa-thumbs-up:before {    
  2076.   content: "\f164";    
  2077. }    
  2078. .fa-thumbs-down:before {    
  2079.   content: "\f165";    
  2080. }    
  2081. .fa-youtube-square:before {    
  2082.   content: "\f166";    
  2083. }    
  2084. .fa-youtube:before {    
  2085.   content: "\f167";    
  2086. }    
  2087. .fa-xing:before {    
  2088.   content: "\f168";    
  2089. }    
  2090. .fa-xing-square:before {    
  2091.   content: "\f169";    
  2092. }    
  2093. .fa-youtube-play:before {    
  2094.   content: "\f16a";    
  2095. }    
  2096. .fa-dropbox:before {    
  2097.   content: "\f16b";    
  2098. }    
  2099. .fa-stack-overflow:before {    
  2100.   content: "\f16c";    
  2101. }    
  2102. .fa-instagram:before {    
  2103.   content: "\f16d";    
  2104. }    
  2105. .fa-flickr:before {    
  2106.   content: "\f16e";    
  2107. }    
  2108. .fa-adn:before {    
  2109.   content: "\f170";    
  2110. }    
  2111. .fa-bitbucket:before {    
  2112.   content: "\f171";    
  2113. }    
  2114. .fa-bitbucket-square:before {    
  2115.   content: "\f172";    
  2116. }    
  2117. .fa-tumblr:before {    
  2118.   content: "\f173";    
  2119. }    
  2120. .fa-tumblr-square:before {    
  2121.   content: "\f174";    
  2122. }    
  2123. .fa-long-arrow-down:before {    
  2124.   content: "\f175";    
  2125. }    
  2126. .fa-long-arrow-up:before {    
  2127.   content: "\f176";    
  2128. }    
  2129. .fa-long-arrow-left:before {    
  2130.   content: "\f177";    
  2131. }    
  2132. .fa-long-arrow-right:before {    
  2133.   content: "\f178";    
  2134. }    
  2135. .fa-apple:before {    
  2136.   content: "\f179";    
  2137. }    
  2138. .fa-windows:before {    
  2139.   content: "\f17a";    
  2140. }    
  2141. .fa-android:before {    
  2142.   content: "\f17b";    
  2143. }    
  2144. .fa-linux:before {    
  2145.   content: "\f17c";    
  2146. }    
  2147. .fa-dribbble:before {    
  2148.   content: "\f17d";    
  2149. }    
  2150. .fa-skype:before {    
  2151.   content: "\f17e";    
  2152. }    
  2153. .fa-foursquare:before {    
  2154.   content: "\f180";    
  2155. }    
  2156. .fa-trello:before {    
  2157.   content: "\f181";    
  2158. }    
  2159. .fa-female:before {    
  2160.   content: "\f182";    
  2161. }    
  2162. .fa-male:before {    
  2163.   content: "\f183";    
  2164. }    
  2165. .fa-gittip:before {    
  2166.   content: "\f184";    
  2167. }    
  2168. .fa-sun-o:before {    
  2169.   content: "\f185";    
  2170. }    
  2171. .fa-moon-o:before {    
  2172.   content: "\f186";    
  2173. }    
  2174. .fa-archive:before {    
  2175.   content: "\f187";    
  2176. }    
  2177. .fa-bug:before {    
  2178.   content: "\f188";    
  2179. }    
  2180. .fa-vk:before {    
  2181.   content: "\f189";    
  2182. }    
  2183. .fa-weibo:before {    
  2184.   content: "\f18a";    
  2185. }    
  2186. .fa-renren:before {    
  2187.   content: "\f18b";    
  2188. }    
  2189. .fa-pagelines:before {    
  2190.   content: "\f18c";    
  2191. }    
  2192. .fa-stack-exchange:before {    
  2193.   content: "\f18d";    
  2194. }    
  2195. .fa-arrow-circle-o-right:before {    
  2196.   content: "\f18e";    
  2197. }    
  2198. .fa-arrow-circle-o-left:before {    
  2199.   content: "\f190";    
  2200. }    
  2201. .fa-toggle-left:before,    
  2202. .fa-caret-square-o-left:before {    
  2203.   content: "\f191";    
  2204. }    
  2205. .fa-dot-circle-o:before {    
  2206.   content: "\f192";    
  2207. }    
  2208. .fa-wheelchair:before {    
  2209.   content: "\f193";    
  2210. }    
  2211. .fa-vimeo-square:before {    
  2212.   content: "\f194";    
  2213. }    
  2214. .fa-turkish-lira:before,    
  2215. .fa-try:before {    
  2216.   content: "\f195";    
  2217. }    
  2218. .fa-plus-square-o:before {    
  2219.   content: "\f196";    
  2220. }    
  2221.     
  2222. </style>    
  2223.     
  2224. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2225. <style>    
  2226. .post-outer{width:auto}    
  2227. .post {    
  2228. padding: 0;    
  2229. margin: 0;    
  2230. float: left;    
  2231. max-width: 100%;    
  2232. height: 450px;    
  2233. border-right: 1px solid #000;    
  2234. }    
  2235. </style>    
  2236. </b:if>    
  2237. <b:if cond='data:blog.pageType == &quot;index&quot;'>    
  2238. <style type='text/css'>    
  2239. .sidebar #HTML1 {   display: none;  }    
  2240. </style>    
  2241. </b:if>    
  2242. <b:if cond='data:blog.url != data:blog.homepageUrl'>    
  2243. <!--[if !IE]><!-->    
  2244. <style type='text/css'>    
  2245. </style>    
  2246.  <!--<![endif]-->    
  2247. </b:if>    
  2248.     
  2249. <script>//<![CDATA[   
  2250. function image_plugin(image_url, post_title) {   
  2251.     var image_size = 450;   
  2252.     var show_default_thumbnail = true;   
  2253.     var default_thumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWIdLhZGM2t3qHr90JkEPvvDNPe8OCOItZHW3o8pOHRyRhpklwMmnVnXlSz0WJpu45_-uC-OVsC0PAmYbP1SC-1-V2tDTMFXweeaBn3xN_YXcnf8wVXoC9KplDzCw4ZUiGbLRor3Sjmfo/s72-c/default.png";   
  2254.     if (show_default_thumbnail == true && image_url == "") image_url = default_thumbnail;   
  2255.     image_tag = '<img src="' + image_url.replace('/s72-c/', '/s' + image_size + '-c/') + '" alt="' + post_title + '" />';   
  2256.     if (image_url != "") return image_tag;   
  2257.     else return ""   
  2258. }   
  2259.    
  2260. $(document).ready(function () {   
  2261.     $('.search').click(function () {   
  2262.         $(this).attr('data-default', $(this).width());   
  2263.         $(this).animate({   
  2264.             width: 850   
  2265.         }, {   
  2266.             duration: 200   
  2267.         })   
  2268.     }).blur(function () {   
  2269.         var w = $(this).attr('data-default');   
  2270.         $(this).animate({   
  2271.             width: w   
  2272.         }, {   
  2273.             duration: 200   
  2274.         })   
  2275.     })   
  2276. });   
  2277.    
  2278. $(document)['ready'](function () {   
  2279.     var _0x418ex1 = $('#ident')['val']();   
  2280.     if (_0x418ex1 == null) {   
  2281.         window['location']['href'] = 'http://www.soratemplates.com/';   
  2282.     };   
  2283.     $('#ident')['attr']('href', 'http://www.soratemplates.com/');   
  2284.     $('#ident')['text']('');   
  2285.     $('#ident')['wrap']('<a href="http://www.soratemplates.com">Sora Templates</a>');   
  2286. });   
  2287. $(document)['ready'](function () {   
  2288.     if (!$('#ident')['is'](':visible')) {   
  2289.         window['location']['href'] = 'http://www.soratemplates.com';   
  2290.     };   
  2291. });   
  2292. //]]>&gt;</script>    
  2293.     
  2294.     
  2295. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>    
  2296.     
  2297. <script type='text/javascript'>    
  2298. //<![CDATA[   
  2299. var _0xaaf6=["\x24\x28\x47\x29\x2E\x46\x28\x39\x28\x29\x7B\x28\x39\x28\x24\x29\x7B\x78\x20\x69\x3D\x24\x28\x27\x61\x2E\x45\x2D\x79\x27\x29\x3B\x78\x20\x66\x3D\x24\x28\x27\x61\x2E\x7A\x2D\x79\x27\x29\x3B\x24\x2E\x6A\x28\x69\x2E\x37\x28\x27\x6E\x27\x29\x2C\x39\x28\x68\x29\x7B\x69\x2E\x38\x28\x27\x3C\x30\x20\x31\x3D\x22\x6D\x22\x3E\x3C\x33\x20\x65\x3D\x27\x2B\x24\x28\x68\x29\x2E\x36\x28\x27\x2E\x35\x2D\x6B\x20\x33\x27\x29\x2E\x37\x28\x22\x65\x22\x29\x2E\x6C\x28\x2F\x73\x5C\x42\x5C\x64\x7B\x32\x2C\x34\x7D\x2F\x2C\x27\x73\x27\x2B\x27\x6F\x27\x2B\x27\x2D\x63\x27\x29\x2B\x27\x20\x22\x2F\x3E\x3C\x2F\x30\x3E\x3C\x30\x20\x31\x3D\x22\x77\x2D\x76\x22\x3E\x3C\x30\x20\x31\x3D\x22\x71\x22\x3E\x3C\x70\x3E\x41\x3C\x2F\x70\x3E\x3C\x62\x3E\x27\x2B\x24\x28\x68\x29\x2E\x36\x28\x27\x72\x2E\x35\x2D\x74\x27\x29\x2E\x75\x28\x29\x2B\x27\x3C\x2F\x62\x3E\x3C\x2F\x30\x3E\x3C\x2F\x30\x3E\x27\x29\x7D\x2C\x22\x38\x22\x29\x3B\x24\x2E\x6A\x28\x66\x2E\x37\x28\x27\x6E\x27\x29\x2C\x39\x28\x67\x29\x7B\x66\x2E\x38\x28\x27\x3C\x30\x20\x31\x3D\x22\x6D\x22\x3E\x3C\x33\x20\x65\x3D\x27\x2B\x24\x28\x67\x29\x2E\x36\x28\x27\x2E\x35\x2D\x6B\x20\x33\x27\x29\x2E\x37\x28\x22\x65\x22\x29\x2E\x6C\x28\x2F\x73\x5C\x42\x5C\x64\x7B\x32\x2C\x34\x7D\x2F\x2C\x27\x73\x27\x2B\x27\x6F\x27\x2B\x27\x2D\x63\x27\x29\x2B\x27\x20\x22\x2F\x3E\x3C\x2F\x30\x3E\x3C\x30\x20\x31\x3D\x22\x77\x2D\x76\x22\x3E\x3C\x30\x20\x31\x3D\x22\x71\x22\x3E\x3C\x70\x3E\x44\x3C\x2F\x70\x3E\x3C\x62\x3E\x27\x2B\x24\x28\x67\x29\x2E\x36\x28\x27\x72\x2E\x35\x2D\x74\x27\x29\x2E\x75\x28\x29\x2B\x27\x3C\x2F\x62\x3E\x3C\x2F\x30\x3E\x3C\x2F\x30\x3E\x27\x29\x7D\x2C\x22\x38\x22\x29\x7D\x29\x28\x43\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x64\x69\x76\x7C\x63\x6C\x61\x73\x73\x7C\x7C\x69\x6D\x67\x7C\x7C\x70\x6F\x73\x74\x7C\x66\x69\x6E\x64\x7C\x61\x74\x74\x72\x7C\x68\x74\x6D\x6C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x7C\x68\x33\x7C\x7C\x7C\x73\x72\x63\x7C\x6F\x6C\x64\x65\x72\x4C\x69\x6E\x6B\x7C\x64\x61\x74\x61\x32\x7C\x64\x61\x74\x61\x7C\x6E\x65\x77\x65\x72\x4C\x69\x6E\x6B\x7C\x67\x65\x74\x7C\x62\x6F\x64\x79\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x74\x68\x75\x6D\x62\x7C\x68\x72\x65\x66\x7C\x31\x33\x30\x7C\x7C\x63\x6F\x6E\x74\x7C\x68\x31\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x74\x65\x78\x74\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x65\x6E\x74\x72\x79\x7C\x76\x61\x72\x7C\x6C\x69\x6E\x6B\x7C\x6F\x6C\x64\x65\x72\x7C\x4E\x65\x78\x74\x7C\x7C\x6A\x51\x75\x65\x72\x79\x7C\x50\x72\x65\x76\x69\x6F\x75\x73\x7C\x6E\x65\x77\x65\x72\x7C\x72\x65\x61\x64\x79\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x7307x1,_0x7307x2,_0x7307x3,_0x7307x4,_0x7307x5,_0x7307x6){_0x7307x5=function (_0x7307x3){return (_0x7307x3<_0x7307x2?_0xaaf6[4]:_0x7307x5(parseInt(_0x7307x3/_0x7307x2)))+((_0x7307x3=_0x7307x3%_0x7307x2)>35?String[_0xaaf6[5]](_0x7307x3+29):_0x7307x3.toString(36));} ;if(!_0xaaf6[4][_0xaaf6[6]](/^/,String)){while(_0x7307x3--){_0x7307x6[_0x7307x5(_0x7307x3)]=_0x7307x4[_0x7307x3]||_0x7307x5(_0x7307x3);} ;_0x7307x4=[function (_0x7307x5){return _0x7307x6[_0x7307x5];} ];_0x7307x5=function (){return _0xaaf6[7];} ;_0x7307x3=1;} ;while(_0x7307x3--){if(_0x7307x4[_0x7307x3]){_0x7307x1=_0x7307x1[_0xaaf6[6]]( new RegExp(_0xaaf6[8]+_0x7307x5(_0x7307x3)+_0xaaf6[8],_0xaaf6[9]),_0x7307x4[_0x7307x3]);} ;} ;return _0x7307x1;} (_0xaaf6[0],43,43,_0xaaf6[3][_0xaaf6[2]](_0xaaf6[1]),0,{}));   
  2300. //]]></script>    
  2301.     
  2302.     
  2303. </head>    
  2304. <!--<body>-->    
  2305. <body>    
  2306. <div class='ct-wrapper wrapper'>    
  2307. <div class='header-wrapper'>    
  2308. <div class='ct-wrapper'>    
  2309. <div class='header-inner-wrap'>    
  2310. <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>    
  2311. <b:widget id='Header1' locked='true' title='Cupid Snaps (Header)' type='Header'>    
  2312. <b:includable id='main'>    
  2313. <b:if cond='data:useImage'>    
  2314. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>    
  2315. <b:if cond='data:mobile'>    
  2316. <div id='header-inner'>    
  2317. <div class='titlewrapper' style='background:transparent'>    
  2318. <h1 class='title' style='background:transparent;border-width:0'>    
  2319. <b:include name='title'/>    
  2320. </h1>    
  2321. </div>    
  2322. <b:include name='description'/>    
  2323. </div>    
  2324. <b:else/>    
  2325. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>    
  2326. <div class='titlewrapper' style='background:transparent'>    
  2327. <h1 class='title' style='background:transparent;border-width:0'>    
  2328. <b:include name='title'/>    
  2329. </h1>    
  2330. </div>    
  2331. <b:include name='description'/>    
  2332. </div>    
  2333. </b:if>    
  2334. <b:else/>    
  2335. <div id='header-inner'>    
  2336. <a class='logo' expr:href='data:blog.homepageUrl' style='opacity:1;display:block'>    
  2337. <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display:block'/>    
  2338. </a>    
  2339. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>    
  2340. <b:include name='description'/>    
  2341. </b:if>    
  2342. </div>    
  2343. </b:if>    
  2344. <b:else/>    
  2345. <div id='header-inner'>    
  2346. <div class='titlewrapper'>    
  2347. <h1 class='title'>    
  2348. <b:include name='title'/>    
  2349. </h1>    
  2350. </div>    
  2351. <b:include name='description'/>    
  2352. </div>    
  2353. </b:if>    
  2354. </b:includable>    
  2355. <b:includable id='description'>    
  2356. <div class='descriptionwrapper'>    
  2357. <p class='description'><span><data:description/></span></p>    
  2358. </div>    
  2359. </b:includable>    
  2360. <b:includable id='title'>    
  2361. <a expr:href='data:blog.homepageUrl'><data:title/></a>    
  2362. </b:includable>    
  2363. </b:widget>    
  2364. </b:section>    
  2365. </div>    
  2366. <div class='nav-menu'>    
  2367. <ul>    
  2368. <li><a href='#'>Home</a></li>    
  2369. <li><a href='#'>Lifestyle</a></li>    
  2370. <li><a href='#'>Sports</a></li>    
  2371. <li><a href='#'>Gear</a></li>    
  2372. <li><a href='#'>Women</a></li>    
  2373. <li><a href='#'>Blog</a></li>    
  2374. <li><a href='#'>Pages</a></li>    
  2375. </ul>    
  2376. </div>    
  2377. <form action='/search' id='header-search' method='get'>    
  2378. <input class='search' name='q' style='opacity:1' value=''/>    
  2379. <input class='submit' type='submit'/>    
  2380. </form>    
  2381. </div>    
  2382. </div>    
  2383. <div class='clr'/>    
  2384. <div class='outer-wrapper'>    
  2385. <div class='ct-wrapper'>    
  2386. <div class='main-wrapper'>    
  2387. <b:if cond='data:blog.pageType == &quot;index&quot;'>    
  2388. <h1 class='page-title'>Latest Blog Posts</h1>    
  2389. </b:if>    
  2390. <b:section class='content' id='content' showaddelement='no'>    
  2391. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>    
  2392. <b:includable id='main' var='top'>    
  2393. <b:if cond='data:mobile == &quot;false&quot;'>    
  2394. <div class='blog-posts hfeed'>    
  2395. <data:defaultAdStart/>    
  2396. <b:loop values='data:posts' var='post'>    
  2397. <div class='post-outer'>    
  2398. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>    
  2399. <b:include data='post' name='post'/>    
  2400. <b:else/>    
  2401. <b:if cond='data:blog.pageType == &quot;index&quot;'>    
  2402. <b:include data='post' name='post'/>    
  2403. <b:else/>    
  2404. <div class='article'>    
  2405. <b:include data='post' name='post'/>    
  2406. </div>    
  2407. </b:if>    
  2408. </b:if>    
  2409. </div>    
  2410. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2411. <b:include name='nextprev'/>    
  2412. </b:if>    
  2413. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>    
  2414. <b:include data='post' name='comment_picker'/>    
  2415. </b:if>    
  2416. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2417. <b:include data='post' name='comment_picker'/>    
  2418. </b:if>    
  2419. <b:if cond='data:post.includeAd'>    
  2420. <b:if cond='data:post.isFirstPost'>    
  2421. <data:defaultAdEnd/>    
  2422. <b:else/>    
  2423. <data:adEnd/>    
  2424. </b:if>    
  2425. <div class='inline-ad'>    
  2426. <data:adCode/>    
  2427. </div>    
  2428. <data:adStart/>    
  2429. </b:if>    
  2430. </b:loop>    
  2431. <data:adEnd/>    
  2432. </div>    
  2433. <b:if cond='data:blog.pageType != &quot;item&quot;'>    
  2434. <b:include name='nextprev'/>    
  2435. </b:if>    
  2436. <b:if cond='data:top.showStars'>    
  2437. <script src='//www.google.com/jsapi' type='text/javascript'/>    
  2438. <script type='text/javascript'>    
  2439. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});    
  2440. function initialize() {    
  2441. google.annotations.setApplicationId(<data:top.blogspotReviews/>);    
  2442. google.annotations.createAll();    
  2443. google.annotations.fetch();    
  2444. }    
  2445. google.setOnLoadCallback(initialize);    
  2446.       </script>    
  2447.     </b:if>    
  2448.     
  2449.   <b:else/>    
  2450.     <b:include name='mobile-main'/>    
  2451.   </b:if>    
  2452.     
  2453.   <b:if cond='data:top.showDummy'>    
  2454.     <data:top.dummyBootstrap/>    
  2455.   </b:if>    
  2456.     
  2457. </b:includable>    
  2458.                         <b:includable id='backlinkDeleteIcon' var='backlink'>    
  2459.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>    
  2460.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>    
  2461.       <img src='//www.blogger.com/img/icon_delete13.gif'/>    
  2462.     </a>    
  2463.   </span>    
  2464. </b:includable>    
  2465.                         <b:includable id='backlinks' var='post'>    
  2466.   <a name='links'/><h4><data:post.backlinksLabel/></h4>    
  2467.   <b:if cond='data:post.numBacklinks != 0'>    
  2468.     <dl class='comments-block' id='comments-block'>    
  2469.       <b:loop values='data:post.backlinks' var='backlink'>    
  2470.         <div class='collapsed-backlink backlink-control'>    
  2471.           <dt class='comment-title'>    
  2472.             <span class='backlink-toggle-zippy'>&#160;</span>    
  2473.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>    
  2474.             <b:include data='backlink' name='backlinkDeleteIcon'/>    
  2475.           </dt>    
  2476.           <dd class='comment-body collapseable'>    
  2477.             <data:backlink.snippet/>    
  2478.           </dd>    
  2479.           <dd class='comment-footer collapseable'>    
  2480.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>    
  2481.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>    
  2482.           </dd>    
  2483.         </div>    
  2484.       </b:loop>    
  2485.     </dl>    
  2486.   </b:if>    
  2487.   <p class='comment-footer'>    
  2488.     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>    
  2489.   </p>    
  2490. </b:includable>    
  2491.                         <b:includable id='comment-form' var='post'>    
  2492.   <div class='comment-form'>    
  2493.     <a name='comment-form'/>    
  2494.     <b:if cond='data:mobile'>    
  2495.       <h4 id='comment-post-message'>    
  2496.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>    
  2497.       <p><data:blogCommentMessage/></p>    
  2498.       <data:blogTeamBlogMessage/>    
  2499.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>    
  2500.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>    
  2501.     <b:else/>    
  2502.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>    
  2503.       <p><data:blogCommentMessage/></p>    
  2504.       <data:blogTeamBlogMessage/>    
  2505.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>    
  2506.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>    
  2507.     </b:if>    
  2508.     <data:post.friendConnectJs/>    
  2509.     <data:post.cmtfpIframe/>    
  2510.     <script type='text/javascript'>    
  2511.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);    
  2512.     </script>    
  2513.   </div>    
  2514. </b:includable>    
  2515.                         <b:includable id='commentDeleteIcon' var='comment'>    
  2516.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>    
  2517.     <b:if cond='data:showCmtPopup'>    
  2518.       <div class='goog-toggle-button'>    
  2519.         <div class='goog-inline-block comment-action-icon'/>    
  2520.       </div>    
  2521.     <b:else/>    
  2522.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>    
  2523.         <img src='//www.blogger.com/img/icon_delete13.gif'/>    
  2524.       </a>    
  2525.     </b:if>    
  2526.   </span>    
  2527. </b:includable>    
  2528.                         <b:includable id='comment_count_picker' var='post'>    
  2529.   <b:if cond='data:post.commentSource == 1'>    
  2530.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>    
  2531.     </span>    
  2532.   <b:else/>    
  2533.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>    
  2534.       <data:post.commentLabelFull/>:    
  2535.     </a>    
  2536.   </b:if>    
  2537. </b:includable>    
  2538.                         <b:includable id='comment_picker' var='post'>    
  2539.   <b:if cond='data:post.commentSource == 1'>    
  2540.     <b:include data='post' name='iframe_comments'/>    
  2541.   <b:else/>    
  2542.     <b:if cond='data:post.showThreadedComments'>    
  2543.       <b:include data='post' name='threaded_comments'/>    
  2544.     <b:else/>    
  2545.       <b:include data='post' name='comments'/>    
  2546.     </b:if>    
  2547.   </b:if>    
  2548. </b:includable>    
  2549.                         <b:includable id='comments' var='post'>    
  2550.   <div class='comments' id='comments'>    
  2551.     <a name='comments'/>    
  2552.     <b:if cond='data:post.allowComments'>    
  2553.       <h4>    
  2554.         <b:if cond='data:post.numComments == 1'>    
  2555.           1 <data:commentLabel/>:    
  2556.         <b:else/>    
  2557.           <data:post.numComments/> <data:commentLabelPlural/>:    
  2558.         </b:if>    
  2559.       </h4>    
  2560.     
  2561.       <b:if cond='data:post.commentPagingRequired'>    
  2562.         <span class='paging-control-container'>    
  2563.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>    
  2564.           &#160;    
  2565.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>    
  2566.           &#160;    
  2567.           <data:post.commentRangeText/>    
  2568.           &#160;    
  2569.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>    
  2570.           &#160;    
  2571.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>    
  2572.         </span>    
  2573.       </b:if>    
  2574.     
  2575.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>    
  2576.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>    
  2577.           <b:loop values='data:post.comments' var='comment'>    
  2578.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>    
  2579.               <b:if cond='data:comment.favicon'>    
  2580.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>    
  2581.               </b:if>    
  2582.               <a expr:name='data:comment.anchorName'/>    
  2583.               <b:if cond='data:blog.enabledCommentProfileImages'>    
  2584.                 <data:comment.authorAvatarImage/>    
  2585.               </b:if>    
  2586.               <b:if cond='data:comment.authorUrl'>    
  2587.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>    
  2588.               <b:else/>    
  2589.                 <data:comment.author/>    
  2590.               </b:if>    
  2591.               <data:commentPostedByMsg/>    
  2592.             </dt>    
  2593.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>    
  2594.               <b:if cond='data:comment.isDeleted'>    
  2595.                 <span class='deleted-comment'><data:comment.body/></span>    
  2596.               <b:else/>    
  2597.                 <p>    
  2598.                   <data:comment.body/>    
  2599.                 </p>    
  2600.               </b:if>    
  2601.             </dd>    
  2602.             <dd class='comment-footer'>    
  2603.               <span class='comment-timestamp'>    
  2604.                 <a expr:href='data:comment.url' title='comment permalink'>    
  2605.                   <data:comment.timestamp/>    
  2606.                 </a>    
  2607.                 <b:include data='comment' name='commentDeleteIcon'/>    
  2608.               </span>    
  2609.             </dd>    
  2610.           </b:loop>    
  2611.         </dl>    
  2612.       </div>    
  2613.     
  2614.       <b:if cond='data:post.commentPagingRequired'>    
  2615.         <span class='paging-control-container'>    
  2616.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>    
  2617.             <data:post.oldestLinkText/>    
  2618.           </a>    
  2619.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>    
  2620.             <data:post.olderLinkText/>    
  2621.           </a>    
  2622.           &#160;    
  2623.           <data:post.commentRangeText/>    
  2624.           &#160;    
  2625.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>    
  2626.             <data:post.newerLinkText/>    
  2627.           </a>    
  2628.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>    
  2629.             <data:post.newestLinkText/>    
  2630.           </a>    
  2631.         </span>    
  2632.       </b:if>    
  2633.     
  2634.       <p class='comment-footer'>    
  2635.         <b:if cond='data:post.embedCommentForm'>    
  2636.           <b:if cond='data:post.allowNewComments'>    
  2637.             <b:include data='post' name='comment-form'/>    
  2638.           <b:else/>    
  2639.             <data:post.noNewCommentsText/>    
  2640.           </b:if>    
  2641.         <b:else/>    
  2642.           <b:if cond='data:post.allowComments'>    
  2643.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>    
  2644.           </b:if>    
  2645.         </b:if>    
  2646.     
  2647.       </p>    
  2648.     </b:if>    
  2649.     <b:if cond='data:showCmtPopup'>    
  2650.       <div id='comment-popup'>    
  2651.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>    
  2652.         </iframe>    
  2653.       </div>    
  2654.     </b:if>    
  2655.     
  2656.     <div id='backlinks-container'>    
  2657.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>    
  2658.        <b:if cond='data:post.showBacklinks'>    
  2659.          <b:include data='post' name='backlinks'/>    
  2660.        </b:if>    
  2661.     </div>    
  2662.     </div>    
  2663.   </div>    
  2664. </b:includable>    
  2665.                         <b:includable id='feedLinks'>    
  2666.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->    
  2667.     <b:if cond='data:feedLinks'>    
  2668.       <div class='blog-feeds'>    
  2669.         <b:include data='feedLinks' name='feedLinksBody'/>    
  2670.       </div>    
  2671.     </b:if>    
  2672.     
  2673.     <b:else/> <!--Post feed links -->    
  2674.     <div class='post-feeds'>    
  2675.       <b:loop values='data:posts' var='post'>    
  2676.         <b:if cond='data:post.allowComments'>    
  2677.           <b:if cond='data:post.feedLinks'>    
  2678.             <b:include data='post.feedLinks' name='feedLinksBody'/>    
  2679.           </b:if>    
  2680.         </b:if>    
  2681.       </b:loop>    
  2682.     </div>    
  2683.   </b:if>    
  2684. </b:includable>    
  2685.                         <b:includable id='feedLinksBody' var='links'>    
  2686.   <div class='feed-links'>    
  2687.   <data:feedLinksMsg/>    
  2688.   <b:loop values='data:links' var='f'>    
  2689.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>    
  2690.   </b:loop>    
  2691.   </div>    
  2692. </b:includable>    
  2693.                         <b:includable id='iframe_comments' var='post'>    
  2694.     
  2695.   <b:if cond='data:post.allowIframeComments'>    
  2696.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>    
  2697.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>    
  2698.     
  2699.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>    
  2700.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>    
  2701.     </b:if>    
  2702.   </b:if>    
  2703. </b:includable>    
  2704.                         <b:includable id='mobile-index-post' var='post'>    
  2705.   <div class='mobile-date-outer date-outer'>    
  2706.     <b:if cond='data:post.dateHeader'>    
  2707.       <div class='date-header'>    
  2708.         <span><data:post.dateHeader/></span>    
  2709.       </div>    
  2710.     </b:if>    
  2711.     
  2712.     <div class='mobile-post-outer'>    
  2713.       <a expr:href='data:post.url'>    
  2714.         <h3 class='mobile-index-title entry-title' itemprop='name'>    
  2715.           <data:post.title/>    
  2716.         </h3>    
  2717.     
  2718.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>    
  2719.     
  2720.         <div class='mobile-index-contents'>    
  2721.           <b:if cond='data:post.thumbnailUrl'>    
  2722.             <div class='mobile-index-thumbnail'>    
  2723.               <div class='Image'>    
  2724.                 <img expr:src='data:post.thumbnailUrl'/>    
  2725.               </div>    
  2726.             </div>    
  2727.           </b:if>    
  2728.     
  2729.           <div class='post-body'>    
  2730.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>    
  2731.           </div>    
  2732.         </div>    
  2733.     
  2734.         <div style='clear: both;'/>    
  2735.       </a>    
  2736.     
  2737.       <div class='mobile-index-comment'>    
  2738.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>    
  2739.           <b:if cond='data:post.allowComments'>    
  2740.             <b:if cond='data:post.numComments != 0'>    
  2741.               <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>    
  2742.             </b:if>    
  2743.           </b:if>    
  2744.         </b:if>    
  2745.       </div>    
  2746.     </div>    
  2747.   </div>    
  2748. </b:includable>    
  2749.                         <b:includable id='mobile-main' var='top'>    
  2750.     <!-- posts -->    
  2751.     <div class='blog-posts hfeed'>    
  2752.     
  2753.       <b:include data='top' name='status-message'/>    
  2754.     
  2755.       <b:if cond='data:blog.pageType == &quot;index&quot;'>    
  2756.         <b:loop values='data:posts' var='post'>    
  2757.           <b:include data='post' name='mobile-index-post'/>    
  2758.         </b:loop>    
  2759.       <b:else/>    
  2760.         <b:loop values='data:posts' var='post'>    
  2761.           <b:include data='post' name='mobile-post'/>    
  2762.         </b:loop>    
  2763.       </b:if>    
  2764.     </div>    
  2765.     
  2766.    <b:include name='mobile-nextprev'/>    
  2767. </b:includable>    
  2768.                         <b:includable id='mobile-nextprev'>    
  2769.   <div class='blog-pager' id='blog-pager'>    
  2770.     <b:if cond='data:newerPageUrl'>    
  2771.       <div class='mobile-link-button' id='blog-pager-newer-link'>    
  2772.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>    
  2773.       </div>    
  2774.     </b:if>    
  2775.     
  2776.     <b:if cond='data:olderPageUrl'>    
  2777.       <div class='mobile-link-button' id='blog-pager-older-link'>    
  2778.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>    
  2779.       </div>    
  2780.     </b:if>    
  2781.     
  2782.     <div class='mobile-link-button' id='blog-pager-home-link'>    
  2783.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>    
  2784.     </div>    
  2785.     
  2786.     <div class='mobile-desktop-link'>    
  2787.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>    
  2788.     </div>    
  2789.     
  2790.   </div>    
  2791.   <div class='clear'/>    
  2792. </b:includable>    
  2793.                         <b:includable id='mobile-post' var='post'>    
  2794.   <div class='date-outer'>    
  2795.     <b:if cond='data:post.dateHeader'>    
  2796.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>    
  2797.     </b:if>    
  2798.     <div class='date-posts'>    
  2799.       <div class='post-outer'>    
  2800.     
  2801.         <div class='post hentry uncustomized-post-template'>    
  2802.           <a expr:name='data:post.id'/>    
  2803.           <b:if cond='data:post.title'>    
  2804.             <h1 class='post-title entry-title'>    
  2805.               <b:if cond='data:post.link'>    
  2806.                 <a expr:href='data:post.link'><data:post.title/></a>    
  2807.               <b:else/>    
  2808.                 <b:if cond='data:post.url'>    
  2809.                   <b:if cond='data:blog.url != data:post.url'>    
  2810.                     <a expr:href='data:post.url'><data:post.title/></a>    
  2811.                   <b:else/>    
  2812.                     <data:post.title/>    
  2813.                   </b:if>    
  2814.                 <b:else/>    
  2815.                   <data:post.title/>    
  2816.                 </b:if>    
  2817.               </b:if>    
  2818.             </h1>    
  2819.           </b:if>    
  2820.     
  2821.           <div class='post-header'>    
  2822.             <div class='post-header-line-1'/>    
  2823.           </div>    
  2824.     
  2825.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>    
  2826.             <data:post.body/>    
  2827.             <div style='clear: both;'/> <!-- clear for photos floats -->    
  2828.           </div>    
  2829.     
  2830.           <div class='post-footer'>    
  2831.             <div class='post-footer-line post-footer-line-1'>    
  2832.               <span class='post-author vcard'>    
  2833.                 <b:if cond='data:top.showAuthor'>    
  2834.                   <b:if cond='data:post.authorProfileUrl'>    
  2835.                     <span class='fn'>    
  2836.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>    
  2837.                         <data:post.author/>    
  2838.                       </a>    
  2839.                     </span>    
  2840.                   <b:else/>    
  2841.                     <span class='fn'><data:post.author/></span>    
  2842.                   </b:if>    
  2843.                 </b:if>    
  2844.               </span>    
  2845.     
  2846.               <span class='post-timestamp'>    
  2847.                 <b:if cond='data:top.showTimestamp'>    
  2848.                   <data:top.timestampLabel/>    
  2849.                   <b:if cond='data:post.url'>    
  2850.                     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>    
  2851.                   </b:if>    
  2852.                 </b:if>    
  2853.               </span>    
  2854.     
  2855.               <span class='post-comment-link'>    
  2856.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>    
  2857.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>    
  2858.                     <b:if cond='data:post.allowComments'>    
  2859.                       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>    
  2860.                     </b:if>    
  2861.                   </b:if>    
  2862.                 </b:if>    
  2863.               </span>    
  2864.             </div>    
  2865.     
  2866.             <div class='post-footer-line post-footer-line-2'>    
  2867.               <b:if cond='data:top.showMobileShare'>    
  2868.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>    
  2869.                   <a href='javascript:void(0);'><data:shareMsg/></a>    
  2870.                 </div>    
  2871.               </b:if>    
  2872.               <b:if cond='data:top.showDummy'>    
  2873.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>    
  2874.               </b:if>    
  2875.             </div>    
  2876.     
  2877.           </div>    
  2878.         </div>    
  2879.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>    
  2880.           <b:include data='post' name='comment_picker'/>    
  2881.         </b:if>    
  2882.         <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2883.           <b:include data='post' name='comment_picker'/>    
  2884.         </b:if>    
  2885.     
  2886.       </div>    
  2887.     </div>    
  2888.   </div>    
  2889. </b:includable>    
  2890.                         <b:includable id='nextprev'>    
  2891.   <div class='blog-pager' id='blog-pager'>    
  2892. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2893.     <b:if cond='data:newerPageUrl'>    
  2894.       <a class='page-nav newer-link left' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>    
  2895.     </b:if>    
  2896.     <b:if cond='data:olderPageUrl'>    
  2897.       <a class='page-nav older-link right' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>    
  2898.     </b:if>    
  2899.   <b:else/>    
  2900.       <b:if cond='data:newerPageUrl'>    
  2901.       <a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>    
  2902.     </b:if>    
  2903.     <b:if cond='data:olderPageUrl'>    
  2904.       <a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>    
  2905.     </b:if>    
  2906. </b:if>    
  2907.     
  2908.     
  2909.     
  2910.     <b:if cond='data:mobileLinkUrl'>    
  2911.       <div class='blog-mobile-link'>    
  2912.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>    
  2913.       </div>    
  2914.     </b:if>    
  2915.     
  2916.   </div>    
  2917.   <div class='clear'/>    
  2918. </b:includable>    
  2919.                         <b:includable id='post' var='post'>    
  2920. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2921. <b:if cond='data:post.title'>    
  2922. <h1 class='post-title entry-title'>    
  2923. <a expr:href='data:post.url'><data:post.title/></a>        
  2924. </h1>    
  2925. </b:if>    
  2926. </b:if>    
  2927.     
  2928. <div class='post hentry'>    
  2929. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2930. <div class='the-brief'><data:post.timestamp/> by <a expr:href='data:blog.homepageUrl' rel='author' title='Posts by BadWeather'>Author</a></div>    
  2931.     
  2932. <!-- social share buttons -->    
  2933.     
  2934. <div class='post-social'>    
  2935. <!-- share facebook -->    
  2936. <div class='par'>                   
  2937. <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>    
  2938. <i class='fa fa-facebook'/> Facebook</a>    
  2939. </div>    
  2940.                                     
  2941. <!-- share twitter -->    
  2942. <div class='par'>               
  2943. <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>    
  2944. <i class='fa fa-twitter'/> Twitter</a>    
  2945. </div>    
  2946.                                     
  2947. <!-- share google + -->    
  2948. <div class='par'>    
  2949. <a class='google' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>    
  2950. <i class='fa fa-google-plus'/> Google</a>    
  2951. </div>    
  2952. </div>    
  2953.     
  2954. </b:if>    
  2955.     
  2956. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>    
  2957. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  2958. <data:post.body/>    
  2959. <b:else/>    
  2960. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>    
  2961. <data:post.body/>    
  2962. <b:else/>    
  2963. <div class='entry-conatiner'>    
  2964. <a class='image' expr:href='data:post.url' expr:title='data:post.title'>    
  2965. <script type='text/javascript'>    
  2966. document.write(image_plugin(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));</script>    
  2967. </a>    
  2968. </div>    
  2969.     
  2970. <div class='box'>    
  2971. <div class='box-left'>    
  2972. <div class='bw-date'>    
  2973. <script type='text/javascript'>    
  2974. var timestamp = &quot;<data:post.timestamp/>&quot;;    
  2975. if (timestamp != &quot;&quot;) {    
  2976. var timesplit = timestamp.split(&quot;,&quot;);    
  2977. var date_yyyy = timesplit[2];    
  2978. var timesplittimesplit = timesplit[1].split(&quot; &quot;);    
  2979. var date_dd = timesplit[2];    
  2980. var date_mmm = timesplit[1].substring(0, 3);    
  2981. }    
  2982. </script>    
  2983. <strong class='post-day'><script type='text/javascript'>document.write(date_dd);</script></strong>    
  2984. <span class='post-month'><script type='text/javascript'>document.write(date_mmm);</script></span>    
  2985. </div>    
  2986. <i class='bwd fa fa-file-text-o'/>    
  2987. </div>    
  2988.     
  2989. <div class='box-right'>    
  2990.     
  2991. <h3><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></h3>    
  2992.     
  2993. <!-- labels -->    
  2994. <b:if cond='data:post.labels'>    
  2995. <em><b:loop values='data:post.labels' var='label'>    
  2996. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>    
  2997. </b:loop>    
  2998. </em>    
  2999. </b:if>    
  3000.                             
  3001. <p><data:post.snippet/></p>    
  3002. </div>    
  3003. </div>    
  3004.     
  3005. </b:if>    
  3006. </b:if>    
  3007. <div style='clear: both;'/> <!-- clear for photos floats -->    
  3008. </div>    
  3009.     
  3010. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  3011. <div class='post-footer'>    
  3012. <div class='post-footer-line post-footer-line-1'>    
  3013. <b:if cond='data:blog.pageType == &quot;item&quot;'>    
  3014.     
  3015. </b:if>    
  3016. </div>    
  3017.     
  3018. <div class='post-footer-line post-footer-line-2'>    
  3019. </div>    
  3020.     
  3021. <div class='post-footer-line post-footer-line-3'>    
  3022.     
  3023. </div>    
  3024. </div>    
  3025. </b:if>    
  3026. </div>    
  3027. </b:includable>    
  3028.                         <b:includable id='postQuickEdit' var='post'>    
  3029.   <b:if cond='data:post.editUrl'>    
  3030.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>    
  3031.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>    
  3032.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>    
  3033.       </a>    
  3034.     </span>    
  3035.   </b:if>    
  3036. </b:includable>    
  3037.                         <b:includable id='shareButtons' var='post'>    
  3038.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>    
  3039. </b:includable>    
  3040.                         <b:includable id='status-message'>    
  3041.   <b:if cond='data:navMessage'>    
  3042.   <div class='status-msg-wrap'>    
  3043.     <div class='status-msg-body'>    
  3044.       <data:navMessage/>    
  3045.     </div>    
  3046.     <div class='status-msg-border'>    
  3047.       <div class='status-msg-bg'>    
  3048.         <div class='status-msg-hidden'><data:navMessage/></div>    
  3049.       </div>    
  3050.     </div>    
  3051.   </div>    
  3052.   <div style='clear: both;'/>    
  3053.   </b:if>    
  3054. </b:includable>    
  3055.                         <b:includable id='threaded-comment-form' var='post'>    
  3056.   <div class='comment-form'>    
  3057.     <a name='comment-form'/>    
  3058.     <b:if cond='data:mobile'>    
  3059.       <p><data:blogCommentMessage/></p>    
  3060.       <data:blogTeamBlogMessage/>    
  3061.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>    
  3062.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>    
  3063.     <b:else/>    
  3064.       <p><data:blogCommentMessage/></p>    
  3065.       <data:blogTeamBlogMessage/>    
  3066.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>    
  3067.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>    
  3068.     </b:if>    
  3069.     <data:post.friendConnectJs/>    
  3070.     <data:post.cmtfpIframe/>    
  3071.     <script type='text/javascript'>    
  3072.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);    
  3073.     </script>    
  3074.   </div>    
  3075. </b:includable>    
  3076.                         <b:includable id='threaded_comment_css'>    
  3077.   <style>    
  3078.     
  3079.   </style>    
  3080. </b:includable>    
  3081.                         <b:includable id='threaded_comment_js' var='post'>    
  3082.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>    
  3083.     
  3084.   <script type='text/javascript'>    
  3085.     (function() {    
  3086.       var items = <data:post.commentJso/>;    
  3087.       var msgs = <data:post.commentMsgs/>;    
  3088.       var config = <data:post.commentConfig/>;    
  3089.     
  3090. // <![CDATA[   
  3091.       var cursor = null;   
  3092.       if (items && items.length > 0) {   
  3093.         cursor = parseInt(items[items.length - 1].timestamp) + 1;   
  3094.       }   
  3095.    
  3096.       var bodyFromEntry = function(entry) {   
  3097.         if (entry.gd$extendedProperty) {   
  3098.           for (var k in entry.gd$extendedProperty) {   
  3099.             if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {   
  3100.               return '<span class="deleted-comment">' + entry.content.$t + '</span>';   
  3101.             }   
  3102.           }   
  3103.         }   
  3104.         return entry.content.$t;   
  3105.       }   
  3106.    
  3107.       var parse = function(data) {   
  3108.         cursor = null;   
  3109.         var comments = [];   
  3110.         if (data && data.feed && data.feed.entry) {   
  3111.           for (var i = 0, entry; entry = data.feed.entry[i]; i++) {   
  3112.             var comment = {};   
  3113.             // comment ID, parsed out of the original id format   
  3114.             var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);   
  3115.             comment.id = id ? id[2] : null;   
  3116.             comment.body = bodyFromEntry(entry);   
  3117.             comment.timestamp = Date.parse(entry.published.$t) + '';   
  3118.             if (entry.author && entry.author.constructor === Array) {   
  3119.               var auth = entry.author[0];   
  3120.               if (auth) {   
  3121.                 comment.author = {   
  3122.                   name: (auth.name ? auth.name.$t : undefined),   
  3123.                   profileUrl: (auth.uri ? auth.uri.$t : undefined),   
  3124.                   avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)   
  3125.                 };   
  3126.               }   
  3127.             }   
  3128.             if (entry.link) {   
  3129.               if (entry.link[2]) {   
  3130.                 comment.link = comment.permalink = entry.link[2].href;   
  3131.               }   
  3132.               if (entry.link[3]) {   
  3133.                 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);   
  3134.                 if (pid && pid[1]) {   
  3135.                   comment.parentId = pid[1];   
  3136.                 }   
  3137.               }   
  3138.             }   
  3139.             comment.deleteclass = 'item-control blog-admin';   
  3140.             if (entry.gd$extendedProperty) {   
  3141.               for (var k in entry.gd$extendedProperty) {   
  3142.                 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {   
  3143.                   comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;   
  3144.                 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {   
  3145.                   comment.displayTime = entry.gd$extendedProperty[k].value;   
  3146.                 }   
  3147.               }   
  3148.             }   
  3149.             comments.push(comment);   
  3150.           }   
  3151.         }   
  3152.         return comments;   
  3153.       };   
  3154.    
  3155.       var paginator = function(callback) {   
  3156.         if (hasMore()) {   
  3157.           var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';   
  3158.           if (cursor) {   
  3159.             url += '&published-min=' + new Date(cursor).toISOString();   
  3160.           }   
  3161.           window.bloggercomments = function(data) {   
  3162.             var parsed = parse(data);   
  3163.             cursor = parsed.length < 50 ? null   
  3164.                 : parseInt(parsed[parsed.length - 1].timestamp) + 1   
  3165.             callback(parsed);   
  3166.             window.bloggercomments = null;   
  3167.           }   
  3168.           url += '&callback=bloggercomments';   
  3169.           var script = document.createElement('script');   
  3170.           script.type = 'text/javascript';   
  3171.           script.src = url;   
  3172.           document.getElementsByTagName('head')[0].appendChild(script);   
  3173.         }   
  3174.       };   
  3175.       var hasMore = function() {   
  3176.         return !!cursor;   
  3177.       };   
  3178.       var getMeta = function(key, comment) {   
  3179.         if ('iswriter' == key) {   
  3180.           var matches = !!comment.author   
  3181.               && comment.author.name == config.authorName   
  3182.               && comment.author.profileUrl == config.authorUrl;   
  3183.           return matches ? 'true' : '';   
  3184.         } else if ('deletelink' == key) {   
  3185.           return config.baseUri + '/delete-comment.g?blogID='   
  3186.                + config.blogId + '&postID=' + comment.id;   
  3187.         } else if ('deleteclass' == key) {   
  3188.           return comment.deleteclass;   
  3189.         }   
  3190.         return '';   
  3191.       };   
  3192.    
  3193.       var replybox = null;   
  3194.       var replyUrlParts = null;   
  3195.       var replyParent = undefined;   
  3196.    
  3197.       var onReply = function(commentId, domId) {   
  3198.         if (replybox == null) {   
  3199.           // lazily cache replybox, and adjust to suit this style:   
  3200.           replybox = document.getElementById('comment-editor');   
  3201.           if (replybox != null) {   
  3202.             replybox.height = '250px';   
  3203.             replybox.style.display = 'block';   
  3204.             replyUrlParts = replybox.src.split('#');   
  3205.           }   
  3206.         }   
  3207.         if (replybox && (commentId !== replyParent)) {   
  3208.           document.getElementById(domId).insertBefore(replybox, null);   
  3209.           replybox.src = replyUrlParts[0]   
  3210.               + (commentId ? '&parentID=' + commentId : '')   
  3211.               + '#' + replyUrlParts[1];   
  3212.           replyParent = commentId;   
  3213.         }   
  3214.       };   
  3215.    
  3216.       var hash = (window.location.hash || '#').substring(1);   
  3217.       var startThread, targetComment;   
  3218.       if (/^comment-form_/.test(hash)) {   
  3219.         startThread = hash.substring('comment-form_'.length);   
  3220.       } else if (/^c[0-9]+$/.test(hash)) {   
  3221.         targetComment = hash.substring(1);   
  3222.       }   
  3223.    
  3224.       // Configure commenting API:   
  3225.       var configJso = {   
  3226.         'maxDepth': config.maxThreadDepth   
  3227.       };   
  3228.       var provider = {   
  3229.         'id': config.postId,   
  3230.         'data': items,   
  3231.         'loadNext': paginator,   
  3232.         'hasMore': hasMore,   
  3233.         'getMeta': getMeta,   
  3234.         'onReply': onReply,   
  3235.         'rendered': true,   
  3236.         'initComment': targetComment,   
  3237.         'initReplyThread': startThread,   
  3238.         'config': configJso,   
  3239.         'messages': msgs   
  3240.       };   
  3241.    
  3242.       var render = function() {   
  3243.         if (window.goog && window.goog.comments) {   
  3244.           var holder = document.getElementById('comment-holder');   
  3245.           window.goog.comments.render(holder, provider);   
  3246.         }   
  3247.       };   
  3248.    
  3249.       // render now, or queue to render when library loads:   
  3250.       if (window.goog && window.goog.comments) {   
  3251.         render();   
  3252.       } else {   
  3253.         window.goog = window.goog || {};   
  3254.         window.goog.comments = window.goog.comments || {};   
  3255.         window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];   
  3256.         window.goog.comments.loadQueue.push(render);   
  3257.       }   
  3258.     })();   
  3259. // ]]>    
  3260.   </script>    
  3261. </b:includable>    
  3262.                         <b:includable id='threaded_comments' var='post'>    
  3263.   <div class='comments' id='comments'>    
  3264.     <a name='comments'/>    
  3265.     <h4><data:post.commentLabelFull/>:</h4>    
  3266.     
  3267.     <div class='comments-content'>    
  3268.       <b:if cond='data:post.embedCommentForm'>    
  3269.         <b:include data='post' name='threaded_comment_js'/>    
  3270.       </b:if>    
  3271.       <div id='comment-holder'>    
  3272.          <data:post.commentHtml/>    
  3273.       </div>    
  3274.     </div>    
  3275.     
  3276.     <p class='comment-footer'>    
  3277.       <b:if cond='data:post.allowNewComments'>    
  3278.         <b:include data='post' name='threaded-comment-form'/>    
  3279.       <b:else/>    
  3280.         <data:post.noNewCommentsText/>    
  3281.       </b:if>    
  3282.     </p>    
  3283.     
  3284.     <b:if cond='data:showCmtPopup'>    
  3285.       <div id='comment-popup'>    
  3286.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>    
  3287.         </iframe>    
  3288.       </div>    
  3289.     </b:if>    
  3290.     
  3291.     <div id='backlinks-container'>    
  3292.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>    
  3293.        <b:if cond='data:post.showBacklinks'>    
  3294.          <b:include data='post' name='backlinks'/>    
  3295.        </b:if>    
  3296.     </div>    
  3297.     </div>    
  3298.   </div>    
  3299. </b:includable>    
  3300.                       </b:widget>    
  3301.                     </b:section>    
  3302.     
  3303.             </div><!-- /main-wrapper -->    
  3304.     
  3305. <div class='sidebar-wrapper'>    
  3306. <b:section class='sidebar' id='sidebar' showaddelement='yes'>    
  3307.   <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>    
  3308.     <b:includable id='main'>    
  3309.   <b:if cond='data:title'><h2><data:title/></h2></b:if>    
  3310.   <div class='widget-content popular-posts'>    
  3311.     <ul>    
  3312.       <b:loop values='data:posts' var='post'>    
  3313.       <li>    
  3314.         <b:if cond='data:showThumbnails == &quot;false&quot;'>    
  3315.           <b:if cond='data:showSnippets == &quot;false&quot;'>    
  3316.             <!-- (1) No snippet/thumbnail -->    
  3317.             <a expr:href='data:post.href'><data:post.title/></a>    
  3318.           <b:else/>    
  3319.             <!-- (2) Show only snippets -->    
  3320.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>    
  3321.             <div class='item-snippet'><data:post.snippet/></div>    
  3322.           </b:if>    
  3323.         <b:else/>    
  3324.           <b:if cond='data:showSnippets == &quot;false&quot;'>    
  3325.             <!-- (3) Show only thumbnails -->    
  3326.             <div class='item-thumbnail-only'>    
  3327.               <b:if cond='data:post.thumbnail'>    
  3328.                 <div class='item-thumbnail'>    
  3329.                   <a expr:href='data:post.href' target='_blank'>    
  3330.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>    
  3331.                   </a>    
  3332.                 </div>    
  3333.               </b:if>    
  3334.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>    
  3335.             </div>    
  3336.             <div style='clear: both;'/>    
  3337.           <b:else/>    
  3338.             <!-- (4) Show snippets and thumbnails -->    
  3339.             <div class='item-content'>    
  3340.               <b:if cond='data:post.thumbnail'>    
  3341.                 <div class='item-thumbnail'>    
  3342.                   <a expr:href='data:post.href' target='_blank'>    
  3343.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>    
  3344.                   </a>    
  3345.                 </div>    
  3346.               </b:if>    
  3347.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>    
  3348.               <div class='item-snippet'><data:post.snippet/></div>    
  3349.             </div>    
  3350.             <div style='clear: both;'/>    
  3351.           </b:if>    
  3352.         </b:if>    
  3353.       </li>    
  3354.       </b:loop>    
  3355.     </ul>    
  3356.     <b:include name='quickedit'/>    
  3357.   </div>    
  3358. </b:includable>    
  3359.   </b:widget>    
  3360.   <b:widget id='Label2' locked='false' title='Labels' type='Label'>    
  3361.     <b:includable id='main'>    
  3362.   <b:if cond='data:title'>    
  3363.     <h2><data:title/></h2>    
  3364.   </b:if>    
  3365.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>    
  3366.     <b:if cond='data:display == &quot;list&quot;'>    
  3367.       <ul>    
  3368.       <b:loop values='data:labels' var='label'>    
  3369.         <li>    
  3370.           <b:if cond='data:blog.url == data:label.url'>    
  3371.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>    
  3372.           <b:else/>    
  3373.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>    
  3374.           </b:if>    
  3375.           <b:if cond='data:showFreqNumbers'>    
  3376.             <span dir='ltr'>(<data:label.count/>)</span>    
  3377.           </b:if>    
  3378.         </li>    
  3379.       </b:loop>    
  3380.       </ul>    
  3381.     <b:else/>    
  3382.       <b:loop values='data:labels' var='label'>    
  3383.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>    
  3384.           <b:if cond='data:blog.url == data:label.url'>    
  3385.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>    
  3386.           <b:else/>    
  3387.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>    
  3388.           </b:if>    
  3389.           <b:if cond='data:showFreqNumbers'>    
  3390.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>    
  3391.           </b:if>    
  3392.         </span>    
  3393.       </b:loop>    
  3394.     </b:if>    
  3395.   </div>    
  3396. </b:includable>    
  3397.   </b:widget>    
  3398.   <b:widget id='HTML3' locked='false' title='Join The Community' type='HTML'>    
  3399.     <b:includable id='main'>    
  3400.   <b:if cond='data:title'>    
  3401.     <h2><data:title/></h2>    
  3402.   </b:if>    
  3403. <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fstyle4urban&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=150547228304481" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>    
  3404. </b:includable>    
  3405.   </b:widget>    
  3406. </b:section>    
  3407. </div><!-- /sidebar-wrapper -->    
  3408.             </div><!-- /ct-wrapper -->    
  3409.             </div><!-- /outer-wrapper -->    
  3410.     
  3411. <div class='clr'/>    
  3412. <div id='footer'>    
  3413.     <div class='ct-wrapper'>    
  3414. <b:section class='footer' id='footer1' preferred='yes'>    
  3415.   <b:widget id='HTML2' locked='false' title='Insta Gallery' type='HTML'>    
  3416.     <b:includable id='main'>    
  3417.   <b:if cond='data:title'>    
  3418.     <h2><data:title/></h2>    
  3419.   </b:if>    
  3420.   <div class='widget-content'>    
  3421. <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://snapwidget.com/in/?u=a2lzc2FmdGVycnVubmluZ3xpbnw3MHw1fDN8fG5vfDV8bm9uZXxvblN0YXJ0fG5v&amp;v=16414' style='border:none; overflow:hidden; width:375px; height:225px' title='Instagram Widget'/>    
  3422.       </div>    
  3423. </b:includable>    
  3424.   </b:widget>    
  3425. </b:section>    
  3426.     
  3427. <b:section class='footer' id='footer2' preferred='yes'>    
  3428.   <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>    
  3429.     <b:includable id='main'>    
  3430.   <b:if cond='data:title'><h2><data:title/></h2></b:if>    
  3431.   <div class='widget-content popular-posts'>    
  3432.     <ul>    
  3433.       <b:loop values='data:posts' var='post'>    
  3434.       <li>    
  3435.         <b:if cond='data:showThumbnails == &quot;false&quot;'>    
  3436.           <b:if cond='data:showSnippets == &quot;false&quot;'>    
  3437.             <!-- (1) No snippet/thumbnail -->    
  3438.             <a expr:href='data:post.href'><data:post.title/></a>    
  3439.           <b:else/>    
  3440.             <!-- (2) Show only snippets -->    
  3441.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>    
  3442.             <div class='item-snippet'><data:post.snippet/></div>    
  3443.           </b:if>    
  3444.         <b:else/>    
  3445.           <b:if cond='data:showSnippets == &quot;false&quot;'>    
  3446.             <!-- (3) Show only thumbnails -->    
  3447.             <div class='item-thumbnail-only'>    
  3448.               <b:if cond='data:post.thumbnail'>    
  3449.                 <div class='item-thumbnail'>    
  3450.                   <a expr:href='data:post.href' target='_blank'>    
  3451.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>    
  3452.                   </a>    
  3453.                 </div>    
  3454.               </b:if>    
  3455.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>    
  3456.             </div>    
  3457.             <div style='clear: both;'/>    
  3458.           <b:else/>    
  3459.             <!-- (4) Show snippets and thumbnails -->    
  3460.             <div class='item-content'>    
  3461.               <b:if cond='data:post.thumbnail'>    
  3462.                 <div class='item-thumbnail'>    
  3463.                   <a expr:href='data:post.href' target='_blank'>    
  3464.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>    
  3465.                   </a>    
  3466.                 </div>    
  3467.               </b:if>    
  3468.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>    
  3469.               <div class='item-snippet'><data:post.snippet/></div>    
  3470.             </div>    
  3471.             <div style='clear: both;'/>    
  3472.           </b:if>    
  3473.         </b:if>    
  3474.       </li>    
  3475.       </b:loop>    
  3476.     </ul>    
  3477.     <b:include name='quickedit'/>    
  3478.   </div>    
  3479. </b:includable>    
  3480.   </b:widget>    
  3481. </b:section>    
  3482.     
  3483. <b:section class='footer' id='footer3' preferred='yes'>    
  3484.   <b:widget id='Label4' locked='false' title='Labels' type='Label'>    
  3485.     <b:includable id='main'>    
  3486.   <b:if cond='data:title'>    
  3487.     <h2><data:title/></h2>    
  3488.   </b:if>    
  3489.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>    
  3490.     <b:if cond='data:display == &quot;list&quot;'>    
  3491.       <ul>    
  3492.       <b:loop values='data:labels' var='label'>    
  3493.         <li>    
  3494.           <b:if cond='data:blog.url == data:label.url'>    
  3495.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>    
  3496.           <b:else/>    
  3497.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>    
  3498.           </b:if>    
  3499.           <b:if cond='data:showFreqNumbers'>    
  3500.             <span dir='ltr'>(<data:label.count/>)</span>    
  3501.           </b:if>    
  3502.         </li>    
  3503.       </b:loop>    
  3504.       </ul>    
  3505.     <b:else/>    
  3506.       <b:loop values='data:labels' var='label'>    
  3507.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>    
  3508.           <b:if cond='data:blog.url == data:label.url'>    
  3509.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>    
  3510.           <b:else/>    
  3511.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>    
  3512.           </b:if>    
  3513.           <b:if cond='data:showFreqNumbers'>    
  3514.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>    
  3515.           </b:if>    
  3516.         </span>    
  3517.       </b:loop>    
  3518.     </b:if>    
  3519.   </div>    
  3520. </b:includable>    
  3521.   </b:widget>    
  3522. </b:section>    
  3523.     
  3524.     
  3525.     <div class='clr'/>    
  3526.     
  3527.             </div><!-- /ct-wrapper -->    
  3528. </div><!-- footer -->    
  3529.     
  3530.   <div class='footer-credits'>    
  3531. <div class='ct-wrapper'>    
  3532. Copyright 2014 <data:blog.title/> | All Rights Reserved     
  3533. <br/>     
  3534. Designed By <a expr:href='data:blog.homepageUrl' id='ident'><data:blog.title/></a>    
  3535. </div>    
  3536.   </div><!-- footer-credits -->    
  3537.     
  3538. </div>    
  3539.     
  3540. <b:include data='blog' name='google-analytics'/>    
  3541. <script>//<![CDATA[   
  3542. function resizeThumb(e, b) {   
  3543. var c = document.getElementById(e),   
  3544. d = c.getElementsByTagName("img");   
  3545. for (var a = 0; a < d.length; a++) {   
  3546. d[a].src = d[a].src.replace(/\/s72\-c/, "/s" + b + "-c");   
  3547. d[a].width = b;   
  3548. d[a].height = b   
  3549. }   
  3550. }   
  3551. resizeThumb("PopularPosts1", 120);   
  3552. resizeThumb("PopularPosts2", 120);   
  3553. //]]></script>    
  3554.     
  3555. <b:if cond='data:blog.pageType == &quot;index&quot;'>    
  3556. <script type='text/javascript'>    
  3557. var pageCount=15;    
  3558. var displayPageNum=15;    
  3559. var upPageWord =&#39;Previous&#39;;    
  3560. var downPageWord =&#39;Next&#39;;    
  3561. </script>    
  3562.     
  3563. <script>//<![CDATA[   
  3564. eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('Z 1i(F){3 8=G;3 d=V Y();3 7=1;3 9=1;3 n=0;3 y=0;3 w=0;3 5=\'\';3 m=\'\';3 D=\'\';x(3 i=0,g;g=F.16.10[i];i++){3 P=g.O.$t.A(0,19)+g.O.$t.A(15,11);z=12(P);3 s=g.s.$t;4(s!=\'\'){4(n==0||(n%u==(u-1))){4(8.c(z)!=-1){7=9}4(s!=\'\')9++;d[d.l]=\'/j?N-h=\'+z+\'&h-I=\'+u}}n++}x(3 p=0;p<d.l;p++){4(p>=(7-M-1)&&p<(7+M)){4(y==0&&p==7-2){4(7==2){m=\'<6 b="H" v=" "><a f="/">\'+L+\'</a></6>\'}k{m=\'<6 b="H" v=" "><a f="\'+d[p]+\'">\'+L+\'</a></6>\'}y++}4(p==(7-1)){5+=\'<6 b="13">\'+7+\'</6>\'}k{4(p==0){5+=\'<6 b="J"><a f="/">1</a></6>\'}k{5+=\'<6 b="J"><a f="\'+d[p]+\'">\'+(p+1)+\'</a></6>\'}}4(w==0&&p==7){D=\'<6 b="H" v=" "> <a f="\'+d[p]+\'">\'+X+\'</a></6>\';w++}}}4(7>1){5=\'\'+m+\' \'+5+\' \'}5=\'<K b="1o"><6 v="1n: #1C;1B:#1A;1D: 1E 1G #1F;1y-1t: 1H;1w:W 1x;1v:0 W;" b="1m"> 18 \'+(9-1)+\'</6>\'+5;4(7<(9-1)){5+=D}4(9==1)9++;5+=\'</K>\';3 e=C.1q("e");3 E=C.1k("1l-1p");4(9<=2){5=\'\'}x(3 p=0;p<e.l;p++){e[p].Q=5}4(e&&e.l>0){5=\'\'}4(E){E.Q=5}}Z 1g(F){3 8=G;3 d=V Y();3 U=8.c("/j/r/")!=-1;3 o=U?8.17(8.c("/j/r/")+14,8.l):"";o=o.c("?")!=-1?o.17(0,o.c("?")):o;3 7=1;3 9=1;3 n=0;3 y=0;3 w=0;3 5=\'\';3 m=\'\';3 D=\'\';3 T=\'<6 b="J"><a f="/j/r/\'+o+\'?&h-I=\'+u+\'">\';3 8=G;x(3 i=0,g;g=F.16.10[i];i++){3 P=g.O.$t.A(0,19)+g.O.$t.A(15,11);z=12(P);3 s=g.s.$t;4(s!=\'\'){4(n==0||(n%u==(u-1))){4(8.c(z)!=-1){7=9}4(s!=\'\')9++;d[d.l]=\'/j/r/\'+o+\'?N-h=\'+z+\'&h-I=\'+u}}n++}x(3 p=0;p<d.l;p++){4(p>=(7-M-1)&&p<(7+M)){4(y==0&&p==7-2){4(7==2){m=T+L+\'</a></6>\'}k{m=\'<6 b="H" v=" "><a f="\'+d[p]+\'">\'+L+\'</a></6>\'}y++}4(p==(7-1)){5+=\'<6 b="13">\'+7+\'</6>\'}k{4(p==0){5=T+\'1</a></6>\'}k{5+=\'<6 b="J"><a f="\'+d[p]+\'">\'+(p+1)+\'</a></6>\'}}4(w==0&&p==7){D=\'<6 b="H" v=" "> <a f="\'+d[p]+\'">\'+X+\'</a></6>\';w++}}}4(7>1){4(!U){5=\'\'+m+\' \'+5+\' \'}k{5=\'\'+m+\' \'+5+\' \'}}5=\'<K b="1o"><6 v="1n: #1s;" b="1m"> 18 (\'+(9-1)+\')</6>\'+5;4(7<(9-1)){5+=D}4(9==1)9++;5+=\'</K>\';3 e=C.1q("e");3 E=C.1k("1l-1p");4(9<=2){5=\'\'}x(3 p=0;p<e.l;p++){e[p].Q=5}4(e&&e.l>0){5=\'\'}4(E){E.Q=5}}3 G=1r.f;3 8=G;4(8.c("/j/r/")!=-1){4(8.c("?N-h")!=-1){3 R=8.A(8.c("/j/r/")+14,8.c("?N-h"))}k{3 R=8.A(8.c("/j/r/")+14,8.c("?&h"))}}3 S="/";4(8.c("?q=")==-1){4(8.c("/j/r/")==-1){C.1c(\'<B 1b="\'+S+\'1j/1a/1u?1d=F-1e-B&1h=1i&h-I=1f" ><\\/B>\')}k{C.1c(\'<B 1b="\'+S+\'1j/1a/1z/-/\'+R+\'?1d=F-1e-B&1h=1g&h-I=1f" ><\\/B>\')}}',62,106,'|||var|if|html|span|thisNum|thisUrl|postNum||class|indexOf|htmlMap|pageArea|href|post|max||search|else|length|upPageHtml|itemCount|thisLable|||label|title||pageCount|style|eFlag|for|fFlag|timestamp|substring|script|document|downPageHtml|blogPager|json|home_page_url|showpage|results|showpageNum|div|upPageWord|displayPageNum|updated|published|timestamp1|innerHTML|lblname1|home_page|labelHtml|isLablePage|new|4px|downPageWord|Array|function|entry|29|encodeURIComponent|showpagePoint||23|feed|substr|Pages||posts|src|write|alt|in|99999|showpageCount2|callback|showpageCount|feeds|getElementById|blog|showpageOf|COLOR|showpageArea|pager|getElementsByName|location|999|size|summary|margin|padding|8px|font|full|fff|background|676767|border|1px|b6b5b5|solid|15px'.split('|'),0,{}))   
  3565. //]]></script>    
  3566. </b:if>    
  3567. </body>    
  3568. </html>    

Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)