@charset "utf-8";

/*  
Theme Name: MKT 2013
Theme URI: http://www.myokyawhtun.com/
Description: The custom theme of Myo Kyaw Htun.
Version: 1.0.0
Author: Myo Kyaw Htun
Author URI: http://www.myokyawhtun.com/

*/
html{
	font-size:100%;
}
body{
	margin:0px auto;
	font: 15px 'Bitter', Georgia, "Times New Roman", Times, serif;
	color:#555;	
}

header{
	border-bottom: 3px solid #0000001f;
	padding:15px 0px;
}	
	
		#logo h1{
			margin: 0px;
			font:25px 'Arial Narrow', 'Ubuntu Condensed', 'Roboto' , Verdana, sans-serif;
			font-weight:bold;
			font-variant: small-caps;
			width:250px;
			float: left;
		}
		#logo h1 a{
			display: block;
		}
		#description {
			float:left;
			margin-top:15px;
			font-style:italic;
			color:#aaa;
		}
	nav{
		/*float: right;*/
		text-align: right;
		margin-top:10px;
	}
	nav ul, #subnav ul{
		margin:5px 0px;
		padding:0px;
		display: -inline-block;
	}
		nav li, #subnav li{
			display: inline-block;
			margin-left: 10px;
		}
		nav li a{
			text-decoration:none;
			color:#222;
		}
		.current-menu-item a, .current_page_item a{
			color:#005f85;
			font-weight: bold;
		}
		
		#subnav{
			width:300px;
			margin:15px auto 0px;
			text-align:center;
			border-top: 3px double #ddd;
			border-bottom: 3px double #ddd;
			background:#f3f3f3;
		}
		#subnav a{
			color:#333;
		}
		.post ul, .post ul li{
			margin-top: 1em;
			margin-bottom: 1em;
		}
	#flash{
		margin:20px auto ;
		width:960px;
		height:560px;
		text-align: center;
		
		position: relative;
		

	}

	#front-page {
		line-height: 1.8em;
	}
	#latest{
		margin:20px 0px;
	}
	.preview{
		width:200px;
		margin:10px 10px 0px 0px;
		float:left;
	}
	a{
		text-decoration:none;
		color:#005f85;
	}
	.post{
		color:#444;
		border-bottom:1px solid #e5e5e5;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size:20px;
	}
	
	.post h2, .post h1, .post h3, h3{
		font-family: 'Open Sans Condensed', Neuton, Georgia, serif;
		margin:10px 0px;
		font-weight: 700;
		color:#333;
	}
	.post h1{
		font-size:50px;
	}
	.post h2{
		font-size:40px;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.post h3{
		font-size:30px;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	.post-aside{
		column-count:2;
		column-gap:1.8em;

		/*prefixs*/

		-moz-column-count:2;
		-moz-column-gap:1.8em;
		-webkit-column-count:2;
		-webkit-column-gap:1.8em;
		-o-column-count:2;
		-o-column-gap:1.8em;
	}
	h4{
		color:#444;
		margin:5px 0px;
	}
	.post h3, h3 {
		font-size:28px;
	}
	.post p{
		line-height: 1.8em;
	}
	h2 a, h1 a, h3 a{
		color:#333;
	}
	 
footer{
	text-align: center;
	font-size:14px;
	border-top: 3px solid #0000001f;
	color:#111;
	padding:15px 5px;
	overflow: hidden;
}
	.copyright{
		float: left;
	}
	.socials{
		padding-top:10px;
	}
	#tweets{
		float:right;
		font-size:12px;
		font-style: italic;
	}

	#tweets ul , #tweets li{
		padding: 0px; margin: 0px;	list-style:none;
	}

	.twit{
		font-size:11px;
		color:#777;
	}

 #blogWrapper{
 		overflow: hidden;
 		
 }
 
 		.widget{
 			padding:10px;
 			line-height:1.4em;
 		}
 		.widget h3, #front-page h3{
 			font:28px 'Open Sans Condensed', sans-serif;
 			font-weight:700;
 			padding:5px;
 			border-bottom:3px double #ccc;
 			margin:10px 0px;
 		}
#front-page h3{
		border-bottom:none;
	}
 		.widget ul{
 			margin:15px 0px 5px;
 			padding:0px;
 			list-style:none;
 		}

 		.widget li{
 			border-bottom:1px dashed #ddd;
 			padding:5px 10px;
 			margin:0px;

 		}
 		.screen-reader-text, #searchsubmit{
 			display:none;
 		}
 		#s{
 			border:1px solid #ddd;
 			width:178px;
 			padding:5px 10px;
 			max-width:100%;
 			
 			height:15px;
 			font:11px "Lucida Grande";
 		}

 		#submit{
 			border:1px solid #ddd;
 			background:#efefef;
 			
 			height:28px;
 			padding:5px 10px;
			font:11px "Lucida Grande";
 		}

 	/* post formats */
 	
 	.postMeta{
 		font-size:12px;
 		text-align:right;
		 padding: 5px 0px;
 	}
 		.postMeta a{
 			text-decoration:none;
 			border-bottom:1px dotted #ddd;
 			color:#777;
 		}
 			
 	.format-status > section{
			
			background:#eaeaea;
			padding:10px 20px;
			margin:0px 20px;
			position: relative;
		}
		section {
			line-height:1.6em;
		}
 	.format-status section:before {
    	content:'';
			left:95%;
			top:100%;
			display:block;
			position:absolute;
			border:10px solid;
			margin-left:-8px;
			border-color: #eaeaea #fff #fff #fff;
	}
	.postMeta {
		padding: 10px 0px;
	}
	.format-status .postMeta{
		padding: 20px 20px 0px;
	}
		section p{
			margin:1em 0 1em;
		}

	blockquote{
		margin:10px 15px ;
		padding:10px 35px;
		font:20px 'Vollkorn', serif ;
		font-style:italic;
		font-weight:normal;
		background:url(images/blockquote_open.png) left top no-repeat;
		position: relative;
	}

		blockquote:after {
			display:block;
			content:'';
			background:url(images/blockquote_close.png) right bottom no-repeat;
			width:20px;
			height:20px;
			position:absolute;
			right:0;
			margin-top:-5px;
		}
		.clear{
			clear:both;
		}
	
	.pagination ul{
		margin:0px;
		list-style:none;
		padding:0px;
		margin:10px auto;
		text-align: center;
	}
		.pagination li{
			display: inline-block;
			padding:5px 0px;
			
		}
		.pagination a, .pagination .current{
			display:block;
			padding:3px 8px;
			border-radius:4px;
		}
		.pagination .current {
			background:#000;
			color:#fff;
		}


/* =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;
    
    
    
    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;
    
    padding:0;
    max-width: 100%;

    height:auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:2px 4px 5px;
    text-align:center;
}

/* Gallery */

.gallery{
	overflow: hidden;
	padding:0px 30px;
}
.gallery-item {
	width:170px;
	float:left;
	margin:0px 10px 10px;
	text-align:center;
}
.gallery-icon{
	padding:8px;
	border:1px solid #eee;
	background:#fff;
}
	.gallery-icon:hover{
		border:1px solid #d2d2d2;
	}
.gallery-icon img{
	border:1px solid #f2f2f2;
	vertical-align: top;
}
.gallery-caption{
	margin:3px 0px 0px;
	font-size:11px;
}
.gallery br{
	display:block;
	height:0px;
}

/* new gallery block */
/* Add multi-line by line breaks to Gutenberg galleries. */
.blocks-gallery-item figcaption {
	
}

/* Prevent the last image from growing to fill available space if there aren't three images in a row. */
.blocks-gallery-item {
	
}

.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	
}
 .aligncenter .blocks-gallery-caption, .aligncenter figcaption {
	text-align: center;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
	
}	

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	text-align: center;
}
.wp-block-image img {
	height: auto;
}
/* .size-full {
	width: 100%;
	height: auto;
} */
/* archive page */

	.photography-thumbnail{
		width:220px;
		float:left;
		margin:10px;
	}

	/* nivoSlider */

#featured-Photos{
	width:820px;
	height:auto;
}

.nivoGallery {
	
    position: relative;
   
   background-size:960px 560px;
}
.nivoGallery img {
    left: 0;
    position: absolute;
    vertical-align:top;
    
    
    top: 0;
}
.nivoGallery a.nivo-imageLink {
    border: 0 none;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6;
}
.nivo-slice {
    display: block;
    height: 100%;
    position: absolute;
    background-size:960px 560px;
    z-index: 5;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}
.nivo-caption {
    bottom: 0px;
    color: #000;
    left: 0px;  
    position: absolute;
    width: 100%;
    display:none;
}
.nivo-caption p {
    margin: 0;
    font:18px;
    text-transform:uppercase;
    background: rgba(255,255,255,.4);
    padding: 10px 20px;
}
.nivo-caption a {
    display: inline !important;
}
.nivo-html-caption {
    display: none;
}
.nivo-directionNav a {
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 9;
}
.nivo-prevNav {
    left: 0;
}
.nivo-nextNav {
    right: 0;
}
.nivo-controlNav{
	position: absolute;
	bottom:15px;
	right:40px;
}
.nivo-controlNav a {
    cursor: pointer;
    display:block;
    height:9px;
    margin:0px 3px;
    width:9px;
    overflow: hidden;
    float:left;
    position: relative;
    z-index: 9;
    text-indent:-100px;
    background:url(mountmandalay-transitoin-bullet-inactive.png) left top no-repeat;
}

.nivo-controlNav a.active {
    
    background:url(mountmandalay-transitoin-bullet-active.png) left top no-repeat;
}

.hi{
	
	width:960px;
	height:auto;
}
/* end of Nivo */


/* comments */
/* comments */

#comments-form{
	padding-bottom:20px;
	overflow: hidden;
}

#comments{
	
	line-height:1.7em;
	
	color:#444;
}
#comments ul{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#comments .reply{
	text-align:right;
}
.comment-notes, .form-allowed-tags, .comment em{
	
	color:#555;
	background:#fdf9e6;
	border:1px solid #fffccd;
	padding:5px 10px;
}
 
 label {
	font-size:11px;
}

.comment-body{
	padding:5px;
	position: relative;
}
.avatar{
	float:left;
	width:32px;
	display:block;
}
.comment-content{
	background:#f2f2f2;
	border-radius:4px;
	padding:5px 15px;
	position: relative;
	margin-bottom:15px;
}
.bubble-left:before {
	content:'';
	border:8px solid;
	display:block;
	position:absolute;
    border-color: #f2f2f2 #fff #fff #fff;
    top: 100%;
    left: 10px;
}

.url{
	vertical-align:middle;
}
.avatar {
	float:left;
	padding:4px;
	border:1px solid #eee;
	margin:5px;
	width:16px;
	height:16px;
}


#comments > ul > li{
	padding:10px 0px;
	border-bottom:1px solid #ddd;
}
#comments .children {
	
	padding-left:20px;
}

#comment, input, #contactForm textarea{
	width:228px;
	margin-top:5px;
	padding:5px 10px;
	border:1px solid #ddd;
	outline:none;
	resize:none;
}
#comment{
	width:70%;
}
#submit{
	width:120px;
	float:right;
	background:#e3e3e3;
}
#commentform{
	overflow: hidden;
}
#commentform label{
	display:block;
	clear:both;
	width:100px;
	float:left;
	padding:5px 0px;
}

#contactForm input[type='text']{
	width:278px;
}
#contactForm textarea{
	
	width:278px;
	
}