/* Theme Name: nickgem.tk Theme URI: http://nickgem.tk */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} }
* {     margin: 0;     padding: 0;     outline: none; }
body {     display: block;     max-width: 650px;     min-width: 200px;     margin: auto;     position: relative;     background: #f2f2f2;     font-family: arial;     font-style: normal;     font-size: 14px;     color: #595959;     line-height: 16px;
overflow-x: hidden;
-webkit-animation:androidbugfix infinite 1s; }
h1, h2, h3, h4, h5, h6 {font-size: small;}
h1 a {color: #595959;}
h1 a:hover {text-decoration: none;}
a {     text-decoration: none;     color: #2CAAD3;     transition: border .25s linear, color .25s linear, background-color .25s linear; }
a:hover {text-decoration: underline;}
.clearfix {clear: both;}
.pad, .tagcloud {padding: 7px;}
.left {float: left;}
.right {float: right;}
.prefix {     font-size: 11.5px;     background: hsl(127, 39%, 55%);     color: hsl(0, 100%, 100%);     padding: 2px 2px;     display: block;     position: absolute;     right: 0;     bottom: 0; }
.readmore {
background: #fff;
margin-bottom: 5px; }
.readmore a {
display: block;
text-decoration: none; }
.center-title {     display: block;     text-align: center;     padding: 7px; }
.green-title {
background: #8dc63f!important;
text-align: center;
color: #fff!important;
font-weight: 700!important;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.margin5 {
margin:5px; }
form {     background: #fff;     margin: 5px; }
/* HEADER */
header {     text-align: center;     padding: 10px 0 15px 10px;     color: #fff;
background:#99d6f9; background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, .3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 17%, rgba(255, 255, 255, .43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, 0) 14%) 0 0, linear-gradient(45deg, #79C7EE 20%, #99d6f9 100%); background-size: 100px 100px, 470px 470px, 210px 210px, 310px 310px, 230px 230px, 530px 530px, 100% 100%; }
#head-menu {
background: #2CAAD3;
border-bottom: 1px solid #e2e2e2; }
#head-menu a, #head-menu a:hover {     color: #FFF;     display: block;     padding: 10px; }
#head-menu li:hover a {     background: #39C1EE;     text-decoration: none; }
/* THE LOOP */
article {     position: relative;     border-bottom: 1px solid #e2e2e2;     padding: 7px;     clear: both;     background: #fff; }
article p {     max-height: 36px;     display: block;     overflow: hidden;     line-height: 18px; }
article a {color: #666;}
article a:hover {     color: #2CAAD3;     text-decoration: none; }
article:nth-child(even) {     background-color: #fcfcfc; }
article:nth-child(odd) { }
.photo {     width: 55px;     float: left;     margin: 0 8px 0 0;     height: 55px;     border-radius: 19%; }
.format-story h2, .format-thuthuat h2, .format-audio h2, .format-video h2, h2 i {font-weight: 300;}
.format-thuthuat a {     background: url(assets/images/icon_thuthuat.png) no-repeat left;     padding-left: 20px;     margin-right: 4px; }
.format-story a {     background: url(assets/images/icon_story.png) no-repeat left;     padding-left: 20px;     margin-right: 4px; }
.format-story h2 {font-style: italic;}
.format-image img {width: 100%;}
.format-image h2 {margin: 5px 0;}
.format-video a {     background: url(assets/images/icon_video.png) no-repeat left;     padding-left: 20px;     margin-right: 4px; }
.format-audio a {     background: url(assets/images/icon_mp3.png) no-repeat left;     padding-left: 20px;     margin-right: 4px; }
/* SINGLE */
#breadcrumbs, .title {     font-weight: 700;     color: #fff;     background: #2CAAD3;     padding: 10px;     cursor: default;     display: block; }
#breadcrumbs a {color: #FFF;}
.infomation {     position: relative;     background: #fff;     overflow: hidden;     border-bottom: 1px solid #e2e2e2;     padding: 7px;     clear: both; }
.hreview-aggregate label, .infomation label {font-weight: 700;}
.average span {text-indent: -9000px;}
#video-player {     border-top: 1px solid #e2e2e2;     position: relative;     padding-bottom: 56.25%;     padding-top: 25px;     height: 0;
margin-bottom: 20px; }
#video-player iframe {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%; }
#mp3-player {     padding-top: 10px;     padding-bottom: 10px; }
audio {width: 100%;}
#content {     border-top: 1px solid #e2e2e2;     line-height: 20px;     background: #fff; }
#content p {margin-bottom: 10px;}
#content img {     max-width: 100%;     height: auto;     display: block;     margin-left: auto;     margin-right: auto;     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
#content ul, ol {margin: 0 20px;}
#content h2 {font-size: 14px;}
#wp_page a {     background: #7e7e7e;     padding: 5px 15px;     color: #fff;     text-decoration: none; }
#wp_page a:hover {
background: #1EB353;
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.31), 0 1px 0 rgba(255, 255, 255, 0.8); }
#wp_page .current {     box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.31), 0 1px 0 rgba(255, 255, 255, 0.8);     padding: 5px 15px;     color: #fff;     background: #1EB353; }
.content-bottom {     background: #fff;     border-top: 1px solid #eee; }
nav ul, .content-bottom ul {     display: table;     list-style: none;     width: 100%;     table-layout: fixed; }
#head-menu li, .content-bottom > ul > li {     vertical-align: middle;     display: table-cell;     text-align: center; }
.content-bottom > ul > li {     border-right: 1px solid #EEEEEE; }
.content-bottom > ul > li:last-child {border: none;}
.content-bottom ul > li > a {
text-decoration: none; padding: 8px 3px; display: block; }
.content-bottom > ul > li:hover {     background: #f2f2f2;     transition: border .25s linear, color .25s linear, background-color .25s linear; }
.hreview-aggregate {     overflow: hidden;     background: #fff;     border-top: 1px solid #e2e2e2;     padding: 7px; }
.details {     padding: 0 !important;     border-bottom: 0 !important; }
.details .timeline {width: 100%;}
.fun-story p, .comment p, .details p {max-height: none !important;}
/* RATE */
.rating {margin-bottom: 10px;}
span.post-large-rate {     width: 100px;     display: block;     height: 22px;     background-position: left bottom;     background-repeat: no-repeat; }
span.post-large-rate span {     width: 100%;     display: block;     height: 22px;     background-position: left top;     background-repeat: no-repeat;     float: left; }
span.stars-large, span.stars-large span {background-image: url(assets/images/stars-large.png);}
.post-single-rate {     float: left;     margin-right: 5px; }
.user-rate {     float: right;     width: 98px; }
.user-rate-wrap .user-rating-text {float: left;}
.user-rate-active span.post-large-rate span {cursor: pointer;}
.taq-load {     background: url(assets/images/ajax-loader.gif) no-repeat center;     width: 98px;     height: 22px;     display: block; }
/* INPUT,TEXTAREA,BUTTON */
.search-input {background: url(assets/images/search.png) no-repeat 99% 50% #fff;}
.search-button {width: 15%;}
input, textarea {     width: 80%;     padding: 4px;     margin-bottom: 2px;     border: 1px solid #ddd; }
button {     background: #FF4D00;     padding: 5px 10px;     border: 0;     color: #000000;     cursor: pointer;     transition: border .25s linear, color .25s linear, background-color .25s linear; }
button:hover {     background: #1EB353;     box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.31), 0 1px 0 rgba(255, 255, 255, 0.8); }
.gsc-input {box-shadow: none !important;}
#___gcse_0 {border-bottom: 1px solid #e2e2e2;}
.download {     max-width: 350px;     line-height: 28px;     color: #000000;     text-align: center;     display: block;     margin-left: auto;     margin-right: auto;     background: #FF6C47;     font-size: 15px;     padding: 0 25px;     border-radius: 3px; }
.download:hover {     background: #FF8361;     text-decoration: none; }
.icon_download {     background: #61cf81;     border-radius: 1px;     float: right;     padding: 2px 10px;     color: #fff;     text-transform: uppercase; }
.icon_download:hover {     background: #1EB353;     text-decoration: none;     color: #fff; }
.icon_view {     background: url(assets/images/icon_view.png) no-repeat center left;     padding-left: 17px;     font-size: 11px;     margin-right: 4px; }
.icon_phone {     background: url(assets/images/icon_phone.png) no-repeat center left;     padding-left: 17px;     font-size: 11px;     margin-right: 4px; }
.icon_user {     background: url(assets/images/icon_user.png) no-repeat center left;     padding-left: 17px;     font-size: 11px;     margin-right: 4px; }
.icon_comment {     background: url(assets/images/icon_comment.png) no-repeat center left;     padding-left: 17px;     font-size: 11px;     margin-right: 4px; }
/* SHORTCODES */
.multi-download {     max-width: 350px;     margin-left: auto;     margin-right: auto;
margin-bottom: 5px;
border: #8dc63f solid 1px;
border-top:0;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.multi-download ul {margin: 0!important;}
.multi-download li {padding: 4px 10px!important;}
.multi-download p {margin-bottom: 0 !important;}
.multi-download a {color:#2CAAD3!important;}
/* WEATHER */
.bonobo_widget {     margin-bottom: 10px;     border: 1px solid #e2e2e2;     overflow: hidden;     padding: 15px;     line-height: 21px;     text-align: center; }
.bonobo_widget .city_title {     font-size: 18px;     font-weight: bold; }
.bonobo_widget .{     text-align: center;     padding-top: 10px;     padding-bottom: 17px; }
.bonobo_widget .temperature {     font-size: 24px;     padding-bottom: 17px; }
.bonobo_widget .desc {list-style: none;}
.bonobo_widget .desc li {     list-style: none !important;     line-height: 1em !important; }
.bonobo_widget .left_navigation {     float: left;     width: 24px;     padding-right: 4px; }
.bonobo_widget .right_navigation {     float: right;     width: 24px;     padding-left: 4px; }
.bonobo_widget .invisible {display: none;}
.bonobo_widget .date {     font-size: 12px;     font-style: italic; }
.bonobo_widget .number_date {font-weight: lighter;}
.bonobo_widget img {box-shadow: none !important;}
/* FOOTER */
footer {
border-top: #253444 solid 3px; text-align: center; color: #fff;
background:#99d6f9; background: radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .15) 30%, rgba(255, 255, 255, .3) 32%, rgba(255, 255, 255, 0) 33%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .3) 13%, rgba(255, 255, 255, 0) 14%) 0 0, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 17%, rgba(255, 255, 255, .43) 19%, rgba(255, 255, 255, 0) 20%) 0 110px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) -130px -170px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 11%, rgba(255, 255, 255, .4) 13%, rgba(255, 255, 255, 0) 14%) 130px 370px, radial-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 11%, rgba(255, 255, 255, .2) 13%, rgba(255, 255, 255, 0) 14%) 0 0, linear-gradient(45deg, #79C7EE 20%, #99d6f9 100%); background-size: 100px 100px, 470px 470px, 210px 210px, 310px 310px, 230px 230px, 530px 530px, 100% 100%; }
footer a {color: #fff;}
/* RESPONSIVE */
.nav_menu ul li {     border-bottom: 1px solid #e2e2e2;     font-size: 13px;     padding: 8px 35px 8px 8px;     list-style: none;     background: #fff; }
.nav_menu a {
text-decoration: none !important;
color: #666; }
.nav_menu a:hover {color: #2CAAD3;}
.count {
background: #39C1EE;
color: #fff;
padding: 1px 10px; }
#nav-check {display:none}
@media screen and (min-width: 651px) {     .open, .close {display: none;} }
@media only screen and (min-width: 251px) and (max-width: 650px) {
.open {
padding:10px;
display:block;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.open:hover{background: #39C1EE;}
.close {
background: #61cf81;
padding: 5px 15px;
}
.toggle {cursor:pointer; color:#fff }
#menu {
position: absolute;
top: 0;
bottom: 0;
width: 14em;
background: #fff;
z-index: 9999;
left: -14em;
}
#menu {
box-shadow: 0px 0px 5px #868686;
-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
-webkit-transform:translate3d(0,0,0)
}
#nav-check:checked ~ #menu{
-webkit-transform: translate(14em,0);
-ms-transform: translate(14em,0);
transform:translate(14em,0);
}
}
@media only screen and (max-width: 250px) {
    .photo {display: none!important;}
    .title {         background: #2CAAD3;         padding: 4px;     }
    .details {display: none !important;}
    #head-menu a,     #head-menu a:hover {padding: 6px;}
.icon_view,
.icon_comment,
.icon_download,
.open,
.close {display: none!important;} } ]]></b:skin> .menu{position:absolute;top:15px;right:8%;text-align:center;padding:0;color:#333;font-size:28px;font-weight:700;line-height:25px;cursor:pointer} #css-menu{border-top:6px solid #46a28d ;position:fixed;top:0;right:0px;z-index:9999;background:rgba(44, 44, 45, 0.82);height:100%;transition:all .4s ease-in-out;} #cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1;  font-family: "Open Sans", sans-serif;font-size: 14px;position: relative;} #cssmenu a {line-height: 1.3;padding: 12px 15px;} #cssmenu {width: 240px;} #cssmenu > ul > li {cursor: pointer;background: #efefef;border-top:1px solid #3d3d3d;border-bottom: 1px solid #161616;} #cssmenu > ul > li:first-child {border-top:none;} #cssmenu > ul > li:last-child {border-bottom:1px solid #3d3d3d;} #cssmenu > ul > li:last-child > a {border-bottom: 1px solid #161616;} #cssmenu > ul > li > a {font-size: 14px;display: block;color: #fff;text-shadow: 0 1px 1px #000;background: #2C2C2D;padding: 12px 15px;} #cssmenu > ul > li > a:hover {text-decoration: none;background:#3d3d3d} #cssmenu > ul > li.active {font-weight:700;} #cssmenu > ul > li.home .close-menu{background: #2C2C2D;color: #fff;font-size:18px;font-weight:700;padding: 9px 15px;display:block} #cssmenu > ul > li.has-sub > a:after {content: '';position: absolute;top: 15px;right: 10px;border: 5px solid transparent;border-left: 5px solid #fff;} #cssmenu > ul > li.has-sub.active > a:after {right: 14px;top: 17px;border: 5px solid transparent;border-top: 5px solid #fff;} #cssmenu ul ul {padding: 0;display: none;} #cssmenu ul ul.expand {height:200px;overflow:auto} #cssmenu ul ul a {background: #efefef;display: block;color: #797979;font-size: 13px;} #cssmenu ul ul a:hover {color: #000;} #cssmenu ul ul li {border-bottom: 1px solid #c9c9c9;} #cssmenu ul ul li.odd a {background: #e5e5e5;} #cssmenu ul ul li:last-child {border: none;}]]></b:skin>