*******************************************************************************

Theme Name: PhuThoBay.Pro
Theme URI: http://phuthobay.pro
Description: PhuThoBay.Pro
Author: Bill Gates
Author URI: http://PhuThoBay.Pro
Version: 2.0

********************************************************************************/
ul, li {
list-style : none inside none;
border : none medium;
margin : 0;
padding : 0;
}
,body,h1,h2,h3{margin:0;padding:0;}
body {

    position: relative;
    background: #fff none repeat scroll 0 0;
    color: #606060;
    font: 13px Arial;
    margin: 0;
    margin: auto;
    padding: 0;
    max-width: 640px;
    border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:0px 0px 10px  #343434;
}
.navigation {
background : #FCFCFC;
font-size : 13px;
font-weight : 700;
margin-bottom : 1px;
text-align : center;
padding : 2px;
}
.navigation h2 {
font-weight : 700;
font-size : 13px;
color : #6D6D6D;
background : #F0F0F1;
border-top : 1px solid #C7E9C4;
margin : 0 auto;
padding : 2px 2px 3px 4px;
}
.navigation span, .navigation a {
font-size : 13px;
margin-left : 2px;
background : #F8F8F8;
border : #b4d3e4 solid 1px;
color : #787878;
text-decoration : none;
padding : 0 8px;
}
.navigation a:hover {
background : #fff;
border : #b4d3e4 solid 1px;
color : #6C6;
}
.navigation .current {
background : #FFF;
border : #b4d3e4 solid 1px;
color : #393939;
font-size : 13px;
padding : 0 8px;
}
.daik {
    padding-top : 2px;
    background-color: #fff;
    background-position : top;
}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #08A8E8;font-size:12px}
#tab a {color:#494949;font-weight:bold}
#tab tr, #tab td{height:25px;padding-top:4px}
#tab td {padding-left:5px;padding-right:5px;text-align:center}
#tab .active {background:#08A8E8;}
#tab .active a {color:#fff}
.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}
.main {
    border: 0px solid #e1e1e1;
    background: #ffffff;
    color: #555;
    margin: 0px;
    padding: 4px;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}
.main img {
    max-width: 80%;
}
.table, .foot {
    padding: 2px;
    border: 1px solid #cecece;
}
a:link, a:active, a:visited {
    color: #0565B2;
    text-decoration: none;
}
a:hover, a:focus {
    color: #009cf0;
}
.menu img {
max-width: 98%;
height: auto;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
}
input, textarea, select {
    background: #fff;
    border: 1px solid #d0d0d0;
    color: #454545;
    padding: 2px 4px 2px 4px;
    margin: 1px;
}
input[type="submit"] {
    background: #5050A0;
    color: #f0f0f0;
    border: 2px solid #202070;
    padding: 2px 4px 2px 4px;
}
input[type="submit"]:hover {
    color: #202070;
    background: #fefefe;
    border: 2px solid #202070;
    padding: 2px 4px 2px 4px;
}
h3 {
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
}
hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border-top: 1px solid #e3e3e3;
    border-right-style: none;
    border-right-width: 0;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-left-style: none;
    border-left-width: 0;
}
p {
    margin-top: 6px;
    margin-bottom: 6px;
}
ul {
    margin: 0;
    padding-left: 20px;
}
a.pagenav {
    border: 1px solid #88beff;
    background-color: #f2f6f8;
    padding: 0px 4px 0px 4px;
    text-decoration: none;
    margin: 0px;
}

a.pagenav:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
.currentpage {
    color:#FFFFFF;
    background-color: #8cafc6;
    border: 1px solid #417394;
    padding: 0px 4px 0px 4px;
    margin: 0px;
}
.navbar span.item {
font-size : 14px;
display : inline-block;
font-weight : 700;
color : #fff;
line-height : 24px;
padding : 2px;
}
.bread {
  color: #fffaee;
    font-weight: bold;
    text-shadow: #45cdf5 1px 1px 1px;
    background-color: #08A8E8;
    margin-top: 4px;
    margin-bottom: 1px;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #2060E0;
}
.bread a {
color : #fff;
}
.content img {
display : block;
max-width : 90%;
height : auto;
margin: auto
}

.header {
    border-bottom : 1px solid #8fdef3; 
    background : #b4e8f6 url(/icon/head.gif) repeat-x 0% top; 
    padding: 6px;
}
.phdr, .bmenu, .upban, .hdr {
    color: #fffaee;
    font-weight: bold;
    text-shadow: #45cdf5 1px 1px 1px;
    background-color: #08A8E8;
    margin-top: 4px;
    margin-bottom: 1px;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #2060E0;
}
.phdr a, .bmenu a, .upban a, .hdr a {
    color: #fffaee;
}
.phdr a:hover, .bmenu a:hover, .upban a:hover, .hdr a:hover {
    color: #dbfaff;
}
.topwap {
border-bottom : 1px dashed #E4DEDE;
font-size : 11px;
color : #ADADAD;
margin-left : 7px;
}
.logo {
background : url(./images/bg.png);
background-repeat : repeat-x;
}
.rmenu {
  background: #fee5fd;
  border: 1px solid #ffc6fc;
  margin: 1px 0;
  padding: 4px;
}
.list1, .cool, .list2, .blog {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #d5d5d5;
}
.cat-item {

color : #7E7E7E;
background : url(./images/category.png) 0 50% no-repeat scroll transparent;
margin-left : 1px;
border-bottom : 1px dotted #DDD;
text-transform : capitalize;
padding : 3px 3px 3px 12px;
}
li, ul {
list-style : none;
}
.menu a {
margin-left : 2px;
}
.xem {
font-size : 10px;
color : #A5A5A5;
padding-left : 5px;
}
a img, :link img, :visited img {
border : none;
}
a {
color : #069;
}
a:hover {
text-decoration: none;
color: #FF0000;
text-shadow: 0.1em 0.1em 0.2em #FF0099;
font-weight: bold;
}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #08A8E8;font-size:12px}
#tab a {color:#494949;font-weight:bold}
#tab tr, #tab td{height:25px;padding-top:4px}
#tab td {padding-left:5px;padding-right:5px;text-align:center}
#tab .active {background:#08A8E8;}
#tab .active a {color:#fff}
.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}

.footer, .coklat {
    background: #86d6fe url(/icon/foot.png) repeat-x 50% bottom;
    border: 1px solid #88beff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
}
.foot a {
color : #eee;
font-size : 12px;
}
.footgt {
margin-left : 6px;
}
.footer_title {
text-transform : uppercase;
border-bottom : 1px solid #E74946;
font-size : 13px;
margin-bottom : 6px;
color : #eee;
padding : 4px;
}
.content {
background-color : #fcf8e3;
font-family : Verdana;
font-size : 13px;
margin-top : 2px;
color : #595959;
padding : 3px;
}
.content p {
margin-top : 2px;
}
.content h1, .content h2, .content h3, .content h4 {
color : #f31919;
font-size : 13px;
font-weight : 700;
}
.aligncenter {
display : block;
margin : 0 auto;
}
#maincontent {
margin : 3px;
}
.active_tnt_link {
margin-left : 2px;
margin-right : 4px;
}
#tnt_pagination {
margin-left : 4px;
}
a:link, a:visited {
text-decoration : none;
}
.post-info {
background : #F7F7F7;
border-bottom : 1px dashed #DBDBDB;
padding : 5px;
}
.post-info h1 {
font-weight : 700;
font-size : 14px;
color : #595959;
margin : 0 auto;
padding : 0 0 0 1px;
}
.post-info p {
color : #595959;
margin : 0 auto;
}
.Downinfo a {
font-size : 11px;
background : url(.images/icons.png) no-repeat;
padding-left : 13px;
color : #FA2C2C;
font-weight : 700;
}
blockquote {
border : #D1D0D0 dashed 1px;
margin : 4px 4px 0 0;
}
blockquote p {
font-size : 12px;
background : url(./images/icons.png) no-repeat;
color : #756565;
margin-left : 5px;
margin-top : 3px;
margin-bottom : 3px;
}
blockquote a {
margin-left : 14px;
color : #FF1313;
overflow-wrap : break-word;
font-weight : 700;
font-size : 11px;
}
.thead h1 a, .cat a, .cat a:hover {
color : #FFF;
}
.list img {
padding-right : 6px;
}
.about {
padding : 3px;
}
.page_nav, .emm-next, .emm-prev, .page-numbers {
background : #f2f6f8;
border : #cedfeb solid 1px;
color : #417394;
padding : 1px 4px;
}
.page_nav:hover, .emm-next:hover, .emm-prev:hover, .page-numbers:hover {
border : #417394 solid 1px;
}
.page_nav, .page-numbers.current {
background : #759fbb;
border : #417394 solid 1px;
color : #FFF;
font-weight : 700;
}
.navbar .selected, .navbar span.item:hover {
background : #C83C39;
}
/*--------------------- Sharing Button ---------------------*/
.sharing-button-post{
	float:right;
}
.sharing-button{
	float:left;
}
.sharing-button ul { 
	display: block; 
	padding: 0px; 
	margin: 0px; 
	list-style: none; 
	text-align: center; 
}
ul#darkit-sharing li {
	float:left; 
	padding:0; 
	margin:2px;
}
ul#darkit-sharing li a {
	width:16px;
	height:16px;
	background:url(images/sharing-icon.png) 0 0 no-repeat;
	display:block;
	-webkit-transition-property:background-position;
	-webkit-transition-duration:.2s;
}
ul#darkit-sharing li a:hover {
	background-position:0 100%;
}
#darkit-sharing #darkit-google {
	background-position:-24px 0;
}
#darkit-sharing #darkit-google:hover {
	background-position:-24px 100%;
}
#darkit-sharing #darkit-twitter {
	background-position:-48px 0;}
#darkit-sharing #darkit-twitter:hover {
	background-position:-48px 100%;
}
#darkit-sharing #darkit-facebook {
	background-position:-72px 0;
}
#darkit-sharing #darkit-facebook:hover {
	background-position:-72px 100%;
}
#darkit-sharing #darkit-yahoo {
	background-position:-96px 0;
}
#darkit-sharing #darkit-yahoo:hover {
	background-position:-96px 100%;
}
#darkit-sharing #darkit-linkhay {
	background-position:-120px 0;
}
#darkit-sharing #darkit-linkhay:hover {
	background-position:-120px 100%;
}
#darkit-sharing #darkit-zing {
	background-position:-144px 0;
}
#darkit-sharing #darkit-zing:hover {
	background-position:-144px 100%;
}
#darkit-sharing #darkit-go {
	background-position:100% 0;
}
#darkit-sharing #darkit-go:hover {
	background-position:100% 100%;
}
.pencil {
	background: url(images/hades_icon.png) -82px 0 no-repeat;
	height: 24px;
	padding-left: 25px;
	margin-right: 5px;
}

.android {
overflow: hidden;
background-image : url(/icon/tmn.gif);
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #e1e1e1;
}
.android a {
margin-left : 2px;
}
.android .icon{
width: 50px;
height: 50px;
float: left;
margin-right: 5px;
border-radius: 9px;
}
.android .theloai, .xephang {
width: 12px;
height: 12px;
}

.menu, .news {
background-image : url(/icon/tmn.gif);
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #e1e1e1;
}
.fmenu {
background-image : url(http://phuthobay.pro/icon/tmn.gif);
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #e1e1e1;
}
h2, h3, h4, h5 prefix{
font-size:80%;
line-height:normal;
margin:0;
}
h5 {display:inline;font-weight:700;font-size:10px;}
h1 {display:inline;font-weight:700;font-size:17px;}
h2 {display:inline;font-weight:700;font-size:14px;}
h3 {font-weight:700;font-size:12px;display:inline;}


/*box-shadow*/
-webkit-box-shadow:0px 2px 2px rgb(200, 200, 200);
   -moz-box-shadow:0px 2px 2px rgb(200, 200, 200);
        box-shadow:0px 2px 2px rgb(200, 200, 200);
color:#555;
font-weight:bold;
}


#other_post{
text-align:center;
padding:1px;
}
#other_post .other_item{
border-radius: 5px;
position:relative;
margin:3px 1px;
padding: 0;
width:92px;
height:102px;
background-color:#fff;
display:inline-block;
/*box-shadow*/
-webkit-box-shadow:0 2px 3px #888;
   -moz-box-shadow:0 2px 3px #888;
        
box-shadow:0 2px 3px #888;
}

#other_post .other_item .thumb{
top: 2px !important;
height:80px;
width: 78px;
top:1px;
left:6px;
right:4px;
position:absolute;
z-index:19;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
display:block;
border-radius: 10px;
}
#other_post .other_item .item{
border-top:1px solid #d5d5d5;
text-align:center;
position:absolute;
z-index:18;
top:83px;
left:4px;
right:4px;
}
#other_post .other_item .item .title{
font-size:12px;
display:block;
margin:3px 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:88px;
font-weight: 700;
}
.ribbon_free{
z-index:20;
position:absolute;
width:60px;
height:60px;
left:6px;
top:2px;
margin:0;
background:url(/icon/free.png) 0 0 no-repeat;
}

.center {text-align:center}
.red {color:red}
.blue {color:blue}
.green {color:green}
img.attachment-50x50 {
    float: left;
    margin-right: 5px;
    height: 50px;
    width: 50px;
    border-radius: 5px
}

/* SLIDER */

.focus{
	position:relative;
	margin:0 auto;
	max-width:650px;
}

.focus img{
	width:100%;
	max-height:200px;
}

.swipe{
	overflow:hidden;
	visibility:hidden;
	position:relative;
}

.swipe-wrap{
	overflow:hidden;
	position:relative;
}

.swipe-wrap > div{
	float:left;width:100%;
	position:relative;
}

#focus-dot{
	padding:0 3px;
	height:11px;
	line-height:6px;
	border-radius:10px;
	background:rgba(45,45,45,0.5);
	position:absolute;
	bottom:15px;
	right:20px;
	z-index:11;
}

#focus-dot li{display:inline-block}

#focus-dot li span{
	display:inline-block;
	margin:3px 3px 0;
	width:5px;
	height:5px;
	font-size:0;
	line-height:0;
	vertical-align:middle;
	background-color:#f7f7f7;
	overflow:hidden;
	border-radius:5px;
}

#focus-dot li.on span{background-color:#00aae3}

swipe-wrap img {
    max-width: 100%!important;
   
    border-radius: 0!important;
}