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

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;
}

#topbanner { background:#91BD09 url(../resources/$master_graphics/$FILE/bg_skin.png);  padding:5px; color:#fff; }

#topbanner a.avatar { display:inline-block; vertical-align:middle; }

#topbanner img { display:block; vertical-align:middle; background:#fff; padding:2px; border:1px solid #ccc;-moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 6px rgba(255,255,255,0.5);	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 6px rgba(255,255,255,0.5);box-shadow:	0px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 6px rgba(255,255,255,0.5);
 }

#topbanner a { -moz-border-radius: 3px; border-radius: 3px;  }

#topbanner em { display:inline-block; vertical-align:middle; margin-left:5px;  font-style:normal; font-weight:bold; }

#topbanner em a { background:#7ca208; border:1px solid #7faa2a; color:#fff; text-decoration:none; font-weight:bold; padding:3px 10px; margin-left:5px; border:1px solid #638421; 
-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 6px rgba(255,255,255,0.5);	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 6px rgba(255,255,255,0.5);box-shadow:	0px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 6px rgba(255,255,255,0.5);}

#topbanner em a:hover { background:#89b20a; }

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

/* 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;
height:150px;
}

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

#content-wrapper {
Xbackground: url(../resources/$master_graphics/$FILE/background_header.jpg) repeat-x;
float:left;
width:750px;
}

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

.content-header {
display:none;
}

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

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

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

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

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

a:hover {
color:#693;
}

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 {
Xbackground: url(../resources/$master_graphics/$FILE/background_button.jpg);
background:#1e1e1e;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
float: left;
position: relative;
border-right:#666 1px solid;
display:block;
}

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

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

#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:#693;
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:#693;
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:#693;
margin-bottom:5px;
}

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

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

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

.blogfooter {
color:#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:#693;
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:#693;
}

.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:#693;
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;
}

#twitter_update_list li {
border-bottom:1px solid #ccc;
padding-top:5px;
padding-bottom:5px;
}

.frame { background:#fff; border:1px solid #ccc; display:inline-block; -moz-border-radius:3px; padding:3px; -webkit-border-radius:3px; }

.addthis_toolbox { background:#f7f7f7; display:inline-block; border:1px solid #bbb; padding:5px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');background: -moz-linear-gradient(top,#fff 0%,#f7f7f7);background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#f7f7f7));border:1px solid #ccc; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.3),	inset 0px 0px 4px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.3),	inset 0px 0px 4px rgba(255,255,255,0.8);box-shadow: 0px 1px 3px rgba(000,000,000,0.3), inset 0px 0px 4px rgba(255,255,255,0.8); margin-bottom:10px;margin-top:10px; }
.addthis_toolbox a { color:#333; text-decoration:none; }