@charset "utf-8";
/* CSS Document */
/*
Theme Name: Myo Han Htun v2
Theme URI: http://www.myokyawhtun.com/
Description: Theme for Myo Han Htun
Author: Myo Kyaw Htun
Author URI: http://www.myokyawhtun.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/
body{
	margin:0px auto;	
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	color:#00b4ff;
	text-decoration:none;
}
.outer-wrapper{
	width:990px;
	margin:0px auto;
	position:relative;
}
#rss-box{
	position:absolute;
	width:51px;
	height:78px;
	left: 800px;
	top: -11px;
}
#rss-box img{
	border:none;	
}
#header-layer{
	background:url(images/head/head_left.jpg) repeat-x;	
}

#header-wrapper{
		
}
	#header-wrapper img{
		border:none;
	}
	
#header-wrapper h1{
	margin:0px 0px 0px 0px;	
}

#content-back-layer{
	background:url(images/bg.jpg) repeat;	
}
	#menu-wrapper{
		width:835px;
		margin:0px auto;
		font:17px Arial, Helvetica, sans-serif;
	}
		#menu-wrapper ul{
			margin:0px 0px 0px 20px;
			padding:10px 0px 0px 0px;
			list-style:none;
		}
		#menu-wrapper ul li{
			margin:0px 30px 0px 0px;
			padding:0px 0px 0px 0px;
			float:left;
		}
		#menu-wrapper a{
			color:#787878;
			text-decoration:none;
		}
	#content-wrapper {
		width:835px;
		margin:10px auto 0px auto;
		text-align:left;
	}
		.posts{
			margin:10px 20px 20px 20px;
			font-size:12px;
			color:#787878;
		}
		.posts h1, .posts h2{
			font-size:20px;
			color:#00b4ff;
			font-weight:normal;
			margin:0px 0px 10px 0px;
		}
			.posts h3{
				font-size:18px;
				color:#00b4ff;
				font-weight:normal;
				margin:10px 0px 10px 0px;	
			}
			.category-archives{
				width:353px;	
				background:url(archive-widget-bg.jpg) repeat-y;
				margin:0px 0px 20px 0px;
			}
			.category-archives ul{
				margin:10px 0px 0px 0px;
				padding:0px 10px 10px 10px;
				list-style:none;
				background:url(archive-widget-bottom.jpg) no-repeat bottom left;
			}
			.category-archives ul li{
				padding:5px 10px 5px 10px;
				background:url(seperator.jpg) bottom repeat-x;
			}
			.category-archives a{
				color:#555;
				text-decoration:none;
			}
			.left-float{
				float:left;	
				margin-left:32px;
			}
			.right-float{
				float:right;	
				margin-right:32px;
			}
			.category-archives h3{
				color:#4f4f4f;
				background:url(archive-h3.jpg) no-repeat;
				font-size:16px;
				margin:0px 0px 0px 0px;
				padding:10px 0px 10px 10px;
			}
		.posts img{
			/*border:7px solid #fff;	*/
		}
		.linkads{
			font: 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
			padding:5px;
		}
		#comments-wrapper{
			text-align:center;
		}
			#comments-layer{
				margin:0px auto;
				text-align:left;
				width:690px;
			}	
			.comments{
				padding:7px 7px 7px 7px;
				color:#787878;
				margin:0px 0px 10px 0px;
				font:12px Arial, Helvetica, sans-serif;
			}
			.alt{
				background:url(images/comment/comment-bg-alt.jpg) repeat;	
			}
			.comments-avatar{
				
				background:url(images/comment/photo_frame.png) no-repeat;
				padding:17px 22px 26px 18px;
			}
			.avatar-left{
				float:left;	
			}
			.avatar-right{
				float:right;	
			}
			.comments-content{
				width:575px;
				
			}
			.comments-content-left{
				float:left;	
				margin:0px 0px 0px 5px;
			}
			.comments-content-right{
				float:right;	
				margin:0px 5px 0px 0px;
			}
			
			#comments-form{
				margin:0px auto;
				text-align:left;
				width:690px;
			}
			
			#comments-inputs{
				width:180px;
				float:left;
			}
			
			#comments-inputs ul{
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				list-style:none;
			}
				
			#comments-inputs li{
				margin:0px 0px 5px 0px;
				padding:0px 0px 0px 0px;
			}	
			#comments-inputs input{
				background:url(images/comment/text_box_small.jpg) no-repeat;
				width:150px;
				padding:7px 10px 5px 10px;
				border:none;
				color:#fff;
			}
			#comments-textarea{
				width:510px;
				float:left;
			}
			#comments-textarea textarea{
				background:url(images/comment/text_box_big.jpg) no-repeat;
				font:12px Arial, Helvetica, sans-serif;
				width:480px;
				height:81px;
				padding:7px 10px 5px 10px;
				border:none;
				color:#fff;	
			}
			#comments-buttons{
				text-align:right;	
				padding-right:15px;
			}
			#comments-buttons input{
				background:url(images/comment/send_mn.jpg) no-repeat;
				width:73px;
				height:29px;
				border:none;
			}
	#portfolios-wrapper {
		width:835px;
		margin:10px auto 0px auto;
		text-align:left;
	}
		#portfolios{
			margin:10px 0px 0px 0px;
			font-size:12px;	
			color:#777777;
		}
		#portfolios h3 a{
			color:#777;	
		}
		.bg-frame{
			background:url(images/portfolios/portfolio_bg_frame.jpg) no-repeat;
			padding:8px 10px 11px 8px;
		}
		.portfolios-columns{
			width:278px;
			float:left;	
			display:inline;
			margin:10px 0px 10px 0px;
		}
		.portfolios-left-columns{
			width:260px;
			float:left;
			display:inline;
			margin:10px 0px 10px 0px;
		}
		.portfolios-middle-columns{
			float:left;
			width:278px;
			display:inline;
			margin:10px 0px 10px 27px;
		}
		.portfolios-right-columns{
			float:left;
			width:242px;
			display:inline;
			margin:10px 0px 10px 9px;
		}
		.div_left{
			text-align:left;
		}
		.div_center{
			text-align:center;	
		}
		.div_right{
			text-align:right;	
		}
		.div-seperator{
			background:url(images/hor_line_02.jpg) no-repeat;	
			padding:2px 0px 2px 0px;
			margin-bottom:10px;
		}
		#portfolios h3{
			margin:10px 0px 5px 0px;	
			font-weight:normal;
			color:#787878;
			font-size:17px;
		}
	#about-wrapper {
		width:835px;
		margin:10px auto 0px auto;
		text-align:left;
	}
		#about-me{
			margin:10px auto 10px auto;
			font-size:12px;
			color:#777777;
		}
		#about-bg-frame{
			background:url(images/about_me/photo_bg.jpg) no-repeat;
			padding:13px 14px 16px 13px;
			float:left;
			margin:0px 15px 10px 0px;
		}
	#contact-wrapper{
		width:835px;
		margin:10px auto 0px auto;
		text-align:left;
	}
		#contact-wrapper img, #friends-wrapper img{
			border:none;	
		}
		#contact{
			margin:10px auto 10px auto;
			font-size:12px;
			color:#777777;
		}
		#contact-vcard{
			margin:10px 0px 0px 70px;	
		}
		#contact-vcard th{
			font-weight:normal;
			font-size:15px;
			text-align:left;
			color:#000;
		}
		#contact-social{
			width:700px;
			margin:10px 0px 0px 70px;
		}
		 
		#contact-social ul, #friends-sites ul{
			list-style:none;
			margin:10px 0px 10px 10px;
			padding:0px 0px 0px 0px;
		}
		#contact-social li, #friends-sites li{
			float:left;
			margin:0px 10px 0px 0px;
		}
	#friends-wrapper {
		width:835px;
		margin:10px auto 0px auto;
		text-align:left;
	}
		#friends-sites{
			width:500px;
			margin:10px 0px 0px 170px;
		 }
	#footer-wrapper{
		width:835px;
		margin:10px auto 0px auto;
		padding:0px 0px 30px 0px;
		text-align:left;
	}
		.footer ul{
			list-style:none;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
		}
			.footer ul li{
				padding:0px 0px 0px 0px;
				margin:0px 30px 0px 0px;
				float:left;
				font-size:13px;
			}
		.footer{
			font:12px normal Arial, Helvetica, sans-serif;	
			padding:0px 0px 5px 0px;
		}
.clear{
	clear:both;	
}

.read-more{
	text-align:right;
	padding:3px 0px 3px 0px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.navigation{
	font:13px Arial, Helvetica, sans-serif;	
	padding:0px 10px 10px 10px;
}

.navigation a{
	color:#777;	
}