.area { overflow: visible; width: 100%; } /* this is for IE */
.area:after { content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both; } /* this is for firefox */
/* corners (to make things rounded) */
.tl { top: 0px; left: 0px; background-position: top left; }
.tr { top: 0px; right: 0px; background-position: top right; }
.bl { bottom: 0px; left: 0px; background-position: bottom left; }
.br { bottom: 0px; right: 0px; background-position: bottom right; }
.tl,.tr,.bl,.br { position: absolute; width: 18px; height: 18px; background-repeat: no-repeat; background-attachment: scroll; }
/* buttons */
a.button {cursor: pointer; display: block; width: 180px; height: 25px; font-size: 18px; font-weight: normal; background: transparent url('../images/button.png') no-repeat scroll 0 0; color: #FFF; text-decoration: none; text-align: center; margin-bottom: 5px; }
a.button:hover { background-image: url('../images/button-hover1.png'); }
a.button:active { background-image: url('../images/button-click1.png'); }
a.button-small { display: block; width: 126px; height: 18px; font-size: 14px; font-weight: normal; background: transparent url('../images/button-small.png') no-repeat scroll 0 0; color: #FFF; text-decoration: none; text-align: center; margin-bottom: 4px; }
a.button-small:hover { background-image: url('../images/button-hover-small.png'); }
a.button-small:active { background-image: url('../images/button-click-small.png'); }
/*a.button-short { display: block; width: 127px; height: 25px; font-size: 18px; font-weight: normal; background: transparent url('../images/button-small.png') no-repeat scroll 0 0; color: #FFF; text-decoration: none; text-align: center; margin-bottom: 4px; }
a.button-short:hover { background-image: url('../images/button-hover-small.png'); }
a.button-short:active { background-image: url('../images/button-click-small.png'); }*/

body { background-color: #CDC; font-size: 100%; }
/*body {background-image: url('../images/cow.jpg'); background-color: transparent;}*/

#page { width: 800px; margin: 0 auto; }

#header { /*border-bottom: 1px solid black;*/ background-color: #EEE; /*padding: 3px 5px; font-size: 1.5em;*/ font-weight: bold; /*font-family: "Comic Sans MS";*/ position: relative; }
#header #logoarea { float: right; width: 180px; padding: 10px; }
/*#header #logoarea img { border: none; display: block; margin: auto; position: absolute; top:50px; right: 20px;}*/
#header .content { height: 230px; }
#header .inputarea { margin: 10px; padding: 10px; }
#header .inputarea a.button { margin: 0px; }
#header .inputarea textarea { width: 100%; height: 110px; border: 1px solid black; margin-bottom: 5px; }

.spacer { height: 30px; }

#main { background-color: #EEE; position: relative; }
.bodycorner { width: 15px; height: 15px; background-image: url('../images/corner.php?color=cdc&radius=15'); }

.menu { float: right; width: 180px; padding: 10px; }
/*.menu a.button {  font-size: 1.1em; }*/

.content { float: right; width: 600px; background-color: #FFF; }
.content .contentcorner { width: 15px; height: 15px; background-image: url('../images/corner.php?color=cdc&radius=15'); }
.article { text-align: left; margin: 10px; padding: 10px; width: 560px; position: relative; border-bottom: 1px dashed black; word-wrap: break-word;}
.article img { float: left; padding-right: 5px; padding-bottom: 5px; }
.article .delete {position: absolute; top: 0; right: 0;} 
.datetime {text-align:center; font-size: 0.8em; font-style: italic; color: #999; margin-top: 10px;}
.comment {text-align:center; font-size: 0.8em; font-style: italic; color: black; }
.mood img{ float: right;}
.mood_comment {font-size: 0.8em; font-style: italic; color: black;}

#footer { /*border-top: 1px solid black;*/ text-align: center; }
.flinks {text-align: center; padding-bottom: 20px;}
.flinks a {padding: 10px;}

#signup {text-align: center;}
#signup a{margin:0 auto;}
/*#cap img{position: absolute; left: 220px;}*/
#cap img{float: none;}

#overlay { background-color: #000; filter: alpha(opacity = 80); height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 100; }
#pudbox { background: #eee none repeat scroll 0 0; height: 400px; left: 50%; margin: -220px 0 0 -300px; overflow: hidden; padding: 1em; position: fixed; top: 50%; width: 600px; z-index: 200; }
#pudbox .pudcorner { background-image: url('../images/corner.php?color=000&radius=18'); background-repeat: no-repeat; filter: alpha(opacity = 80); height: 18px; opacity: 0.8; position: absolute; width: 18px; }
#pudbox #pudclose { display: inline; position: absolute; right: 0.5em; top: 0.5em; z-index: 300; }
#pudbox #pudclose a img { border: none; cursor: pointer; }
#pudbox #pudmain { }
#pudbox #pudmain #pudcontent { border: 1px dashed black; height: 355px; margin: 1em 1px; overflow: auto; padding: 0.3em; }