/*
Theme Name: TU Blog 2013
Theme URI: http://congbom.com
Author: Cong Bom
Author URI: http://congbom.com
Description: Designed by Cong Bom @ Time Universal
Version: 1.0
*/

* {
    margin: 0;
    padding: 0;
}
body {
    background: #EEE;
    font-family: Open Sans,sans-serif;
	font-size: 14px;
	color: #343434;
}
a {
	color: #343434;
	text-decoration: none;
}
a:hover {
	color: #C0131E;
}
.wrapper {
	width: 94%;	
	max-width: 1180px;	
	margin: 0 auto;
}
.header {
    background: url("images/line-double.png") repeat-x scroll center bottom transparent;
    display: block;
    height: 135px;
    overflow: hidden;
}
.brand-box {
    float: left;
    width: 320px;
}
.logo {
    color: #C0131E;
    display: block;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -4.2px;
    line-height: 44px;
    margin-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.slogan {
    color: #343434;
    display: block;
    letter-spacing: 9.4px;
    line-height: 21px;
    margin: -10px 0 0 3px;
}
#searchform {
	float: right;
	padding-top: 30px;
}
#searchform .field {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    font-family: open sans;
    padding: 3px 10px;
}

/* Navigation */
.main-menu {
    clear: both;
    display: block;
    overflow: hidden;
    padding-top: 20px;
}
.main-menu li {
    float: left;
    list-style: none outside none;
    margin: 0 6px 6px 0;
	line-height: 25px;
}
.main-menu li a {
    color: #343434;
    display: block;
    padding: 4px 12px;
    text-decoration: none;
    text-transform: uppercase;
	transition: all 0.3s;
}
.main-menu li.current-menu-item a, .main-menu li.current-post-ancestor a, .main-menu li:hover a {
	color: #ffffff;
	background: #C0131E;
	transition: all 0.3s;
}
.main-menu li.homepage {
    float: right;
    margin-right: 0;
}

/* Main */
.main {
    display: block;
    overflow: hidden;
}
.main-left {
    float: left;
    width: 66%;
}
.main-right {
    float: right;
    width: 31.2%;
}
.block-title {
    background: url("images/line-single.png") repeat-x scroll center bottom transparent;
    color: #C0131E;
    display: block;
    font-weight: normal;
    margin: 30px 0 5px;
    padding-bottom: 10px;
    text-transform: uppercase;
	font-size: 14px;
}
.block-title span {
    color: #343434;
}
.list-post {
    display: block;
	overflow: hidden;
	margin-top: 20px;
}
.list-post-calender {
    border: 1px solid #C0131E;
    display: block;
    float: left;
    font-size: 10px;
    margin-top: 12px;
    text-align: center;
    width: 9%;
}
.list-post-calender > span {
    background: none repeat scroll 0 0 #C0131E;
    color: #FFFFFF;
    display: block;
    padding: 3px 0;
}
.post-date {
    background: none repeat scroll 0 0 transparent !important;
    color: #898989 !important;
    display: block;
    font-size: 42px;
    padding: 0 !important;
}
.list-post:last-child .list-post-content {
    background: none;
}
.list-post-content {
    background: url("images/line-single.png") repeat-x scroll center bottom transparent;
    display: block;
    float: right;
    padding-bottom: 30px;
    width: 88%;
}
.post-title {
    color: #343434;
    font-size: 38px;
    font-weight: normal;
}
.post-title a {
    color: #343434;
}
.post-tags {
    font-size: 12px;
    margin: 10px 0 20px;
}
.post-tags a {
    color: #C0131E;
}
.post-tags a:hover {
    text-decoration: underline;
}
.post-thumb {
    display: block;
    margin-bottom: 15px;
}
.post-thumb img {
    display: block;
    height: auto;
    width: 100%;
    transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.post-thumb img:hover {
    opacity: 0.7;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.post-content, .post-desc {
    /*text-align: justify;*/
	line-height: 22px;
}
.post-content p {
    margin: 13px 0;
}  
.post-content h1, 
.post-content h2 , 
.post-content h3 , 
.post-content h4 , 
.post-content h5 , 
.post-content h6 {
    margin: 15px 0;
} 
.post-content ol,
.post-content ul {
	margin: 13px 0;
	padding-left: 40px;
}
.post-content li {
	margin: 6.5px 0;
}
.post-content a {
	color: #C0131E;	
}
.post-content a:hover {
	text-decoration: underline;
}
.post-content img{
    max-width: 100%;
	height: auto;
}
.fb-post {
	width: 100%;
	text-align: center;
	margin: 5px 0;
}
.fb-like,
.fb-comments {
    margin: 20px 0 0;
}
.post-share li {
    float: left;
    height: 48px;
    list-style: none outside none !important;
    margin: 3px 7px 3px 3px;
    padding: 0 !important;
    width: 48px;
}
.post-share a {
    background-size: contain;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: block;
    height: 100%;
    opacity: 0.6;
    text-indent: -9999px;
    width: 100%;
	transition: all 0.2s cubic-bezier(0.636, 0.197, 0.0202, 0.352) 0s;
	-moz-transition: all 0.2s cubic-bezier(0.636, 0.197, 0.0202, 0.352) 0s;
	-webkit-transition: all 0.2s cubic-bezier(0.636, 0.197, 0.0202, 0.352) 0s;
}
.post-share a:hover {
    opacity: 1;
	transition: all 0.2s cubic-bezier(0.636, 0.197, 0.0202, 0.352) 0s;
	-moz-transition: all 0.2s cubic-bezier(0.636, 0.197, 0.0202, 0.352) 0s;
	-webkit-transition: all 0.2s cubic-bezier(0.636, 0.197, 0.0202, 0.352) 0s;
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	transform: scale(1.12);
}
.post-share li.share-facebook a {
    background-image: url(images/share-facebook.png);
}
.post-share li.share-twitter a {
    background-image: url(images/share-twitter.png);
}
.post-share li.share-pinterest a {
    background-image: url(images/share-pinterest.png);
}
.post-share li.share-linkedin a {
    background-image: url(images/share-linkedin.png);
}
.post-share li.share-google a {
    background-image: url(images/share-google.png);
}
.post-author {
    display: block;
    margin-bottom: 40px;
    overflow: hidden;
}
.post-author-avat {
    display: block;
    float: left;
    margin-right: 10px;
	border-radius: 
}
.post-author-avat img {
    border-radius: 3px 3px 3px 3px;
    display: block;
}
.post-author-desc {
    display: block;
}
.post-author-link {
    color: #C0131E;
    display: block;
    font-size: 90%;
    margin-top: 10px;
    text-align: right;
}

/* WordPress Core */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Sidebar */
.block-sidebar {
    overflow: hidden;
}
.block-sidebar li {
    color: #C0131E;
    list-style: disc inside none;
    padding-bottom: 10px;
}
.block-sidebar .search input {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #AAAAAA;
    cursor: pointer;
    padding: 5px 10px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.block-sidebar .search input:hover, .block-sidebar .search input:focus {
    background: none repeat scroll 0 0 #C0131E;
	border: 1px solid #019874;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #FFFFFF;
}
.block-sidebar select {
    padding: 1.5% 1%;
    width: 100%;
}
.block-sidebar option {
    padding: 0 2%;
}
#s2email {
    margin: 10px 0;
    padding: 6px 2%;
    width: 95.5%;
	cursor: auto;
}
#s2email:hover, #s2email:focus {
	border: 1px solid #CCCCCC;
	background: #FFF;
	color: #AAAAAA;
}
.s2_error {
    margin-top: 10px;
}


/* Footer */
.footer {
    background: url("images/line-double.png") repeat-x scroll center top transparent;
    display: block;
    margin-top: 30px;
    overflow: hidden;
    padding-bottom: 50px;
}
.footer .main-menu {
    margin-top: 6.5px;
    padding-top: 0;
}
.contact {
    float: left;
    padding-left: 70px;
    width: 540px;
}
.contact li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
.contact li.contact-yt {
	margin-right: 0px;
}
.contact li a {
	background: url("images/icon-social.png") no-repeat scroll 0 0 transparent;
	display: block;
	width: 64px;
	height: 64px;
	transition: all 0.2s ease 0s;
}
.contact li a:hover {
    opacity: 0.7;
    transition: all 0.2s ease 0s;
}
.contact li.contact-fb a {
	background-position: 0px 0px;
}
.contact li.contact-gp a {
	background-position: -74px 0px;
}
.contact li.contact-rs a {
	background-position: -148px 0px;
}
.contact li.contact-tw a {
	background-position: -222px 0px;
}
.contact li.contact-yt a {
	background-position: -296px 0px;
}
.about {
    float: right;
    width: 300px;
}
.about > p {
    line-height: 20px;
}

/* Page Navi */
.wp-pagenavi {
    clear: both;
    padding: 40px 0;
    text-align: right;
	line-height: 40px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 9px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/* Contact form */
.wpcf7-form-control {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #AAAAAA;    
    padding: 5px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.wpcf7-form-control:hover, .wpcf7-form-control:focus {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border: 1px solid #CCCCCC;
	background: #FFF;
	color: #AAAAAA;
}
.wpcf7-submit {
    padding: 5px 30px;
	cursor: pointer;
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
    background: none repeat scroll 0 0 #C0131E;
	border: 1px solid #019874;
	color: #FFFFFF;
}


/* Media queries */
@media screen and (max-width: 960px) {	
	.header {
		background: none;
		height: auto;
	}
	.main-menu {
		text-align: center;
	}
	.main-menu li {
		display: inline-block;
		float: none;
	}
	.main-left {
		float: none;
		width: 100%;
	}	
	.main-right {
		float: none;
		width: 100%;
	}	
	.list-post-calender {
		width: 12%;
	}
	.list-post-content {
		width: 86%;
	}
	.contact {
		height: 129px;
		width: 100%;
		padding: 0;
	}
	.contact li {
		margin-right: 8px;
	}
	.about {
		width: 100%;
	}	
	.block-sidebar .cat-item {
		float: left;
		padding-right: 10px;
	}
}

@media screen and (max-width: 700px) {	
	.brand-box {
		text-align: center;
		width: 100%;
	}
	.logo {
		font-size: 38px;
	}
	.slogan {
		margin-top: 0;
	}
	#searchform {
		padding-top: 30px;
		text-align: center;
		width: 100%;
	}
	#searchform .field {
		width: 80%;
	}	
	.list-post-calender {
		display: none;
	}
	.list-post-content {
		width: 100%;
	}
	.post-title {
		font-size: 25px;
	}
	
	.wp-pagenavi {		
		text-align: center;
	}
	
	.contact li {
		margin-right: 2%;
		width: 18%;
	}
	.contact li a {
		background: url("images/icon-social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		height: 64px;
		transition: all 0.2s ease 0s;
		width: 100%;
	}
}

@media screen and (max-width: 400px) {		
	.logo {
		font-size: 25px;
		letter-spacing: -1.5px;
	}			
	.slogan {
		font-size: 12px;
		letter-spacing: 9.6px;
		margin-top: -6px;
	}	
	.main-menu {
		margin-top: 30px;
	}	
	.main-menu li {
		margin-right: 4px;
	}
	.main-menu li a{
		padding: 4px 6px;
	}
	.main-menu li.homepage {
		display: none;
	}
}