/*
Theme Name: Fandha
Theme URI: http://www.dizzain.com/blog_customization/
Description: The WordPress theme for site <b>Fandha</b>.
Version: 1.0
Author: Dizzain.com
Author URI: http://www.dizzain.com/
*/

/*
	Reset by Eric Meyer
	http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


sup, sub {
	font-size: 70%;
	vertical-align: baseline;
	position: relative;
}

sup {
	top: -0.4em;
}

sub {
	bottom: -0.4em;
}

/*
	Main styles
*/

html { width: 100%; }

html, body {
	height: 100%;
}

body, textarea, input, select {
	font: 14px/18px Arial, Verdana, Tahoma;
}

body {
	color: #555;
	background: #fff url("images/bg.jpg");
}

p {
	margin: 10px 0 0 0;
}

ul, ol, dl {
	margin: 5px 0 5px 20px;
}

blockquote {
	margin: 10px 0 0 20px;
	font-style: italic;
}

pre {
	font: 14px/18px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #5d5d5d;
}

a:hover {
	text-decoration: none;
}

/*
	Global styles
*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.overflow {
	overflow: hidden;
}

/*
	Layonts
*/

#wrapper {
	background: url("images/wrapper.jpg") center top no-repeat;
	margin: 0 auto;
	min-height: 1125px;
	width: 100%;
}

#header {
	height: 219px;
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
}

#page {
	margin: 0 auto;
	width: 880px;
	overflow: hidden;
}

#content {
	float: left;
	margin: 0;
	width: 540px;
}

#aside {
	float: left;
	margin: 0;
	width: 335px;
}

#blogroll {
	background: url("images/blogroll.jpg") 0 0 no-repeat;
	margin: 0 auto;
	min-height: 470px;
	width: 1100px;
}

#footer {
	margin: 15px auto 0;
	width: 820px;
	height:55px;
}

/*
	Header
*/

/* Logo */

#logo {
	display: inline;
	float: left;
	width: 340px;
	height: 135px;
	margin: 28px 0 0 64px;
	background: url("images/logo.jpg") 0 0 no-repeat;
}

	#logo h1, #logo h2 {
		position: relative;
		margin: 0;
		padding: 0;
		text-indent: -1000px;
	}

		#logo h1 a, #logo h2 a {
			display: block;
			width: 340px;
			height: 135px;
		}

/* Menu */

#menu {
	display: inline;
	float: right;
	height: 41px;
	margin: 15px 76px 0;
	width: 550px;
}

	#menu ul {
		float: left;
		height: 41px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#menu ul li {
		float: left;
		font: bold 20px/41px Arial;
		height: 41px;
		letter-spacing: -1px;
		margin: 0;
		padding: 0;
	}

		#menu ul li a {
			color: #fff;
			display: block;
			padding: 0;
			text-decoration: none;
			text-indent: -1000px;
		}

			#menu ul li a span {
				display: block;
			}

			#menu ul li a.h {
				background: url("images/menu.jpg") 0 0 no-repeat;
				width: 78px;
			}

				#menu ul li.active a.h,
				#menu ul li a.h:hover {
					background: url("images/menu.jpg") 0 -41px no-repeat;
				}

			#menu ul li a.a {
				background: url("images/menu.jpg") -78px 0 no-repeat;
				width: 108px;
			}

				#menu ul li.active a.a,
				#menu ul li a.a:hover {
					background: url("images/menu.jpg") -78px -41px no-repeat;
				}

			#menu ul li a.c {
				background: url("images/menu.jpg") -186px 0 no-repeat;
				width: 128px;
			}

				#menu ul li.active a.c,
				#menu ul li a.c:hover {
					background: url("images/menu.jpg") -186px -41px no-repeat;
				}

			#menu ul li a.s {
				background: url("images/menu.jpg") -314px 0 no-repeat;
				width: 82px;
			}

				#menu ul li.active a.s,
				#menu ul li a.s:hover {
					background: url("images/menu.jpg") -314px -41px no-repeat;
				}

			#menu ul li a.f {
				background: url("images/menu.jpg") -396px 0 no-repeat;
				width: 75px;
			}

				#menu ul li.active a.f,
				#menu ul li a.f:hover {
					background: url("images/menu.jpg") -396px -41px no-repeat;
				}

			#menu ul li a.r {
				background: url("images/menu.jpg") -471px 0 no-repeat;
				width: 76px;
			}

				#menu ul li.active a.r,
				#menu ul li a.r:hover {
					background: url("images/menu.jpg") -471px -41px no-repeat;
				}

		/*#menu ul li a:hover,
		#menu ul li.active a {
		}

			#menu ul li a:hover span,
			#menu ul li.active span {
			}*/

/* Search */

#search {
	float: right;
	height: 33px;
	margin: 24px 94px 0 0;
	width: 274px;
}

	#searchform {
		background: url("images/searchform.jpg") 0 0 no-repeat;
		height: 33px;
		width: 274px;
	}

		#searchform div {
			margin: 0;
		}

		#searchform input {
			background: none;
			border: 0 none;
			float: left;
			margin: 9px 0 0;
			padding: 0 0 0 25px;
			width: 175px;
			color: #929292;
		}

			#searchform input#searchsubmit {
				cursor: pointer;
				height: 25px;
				margin: 5px 0 0 5px;
				text-indent: -1000px;
				width: 65px;
			}

/*
	Content
*/

/* Typograpthy */

#content h1, #content h2 {
	font: bold 22px/26px Georgia, Arial, Tahoma, sans-serif;
	color: #615357;
	letter-spacing: -1px;
}

#content h1 a, #content h2 a {
	text-decoration: none;
}

#content ul {
	list-style: disc;
}

#content ol {
	list-style: decimal;
}

	#content ol ol li {
		list-style-type: lower-alpha;
	}

	#content ul ul li {
		list-style-type: circle;
	}

#content dt {
	font-weight:bold;
}

#content dd {
	margin: 0 0 10px 10px;
}

/* Layout */

#content .adv {
	display: inline;
	float: left;
	height: 60px;
	margin: 55px 0 0 35px;
	width: 468px;
}

#content .posts {
	float: left;
	width: 490px;
	margin: 20px 0 0 40px;
	display: inline;
}

	#content .posts .post {
		float: left;
		margin: 0 0 30px;
	}

		#content .posts .post .info {
			float: left;
		}

			#content .posts .post .info .date {
				background: url("images/date.jpg") 0 0 no-repeat;
				color: #fff;
				float: left;
				height: 50px;
				margin-top: 10px;
				text-align: center;
				width: 55px;
			}

				#content .posts .post .info .date .d {
					font: bold italic 30px/30px Georgia;
				}

				#content .posts .post .info .date .m {
					font: italic 12px/12px Georgia;
					text-transform: uppercase;
				}

				#content .posts .post .info .date img {
					margin: 0;
				}

			#content .posts .post .info .title {
				background: url("images/title.jpg") 0 0 no-repeat;
				float: left;
				margin-left: 10px;
				min-height: 40px;
				width: 425px;
			}

				#content .posts .post .info .title h1,
				#content .posts .post .info .title h2 {
					color: #4e882f;
					font: bold italic 20px/22px Georgia;
					padding-top: 10px;
				}

					#content .posts .post .info .title h1 a,
					#content .posts .post .info .title h2 a {
						color: #4e882f;
					}

			#content .posts .post .info .tags {
				float: left;
				margin-left: 10px;
				width: 425px;
			}

				#content .posts .post .info .tags p {
					color: #e08c4f;
					margin: 5px 0 0;
					font: bold italic 12px/16px Georgia;
				}

					#content .posts .post .info .tags p a {
						color: #4e882f;
						font: italic 12px/16px Georgia;
					}

		#content .posts .post .entry {
			float: left;
			margin: 10px 0 0 0;
			display: inline;
		}

			#content .posts .post .entry h1,
			#content .posts .post .entry h2 {
				font-family: Georgia, Arial, Verdana, Tahoma;
				line-height: 26px;
			}

			#content .posts .post .entry h1 {
				font-size: 22px;
				margin: 10px 0;
			}

			#content .posts .post .entry h2 {
				font-size: 20px;
				margin: 10px 0;
			}

			#content .posts .post .entry h3 {
				font-size: 18px;
				margin: 10px 0;
			}

			#content .posts .post .entry h4 {
				font-size: 16px;
				margin: 10px 0;
			}

			#content .posts .post .entry h5 {
				font-size: 15px;
				margin: 10px 0;
			}

			#content .posts .post .entry h6 {
				font-size: 14px;
				margin: 10px 0;
			}

/* Images */

#content img {
	padding: 0;
	max-width: 100%;
	margin: 5px;
}

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

	#content img.alignright {
		padding: 4px;
		margin: 10px 0 10px 10px;
		display: inline;
	}

	#content img.alignleft {
		padding: 4px;
		margin: 10px 10px 10px 0;
		display: inline;
	}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	padding: 3px;
	margin: 10px;
	/*-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;
}

/* Tables*/

#content .posts table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: ridge;
	border-color: #5d5d5d;
	border-collapse: collapse;
	margin: 5px 0;
}

	#content .posts table.full {
		width: 100%;
	}

#content .posts table th {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #5d5d5d;
}

#content .posts table td {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #5d5d5d;
}

/*
	Aside
*/

#aside ul {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 50px 0 0 0;
	width: 330px;
}

	#aside ul li {
		float: left;
		margin: 0 0 10px 20px;
		width: 310px;
	}

	#aside ul li ul {
		font: italic 15px/22px Georgia;
		list-style-type: none;
		margin: 0;
		color: #555;
		width:310px;
	}

		#aside ul li ul li {
			background: url("images/li.gif") 0 10px no-repeat;
			list-style-type: none;
			margin: 0;
			padding-left: 10px;
			width:290px;
		}

	#aside a {
		color: #555;
	}

	#aside h3 {
		color: #e08c4f;
		background: url("images/sidebar.jpg") 0 0 no-repeat;
		display: block;
		height: 60px;
		font: bold italic 25px/60px Georgia;
		letter-spacing: -1px;
		position: relative;
	}

		#aside h3.flickr span {
			display: block;
			background: url("images/flickr.gif") 0 0 no-repeat;
			height: 17px;
			left: 180px;
			position: absolute;
			top: 30px;
			width: 16px;
		}

	/* Subscribe*/

	#subscribe {
		float: left;
		height: 35px;
		/*margin: 24px 94px 0 0;*/
		width: 274px;
	}

		#subscribeform {
			background: url("images/subscribeform.jpg") 0 0 no-repeat;
			height: 35px;
			width: 305px;
		}

			#subscribeform div {
				margin: 0;
			}

			#subscribeform input {
				background: none;
				border: 0 none;
				float: left;
				margin: 9px 0 0;
				padding: 0 0 0 75px;
				width: 150px;
				color: #555;
			}

				#subscribeform input#subscribesubmit {
					cursor: pointer;
					height: 23px;
					margin: 5px 0 0 0;
					text-indent: -1000px;
					width: 69px;
				}

	#subscriberss {
		background: url("images/subscriberss.jpg") 0 0 no-repeat;
		float: left;
		height: 35px;
		margin: 5px 0 0 -20px;
		width: 330px;
	}

		#subscriberss p {
			font: bold italic 12px/17px Georgia;
			margin-left: 30px;
		}

			#subscriberss p a {
				background: url("images/rss.jpg") 0 0 no-repeat;
				color: #4e882f;
				display: block;
				padding-left: 20px;
			}


	/* Quote */

	#quote {
		background: url("images/quotes_top.jpg") 0 0 no-repeat;
		color: #555;
		font: italic 15px/20px Georgia;
		float: left;
		width: 280px;
	}

		#quote p {
			background: url("images/quotes_bottom.jpg") right bottom no-repeat;
			margin-left: 20px;
		}

			#quote p.author {
				background: none;
				color: #6c9c4c;
				font: bold italic 12px/16px Georgia;
				text-align: right;
			}

	/* Recent Photos */

	#photos {
		color: #555;
		float: left;
	}

		#photos ul {
			background: url("images/photos.jpg") 0 0 no-repeat;
			display: inline;
			float: left;
			list-style-type: none;
			height: 110px;
			width: 315px;
		}

		#aside ul li#photos ul {
			margin: 0 0 0 -20px;
		}

			#aside ul li#photos ul li {
				background: none;
				float: left;
				margin: 13px -5px 0 17px;
				width: 75px;
			}

	/* Banners */

	#banners {
		float: left;
	}

		#banners div {
			float: left;
			margin: 5px;
		}

		#banners img {
			text-align: center;
		}

	/* Dropdown archive */

	#months {
		width: 250px;
	}

/* Comments */

#content .comments {
	float: left;
	margin: 0;
	overflow: hidden;
}

#content .comments h3 {
	background: url("images/comments_title.jpg") 0 0 no-repeat;
	color: #4e882f;
	font: 20px/66px Georgia;
	height: 66px;
	letter-spacing: -1px;
	width: 490px;
}

.commentlist {
	float: left;
	margin-top: 20px;
}

	.commentlist li {
		margin: 0 0 10px 0;
	}

		.commentlist li .comment-meta {
			font: italic 14px/16px Georgia;
			color: #e08c4f;
		}

			.commentlist li .comment-meta p {
				margin: 0;
			}

			.commentlist li .comment-meta a {
				color: #e08c4f;
			}

			.commentlist li .comment-meta .info {
				color: #555;
				font: italic 11px/14px Georgia;
			}

				.commentlist li .comment-meta .info a {
					color: #555;
					text-decoration: none;
				}

		.commentlist li .comment-block {
			background: url("images/comments_block_back.jpg") 0 0 repeat-y;
			margin: 5px 0 0 -20px;
			width: 459px;
		}

			.commentlist li .comment-block .top {
				background: url("images/comments_block_top.jpg") 0 0 no-repeat;
				height: 15px;
				width: 459px;
			}

			.commentlist li .comment-block .bottom {
				background: url("images/comments_block_bottom.jpg") 0 bottom no-repeat;
				height: 15px;
				width: 459px;
			}

			.commentlist li .comment-block p {
				margin: 0 20px;
			}

#commentform .name,
#commentform .mail {
	height: 33px;
	width: 456px;
}

	#commentform .name .field,
	#commentform .mail .field,
	#commentform .site .field {
		float: left;
		height: 33px;
		margin: 0 0 5px;
		width: 256px;
	}

		#commentform .name .field {
			background: url("images/commentform_name.jpg") 0 0 no-repeat;
		}

		#commentform .mail .field {
			background: url("images/commentform_mail.jpg") 0 0 no-repeat;
		}

		#commentform .site .field {
			background: url("images/commentform_site.jpg") 0 0 no-repeat;
		}

		#commentform .name .field input,
		#commentform .mail .field input,
		#commentform .site .field input {
			background: none;
			border: 0 none;
			float: left;
			margin: 9px 0 0;
			padding: 0 0 0 80px;
			width: 150px;
			color: #929292;
		}

	#commentform .name .desc,
	#commentform .mail .desc,
	#commentform .site .desc {
		color: #e08c4f;
		float: left;
		font: italic 12px/33px Georgia;
		padding-left: 10px;
		width: 190px;
	}

		#commentform .mail .desc span {
			color: #bababa;
		}

	#commentform .text {
		float: left;
		background: url("images/commentform_text.jpg") 0 0 no-repeat;
		height: 123px;
		margin: 0 0 5px;
		width: 459px;
	}

		#commentform .text textarea {
			background: none;
			border: 0 none;
			float: left;
			height: 103px;
			padding: 10px;
			width: 436px;
		}

	#commentform .submit {
		float: left;
	}

		#commentform .submit input {
			background: url("images/commentform_submit.jpg") 0 0 no-repeat;
			border: 0;
			cursor: pointer;
			height: 24px;
			text-indent: -1000px;
			width: 69px;
		}


#commentform, #respond {
	float: left;
	width: 100%;
	margin: 5px 0;
}

	#commentform textarea {
		float: left;
		width: 90%;
		height: 200px;
		margin: 0;
	}

/*
	Blogroll
*/

#blogroll {
}

	#blogroll .f {
		float: left;
		margin-left: 150px;
		width: 200px;
	}

	#blogroll .s {
		float: left;
		width: 315px;
	}

	#blogroll .t {
		float: left;
		width: 315px;
	}


#blogroll ul {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 40px 0 0 0;
	width: 310px;
}

#blogroll .f ul {
	width:auto;
}

#blogroll .f ul li {
	width:190px;
}

	#blogroll ul li {
		float: left;
		margin: 0 0 10px 0;
		width: 100%;
	}

	#blogroll ul li ul {
		font: italic 15px/22px Georgia;
		list-style-type: none;
		margin: 0;
		color: #555;
	}

		#blogroll ul li ul li {
			background: url("images/li.gif") 0 10px no-repeat;
			list-style-type: none;
			margin: 0;
			padding-left: 10px;
		}

	#blogroll ul li ul.comments {
		font: italic 15px/22px Georgia;
		list-style-type: none;
		margin: 0;
		color: #555;
	}

		#blogroll ul li ul.comments li {
			background: none;
			color: #33751d;
			padding-left: 0;
		}

	#blogroll a {
		color: #555;
	}

	#blogroll h3 {
		color: #e08c4f;
		display: block;
		height: 60px;
		font: bold italic 25px/60px Georgia;
		letter-spacing: -1px;
	}


/*
	Footer
*/

#footer .alignleft {
	padding: 0 0 30px;
}

#footer .alignright {
	margin: 0 20px 0 0;
}

	#footer p {
		text-align: left;
		font: italic 12px/14px Georgia;
		margin: 0 0 5px;
	}

	#footer .alignright p {
		text-align: right;
	}

#footer a {
	color: #33751d;
}