@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px;}
html {overflow-y: scroll; overflow-x:hidden;}
body{background-image:url(images/bg.png); background-repeat:repeat-x; background-attachment:fixed; background-color:#4b9277; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}
.post_content, .comment_content{ line-height:17px; font-size:12px; color:#555555; letter-spacing:0.01em;}
.post_content a, .comment_content a{border-bottom:1px dashed;}
#content .post_content a:hover, #content .comment_content a:hover{border-bottom:1px solid; text-decoration:none;}

#fame-banner{position:absolute; top:0px; left:0px; right:0px; height:30px; overflow:hidden; width:100%; z-index:500;}
#fame-banner a{display:block; padding:10px; background:#FEFFE0; border-bottom:1px solid #EFF28D; text-align:center; width:100%; height:30px; color:#333; text-decoration:none;}
#fame-banner a:hover{background:#F5F7AD;}

#backgroundcontainer{background-image:url(images/circles.png); background-repeat:no-repeat; position:fixed; top:30px; left:0px; background-position:top center; width:100%;}
#containerpositioning{position:absolute; top:0px; left:0px; z-index:1; width:100%;}
#container{width:600px; margin:auto; padding-right:350px;}

#logo{position:relative; left:50px; top:30px;}
#description{position:relative; left:150px; top:10px; font-family:Daunpenh; font-weight:normal; font-size:32px; color:#8ac2af;}

#contentwrapper{margin:auto; margin-top:50px;}
#contentwrapper .content_tl{background-image:url(images/tl.png); background-repeat:no-repeat; width:30px; height:30px;}
#contentwrapper .content_t{background-image:url(images/t.png); background-repeat:repeat-x; height:30px;}
#contentwrapper .content_tr{background-image:url(images/tr.png); background-repeat:no-repeat; width:30px; height:30px;}
#contentwrapper .content_l{background-image:url(images/l.png); background-repeat:repeat-y; width:30px;}
#contentwrapper .content_area{background-color:#FFFFFF;}
#contentwrapper .content_r{background-image:url(images/r.png); background-repeat:repeat-y; width:30px;}
#contentwrapper .content_bl{background-image:url(images/bl.png); background-repeat:no-repeat; width:30px; height:46px;}
#contentwrapper .content_b{background-image:url(images/b.png); background-repeat:repeat-x; height:46px;}
#contentwrapper .content_br{background-image:url(images/br.png); background-repeat:no-repeat; width:30px; height:46px;}

#content{width:540px; min-height:300px;}

#content .title{position:relative; width:auto; padding-top:30px;}
#content .title h1{font-family:Daunpenh; font-weight:normal; font-size:32px; color:#225241; z-index:2; position:relative; margin-bottom:10px; line-height:25px;}
#content .title h2{font-family:Daunpenh; font-weight:normal; font-size:46px; color:#eeeeee; z-index:1; position:absolute; right:10px; top:-7px;}
#content .title h3{font-family:Daunpenh; font-weight:normal; font-size:20px; color:#999999; z-index:2; position:relative; top:-15px; height:20px;}
#content .title h3 a{text-decoration:none; color:#999999; height:20px;}
#content .title h3 a:hover{background-color:#f5f5f5;}
#content .title .attachments{position:absolute; right:20px; width:100px; bottom:0px; text-align:right;}

#content .post{margin-bottom:40px; clear:both;}
#content .post_image{height:216px; width:526px; overflow:hidden; margin:auto;}
#content .post_image a .postimage_hover{display:none;}
#content .post_image a .postimage_none{display:block;}
#content .post_image a:hover .postimage_hover{display:block;}
#content .post_image a:hover .postimage_normal{display:none;}
#content .post_content{margin-top:15px; padding-left:10px; padding-right:10px;}
#content .post_meta{ padding-left:10px; padding-top:10px; color:#666666; clear:both;}
#content .post_meta .categories a{padding-left:20px; background-image:url(images/tag_green.png); color:#999999; background-repeat:no-repeat; background-position:left center;}
#content .post_meta .comments a{padding-left:20px; background-image:url(images/comments.gif); color:#999999; background-repeat:no-repeat; background-position:left center;}

#content .socialnetworks{margin-bottom:20px;}
#content .socialnetworks a{opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); padding:5px; padding-top:10px; margin:2px; -moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
#content .socialnetworks a:hover{background-color:#f5f5f5; opacity: 1;	-moz-opacity: 1; filter: alpha(opacity=100);}

#content h1{font-family:Daunpenh; font-weight:normal; font-size:32px; color:#225241; margin-bottom:10px; line-height:normal;}
#content h2{font-family:Daunpenh; font-weight:normal; font-size:26px; color:#333333; margin-bottom:10px; margin-top:15px; line-height:normal;}
#content h3, #content legend{font-family:Daunpenh; font-weight:normal; font-size:24px; color:#333333; margin-bottom:10px; margin-top:15px; line-height:normal;}

#content li{}
#content li a{background-repeat:no-repeat; background-position:left top;}
#content li.file, #content li.link, #content li.slideshow{list-style-position:inside; list-style-type:none; margin-left:20px; padding:3px;}
#content li.slideshow{padding-bottom:20px;}
#content li.file a{background-image:url(images/dl.gif); padding:3px; padding-top:2px; padding-left:25px;}
#content li.link a{background-image:url(images/page_white_go.gif); padding:3px; padding-left:25px;}
#content li.slideshow a{background-image:url(images/slideshow.gif); padding:3px; padding-left:25px; padding-bottom:4px;}

#content blockquote{width:300px; margin:10px; padding:10px; font-family:Daunpenh; font-weight:bold; color:#555555; float:left;}
#content blockquote:before{content:open-quote; height:0px;}
#content blockquote:after{content:close-quote; height:50px; margin:-50px 0px 0px 250px;}
#content blockquote:before, #content blockquote:after{color:#cccccc; display:block; font-size:72px;; width:50px;}
#content blockquote p{padding-left:50px; padding-right:50px; font-size:28px; line-height:30px; color:#666666;}

#content p{margin-bottom:15px; margin-top:15px;}

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

#content li{margin-left:17px;}
#content ul, #content ol{margin:3px;}

#content a{color:#225241; text-decoration:none; cursor:pointer;}
#content a:hover{text-decoration:underline;}
#content a.button, #content #table_button_links a{position:relative; width:150px; line-height:35px;	cursor:pointer; background:#E0F0F1;	padding:8px 10px; color: #666666; -moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
#content a.button:hover, #content #table_button_links a:hover{background-color:#98D8CB;}

#content code{display:block; background-color:#F5FAFA; border:#98D8CB 1px solid; padding:5px; font-family:"Courier New", Courier, monospace; margin:10px;}

#content fieldset{border:0px solid;}

#content .comments{margin-top:50px; padding-left:10px;}
#content .comments h1{font-family:Daunpenh; font-weight:normal; font-size:26px; color:#333333;}
#content .comment{position:relative; margin-top:20px; margin-bottom:15px; list-style-type:none; list-style-position:inside; clear:both;}
#content .even .comment_text{background-color:#fcfcfc; border-bottom:solid 1px #eeeeee;}
#content .uneven .comment_text{background-color:#f8f8f8; border-bottom:solid 1px #eeeeee;}
#content .admin .comment_text{background-color:#E0F0F1; border-bottom:solid 1px #98D8CB;}
#content .comment_meta{float:left; width:60px; padding-top:30px; color:#cccccc;}
#content .comment_content{float:left; width:400px;}
#content .comment_text{padding:5px; padding-bottom:10px; margin-bottom:40px;}
#content .comment_content h2{font-family:Daunpenh; font-weight:normal; font-size:24px; color:#333333; height:23px; overflow:hidden; z-index:2; position:relative; margin-bottom:10px;}
#content .comment_content h3{font-family:Daunpenh; font-weight:normal; font-size:46px; color:#eeeeee; margin-left:40px; position:absolute; top:-20px;}
#content .avatarholder{background-image:url(images/avatar32bg.jpg); padding:9px; background-repeat:no-repeat; margin-bottom:10px;}

#content .comment_form{overflow:hidden; height:0px;}
#content .comment_form_handlers{text-align:right; margin-bottom:20px;}
#content .comment_form_handlers #hideCommentForm, #submitCommentForm{display:none;}
#content .comment_form label{width:130px; float:left;}
#content .comment_form label span{font-size:9px; color:#999999;}
#content .comment_form input[type=text]{width:350px; float:left; border:solid 1px #E0F0F1; background-color:#F7FBFA; margin-bottom:5px;}
#content .comment_form textarea{width:480px; margin-bottom:20px; border:solid 1px #E0F0F1; background-color:#F7FBFA;}
#content .comment_form input[type=checkbox]{float:left; margin-right:20px;}
#content .comment_form input[type=text]:focus, #content .comment_form textarea:focus{border-color:#98D8CB;}

#content .pagelist a{font-family:Daunpenh; font-weight:normal; font-size:20px; color:#333333; line-height:20px;	cursor:pointer; padding:10px; padding-top:20px; padding-bottom:0px; -moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
#content .pagelist a.normal:hover{background-color:#f5f5f5;}
#content .pagelist a.active{background-color:#eeeeee;}

#sidebar{position:fixed; right:15px; top:200px; width:200px; text-align:right;}

#bottombar_handlers{position:fixed; right:15px; bottom:0px;}
#bottombar_handlers li{float:left; width:140px; text-align:left; list-style-type:none; list-style-position:inside;}
#bottombar_handlers a{display:list-item; padding:5px; padding-left:15px; color:#17382c; font-family:Daunpenh; font-weight:normal; font-size:20px; cursor:pointer; height:20px; overflow:hidden;  background-position:left center; background-repeat:no-repeat;}
#bottombar_handlers a.active{background-image:url(images/bottom_down.png);}
#bottombar_handlers a.normal{background-image:url(images/bottom_up.png);}

#bottombar_content{position:fixed; right:15px; bottom:35px; width:350px;}
#bottombar_content h1{font-family:Daunpenh; font-weight:normal; font-size:28px; color:#eeeeee;}
#bottombar_content h1 a{cursor:pointer;}
#bottombar_content li{list-style-type:none; color:#dddddd; list-style-position:inside; width:100%; text-align:right; padding:3px; border-bottom:1px solid #aaaaaa;}
#bottombar_content li.last{border-bottom:0px solid;}
#bottombar_content li span{width:100px; color:#aaaaaa; display:inline-block;}
#bottombar_content a{color:#d9d9d9; text-decoration:none;}
#bottombar_content a:hover{color:#ffffff;}
#bottombar_categories li{margin-left:20px; width:42%; float:right;}
#bottombar_recent{position:relative;}
#bottombar_recent #followme{position:absolute; right:0px; top:-5px; text-align:right; width:100px; height:40px; vertical-align:top;}
#bottombar_recent #follow_feed{position:relative; top:-10px;}

#searchbox{position:fixed; top:35px; right:15px; text-align:right;}
#searchbox a{position:absolute; right:40px; padding:5px; padding-left:20px; height:22px; color:#17382c; font-family:Daunpenh; font-weight:normal; font-size:20px; cursor:pointer; overflow:hidden; background-position:left center; background-repeat:no-repeat;}
#searchbox a.active{background-image:url(images/bottom_up.png);}
#searchbox a.normal{background-image:url(images/bottom_down.png);}
#searchbox input{position:absolute; display:none; top:30px; right:0px; background-color:#3f8a6c; border:1px solid #3a7f63; padding:2px; color:#eeeeee;}
#searchbox input:focus{background-color:#3EAA7E;}

.loading{background-image:url(images/spinner.gif); background-repeat:no-repeat; background-position:left center; padding:20px; position:relative; top:100px; left:100px;}

#inlinenavigation{position:relative; margin-bottom:20px;}
#inlinenavigation .next{text-align:right; }
#inlinenavigation .next a{background-image:url(images/next.gif); color:#cccccc; background-position:right center;  background-repeat:no-repeat; padding:3px; padding-right:30px;}
#inlinenavigation .previous{text-align:right; position:absolute; left:0px; top:15px;}
#inlinenavigation .previous a{background-image:url(images/previous.gif); color:#bbbbbb; background-position:left center;  background-repeat:no-repeat; padding:3px; padding-left:30px;}

#navigation{width:190px; position:relative;}
#navigation li{list-style-type:none; list-style-position:inside; width:190px; position:relative;}
#navigation li div{position:absolute; right:0px; bottom:0px; height:5px; width:100px; background-color:#CCCCCC; display:none;}
#navigation a{font-family:Daunpenh; font-weight:normal; font-size:38px; color:#eeeeee; text-decoration:none; display:list-item; height:34px; overflow:hidden; position:relative; z-index:5;}
/*
#navigation .nav_blog span{background-color:#336699;}
#navigation .nav_diary span{background-color:#336699;}
#navigation .nav_projects span{background-color:#336699;}
#navigation .nav_about span{background-color:#336699;}
#navigation .nav_contact span{background-color:#336699;}
*/


#contactform{margin-left:10px; margin-top:30px;}
#contactform_status{margin:30px; padding:20px; background-color:#E0F0F1; border:#98D8CB solid 1px;}
#contactform input[type=text],#contactform textarea{width:320px; border:solid 1px #E0F0F1; background-color:#F7FBFA;}
#contactform input[type=text]:focus,#contactform textarea:focus{border-color:#98D8CB;}
#contactform input[type=submit]{margin-left:200px; margin-top:30px;}
#contactform td{vertical-align:top;}




/*  Lightbox */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	/*background-color: #fff;*/
	background-image:url(images/lightbox_bg.png);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;	
	-moz-border-radius-topright: 5px;	
	-khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;	
	-webkit-border-top-left-radius: 5px;	
	-webkit-border-top-right-radius: 5px;	
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 45%;
	height: 100%;
	margin-top:10px;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
	margin-left:10px;
	cursor:pointer;
}
#nextLink {
	right: 0;
	float: right;
	margin-right:10px;
	cursor:pointer;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(images/lightbox_prev.png) left no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(images/lightbox_next.png) right no-repeat;
}
#imageDataContainer {
	font: 10px Georgia, "Times New Roman", Times, serif;
	/*background-color: #fff;*/
	background-image:url(images/lightbox_bg.png);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomright: 5px;	
	-khtml-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-webkit-border-bottom-left-radius: 5px;	
	-webkit-border-bottom-right-radius: 5px;	
	border-radius: 3px;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
	cursor:pointer;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}


/* to satisfy wordpress */
.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: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption a, .wp-caption a:hover{border-bottom:0px solid !important; text-decoration:none;}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.red, a.red, a.red:hover{background-color:#FDF3F2; border:1px solid #F1B0A9; border-bottom:1px solid #F1B0A9 !important; -moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; display:block; padding:10px; text-decoration:none;}