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

html, body {
font:0.9em verdana, sans-serif;
background:#999;
text-align: center;
margin:0;
padding:0;
}

tr, td, th, thead {
font: 1em verdana, sans-serif;
}

#wrapper {
background: url(../images/bg_wrap.gif) repeat-y;
margin:0px auto;
position:relative;
text-align:left;
width:751px;
}

/* 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(../images/logo_default.jpg);
height:60px;
}

#header-menu {
padding:6px 0px 5px 10px;
background: url(../images/stripe.gif);
height:20px;
}

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

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

.content-header {
background: url(../images/bg.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(../images/bg.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;
}

#header-menu ul li {
float: left;
position: relative;
margin-right: 25px;
}

#header-menu ul li ul {
display: none;
position: absolute;
top:100%;
left:0;
margin:0;
padding:4px 0px 3px 0px;
width:100px;
background: url(../images/stripe.gif);
}

#header-menu ul li ul li{
margin-right:5px;
margin-left:5px;
margin-bottom:2px;
padding:0;
width:80px;
}

#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 {
background: url(../images/bulletblue.gif) 0px 0px no-repeat;
padding: 0px 4px 0px 15px;
text-decoration:none;
}

#nav li a:hover {
background: url(../images/bulletbluehover.gif) 0px 0px no-repeat;
}

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

.navblock {
}

#themes {
position: absolute;
right: 20px;
padding:0;
margin:3px 0 5px 0;
}

#themes a {
margin:0 1px 0 1px;
padding:0;
}

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

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

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

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

.blogfooter {
color:#333;
font-size:0.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(../images/bullet.gif) 0px 0px no-repeat;
text-decoration:none;
}

.blogfooter li a:hover{
color:#000;
background: url(../images/bullethover.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:#f90;
margin-bottom:5px;
}

.commententry {
font:11px Verdana,Sans-serif;
margin:15px 0px 5px 0px;
}

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

.commententry h2 {
font:11px Verdana,Sans-serif;
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(../images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/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; }