@charset "utf-8";
/*
Theme Name: Wp Foto Theme
Theme URI: http://www.myokyawhtun.com/wordpress-themes/wp-foto-theme/
Description: Wordpress Theme for photoblog style by Myo Kyaw Htun
Version: 1.1
Author: Myo Kyaw Htun
Author URI: http://www.myokyawhtun.com/
Tags: white, gray, XHTML, CSS, fixed width, single column

	This Wp Foto Theme is released under Creative Commons Attribution-Share Alike 3.0 Unported License
	
	http://creativecommons.org/licenses/by-sa/3.0/
*/

body {
	margin:0px auto;
	text-align:center;
}
#outer-wrapper {
	width:550px;
	margin:0px auto;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	.clear {
		clear:both;
	}
/* Navigation Menu */

#menu-nav{
	font:13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	padding-top:10px;
	padding-bottom:5px;
		
}
			#menu-nav ul{
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}
			
				#menu-nav ul li{
					float:left;
					margin-right:1px;
					list-style:none;
				}
				
				#menu-nav ul li a{
					text-decoration:none;
					padding:5px 10px 5px 10px;
					color:#333333;
					font-weight:bold;
				}
					#menu-nav ul li.current_page_item a{
						background:#CCCCCC;
						color:#fff;
					}
					
					#menu-nav ul li a:hover{
						background:#CCCCCC;
						color:#fff;
					}
/* --- Navigation Menu ---- */

/* --- Heading --- */
	#heading {
		padding:10px 5px 5px 5px;
	}
		#header {
			font-size:28px;
			font-weight:normal;
		}
		#description {
			font-size:16px;
			font-style:italic;
			padding-top:5px;
			color:#999999;
		}
			#header a{
				text-decoration:none;
				color:#000;
			}
			
			#heading img {
				border:none;
			}
/* ---- // Heading --- */

/* ---- Main ---- */

	#main {
		padding:5px 5px 5px 5px;
		
	}
		#main h3{
			margin-top:5px;
			margin-bottom:10px;
			font-weight:normal;
			font-size:20px;
		}
		#main h1, h2{
			font-size:24px;
			font-weight:normal;
			margin-top:0px;
			margin-bottom:5px;
			border-bottom:2px solid #ccc;
		}
			#main h1 a, #main h2 a{
				color:#000000;
				text-decoration:none;
			}
				#main h1 a:hover, #main h2 a:hover{
					color:#999;
				}
			#main .posts-content {
				line-height:1.5em;
				font-size:15px;
			}
			.posts-content blockquote{
				background:#ffffa0;
				border:1px solid #e5e597;
				padding:0px 5px 0px 5px;
			}
				
			.posts-content a, .comments a{
				color:#0000CC;
				text-decoration:none;
			}
				.posts-content a:hover, .comments a:hover{
					text-decoration:underline;
				}
			.posts-meta {
				font-size:13px;
				font-style:italic;
				color:#999999;
			}
				.posts-date {
					width:200px;
					float:left;
				}
				.posts-comment-count {
					width:200px;
					text-align:right;
					float:right;
				}
				.posts-meta a{
					text-decoration:none;
					color:#999999;
					
				}
					.posts-meta a:hover{
						color:#333333;
					}
			.posts-content img{
				border:7px solid #eee;
			}


		.posts-content ul, .posts-content ol{
			margin:5px 10px 5px 10px;
			padding:5px 10px 5px 20px;
			
		}
			.posts-content li {
				margin:5px 10px 0px 20px;
				padding:0px 10px 0px 0px;
				list-style:square;
			}
#post_navigation {
	font:14px Georgia, "Times New Roman", Times, serif;
	
	padding-bottom:15px;
	padding-top:10px;	
}
	#prev_post {
		float:left;
		width:250px;
		text-align:left;							
	}	
	#next_post {
		float:right;
		width:250px;
		text-align:right;
	}
		#prev_post a, #next_post a{
			color:#000033;
			text-decoration:none;
		}
								
		#prev_post a:hover, #next_post a:hover {
				text-decoration:underline;
		}
/* === Posts === */
			
	/* Comments */
	.comments{
		font-size:14px;
		line-height:1.5em;
		margin-bottom:5px;
		padding-bottom:5px; padding-top:5px;
		border-bottom:1px solid #ccc;
	}
	.comments-avatar {
		float:left;
		width:50px;
	}
		.comments-avatar img{
			border:3px solid #ddd;
		}
		
		.comments-content {
			width:490px;
			float:right;
		}
			.comments-content p{
				margin-top:0px;
			}
/* Photos Archive */
#photos-archive-wrap {
	text-align:center;
	padding-top:10px;
}
	#photos-archive-wrap h3{
		text-align:left;
		font-size:18px;
	}
#photos-archives {
	width:460px;
	margin:0px auto;
	text-align:left;
}
#photos-archives .photos{
	float:left;
	display:inline;
	margin-right:5px;
	margin-bottom:5px;
	width:110px;
}
	.photos img {
		border:5px solid #eee;
	}
	#photos-archives a:hover img{
		border:5px solid #ccc;
	}
			
	
#footer-wrapper {
        padding-bottom:5px;
}
	#footer {
                text-align:center;
		background:#FFFFFF;
		color:#333;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		padding:10px 5px 10px 5px;
	}
	
	#footer a{
		color:#333;
		text-decoration:none;
	}
		#footer a:hover{
			color:#CCCCCC;
		}
			

/* Wordpress Image Alignment */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* ------- Wordpress Image Alignment ---------- */