/*
	Theme Name: Theme for YeuLapTrinh.pw
	Theme URL: http://yeulaptrinh.pw/
	Description: A custom theme for YeuLapTrinh.pw
	Author: conglb
	Author URI: http://conglb.blogspot.com/
	Template: genesis
	Version: 2.0
	Text Domain: ylttheme
*/



body {

	color: #333333;

	font-size: 18px;

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;

	margin: 0 auto 0;

	padding: 0;

	line-height: 23px;

	}

	

/***** Hyperlinks ********************/



a, a:visited {

	color: #2255AA;

	text-decoration: none;

	}

	

a:hover {

	color: #2255AA;

	text-decoration: underline;

	}

	

a img {

	border: none;

	}

	

a:focus, a:hover, a:active {

	outline: none;

	}



/***** Wrap ********************/



#wrap {

	width: 960px;

	margin: 0 auto 0;

	padding: 0;

	}



/***** Header  ********************/



#header {

	width: 960px; 

	height: 80px;

	margin: 0;

	padding: 0;

	}

	

#header .wrap {

	}



#title-area {

	width: 400px;

	float: left;

	margin: 0; 

	padding: 20px 0 0 0;

	overflow: hidden;

	}

	

#title-area #title {

	font-size: 24px;

	font-weight: normal;

	line-height: 30px;

	margin: 0; 

	padding: 0;

	}

	

#title-area #title a {

	color: #333333;

	margin: 0; 

	padding: 0;

	text-decoration: none;

	}

	

#title-area #title a:hover {

	color: #333333;

	text-decoration: none;

	}

	

#title-area #description {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	margin: 0; 

	padding: 0;

	}



#header .widget-area {

	width: 550px;

	float: right;

	margin: 0; 

	padding: 0;

	}

	

#header .widget-area p {

	margin: 0;

	padding: 0 0 5px 0;

	}

	

#header .widget-area h4 {

	color: #333333;

	font-size: 14px;

	font-weight: normal;

	margin: 10px 0 0 0; 

	padding: 0;

	text-decoration: none;

	}

	

#header .widget-area ul {

	margin: 0;

	padding: 0;

	}

	

#header .widget-area ul li {

	list-style-type: square;

	margin: 0 0 0 20px;

	padding: 0;

	}

	

/***** Image Header - Partial Width ********************/



.header-image #header #title-area {

	background: url(images/logo.png) left top no-repeat;

	}



.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {

	display: block; 

	float: left;

	width: 400px;

	height: 80px;

	margin: 0; 

	padding: 0;

	text-indent: -9999px;

	overflow: hidden;

	}

	

.header-image #title-area #description {

	display: block;

	width: 0; 

	height: 0;

	overflow: hidden;

	}



/***** Image Header - Full Width ********************/



.header-full-width #title-area, .header-full-width #title-area h1, .header-full-width #title-area h1 a, .header-full-width #title-area h4, .header-full-width #title-area h4 a {

	width: 960px;

	}

	

/***** Header Pages/Category Widget Menu ********************/



#header ul.nav {

	width: auto;

	float: right;

	list-style: none;

	color: #FFFFFF;

	text-transform: uppercase;

	margin: 0;

	padding: 0;

	}

	

#header ul.nav li {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	}

	

#header ul.nav li a {

	background: #333333;

	color: #FFFFFF;

	display: block;

	font-size: 12px;

    margin: 0;

	padding: 6px 10px 5px 10px;

	text-decoration: none;

	border-right: 1px solid #666666;

	position: relative;

	}



#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a {

	background: #000000;

	color: #FFFFFF;

	}

	

#header ul.nav li a.sf-with-ul {

	padding-right: 20px;

	}	

	

#header ul.nav li a .sf-sub-indicator {

	display: block;

	width: 10px;

	height: 10px;

	text-indent: -9999px;

	overflow: hidden;

	position: absolute;

	top: 11px;

	right: 5px;

	background: url(images/arrow-down.png);

	}

	

#header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited {

	background: #333333;

	color: #FFFFFF;

	width: 158px; 

	font-size: 11px;

	margin: 0;

	padding: 6px 10px 6px 10px;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	border-bottom: 1px solid #666666;

	position: relative;

	}

	

#header ul.nav li li a:hover, #header ul.nav li li a:active {

	background: #000000;

	}



#header ul.nav li li a .sf-sub-indicator {

	background: url(images/arrow-right.png);

	top: 10px;

	}



#header ul.nav li ul {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 180px;

	margin: 0;

	padding: 0;

	}



#header ul.nav li ul a { 

	width: 160px;

	}



#header ul.nav li ul a:hover, #header ul.nav li ul a:active { 

	}



#header ul.nav li ul ul {

	margin: -33px 0 0 179px;

	}



#header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul {

	left: -999em;

	}



#header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul {

	left: auto;

	}



#header ul.nav li:hover, #header ul.nav li.sfHover { 

	position: static;

	}



/***** Social Icon ********************/

.social-icons {

	float: right;

	padding-top: 9px;

}



.social-icons img {

	width: 30px;

	height: 30px

}



/***** Nav Menu ********************/



#nav {

	clear: both;

	width: 960px;

	height: 33px;

	background: #424242 !important;

	color: #FFFFFF;

	border-bottom: 1px solid #666666;

	margin: 0;

	padding: 0;

	}



#nav .wrap {

	}

	

#nav ul {

	width: 100%;

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	}

	

#nav li {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	}

	

#nav li a {

	background: #333333;

	color: #FFFFFF;

	display: block;

	font-size: 15px;

    margin: 0;

	padding: 6px 10px 5px 10px;

	text-decoration: none;

	border-right: 1px solid #666666;

	position: relative;

	}



#nav li a:hover, #nav li a:active, #nav .current_page_item a {

	background: #000000;

	color: #FFFFFF;

	}

	

#nav li a.sf-with-ul {

	padding-right: 20px;

	}	

	

#nav li a .sf-sub-indicator {

	background: url(images/arrow-down.png);

	display: block;

	width: 10px;

	height: 10px;

	text-indent: -9999px;

	overflow: hidden;

	position: absolute;

	top: 11px;

	right: 5px;

	}

	

#nav li li a, #nav li li a:link, #nav li li a:visited {

	background: #333333;

	color: #FFFFFF;

	width: 158px; 

	font-size: 11px;

	margin: 0 0 0 -1px;

	padding: 6px 10px 6px 10px;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	border-bottom: 1px solid #666666;

	position: relative;

	}

	

#nav li li a:hover, #nav li li a:active {

	background: #000000;

	}



#nav li li a .sf-sub-indicator {

	background: url(images/arrow-right.png);

	top: 10px;

	}



#nav li ul {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 180px;

	margin: 0;

	padding: 0;

	}



#nav li ul a { 

	width: 160px;

	}



#nav li ul a:hover, #nav li ul a:active { 

	}



#nav li ul ul {

	margin: -33px 0 0 179px;

	}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul {

	left: -999em;

	}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul {

	left: auto;

	}



#nav li:hover, #nav li.sfHover { 

	position: static;

	}

	

#nav li.right {

	float: right;

	margin: 0;

	padding: 6px 10px 6px 10px;

	}



#nav li.right a {

	display: inline;

	margin: 0;

	padding: 0;

	border: none;

	background: none;

	color: #FFFFFF;

	font-weight: normal;

	text-decoration: none;

	}

	

#nav li.right a:hover {

	color: #FFFFFF;

	text-decoration: underline;

	}

	

#nav li.date {

	}

	

#nav li.rss a {

	background: url(images/rss.png) no-repeat left center;

	margin: 0 0 0 10px;

	padding: 3px 0 3px 16px;

	color: blue;

	}

#nav li.rss a:hover {

	color: red;

	}

	

#nav li.search {

	padding: 0 10px 0 10px;

	}

	

/***** SubNav Menu ********************/



#subnav {

	clear: both;

	width: 100%;

	height: 34px;

	background: #333333;

	color: #FFFFFF;

	text-transform: uppercase;

	margin: 0;

	padding: 0;

	border-bottom: 1px solid #666666;

	}



#subnav .wrap {

	}

	

#subnav ul {

	width: 100%;

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	}

	

#subnav li {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	}

	

#subnav li a {

	background: #333333;

	color: #FFFFFF;

	display: block;

	font-size: 12px;

    margin: 0;

	padding: 6px 10px 5px 10px;

	text-decoration: none;

	border-right: 1px solid #666666;

	position: relative;

	}



#subnav li a:hover, #subnav li a:active, #subnav .current_page_item a {

	background: #000000;

	color: #FFFFFF;

	}

	

#subnav li a.sf-with-ul {

	padding-right: 20px;

	}	

	

#subnav li a .sf-sub-indicator {

	background: url(images/arrow-down.png);

	display: block;

	width: 10px;

	height: 10px;

	text-indent: -9999px;

	overflow: hidden;

	position: absolute;

	top: 11px;

	right: 5px;

	}

	

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {

	background: #333333;

	color: #FFFFFF;

	width: 158px; 

	font-size: 11px;

	margin: 0;

	padding: 6px 10px 6px 10px;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	border-bottom: 1px solid #666666;

	position: relative;

	}

	

#subnav li li a:hover, #subnav li li a:active {

	background: #000000;

	}



#subnav li li a .sf-sub-indicator {

	background: url(images/arrow-right.png);

	top: 10px;

	}



#subnav li ul {

	z-index: 9999;

	position: absolute;

	left: -999em;

	height: auto;

	width: 180px;

	margin: 0;

	padding: 0;

	}



#subnav li ul a { 

	width: 160px;

	}



#subnav li ul a:hover, #subnav li ul a:active { 

	}



#subnav li ul ul {

	margin: -33px 0 0 179px;

	}



#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul {

	left: -999em;

	}



#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul {

	left: auto;

	}



#subnav li:hover, #subnav li.sfHover { 

	position: static;

	}



/***** Inner ********************/



#inner {

	width: 960px;

	margin: 20px 0 20px 0;

	padding: 0;

	}

	

/***** Inner Backgrounds ********************/



.content-sidebar #inner {

    }

   

.sidebar-content #inner {

    }

   

.content-sidebar-sidebar #inner {

    }

   

.sidebar-sidebar-content #inner {

    }

    

.sidebar-content-sidebar #inner {

    }



.full-width-content #inner {

    }



/***** Breadcrumb ********************/



.breadcrumb {

	background: #FFCC33;

	margin: 0 0 10px 0;

	padding: 5px 10px 5px 10px;

	border: 1px solid #E6E6E6;

	}



/***** Content-Sidebar Wrapper ********************/



#content-sidebar-wrap {

	width: 790px;

	margin: 0;

	padding: 0;

	float: left;

	}



.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {

	width: 960px;

	}



.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {

	float: right;

	}



/***** Content ********************/



#content {

	width: 470px;

	margin: 0;

	padding: 0;

	float: left;

	}



.sidebar-content #content, .sidebar-sidebar-content #content {

	float: right;

	}



.sidebar-content #content, .content-sidebar #content {

	width: 640px;

	}

	

.full-width-content #content {

	width: 960px;

	}



#content img, #content p img {

	max-width: 100%;

	}



#content blockquote {

	background: #F7F7F7;

	margin: 0 15px 15px 15px;

	padding: 10px 20px 0 15px;

	border: 1px solid #E6E6E6;

	}



#content .post {

	margin: 0 0 40px 0;

	padding: 0;

	}

	

#content .entry-content {

	overflow: auto;

	}

	

#content .entry-content .post-image {

	padding: 4px;

	border: 1px solid #E6E6E6;

	}

	

#content .post p {

	margin: 0;

	padding: 0 0 10px 0;

	}

	

#content .post ul {

	list-style-type: square;

	margin: 0;

	padding: 0 0 15px 0;

	}

	

#content .post ul li {

	list-style-type: square;

	margin: 0 0 0 20px;

	padding: 0;

	}

	

#content .post ul ul {

	list-style-type: square;

	margin: 0;

	padding: 0;

	}

	

#content .post ol {

	margin: 0;

	padding: 0 0 15px 0;

	}

	

#content .post ol li {

	margin: 0 0 0 20px;

	padding: 0;

	}

	

#content .post ol ol {

	margin: 0;

	padding: 0;

	}

	

#content .sticky {

	background: #F7F7F7;

	margin: 0 0 40px 0;

	padding: 10px;

	border: 1px solid #E6E6E6;

	}

	

#content .post-image {

	margin: 0 10px 10px 0;

	padding: 4px;

	border: 1px solid #E6E6E6;

	}

	

#content .archive-page {

	float: left;

	width: 50%;

	margin: 0;

	padding: 20px 0;

	}



.clear {

	clear: both;

	}

	

/***** Post Info ********************/

	

.post-info {

	font-size: 11px;

	margin: 0 0 5px 0;

	padding: 0;

	text-transform: uppercase;

	}

	

.post-info p {

	margin: 0;

	padding: 0;

	}

	

/***** Post Meta ********************/

	

.post-meta {

	font-size: 11px;

	text-transform: uppercase;

	margin: 0;

	padding: 5px 0 0 0;

	border-top: 1px solid #E6E6E6;

	}

	

/***** Author Box ********************/

	

.author-box {

	background: #F7F7F7;

	margin: 0 0 40px 0;

	padding: 10px;

	border: 1px solid #E6E6E6;

	}

	

.author-box p {

	margin: 0;

	padding: 0;

	}

	

.author-box img {

	background: #FFFFFF;

	float: left;

	margin: 0 10px 0 0;

	padding: 4px;

	border: 1px solid #E6E6E6;

	}



/***** Headlines in Content ********************/



#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {

	color: #333333;

	font-family: Arial, Tahoma, Verdana;

	text-decoration: none;

	margin: 0 0 10px 0;

	padding: 0;

	}



#content h1 {

	font-size: 30px;

	}

	

#content h2 {

	font-size: 26px;

	}

	

#content h2 a, #content h2 a:visited {

	color: #333333;

	text-decoration: none;

	}

	

#content h2 a:hover {

	color: #2255AA;

	text-decoration: none;

	}

	

#content h3 {

	font-size: 21px;

	}

	

#content h4 {

	font-size: 19px;

	}

	

#content h5 {

	font-size: 12px;

	}

	

#content h6 {

	font-size: 10px;

	}

	

/***** Post Icons ********************/

	

.time {

	margin: 0;

	padding: 0;

	}

	

.post-comments {

	background: #FFFFFF url(images/icon-dot.gif) no-repeat top left;

	margin: 0px 0px 0px 3px;

	padding: 0px 0px 2px 10px;

	}

	

.categories {

	margin: 0;

	padding: 0;

	}

	

.tags {

	background: #FFFFFF url(images/icon-dot.gif) no-repeat top left;

	margin: 0px 0px 0px 3px;

	padding: 0px 0px 2px 10px;

	}



/***** Images ********************/



img.centered  {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	padding: 0;

	}

	

img.alignnone {

	padding: 0;

	margin: 0 0 10px 0;

	display: inline;

	}

	

img.alignleft {

	padding: 0;

	margin: 0 10px 10px 0;

	display: inline;

	}



img.alignright {

	padding: 0;

	margin: 0 0 10px 10px;

	display: inline;

	}

	

.aligncenter {

	display: block;

	margin: 0 auto 10px;

	}

	

.alignleft {

	float: left;

	margin: 0 10px 0 0;

	}



.alignright {

	float: right;

	margin: 0 0 0 10px;

	}



.wp-caption {

	background: #F7F7F7;

	text-align: center;

	padding: 5px 0 0 1px;

	border: 1px solid #E6E6E6;

	}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0;

	}



.wp-caption p.wp-caption-text {

	margin: 0;

	padding: 0;

	font-size: 11px;

	font-weight: normal;

	line-height: 12px;

	}

	

img.wp-smiley, img.wp-wink {

	float: none;

	border: none;

	margin: 0;

	padding: 0;

	}



/***** Post Navigation **********/



.navigation {

	width: 100%;

	margin: 0;

	padding: 20px 0 20px 0;

	overflow: auto;

	}

	

.navigation ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}



.navigation li {

	display: inline;

	}



.navigation li a {

	color: #2255AA;

	padding: 5px 8px 5px 8px;

	border: 1px solid #E6E6E6;

	}



.navigation li a:hover {

	background: #F7F7F7;

	color: #2255AA;

	border: 1px solid #E6E6E6;

	text-decoration: none;

	}



.navigation li.disabled {

	margin: 0;

	padding: 5px 8px 5px 8px;

	border: 1px solid #E6E6E6;

	}



.navigation li.active a {

	background: #F7F7F7;

	color: #2255AA;

	font-weight: bold;

	border: 1px solid #E6E6E6;

	}



/***** Sidebar & Sidebar-Alt ********************/



#sidebar {

	width: 300px;

	float: right;

	margin: 0;

	padding: 0;

	display: inline;

	}

	

#sidebar-alt {

	width: 150px;

	float: left;

	margin: 0;

	padding: 0;

	display: inline;

	}



.sidebar-content #sidebar, .sidebar-sidebar-content #sidebar {

	float: left;

	}

	

.content-sidebar-sidebar #sidebar-alt {

	float: right;

	}



#sidebar .widget, #sidebar-alt .widget {

	background: #FFFFFF;

	margin: 0 0 15px 0;

	padding: 0 0 10px 0;

	border: 1px solid #E7201D;	

	}

	

#sidebar h2, #sidebar h2 a, #sidebar-alt h2, #sidebar-alt h2 a {

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0;

	padding: 0;

	}

	

#sidebar h2 a:hover, #sidebar-alt h2 a:hover {

	color: #2255AA;

	text-decoration: none;

	}



#sidebar h4, #sidebar-alt h4 {

	background: #E9633B;

	color: #F7F7F7;

	font-size: 13px;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0;

	padding: 5px 5px 5px 10px;

	border-bottom: 1px solid #E7201D;

	}

	

#sidebar .widget p, #sidebar-alt .widget p {

	margin: 0;

	padding: 0;

	}

	

#sidebar .textwidget p, #sidebar-alt .textwidget p {

	margin: 0;

	padding: 10px 10px 0 10px;

	}



#sidebar img, #sidebar a img, #sidebar-alt img, #sidebar-alt a img {

	border: none;

	margin: 0;

	padding: 0;

	}



#sidebar ul, #sidebar ol, #sidebar-alt ul, #sidebar-alt ol {

	list-style-type: square;

	margin: 10px 0 0 0;

	}



#sidebar ul ul, #sidebar ol ol, #sidebar-alt ul ul, #sidebar-alt ol ol {

	margin: 0;

	padding: 0 0 0 15px;

	}



#sidebar li, #sidebar-alt li {

	margin: 0;

	padding: 0;

	}



/***** Sidebar(s) Tag Cloud ********************/



#sidebar .widget_tag_cloud div div, #sidebar-alt .widget_tag_cloud div div {

	padding: 10px 10px 0 10px;

	}

	

/***** Sidebar(s) Category Dropdown ********************/

	

#cat {

	background: #F7F7F7;

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	margin: 10px 0 0 10px;

	padding: 3px;

	display: inline;

	border: 1px solid #E6E6E6;

	}

	

#sidebar #cat {

	width: 278px;

	}

	

#sidebar-alt #cat {

	width: 128px;

	}



/***** Sidebar(s) Featured Post/Page ********************/



#sidebar .featuredpost, #sidebar .featuredpage, #sidebar-alt .featuredpost, #sidebar-alt .featuredpage {

	margin: 0 0 15px 0;

	padding: 0;

	clear: both;

	}

	

#sidebar .featuredpost .post, #sidebar .featuredpage .page, #sidebar-alt .featuredpost .post, #sidebar-alt .featuredpage .page {

	margin: 0;

	padding: 10px 10px 5px 10px;

	}

	

#sidebar .featuredpost .avatar, #sidebar .featuredpage .avatar, #sidebar-alt .featuredpost .avatar, #sidebar-alt .featuredpage .avatar {

	margin: 0;

	padding: 4px;

	border: 1px solid #E6E6E6;

	}

	

#sidebar .featuredpost img, #sidebar .featuredpage img, #sidebar-alt .featuredpost img, #sidebar-alt .featuredpage img {

	margin: 0;

	padding: 4px;

	border: 1px solid #E6E6E6;

	}



/***** Sidebar(s) User Profile ********************/



#sidebar .user-profile .avatar, #sidebar-alt .user-profile .avatar {

	background: #F7F7F7;

	float: left;

	margin: 0;

	padding: 4px;

	border: 1px solid #E6E6E6;

	}

	

#sidebar .user-profile p, #sidebar-alt .user-profile p {

	margin: 0;

	padding: 10px 10px 0 10px;

	}



#sidebar .user-profile .posts_link, #sidebar-alt .user-profile .posts_link {

	margin: 0;

	padding: 0 0 10px 10px;

	}

	

/***** Search Form(s) ********************/



.searchform {

	margin: 0;

	}



#header .searchform {

	float: right;

	padding: 9px;

	padding-bottom: 0px;

	}

	

#sidebar .searchform {

	padding: 5px 10px 0 10px;

	}

	

#nav .searchform {

	float: right;

	padding: 0;

	}

	

.s {

	background: #F7F7F7 !important;

	color: #333333;

	font-family: Arial, Tahoma, Verdana;	

	font-size: 11px;

	margin: 5px 5px 0 0;

	padding: 4px 0 4px 5px;

	border: 1px solid #E6E6E6;

	}

	

#header .s, #nav .s, #sidebar .s {

	width: 195px;

	}

	

#sidebar-alt .s {

	width: 80px;

	}



.searchsubmit {

	background: #333333;

	color: #FFFFFF;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	text-decoration: none;

	text-transform: uppercase;

    margin: 0;

	padding: 2px 5px 2px 5px;

	border: 1px solid #666666;

	}



.searchsubmit:hover {

	background: #000000;

	border: 1px solid #000000;

	}

	

/***** eNews & Updates Widget ********************/



.enews {

	background: url(images/enews.png) top right no-repeat;

	margin: 0;

	padding: 0;

	}

	

#sidebar .enews p {

	margin: 0;

	padding: 10px 10px 0 10px;

	}



.enews #subscribe {

	margin: 0;

	padding: 0;

	overflow: hidden;

	}

	

#sidebar .enews #subscribe {

	padding: 0 0 0 10px;

	}

	

.enews #subbox {

	background: #F7F7F7 !important;

	width: 230px;

	color: #333333;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

	padding: 4px 0 4px 5px;

	margin: 5px 5px 0 0;

	border: 1px solid #CCCCCC;

	}

	

.enews #subbutton {

	background: #333333;

	color: #FFFFFF;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	text-decoration: none;

	text-transform: uppercase;

    margin: 0;

	padding: 2px 5px 2px 5px;

	border: 1px solid #333333;

	}

	

.enews #subbutton:hover {

	background: #000000;

	border: 1px solid #000000;

	}



/***** Latest Tweets Widget********************/



.latest-tweets {

	background: url(images/twitter.png) top right no-repeat;

	margin: 10px 0 0 0;

	padding: 0;

	}



/***** Calendar ********************/



#wp-calendar {

	margin: 0;

	padding: 0;

	width: 100%;

	}



#wp-calendar caption {

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	font-style: italic;

	font-weight: normal;

	margin: 0;

	padding: 2px 5px 0 0;

	text-align: right;

	}



#wp-calendar th {

	color: #333333;

	}



#wp-calendar thead {

	margin: 10px 0 0 0;

	font-weight: bold;

	background: #F7F7F7 !important;

	color: #F7F7F7 !important;

	}



#wp-calendar td {

	background: #F7F7F7;

	font-weight: normal;

	text-align: center;

	margin: 0;

	padding: 2px;

	}



#wp-calendar tfoot td {

	background: none;

	margin: 0;

	padding: 0;

	}

	

/***** Contact Form ********************/

	

.gform_footer .button {

	background: #333333;

	color: #FFFFFF;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

    margin: 0;

	padding: 1px 5px 1px 5px;

	border: 1px solid #333333;

	}

	

.gform_footer .button:hover {

	background: #000000;

	border: 1px solid #000000;

	}

	

.gform_footer input.button {

	color: #FFFFFF !important;

	}

	

.gform_wrapper .gform_footer {

	border: none!important;

	}



/***** Footer ********************/



#footer {

	clear: both; 

	overflow: auto;

	width: 960px;

	background: #333333;

	color: #FFFFFF;

	font-size: 11px;

	margin: 0;

	padding: 5px 0 5px 0;

	text-transform: uppercase;

	}



#footer .wrap {

	}

	

#footer a, #footer a:visited {

	color: #FFFFFF;

	text-decoration: none;

	}

	

#footer a:hover {

	color: #FFFFFF;

	text-decoration: underline;

	}

	

#footer p {

	margin: 0;

	padding: 0;

	}



#footer .gototop {

	width: 200px;

	float: left;

	margin: 0;

	padding: 0 0 0 5px;

	}

	

#footer .gototop a {

	margin: 0;

	padding: 2px 0 2px 18px;

	background: url(images/footer-top.png) no-repeat left center;

	}

	

#footer .creds {

	width: 740px;

	float: right;

	margin: 0;

	padding: 0 10px 0 0;

	text-align: right;

	}



/* Footer Widgets

------------------------------------------------------------ */



#footer-widgets {

	background-color: #333;

	border-top: 3px solid #222;

	clear: both;

	overflow: hidden;

}



#footer-widgets .wrap {

	color: #fff;

	font-size: 14px;

	line-height: 20px;

	width: 100%;

}



#footer-widgets .widget-area {

	float: left;

	width: 306px;

	padding-left: 2%;

}



#footer-widgets .widget {

	background: none;

	border: none;

	margin: 0 0 20px;

	padding: 0;

}



#footer-widgets p {

	color: #fff;

	font-size: 12px;

	line-height: 20px;

	padding: 0 0 10px;

}



#footer-widgets a,

#footer-widgets a:visited {

	color: #fff;

	text-decoration: underline;

}



#footer-widgets a:hover {

	text-decoration: none;

}



#footer-widgets ul {

	color: #fff;

	list-style-type: none;

}



#footer-widgets ul li {

	list-style-type: square;

}



#footer-widgets #wp-calendar thead,

#footer-widgets #wp-calendar td {

	background: none;

}



/***** Comments ********************/



.comments {

	font-size: 12px;

	margin: 0;

	padding: 0;

	}

	

#respond {

	margin: 0 0 15px 0;

	padding: 0;

	}



#author, #email, #url {

	background: #F7F7F7 !important;

	width: 250px;

	color: #333333;

	font-family: Arial, Tahoma, Verdana;

	font-size: 12px;

	padding: 3px 0 3px 3px;

	margin: 5px 5px 0 0;

	border: 1px solid #E6E6E6;

	}

	

#comment {

	background: #F7F7F7 !important;

	width: 98%;

	height: 150px;

	color: #333333;

	font-family: Arial, Tahoma, Verdana;

	font-size: 12px;

	padding: 3px 0 3px 3px;

	margin: 5px 0 5px 0;

	border: 1px solid #E6E6E6;

	}

	

#submit {

	background: #333333;

	color: #FFFFFF;

	font-size: 11px;

	text-decoration: none;

	text-transform: uppercase;

    margin: 0;

	padding: 2px 5px 2px 5px;

	border: 1px solid #333333;

	}

	

#submit:hover {

	background: #000000;

	border: 1px solid #000000;

	}

	

.comment-list {

	margin: 0;

	padding: 0;

	}

	

.ping-list {

	margin: 0 0 40px 0;

	padding: 0;

	}

	

.comment-list ol, .ping-list ol {

	margin: 0;

	padding: 10px;

	}



.comment-list li, .ping-list li {

	font-weight: bold;

	margin: 15px 0 5px 0;

	padding: 10px 5px 10px 10px;

	list-style: none;

	}

	

.comment-list li ul li { 

	margin-right: -6px;

	margin-left: 10px;

	}



.comment-list p, .ping-list p {

	font-weight: normal;

	text-transform: none;

	margin: 10px 5px 10px 0;

	padding: 0;

	}



.comment-list li .avatar { 

	background: #F7F7F7;

	float: right;

	border: 1px solid #E6E6E6;

	margin: 0 5px 0 10px;

	padding: 4px;

	}



.comment-list cite, .comment-list cite a, .ping-list cite, .ping-list cite a {

	font-weight: bold;

	font-style: normal;

	}



.commentmetadata {

	font-size: 11px;

	font-weight: normal;

	}



#respond:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}

	

.alt {

	margin: 0;

	padding: 10px;

	}

	

.children { 

	margin: 0;

	padding: 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}

	

.reply a, .reply a:visited {

	background: #333333;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	margin: 0;

	padding: 2px 5px 3px 5px;

	border: 1px solid #333333;

	}

	

.reply a:hover {

	background: #000000;

	text-decoration: none;

	border: 1px solid #000000;

	}



#comments .navigation {

	display: block;

	margin: 10px 0 0 0;

	}



.thread-alt, .thread-even {

	background: #F7F7F7;

	margin: 0;

	padding: 0;

	}



.depth-1 {

	border: 1px solid #E6E6E6;

	margin: 0;

	padding: 0;

	}



.even, .alt {

	border: 1px solid #E6E6E6;

	margin: 0;

	padding: 0;

	}



/************************************************************************************

STRUCTURE

*************************************************************************************/



#wrap {

		width: 94%;

	}

#nav {

	width: auto;

	}

#header {

    	width: 100%;

}

.header-image #title-area {

  	max-width: 100%;

	height: 112px;

	width: 58%;

}

#header .widget-area {

	width: 42%;

}

#footer {

	width: 100%;

	}

#inner  {

	width: 100%;

	}

.sidebar-content #content-sidebar-wrap {

					width: 100%;

					}



.sidebar-content #content, .content-sidebar #content {

	width: 68%;

	}

.sidebar-content #sidebar, .content-sidebar #sizebar {

	width: 30%;

	}



.full-width-content #content {

	width: 100%;

	}



#content img, #content p img {

	max-width: 100%;

	}





/************************************************************************************

MEDIA QUERIES

*************************************************************************************/



/* for 782px or less */

@media screen and (max-width: 782px) {



.sidebar-content #content, .content-sidebar #content {

	width: 100%;

	}

.sidebar-content #sidebar, .content-sidebar #sizebar {

	width: 100%;

	}



	.header-image #header #title-area {

		width: 100%;

	}



	#header .widget-area {

		width: 100%;

	}



}



/* for 450px or less */

@media screen and (max-width: 450px) {



	#header {

		height: auto;

	}

	h1 {

		font-size: 24px;

	}

.sidebar-content #content, .content-sidebar #content {

	width: 100%;

	}

.sidebar-content #sidebar, .content-sidebar #sizebar {

	width: 100%;

	}

}







/************************************************************************************

MEDIA QUERIES

*************************************************************************************/



.archive-description {

    background: #FFCC66;

    margin: 0 0 30px 0;

    padding: 5px 10px 5px 10px;

    border: 1px solid #E6E6E6;

}



#content h1.archive-title {

    padding-top: 11px;

    border-bottom: 1px solid #666666;

    padding-bottom: 12px;

}

/************************************************************************************

Vo Van

*************************************************************************************/

.widget_categories ul{

    list-style-image: url('images/bullet_yellow.png');

}

#content .entry-content h2 {

	margin-top: 5px;

}

#content h2.entry-title {

	font-size: 29px;

}

.entry-title {

	line-height: 30px;

}

/************************************************************************************

Tag 

*************************************************************************************/

.post-meta a{

  display:inline-block;

  font-family:"Open Sans",sans-serif;

  color:#000;

  line-height:24px;

  height:24px;

  background:#ffc40d;

  border-color:#ffc40d;

  padding-right:8px;

  border-top-right-radius:6px;

  border-bottom-right-radius:6px;

  margin-left:15px;

  margin-bottom:3px;

  margin-right:6px;

}

.post-meta a::before {

  content:"";

  float:left;

  width:0;

  height:0;

  position:relative;

  top:0;

  left:-12px;

  border-width:12px 12px 12px 0;

  border-style:solid;

  border-color:transparent #ffc40d transparent transparent

}

.post-meta a::after {

  content:"";

  float:left;

  width:4px;

  height:4px;

  background:#fff;

  border-radius:2px;

  position:relative;

  top:10px;

  left:-12px

}

.post-meta .tags a{

  background:#63AA9C;

  border-color:#63AA9C;

}

.post-meta .tags a::before {

  border-color:transparent #63AA9C transparent transparent;

}

/************************************************************************************

Code 

*************************************************************************************/

pre, code {

  font-family: monospace,'Courier';

}

code {

    color: #000;

    border: 1px solid #ddd;

    padding: 1px 4px;

    border-radius: 2px;

    background-color: #f8f9fa;

}

pre {

    color: #000;

    background-color: #f8f9fa;

    border: 1px solid #eaecf0;

    padding: 1em;

    white-space: pre-wrap;

    line-height: 1.3em;

}