/* 
foto by Jimmy Purba
Screen Stylesheet 
February 27th, 2007
Author: Jimmy Purba
Contact: jim@jimmypurba.com
*/

body, html {height: 100%; background: #FFFFFF; color: #666666; text-align: center; text-decoration: none; padding: 0; margin: 0; font: 80% Georgia, "Times New Roman", Times, serif; line-height: 150%;}
table {margin: 5px auto 10px auto;}
img {border: none;}
a {text-decoration: none; color: #B96104;}
a:hover {color: #FCAE58;}

#header {margin: 30px auto 0 auto; height: 45px; font-size: 12pt;}
#imagetitle {float: right; position: relative; margin-top: 15px; padding-bottom: 5px;}
#sitetitle {float: left; position: relative;}
#sitetitle a{display: block; text-indent: -3000px; width: 185px; height: 45px; background: url(/templates/jpurba/img/site_title.png) right top no-repeat;}

#lefttop {background: url(/templates/jpurba/img/left_top.png) no-repeat; width: 20px;}
#top {background: url(/templates/jpurba/img/top.png) repeat-x; height: 20px;}
#righttop {background: url(/templates/jpurba/img/right_top.png) no-repeat; width: 20px;}
#left {background: url(/templates/jpurba/img/left.png) repeat-y; width: 20px;}
#right {background: url(/templates/jpurba/img/right.png) repeat-y; width: 20px;}
#leftbottom {background: url(/templates/jpurba/img/left_bottom.png) no-repeat; width: 20px;}
#bottom {background: url(/templates/jpurba/img/bottom.png) repeat-x; height: 20px;}
#rightbottom {background: url(/templates/jpurba/img/right_bottom.png) no-repeat; width: 20px;}

table #leftcol {float: left; position: relative; width: 310px; font-size: 10pt; text-align: left; padding: 20px; color: #999999;}
table #rightcol {float: right; position: relative; width: 310px; font-size: 10pt; text-align: left; padding: 20px; color: #FFFFFF;}
table #rightcol a {text-decoration: none; color: #FCAE58;}
table #rightcol a:hover {color: #B96104;}
table #rightcol p {line-height: 120%; margin: 0 0 16px 0;}
table #rightcol p#about-title {font-size: 18pt;}
table #leftcol img {float: right; padding: 3px; background-color: #FFFFFF; border: 1px solid #CCCCCC;}

#info {text-align: left; margin: 0 auto; font-size: 10pt;}
a#toggle {float: left; position: relative;}
#infoleft {float: left; position: relative;}
#navigation {float: right; position: relative;}
#comments {padding-bottom: 20px;}
#comments p {margin: 10px 0 0 0;}
#comments p.title {margin: 20px 0 0 0; font-weight: bold;}
#comments p#imageexif {color: #9DA003;}
#comments ul {margin: 0; padding: 0;}
#comments ul li {list-style-type: none; margin: 10px 0; padding: 10px; background-color: #FCFFC4; border: solid 1px #FFDFB8;}

#addcomment {width: 478px; border: solid 1px #CCCCCC; margin: 20px auto 10px auto; padding: 0; background-color: #FFF1DF;}
#addcomment form {width: 430px; margin: 20px auto;}
#addcomment .input {border: 1px solid #D9D9D9; font: 9pt Georgia, "Times New Roman", Times, serif; color: #676767; width: 200px; padding: 3px;}
#addcomment .input:hover, #addcomment .input:focus {border: 1px solid #B96104; width: 200px; padding: 3px;}

#footer {width: 100%; margin: 0 auto 0 auto; padding: 30px 0 20px 0; font-size: 8pt;}
#footer img {margin-bottom: -2px;}