THANH DIEN IT

<data:blog.pageTitle/>

<data:blog.pageName/> ~ <data:blog.title/>

<![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Journal
Author: Lasantha Bandara
URL 1: http://www.premiumbloggertemplates.com/
URL 2: http://www.bloggertipandtrick.net/
Theme URL: http://www.premiumbloggertemplates.com/journal-blogger-template/
Date: June 2014
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout #header-wrapper {margin-bottom:10px;min-height:120px;}
body#layout .social-profiles-widget h3 {display:none;}
body#layout #header-wrapper {margin-bottom:50px;overflow: visible;}
/* Variable definitions
====================
type="color" default="#fff" value="#ffffff">
type="color" default="#333" value="#333333">
type="color" default="#58a" value="#5588aa">
type="color" default="#666" value="#666666">
type="color" default="#999" value="#999999">
type="color" default="#c60" value="#cc6600">
type="color" default="#ccc" value="#cccccc">
type="color" default="#999" value="#999999">
type="color" default="#666" value="#666666">
type="color" default="#999" value="#999999">
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjUBrr9zZIN_k_XoMjSIgOyG6PBYsvFBnFqxfePVPzVW67BgIaS8-3CRsEBUhl8b7dd5YOW9U8zOFi8bNgujxeFJ73A7owhXX7RMTwGWjIQqTlWJ_M_EG49mjEpGrhhrvDn5okl5EfD6KX/s0/background.png') fixed;color:#555;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}
a:link,a:visited{color:#D70000;text-decoration:none;outline:none;}
a:hover{color:#FF2222;text-decoration:none;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0px;padding:0px;}
.section, .widget {margin:0;padding:0;}
/* Header-----------------------------------------------*/
#header-wrapper{width:960px;margin:0px auto 0px;height:60px;padding:20px 0px 20px 0px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid #cccccc;color:#424242;float:left;width:48%;overflow:hidden;}
#header h1{color:#424242;text-shadow:0px 1px 0px #fff;margin:0;padding:0px 0px 0px 0px;font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:24px;line-height:24px;}
#header .description{padding-left:0px;color:#424242;text-shadow:0px 1px 0px #fff;line-height:13px;font-size:13px;padding-top:0px;margin-top:10px;font-family:Roboto,Arial,Helvetica,Sans-serif;}
#header h1 a,#header h1 a:visited{color:#424242;text-decoration:none}
#header h2{padding-left:5px;color:#424242;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:50%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}
.social-profiles-widget img{margin:0 4px 0 0}
.social-profiles-widget img:hover{opacity:0.8}
#top-social-profiles{padding-top:0px;height:32px;text-align:right;}
#top-social-profiles img{margin:0 0 0 6px !important;}
#top-social-profiles img:hover{opacity:0.8;}
#top-social-profiles .widget-container{background:none;border:0;padding:0;}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:960px;margin:10px auto 0px;padding:0px;text-align:left;}
#content-wrapper{padding: 15px; background: #fff; -webkit-box-shadow: 1px 1px 15px 5px #E9E9E9; -moz-box-shadow: 1px 1px 15px 5px #E9E9E9; box-shadow: 1px 1px 15px 5px #E9E9E9;}
#main-wrapper{width:460px;margin:0px;padding:0px;float:left;word-wrap:break-word;overflow:hidden;}
#lsidebar-wrapper{width:160px;float:left;margin:0px 15px 0px 0px;padding:0px;word-wrap:break-word;overflow:hidden;}
#rsidebar-wrapper{width:280px;float:right;margin:0px 0px 0px 13px;padding:0px;word-wrap:break-word;overflow:hidden;}
/* Headings----------------------------------------------- */
h2{}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em;display:none;}
.wrapfullpost{}
.post{margin-bottom:15px;border:0px solid #F2D89D;}
.post-title{color:#333333;margin:0 0 10px 0;padding:0;font-family:Oswald,sans-serif;font-size:20px;line-height:20px;font-weight:normal;}
.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#333333;text-decoration:none;}
.post-title strong,.post-title a:hover{color:#D70000;text-decoration:none;}
.post-body{margin:0px;padding:0px 0px 0px 0px;font-family:Arial, Helvetica, Sans-serif;line-height: 20px;}
.post-footer{margin:5px 0;}
.comment-link{margin-left:.6em}
.post-body img{padding:3px;}
.pbtthumbimg {float:left;margin:0px 10px 5px 0px;padding:6px !important;border:0px solid #eeeeee;background:none;width:160px;height:120px;}
.postmeta-primary span,.postmeta-secondary span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_7IC7MdjuGFHYcEZ8mYieP7v0kjQ0WKzeUgOPcoRifNwMsA6laRassBrYK_NjChqnLtW3mWcK6s-zMxuht_nTj-sh5UPGlOwofjPptXH1Mg11BwIHeph_IiAEtadIpH2VFaThgBpd8ZSn/s0/meta-separator.png) left center no-repeat;padding:3px 0 3px 10px;}
.postmeta-primary span:first-child,.postmeta-secondary span:first-child{background:none;padding-left:0;}
.readmore{margin-bottom:5px;float:right;}
.readmore a{color:#6D6D6D;background:#F1F1F1;font-size:12px;line-height:12px;display:inline-block;text-decoration:none;text-transform:none;border:1px solid #C4C4C4;padding:6px 10px;}
.readmore a:hover{color:#FFF;background:#D70000;text-decoration:none;border:1px solid #960202;}
.postmeta-primary,.postmeta-secondary{color:#999;font-size:13px;line-height:18px;padding:0 0 10px;}
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#000000;}
.sidebar a{text-decoration:none;color:#000000;}
.sidebar a:hover{text-decoration:none;color:#D70000;}
.sidebar h2, h3.widgettitle{background:#FFF;border-bottom:3px solid #DA1212;color:#414445;font-size:16px;line-height:16px;font-family:Oswald, sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;margin:0 0 10px;padding:10px 0 7px;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZf_JZR5Fggg2USYGk-2f5BrCg1jsU62SGt3IZh51P8Qw1UOARa1JETImIMvD1RULV2t9pKGthJrJwzW9HMbDER5Du3FrKT9YX0Hl_-uILyDJc987ZW3U_IZGguo0gbjg1l6_IXHbtkbLV/s0/widget-list.png) left 6px no-repeat;margin:0 0 6px;padding:0 0 6px 12px;}
.sidebar .widget{margin:0 0 15px 0;padding:0;color:#000000;font-size:13px;}
.main .widget{margin:0 0 5px;padding:0 0 2px}
.main .Blog{border-bottom-width:0}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#000000;font-size:13px}
/* FOOTER ----------------------------------------------- */
#footer-container{}
#footer{ margin-bottom:15px; margin-top:25px}
#copyrights{ color:#434141; text-align:center; padding:20px 0; background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#F1F1F1),color-stop(1,#E6E6E6)); background-image:-ms-linear-gradient(top,#F1F1F1,#E6E6E6); background-image:-o-linear-gradient(top,#F1F1F1,#E6E6E6); background-image:-moz-linear-gradient(top,#F1F1F1,#E6E6E6); background-image:-webkit-linear-gradient(top,#F1F1F1,#E6E6E6); background-image:linear-gradient(to bottom,#F1F1F1,#E6E6E6)}
#copyrights a{ color:#434141}
#copyrights a:hover{ color:#434141; text-decoration:none}
#credits{ color:#7D7D7D; text-align:center; font-size:11px; padding:10px 0 0 0}
#credits a{ color:#7D7D7D; text-decoration:none}
#credits a:hover{ text-decoration:none; color:#7D7D7D}
#footer-widgets-container{}
#footer-widgets{background:#FFF;border-top:2px solid #F1F1F1;-webkit-box-shadow:1px 5px 15px 5px #E9E9E9;-moz-box-shadow:1px 5px 15px 5px #E9E9E9;box-shadow:1px 5px 15px 5px #E9E9E9;padding:20px 0 0;}
.footer-widget-box{width:300px;float:left;margin-left:15px;}
.footer-widget-box-last{}
#footer-widgets .widget-container{color:#000000;}
#footer-widgets .widget-container a{text-decoration:none;color:#000000;}
#footer-widgets .widget-container a:hover{text-decoration:none;color:#D70000;}
#footer-widgets h2{background:#FFF;border-bottom:3px solid #DA1212;color:#414445;font-size:16px;line-height:16px;font-family:Oswald, sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;margin:0 0 10px;padding:10px 0 7px;}
#footer-widgets .widget ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
#footer-widgets .widget ul li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZf_JZR5Fggg2USYGk-2f5BrCg1jsU62SGt3IZh51P8Qw1UOARa1JETImIMvD1RULV2t9pKGthJrJwzW9HMbDER5Du3FrKT9YX0Hl_-uILyDJc987ZW3U_IZGguo0gbjg1l6_IXHbtkbLV/s0/widget-list.png) left 6px no-repeat;margin:0 0 6px;padding:0 0 6px 12px;}
.footersec {}
.footersec .widget{margin-bottom:20px;}
.footersec ul{}
.footersec ul li{}
/* Search ----------------------------------------------- */
#search{border:1px solid #D8D8D8;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC1ZRfezn0ekloYL2qZaoW43S7OIWIGbj-AT_HXLm8kwtBzsrN3FHOHPiLBAcZTDdwcu8k8ytc81mO6FWuXLrWKxrHd3hPwAvAD3XAwmTWGKU9v18fwamVZ7nbcKhu3sfpDejHn_JDyfyl/s0/search.png) 99% 50% no-repeat;text-align:left;padding:6px 24px 6px 6px;}
#search #s{background:none;color:#979797;border:0;width:100%;outline:none;margin:0;padding:0;}
#content-search{width:300px;padding:15px 0;}
/* Comments----------------------------------------------- */
#comments{margin-bottom:15px;border:0px solid #F2D89D;}
#comments h4{font-size:16px;font-weight:bold;margin:1em 0;}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em}
/* Profile ----------------------------------------------- */
.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;color:#999999;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;text-transform:uppercase;letter-spacing:.1em}
#navbar-iframe{height:0;visibility:hidden;display:none;}
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
]]>