/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html,
body{
	margin:0;
	padding:0;
	height:100%;
}

body{
	font-size:0.92em;
	text-align:center;
	background:#fffcf3 url(../images/bg_header.jpg) left top no-repeat;
	width: 100%;
}

#wrapper{
	position:relative;
	height:100%;
	min-width:720px;
	z-index:2;
}
body > #wrapper{
	height:auto;
	min-height:100%;
}

	#header{
		text-align:left;
		height:300px;
		zoom:1;
	}
		#branding{
			height:200px;
			text-align:left;
		}

		#site-title{
			width:600px;
			height:200px;
			text-align:left;
		}
			#site-title a{
				display:block;
				overflow:hidden;
				height:0;
				padding-top:200px;
			}
		#site-description{
			position:absolute;
			top:0;
			left:0;
			text-align:left;
			font-size:60%;
			color:#e0e0e0;
			height:0;
			overflow:hidden;
		}

		#access{
			padding:30px 0 0;
		}

		.skip-link{
			display:block;
			height:0;
			overflow:hidden;
		}

		.menu{
			float:left;
		}
			.menu ul,
			.menu li{
				display:block;
				list-style-type:none;
				list-style-position:outside;
			}
			.menu ul{
				margin:0;
				padding:0;
			}
			.menu li{
				width:49px;
				height:58px;
				float:left;
				margin:5px;
				padding:0;
			}
			.menu li.page-item-2{
				width:49px;
			}
			.menu li.page-item-8{
				width:58px;
			}
				.menu li a{
					display:block;
					height:0;
					overflow:hidden;
					padding-top:58px;
					background:url(../images/btn_menu_txt.png) left top no-repeat;
				}
				.menu li a:hover{
					background:url(../images/btn_menu_txt-a.png) left top no-repeat;
				}
				.menu li.page-item-2 a{
					background:url(../images/btn_menu_about.png) left top no-repeat;
				}
				.menu li.page-item-2 a:hover{
					background:url(../images/btn_menu_about-a.png) left top no-repeat;
				}
				.menu li.page-item-8 a{
					background:url(../images/btn_menu_portfolio.png) left top no-repeat;
				}
				.menu li.page-item-8 a:hover{
					background:url(../images/btn_menu_portfolio-a.png) left top no-repeat;
				}

			#bnrheader-main{
				display:block;
				float:left;
				width:88px;
				height:31px;
				margin:16px;
			}


	#header:after{
		content: ""; 
		display: block; 
		clear: both;
	}

	#main{
		/*float:left;*/
		padding-bottom:237px;
		zoom:1;
		min-width:720px;
		margin:0 auto;
		text-align:left;
	}
		#container{
		}
/*
			#content{
				float:left;
				width:84%;
			}

			.widget-area{
				float:right;
				width:15%;
			}

	#main:after{
		content: ""; 
		display: block; 
		clear: both;
	}
*/

	.content{
		margin-top:26px;
	}
		.post{
			font-size:86%;
			margin:14px 26px;
			padding:18px;
			line-height:1.3;
			background:url(/lib/images/bg_txt_cb.png) repeat;
			border-radius:10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
		}
		#content .page{
			font-size:86%;
			margin:14px 26px;
			padding:18px;
			line-height:1.3;
			background:url(/lib/images/bg_txt_cb.png) repeat;
			border-radius:10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
		}
		.entry-title{
			font-size:108%;
			padding:6px 0 6px 12px;
			margin:0 0 10px;
			border-left:4px solid #88e088;
		}

	#footer{
		clear:both;
		position:relative;
		margin-top:-237px;
		height:237px;
		min-width:720px;
	}
		#footer-box{
			position:absolute;
			left:0;
			z-index:3;
			text-align:left;
			margin:15px 0 0 20px;
			padding:0 0 0 12px;
		}
			.xoxo,
			.xoxo li{
				display:block;
				list-style-type:none;
				list-style-position:outside;
			}
			.xoxo{
				margin:0;
				padding:0;
			}
				.xoxo li{
					margin:6px 0;
					padding:0;
				}

		#colophon{
			position:relative;
			height:100%;
			background:url(../images/bg_footer.jpg) right bottom no-repeat;
			z-index:2;
			text-align:right;
		}

			#site-generator{
				padding:120px 12px 0 0;
			}

#btnpagetop{
	cursor:pointer;
}

#tipsarea{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	text-align:left;
}
	#tipsarea .tips{
		position:absolute;
		width:300px;
		text-align:left;
		background:url(../images/bg_tipbox.gif) left top no-repeat;
		padding:4px 0 0;
		margin:-4px 0 4px;
	}
	#tipsarea .tips div{
		background:url(../images/bg_tipbox.gif) left bottom no-repeat;
		padding:0;
		margin:0 0 -2px;
	}
		#tipsarea .tips div p{
			padding:2px 6px 6px 15px;
			margin:0;
		}
		#tipsarea .tips div p strong{
			display:block;
			background-color:#ffffcc;
			margin:0 0 4px;
			padding:4px;
			font-weight:normal;
			font-size:86%;
		}
		#tipsarea .tips div p span{
			line-height:1.3;
			font-size:76%;
		}


/*  main
*************************************************/


/*  about
*************************************************/
	#post-2 ul.li-content,
	#post-2 ul.li-content li{
		display:block;
		list-style-type:none;
		list-style-position:outside;
	}
	#post-2 ul.li-content{
		margin:4px 0;
		padding:0;
		zoom:1;
	}
		#post-2 ul.li-content li{
			width:88px;
			height:31px;
			overflow:hidden;
			float:left;
			margin:0 3px 3px 0;
			padding:0;
		}
		#post-2 ul.li-s li{
			width:31px;
		}
		#post-2 ul.li-s li.li-ss{
			width:16px;
			height:16px;
		}

		#post-2 ul.li-content:after{
			content: ""; 
			display: block; 
			clear: both;
		}


/*  portfolio
*************************************************/
#post-8 .photoset,
#post-8 .photoset li,
#post-8 #photos ul,
#post-8 #photos ul li,
#post-8 #collections,
#post-8 #collections li{
	display:block;
	list-style-type:none;
	list-style-position:outside;
}
#post-8 .photoset,
#post-8 #photos ul,
#post-8 #collections{
	margin:0;
	padding:0;
}
	#post-8 .photoset li{
		float:left;
		width:220px;
		margin:0 4px 4px 0;
		padding:0 0 3px 0;
		text-align:left;
		font-size:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		background:url(../images/bg_txt_cb.png) repeat;
		border:1px solid #ffffff;
	}
		#post-8 .photoset li a{
			display:block;
			height:78px;
			text-decoration:none;
			color:#ff589a;
		}
		#post-8 .photoset li a:hover,
		#post-8 #collections li a:hover{
			text-decoration:underline;
		}
		#post-8 .photoset li img{
			display:block;
			float:left;
			width:75px;
			margin:3px;
		}
		#post-8 .photoset li span{
			display:block;
			position:relative;
			z-index:2;
			font-size:1.3em;
			text-align:right;
			margin:0 8px 0 0;
			color:#5555dd;
		}

	#post-8 #collections li{
		float:left;
		width:380px;
		margin:0 4px 4px 0;
		padding:0 0 3px 0;
		text-align:left;
		font-size:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		background:url(../images/bg_txt_cb.png) repeat;
		border:1px solid #ffffff;
	}
		#post-8 #collections li a{
			display:block;
			height:137px;
			text-decoration:none;
		}
		#post-8 #collections li img{
			display:block;
			float:left;
			width:179px;
			margin:3px;
		}
		#post-8 #collections li em{
			display:block;
			position:relative;
			z-index:2;
			font-size:1.1em;
			font-style:normal;
			margin:0 0 0 5px;
			color:#ff589a;
		}
		#post-8 #collections li span{
			display:none;
			overflow:hidden;
			height:1px;
		}

	#post-8 #photos ul li{
		float:left;
		width:75px;
		height:75px;
		margin:2px;
		padding:0;
	}
		#post-8 #photos ul li a{
			display:block;
			height:100%;
		}

	#post-8 #selphotoset{
		float:left;
		width:225px;
		text-align:left;
	}
		#post-8 #selphotoset .pagemover em{
			display:block;
			padding:6px 0;
			margin:0;
			font-style:normal;
			font-weight:normal;
		}
		#post-8 #selphotoset .pagemover a{
			display:block;
			width:20px;
			padding:4px;
			margin:1px;
			text-align:center;
			background:#ffffff;
			color:#336699;
			text-decoration:none;
			float:left;
			border:1px solid #ffffff;
		}
		#post-8 #selphotoset .pagemover a.selected{
			border:1px solid #336699;
		}

	#post-8 #photos,
	#post-8 #frmstat{
		margin-left:225px;
	}
	#post-8 #frmstat{
		font-family:Arial, Helvetica, sans-serif;
		font-size:86%;
		padding:0 8px;
		color:#4259AA;
	}

	#post-8 #tipsarea .tips{
		width:150px;
		background:url(../images/bg_tipbox_s.gif) left top no-repeat;
	}
	#post-8 #tipsarea .tips div{
		background:url(../images/bg_tipbox_s.gif) left bottom no-repeat;
	}

	#post-8 #flickrinfo{
		font-weight:normal;
		font-size:77%;
		text-align:right;
	}

#post-8 .photoset,
#post-8 .photoset li,
#post-8 #photos ul,
#post-8 #collections,
#post-8 #selphotoset,
#post-8 #frmgallery{
	zoom:1;
}

#post-8 .photoset:after,
#post-8 .photoset li:after,
#post-8 #photos ul:after,
#post-8 #collections:after,
#post-8 #selphotoset:after,
#post-8 #frmgallery:after{
	content: ""; 
	display: block; 
	clear: both;
}