/*	based on terrafirma1.0 by nodethirtythree design	http://www.nodethirtythree.com   */

* { padding: 0px; margin: 0px; }

body { background: #F9F9F7 url('images/interface/a1.gif') repeat-x; font-size: 70%; font-family: "trebuchet ms", helvetica, sans-serif; color: #999; line-height: 18px; }
a { color: #b4280c; background-color: #fff; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin-bottom: 14px; text-align: justify; }
img.pic { position: relative; padding: 0 8px 8px 8px; }
img.floatleft { float: left; margin: 0px 14px 3px 0px; }

/*--- HEADER ---*/

#header { position: absolute; background: #FF7800 url('images/interface/a8.gif') repeat-x; width: 202px; height: 92px; color: #fff; padding-left: 20px; margin-right: 10px; }
#header span { font-weight: normal; }
#header strong a { background-color: transparent; color: #fff; font-size: 50%; }
#header h1 { position: absolute; font-size: 220%; letter-spacing: -1px; top: 30px; height: 92px; }
#banner { position: absolute; right: 10px; background: #EAEAE2 url('images/interface/banner.jpg') no-repeat; width: 478px; height: 92px; color: #000; }
h4 { font-size: 100%; font-weight: normal; }

/*--- MAIN ---*/

#wrapper { position: relative; width: 727px; margin: 0 auto; background-color: #fff; color: #999; border: 1px solid #ccc; }
#inner { position: relative; padding: 10px; z-index: 2; }
#maincontent { position: relative; width: 480px; float: left; }
#maincontent h3 { background-color: #fff; position: relative; top: 4px; font-size: 160%; line-height: 25px; color: #b4280c; letter-spacing: -1px; padding: 0px 0px 10px 15px; margin-bottom: 20px; border-bottom: 1px dotted #d4d4d4; }
#maincontent .content { padding: 0px 15px 0px 15px; margin-bottom: 20px; }
#pad, #desc {  width: 500px; margin: 0 auto; text-align: center; font-size: 120%; font-weight: bold; }
strong.author { float: right; }
fieldset { background-color: #eee; color: #999; }
th { text-align: right; }

p.post { padding-bottom: 1em; border-bottom: 1px dotted #d4d4d4; font-style: italic; }

/*--- TOPNAV ---*/

#menu { position: relative; background-image: url('images/interface/a16.jpg'); background-repeat: repeat-x; height: 67px;
padding: 0px 20px 0px 5px; margin: 98px 0px 20px 0px; }
#menu ul li { display: inline; line-height: 52px; padding-left: 3px; }
#menu ul li.first { border-left: 0px; }
#menu ul li a { background-color: transparent; background-repeat: repeat-x; padding: 8px 12px 8px 12px; font-size: 110%; color: #fff; font-weight: bold; }
#menu ul li a:hover { background: #fff url('images/interface/a18.gif') repeat-x top; color: #4A4A24; text-decoration: none; }
#home a.home, #gallery a.gallery, #profile a.profile, #guestbook a.guestbook, #contact a.contact { text-decoration: none; }
#date { position: absolute; top: 0px; line-height: 52px; color: #fff; right: 30px; font-weight: bold; font-size: 110%; letter-spacing: -1px; background-color: transparent;}
#page-nav { width: 200px; text-align: center; }

/*--- SIDEBAR ---*/

#sidebar { position: relative; width: 200px; float: right; }
#sidebar h3 { position: relative; top: 4px; font-size: 160%; line-height: 25px; color: #b4280c; letter-spacing: -1px; padding: 0px 0px 10px 10px; margin-bottom: 20px; border-bottom: 1px dotted #d4d4d4; }
#sidebar .content { padding: 0px 10px 0px 0px; margin-bottom: 20px; }
#sidebar ul { list-style-type: none;  }
#sidebar div p { clear: left; text-align: left; }
#sidebar form { padding-left: 10px; }
#thumbs { width: 175px; height: 350px; list-style-type: none; margin: 0 auto 0 auto; padding: 0; }
#thumbs li{ padding: 0; float: left; margin: 0 2px 0 2px; }
#thumbs li a{ padding: 0; margin:0; }
#page-nav { width: 200px; margin: 0 auto; text-align: center; margin-bottom: 3em; }

/*--- FOOTER ---*/

#footer { background-color: #fff; position: relative; clear: both; height: 66px; text-align: center; line-height: 66px; background-image: url('images/interface/a50.gif'); color: #999; }
#footer a { color: #b4280c; background-color: #fff; }