body {color: black; width: 800px; font-size: 90%; background-color: white; padding: 5px; font-family: Calibri;}

/*main navigation*/
#navigation {position: absolute; top: 80px; width: 850px;}
#navigation ul {list-style: none;}
#navigation ul li {float: left;}
#navigation ul li a {border: none; width: 100px; display: block; padding: 5px; margin: 1px; text-decoration: none; background: url('/qwerty/images/nav.gif') 0 0 no-repeat; color: white; text-align: center; font-weight: bold;}
#navigation ul li a.selected {background: url('/qwerty/images/nav.gif') 0 -32px no-repeat;}
#navigation ul li a:hover {background: url('/qwerty/images/nav.gif') 0 -32px no-repeat;}

/*subnav*/
#wrap #main #subnav {position: absolute; top: -35px;}
#wrap #main #subnav ul {list-style: none;}
#wrap #main #subnav ul li {float: left; padding: 5px; margin-right: 5px; list-style: none;}
#wrap #main #subnav ul li.selected {background: #117A9D; color: white; font-weight: bold;}
#wrap #main #subnav ul li img {margin-left: 10px;}

#wrap {position: absolute; top: 150px;}
#wrap h1 {position: absolute; top: -150px !important; _top: -120px; letter-spacing: 8px; font-size: 280%; display: block; width: 700px;}
#wrap h1 a {text-decoration: none; color: #117A9D; border: none;}

/*calendar*/
#wrap #main #calendar {position: absolute; top: 10px; left: 630px;}
#wrap #main #calendar table {border-collapse: collapse; width: 220px;}
#wrap #main #calendar table caption {font-weight: bold; border: 1px solid; font-size: 120%; margin-left: -1px;}
#wrap #main #calendar table tr td {border: 1px dotted; text-align: left; width: 14.2%; height: 25px; vertical-align: top;}
#wrap #main #calendar table tr td.days {background-color: black; color: white; font-size: 80%; vertical-align: middle; text-align: center;}
#wrap #main #calendar table tr td.blog {background-color: #06AEFF;}
#wrap #main #calendar table tr td.selected_blog {background-color: #0C5269; color: white; font-weight: bold;}
#wrap #main #calendar table tr td.blog a {display: block;}
#wrap #main #calendar #select_wrap {text-align: center; position: absolute; width: 220px; z-index: -1;}
#wrap #main #calendar #select_wrap select {margin: 8px;}

/*counter*/
#wrap #main #sidebar {position: absolute; top: 260px; left: 630px; width: 250px; margin-top: 20px;}
#wrap #main #sidebar p {font-size: 120%; font-weight: bold;}
#wrap #main #sidebar ul {margin-top: -15px; margin-bottom: 15px;}
#wrap #main #sidebar ul li {list-style: square; margin-bottom: 2px;}
#wrap #main #sidebar ul li.selected {background: #117A9D; color: white; font-weight: bold;}
#wrap #main #sidebar select {margin-left: 20px;}

#wrap #main {width: 600px; padding: 5px; position: absolute; top: 10px;}
#wrap #main h2 {margin-top: 30px; font-size: 180%; color: black;}
#wrap #main h2 a {text-decoration: none;}
#wrap #main h2 a img {border: none;}
#wrap #main h3 {font-size: 130%; border-bottom: 1px solid; margin-top: 70px;}
#wrap #main .inv_blog {opacity: .7; filter: alpha(opacity = 70); background: #eee;}
#wrap #main .inv_blog:hover {opacity: 1; filter: alpha(opacity=100);}
#wrap #main p {margin-left: 5px; font-size: 100%; color: black;}
#wrap #main p span {text-decoration: none; font-size: 100%; display: inline;}
#wrap #main p span.caption {font-size: 140%; padding: 5px; display: block; border-bottom: 1px solid; width: 350px;}
#wrap #main dl {padding: 5px;}
#wrap #main dl dt {font-weight: bold; border-bottom: 1px solid; margin: 10px 0 5px 0; width: 200px;}
#wrap #main dl dt a {color: #117A9D;}
#wrap #main dl dd {margin-bottom: 20px; margin-left: 25px;}
#wrap #main ul li {list-style: square;}

/*forum*/
#wrap #main .topic_body {display: block; border: 1px dotted black; padding: 8px; margin: 5px; width: 570px;}
#wrap #main .topic_body:hover {border: 1px solid;}
#wrap #main .topic_body table {border: none; width: 100%;}
#wrap #main .topic_body table tr {border: none;}
#wrap #main .topic_body table tr td {border: none;}
#wrap #main .topic_body table tr td.side_bar {width: 160px; border-right: 1px solid; padding: 5px; vertical-align: top;}
#wrap #main .topic_body table tr td.side_bar .author a:hover {border-bottom: 1px solid;}
#wrap #main .topic_body table tr td.post {width: 390px; vertical-align: top; padding: 5px;}
#wrap #main .topic_body table tr td.xtend {border-right: 1px solid;}
#wrap #main .topic_body table tr td .blog_owner {background: #dbdbdb; padding: 5px; display: block; width: 370px; margin: 0 0 0 10px;}
#wrap #main .topic_body table tr td .blog_owner span {font-size: 75%; text-indent: 10px; border-top: 1px solid;}

#wrap #main .topic_body .post_num {text-decoration: none; font-size: 65%;}
#wrap #main .topic_body p a.forum_topic {display: block;}
#wrap #main .author {font-size: 100%;}
#wrap #main .author strong {font-size: 105%; display: inline; margin-bottom: 2px;}
#wrap #main .author strong a {display: inline; font-size: 100%; padding:0; border-bottom: 1px dotted; font-weight: bold;}
#wrap #main .author strong img {margin: 10px 0 5px 0;}
#wrap #main .author strong img.valid {margin: 0; vertical-align: middle;}
#wrap #main .post_cnt {display: block; text-align: right;}

/*misc and album*/
#wrap #main span.warning {color: red; font-size: 100%;}
#wrap #main span {font-size: 80%; display: block; color: gray;}
#wrap #main span ins.pass {text-decoration: none; background-color: #0C5269; color: white; font-weight: bold;}
#wrap #main table {border-collapse: collapse; border: 1px solid black;}
#wrap #main table tr {border: 1px solid black;}
#wrap #main table tr td {border: 1px solid black; width: 130px; text-align: left; vertical-align: middle;}
#wrap #main table tr td.album_cover {background-color: #0C5269; color: white;}
#wrap #main table tr td span {padding: 5px 0 5px 5px; font-weight: normal; color: black;}
#wrap #main table tr td span strong a {font-weight: normal; font-size: 130%; display: block; padding-left: 5px; border-bottom: 1px dotted;}
#wrap #main table tr td a {border: none;}
#wrap #main table tr td a img {border: 1px solid transparent;}
#wrap #main table tr td a:hover img {border: 1px dotted black;}

/*form stuff!!!*/
fieldset {border: none;}
fieldset #stuff_status {display: inline;}
fieldset #add_pic div {border-bottom: 1px solid; padding: 5px; margin: 10px; display: block;}
fieldset #add_pic div:hover {background: #06AEFF;}
fieldset #add_pic div img {position: absolute; left: 500px; cursor: pointer;}
fieldset legend {margin-top: 10px; font-weight: bold; font-size: 110%;}
fieldset p {margin: 5px;}
textarea {border: 2px solid;}
input {border: 1px solid black; margin: 5px; color: black;}

/*form editor*/
form fieldset #editor {width: 400px;}
form input.editor {width: 20px; height: 15px;}
form fieldset #editor input.t_editor {border: 1px solid; margin: 1px; width: 45px; color: black;}
form fieldset #editor input.editor {border: 1px solid; margin: 1px;}
form #ebold {font-weight: bold;}
form #eitalic {font-style: italic;}
form #f_black {background-color: black;}
form #f_brown {background-color: #804000;}
form #f_red {background-color: red;}
form #f_orange {background-color: orange;}
form #f_yellow {background-color: yellow;}
form #f_green {background-color: green;}
form #f_blue {background-color: blue;}
form #f_violet {background-color: #8000FF;}
form #f_white {background-color: white;}
.text {width: 200px; border: 2px solid;}
form .h2_text {font-size: 100%; width: 180px;}

a {color: black; border-bottom: 1px dotted; text-decoration: none;}
a:hover {border-bottom: 1px solid;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: none;}