/*
-----------------------------------------------
blog.s3maphor3 main css file
author: Ferdy Christant
created: 11 Jan 2004
version: 18 Nov 2004
-----------------------------------------------
*/

html, body {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
background: url(../resources/$master_graphics/$FILE/background_page.gif) repeat;
text-align: center;
margin:0;
padding:0;
}

tr, td, th, thead {
font: 1em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}

#wrapper {
background: url(../resources/$master_graphics/$FILE/background_spacer.gif);
repeat-y;
margin:0px auto;
position:relative;
text-align:left;
width:851px;
top:50px;
}

/* Mozilla 1.4 fix to force inheritance of background color to children */
#wrapper:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;} 

#logo {
padding:0;
margin:0;
background: url(../resources/$master_graphics/$FILE/logo_header.gif);
height:150px;
}

#header-menu {
background: url(../resources/$master_graphics/$FILE/background_button_bar.jpg);
height:31px;
}

#content-wrapper {
background:#fff;
float:left;
width:650px;
}

#content {
background:#fff;
margin:15px 20px 20px 20px;
line-height: 1.5em;
}

.content-header {
background: url(../resources/$master_graphics/$FILE/background_header.jpg) repeat-x;
height:29px;
padding-left:10px;
padding-top:7px;
}

#nav-wrapper {
float:right;
width:200px;
border-left:1px solid #ccc;
}

#nav {
font-size:0.8em;
padding:10px;
padding-top:0px;
margin:0;
}

.nav-header {
background: url(../resources/$master_graphics/$FILE/background_header.jpg) repeat-x;
height:31px;
padding-left:10px;
padding-top:7px;
}

a:link, a:active {
color:#69c;
text-decoration:underline;
}

a:visited {
color:#69c;
text-decoration:none;
}

a:hover {
color:#f90;
}

acronym, abbr	{
border-bottom:1px dotted #f90;
font-weight:bold;
cursor:help;
}

code, tt, pre
{
font-family: monospace;
font-size:12px;
color:#333;
background:#EAE7E7;
display:block;
padding:4px;
margin-top:10px;
border:1px #333 dotted;
line-height:17px;
}

#logo a:link, #logo a:visited, #logo a:active {
color:#553b1c;
}

#header-menu ul {
list-style: none;
padding:0;
margin:0;
height:31px;
}

#header-menu ul li {
background: url(../resources/$master_graphics/$FILE/background_button.jpg);
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
float: left;
position: relative;
border-right:#666 1px solid;
}

#header-menu a {
line-height: 20px;
font-size:10px;
font-weight: bold;
text-decoration:none;
border: none;
color: #fff;
}

#header-menu a:hover {
color:#f90;
}

#header-menu ul li ul li a {
margin:0;
display: block;
}

#header-menu li:hover ul, #header-menu li.over ul {
display: block;
}

.content-header h1 {
color:#333;
font-size:110%;
margin:0;
padding:0;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
margin-bottom:0px;
padding:0;
}

#nav li a {
padding: 0;
text-decoration:none;
}

#nav li a:hover {
}

#nav h1,h2, h3 {
color:#f60;
font-size:130%;
margin-bottom:3px;
font-variant:small-caps;
}

.navblock {
}

#admin {
position: absolute;
right: 20px;
padding:0;
top:155px;
margin:3px 0 5px 0;
}

#admin a {
color:#f00;
margin:0 1px 0 1px;
padding:0;
}

.blogentry h1 {
font-size:1.3em;
font-weight:bold;
color:#f60;
margin-bottom:5px;
}

.blogentry h1 a:link,  .blogentry h1 a:active, .blogentry h1 a:visited{
color:#f60;
text-decoration:none;
}

.blogentry h1 a:hover {
color:#f60;
text-decoration:underline;
}

.blogentry h2, .commententry h2 {
color:#999;
font-weight:bold;
font-size:.8em;
margin:0;
padding:0;
border:0;
}

.blogfooter {
ccolor:#999;
font-weight:bold;
font-size:.8em;
border-bottom: 1px dotted #ccc;
}

.blogfooter ul {
margin: 0;
white-space: nowrap;
padding: 0;
}

.blogfooter li {
display: inline;
list-style-type: none;
}

.blogfooter li a:active, .blogfooter li a:visited,.blogfooter li a:link{
color:#999;
padding: 0px 4px 0px 15px;
background: url(../resources/$master_graphics/$FILE/icon_bullet.gif) 0px 0px no-repeat;
text-decoration:none;
}

.blogfooter li a:hover{
color:#000;
background: url(../resources/$master_graphics/$FILE/icon_bullet_hover.gif) 0px 0px no-repeat;
}

.blogcomments {
color:#999;
margin-top:-19px;
margin-left:350px;
position: relative;
float:right;
}

.blogcomments img {
margin:0;
padding:0;
}

#comments h1 {
font-size:.8em;
font-weight:bold;
color:#f60;
margin-bottom:5px;
}

.commententry {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
margin:15px 0px 5px 0px;
}

.commententry p {
line-height:1.5em;
}

.commententry h2 {
font-size:1em;
font-weight:bold;
display:block;
border-bottom:1px solid #ccc;
}

.commententry h3 {
color:#999;
font-size: 1em;
font-weight:bold;
margin-top:-15px;
float:right;
}

.calender th, thead {
font-size:0.7em;
color:#69c;
}

.calender td {
color:#ccc;
}

.calender {
margin-top:0px;
}

.thumbnail {
float:left;
background: url(../resources/$master_graphics/$FILE/shadowalpha.png) no-repeat bottom right !important;
background: url(../resources/$master_graphics/$FILE/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.thumbnail img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
} 

.newline { clear: both; }

form {
margin:0px;
}

form td, form tr, form input {
font:11px verdana, sans-serif;
}

form input.text, form textarea.text {
font:11px Verdana,Sans-serif;
color:#000;
background:#ccc;
border:1px solid #69c;
margin-top:2px;
}

form input.button {
color:#fff;
background:#f60;
}

.searchbutton {
margin-bottom:-4px;
}

form textarea {
font:11px Verdana,Sans-serif;
}

fieldset {
border: 1px solid #ccc;
margin-top:10px;
margin-bottom:10px;
}

legend {
font:0.8em Verdana,Sans-serif;
color:#f60;
font-weight:bold;
}

label {
color:#333;
font-weight: bold;
margin-right:5px;
margin-top:0px;
}

.formtable {
margin:10px;
}

.edittable {
font:11px verdana, sans-serif;
border-right:1px solid #ccc;
}

.edittable td{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px;
}

.edittable th, .sorttable th{
font:11px verdana, sans-serif;
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font-weight:bold;
}

.sorttable {
font:11px verdana, sans-serif;
border-right:1px solid #ccc;
}

.sorttable td{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px;
}

.sorttable thead td{
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font:11px verdana, sans-serif;
text-decoration:underline;
cursor:pointer;
font-weight:bold;
}

.tag1 { font-size: 1em; }
.tag2 { font-size: 1.2em; }
.tag3 { font-size: 1.4em; }
.tag4 { font-size: 1.6em; }
.tag5 { font-size: 1.8em; }
.tag6 { font-size: 2em; }

#tagcloud {
width:90%;
margin:0px;
line-height:2em;
}