html, body {
 margin: 0;
 padding: 0;
 height: 100%;
}
body {
 background: #8AA1AF url(../../images/bg/bodyBg.gif) fixed repeat-y;
}
#container {
 width: 800px;
 background: url(../../images/bg/contBg.jpg) repeat-y; 
 position: relative;
 min-height: 100%; /* For Modern Browsers */
 height: auto !important; /* For Modern Browsers */
 height: 100%; /* For IE */ 
}
#content { padding-bottom: 51px; }
#leftCol {
 width: 546px;
 float: left;
}
#rightCol {
 width: 254px;
 float: right;
 color: #635A3D;
}
#footer {
 width: 100%;
 position: absolute;
 bottom: 0 !important;
 bottom: -1px; /* For Certain IE widths */
 height: 51px;
 background: url(../../images/footer.gif) no-repeat;
 font: 9px/13px Georgia,Times,Serif;
 text-transform: uppercase;
 color: #88774F;
}
#logo {
 display: block;
 height: 50px;
 text-indent: -8000px;
 height: 75px;
 background: url(../../images/top.jpg) no-repeat;
}
#logo a {
 display: block;
 width: 100px;
 height: 65px;
 width: 246px;
 background: url(../../images/logo.jpg) no-repeat 0 0;
}
#logo a:hover { background: url(../../images/logo.jpg) no-repeat 0 -65px; }
.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}
#nav {
 position: relative;
 top: 0;
 left: 0;
 background: url(../../images/nav2.gif) no-repeat; 
 width: 523px;
 height: 25px; 
}
#nav ul, #nav ul li {
 margin: 0;
 padding: 0;
 list-style: none; 
}
#nav ul li {
 list-style: none;
 position: absolute;
 display: block; 
}
#navHome { left: 0; top: 0; }
#navHome, #navHome a { height: 25px; width: 74px; }
#navHome a:hover { background: transparent url(../../images/nav2.gif) 0 -25px no-repeat; }
#navStories { left: 74px; top: 0; }
#navStories, #navStories a { height: 25px; width: 56px; }
#navStories a:hover { background: transparent url(../../images/nav2.gif) -74px -25px no-repeat; }
#navPoems { left: 130px; top: 0; }
#navPoems, #navPoems a { height: 25px; width: 56px; }
#navPoems a:hover { background: transparent url(../../images/nav2.gif) -130px -25px no-repeat; }
#navKotor { left: 186px; top: 0; }
#navKotor, #navKotor a { height: 25px; width: 56px; }
#navKotor a:hover { background: transparent url(../../images/nav2.gif) -186px -25px no-repeat; }
#navFav { left: 242px; top: 0; }
#navFav, #navFav a { height: 25px; width: 136px; }
#navFav a:hover { background: transparent url(../../images/nav2.gif) -242px -25px no-repeat; }
#navAbout { left: 378px; top: 0; }
#navAbout, #navAbout a { height: 25px; width: 67px; }
#navAbout a:hover { background: transparent url(../../images/nav2.gif) -378px -25px no-repeat; }
#navGuest { left: 445px; top: 0; }
#navGuest, #navGuest a { height: 25px; width: 78px; }
#navGuest a:hover { background: transparent url(../../images/nav2.gif) -445px -25px no-repeat; }

/* you are here menu */
body#homerants #navHome { background: transparent url(../../images/nav2.gif) 0 -25px no-repeat; }
body#stories #navStories { background: transparent url(../../images/nav2.gif) -74px -25px no-repeat; }
body#poems #navPoems { background: transparent url(../../images/nav2.gif) -130px -25px no-repeat; }
body#kotor #navKotor { background: transparent url(../../images/nav2.gif) -186px -25px no-repeat; }
body#cft #navFav { background: transparent url(../../images/nav2.gif) -242px -25px no-repeat; }
body#about #navAbout { background: transparent url(../../images/nav2.gif) -378px -25px no-repeat; }
body#guest #navGuest { background: transparent url(../../images/nav2.gif) -445px -25px no-repeat; }

#navHome a, #navStories a, #navPoems a,#navKotor a, #navFav a, #navAbout a, #navGuest a {
 display: block;
 text-indent: -8000px; 
 background: transparent;
 border: 0;
 text-decoration: none;
}
/* tab nav --- OLD 
#nav { float: left; }
#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#nav li {
 float: left;
 background: url(../../images/tabL.gif) left bottom no-repeat;
 margin: 0;
 padding: 0 0 0 10px;
}
#nav a, #homerants #navHome a:hover, #stories #navStories a:hover {
 display: block;
 background: url(../../images/tabR.gif) 100% -106px no-repeat;
 padding: 4px 10px 6px 0;
 font: 11px Georgia,Times,Serif;
 color: #FBEACC;
 text-decoration: none;
}
#nav a:hover, #homerants #navHome a, #stories #navStories a, #about #navAbout a, #poems #navPoems a,#kotor #navKotor a, #cft #navFav a, #guest #navGuest a {
 color: #29627F;
 background: url(../../images/tabR.gif) right bottom no-repeat; 
}

--- end tab nav */

form { padding: 0; margin: 0; }
#copy {
 padding: 20px;
 font: 11px/21px Georgia,Times,Serif;
 color: #635A3D;
}
h3 {
 font: bold 17px Georgia,Times,Serif; 
 margin: 0;
 padding: 0;
}
h5 {
 font: italic 14px Georgia,Times,Serif;
 padding: 0 0 20px 0;
 margin: 0 0 6px 0;
 background: url(../../images/bg/h3Bg.gif) center bottom no-repeat;
}
.comments span a {
 color: #635A3D;
 text-decoration: none;
}
.comments span a:hover {
 text-decoration: underline;
 color: #255168;
}
.post {
 padding: 0 0 30px 0;
 background: url(../../images/bg/postBg.gif) bottom left no-repeat;
 margin: 0 0 18px 0;
}
.post p {
 margin: 0;
 padding: 5px 0;
}
.comments {
 text-align: right;
 margin: 15px 15px 5px 0;
}
.comments span {
 background: url(../../images/bg/commentBg.gif) repeat-x;
 text-align: center;
 padding: 7px;
 font: bold 10px verdana,helvetica,sans-serif;
}
#quotastic {
 background: url(../../images/bg/quotBg.jpg) right no-repeat;
 height: 233px;
}
#quotastic p {
 padding: 8px 10px 0 49px;
 font: 11px/17px Georgia,Times,Serif;
}
#buffalo p {
 font: 10px/15px Verdana,Arial,Sans-Serif; 
 padding: 4px 10px 4px 7px; 
}
#rightCol p {
 margin: 0;
}
#rightCol h4 {
 text-indent: -8000px;
 margin: 0;
 padding: 0;
}
h4#quot { background: url(../../images/h4Quot.gif) bottom right no-repeat; height: 61px; }
h4#buff { background: url(../../images/h4Buf.gif) no-repeat; height: 43px; margin: 8px 0 0 0; }
h4#arch { background: url(../../images/h4Arch.gif) no-repeat; height: 17px; margin: 8px 0 5px 0; }
h4#linkage { background: url(../../images/h4Linkage.gif) no-repeat; height: 17px; margin: 8px 0 5px 0; }
#rBody {
 padding: 8px 0 0 20px;
}
#footer p {
 padding: 20px 10px 0 10px;
 margin: 0;
}
#footer a {
 color: #29627F;
 padding: 3px;
 margin: 20px 4px 0 0;
 text-decoration: none;
}
#footer a:hover {
 color: #F05344;
}
#footer span { float: right; }
#comments .comments { display: none; }
#comments .post { padding-bottom: 25px; }
fieldset label { 
 display: block;
 margin-top: 8px;
 text-transform: uppercase;
 font-size: 10px;
 font-weight: bold;
}
fieldset {
 border: 0;
 padding: 30px  8px 8px 8px;
 margin: 0;
 background: url(../../images/bg/h3Bg.gif) 50% 15px no-repeat;
}
fieldset input, fieldset textarea { 
 border: 1px solid #C3B79B; 
 padding: 3px;
 font: 11px verdana,arial,helvetica,sans-serif;
 background: #F5E7CD;
 color: #635A3D;
 margin-left: 3px;
}
fieldset input:hover, fieldset input:focus, fieldset textarea:hover, fieldset textarea:focus { 
 border: 1px solid #9A8A64; 
 background: #F5E5C4;
}
fieldset p span { 
 float: right;
 padding-right: 100px;
}
/* ie is muy stuipido */
fieldset p input { border: 0; }
.button { 
 background: #F05344; 
 border: 0;
 color: #fff;
 font: 10px verdana,arial,helvetica,sans-serif;
}
.button:hover {
 background: #29627F; 
 border: 0;
}
a {
 color: #29627F;
 text-decoration: none;
 outline: none;
}
a:hover {
 text-decoration: underline;
 color: #F05344;
}
a:active { outline: none; }
#comment { padding-bottom: 15px; }
.comEven, .comOdd {
 width: 455px;
 padding: 0 0 10px 0;
}
.comEven h4, .comOdd h4 {
 padding: 2px 5px 2px 5px;
 font-size: 12px;
 margin: 0;
}
.comEven h4 { 
 background: #C3C7A5;
 color: #979D66; 
}
.comOdd h4 {
 background: #DDDCCD;
 color: #504F41; 
}
.comEven h4 a {
 padding: 0 0 0 15px;
 background: url(../../images/bg/comPost_even.gif) no-repeat 0 -4px; 
}
.comEven h4 a, .comEven p a { color: #6C8A4F; }
.comEven h4 a:hover, .comEven p a:hover { color: #F05344; }
.comOdd h4 a {
 padding: 0 0 0 15px;
 background: url(../../images/bg/comPost_odd.gif) no-repeat 0 -4px;
}
.comEven h4 a:hover {
 padding: 0 0 0 15px;
 background: url(../../images/bg/comPost_even.gif) no-repeat 0 -32px;
}
.comOdd h4 a:hover {
 padding: 0 0 0 15px;
 background: url(../../images/bg/comPost_odd.gif) no-repeat 0 -32px;
}
.comEven h4 span, .comOdd h4 span {
 float: right;
 font-size: 10px;
 font-weight: normal;
 color: #76756E; 
}
.comEven p, .comOdd p {
 padding: 0 0 7px 0;
 margin: 0;
 line-height: 18px;
}
.comEven div, .comOdd div {
 margin: 7px 0 0 10px;
 border-left: 1px solid #CEC1A6;
 padding: 7px 10px 0 10px;
}
#archives dl {
 margin: 0;
 padding: 2px 20px 0 5px;
 font: 10px verdana,arial,helvetica,Sans-Serif;
}
#archives dl dd {
 padding: 0 0 0 6px;
 margin: 2px 0 2px 4px;
 background: url(../../images/archBul.gif) no-repeat 0 5px;
}
.post img, #buffalo img {
 padding: 5px;
 border: 1px solid #D8CEB0;
 background: #F8F3E3; 	
 float: left;
 margin: 4px 10px 5px 0;
}
#about .post { background: none; padding: 0; }
#linkage ul {
 margin: 0;
 padding: 0 20px 0 5px;
 list-style: none;
 font: 10px verdana,arial,helvetica,Sans-Serif;
}
#linkage ul li {
 padding: 0 0 0 6px;
 margin: 3px 0 8px 4px;
 background: url(../../images/archBul.gif) no-repeat 0 5px;
}
#linkage ul li a {
 display: block;
 font: 11px verdana,arial,helvetica,Sans-Serif;
 margin-bottom: 2px;
}
#web, #email, #name { width: 275px; }
#message { width: 385px; }
#txpCommentInputForm p label { display: inline; }