/* Author: Gerard Braad (gbraad@spotsnel.nl) */

body
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    color: black;
    margin: 0px;
    background: #0070E0 url('http://img.gbraad.nl/shadowmanshadedcropped.png') no-repeat fixed 0 0;
}

p, td, th
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
}

a:link {
    color:#5588aa;
    text-decoration:none;
}

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

a:hover {
    color:#000000;
    text-decoration:underline;
}

a img {
    border-width:0;
}

hr {
    height: 1px;
    color: #339966;
    background-color: #339966;
}

#container {
    margin: 42px auto;
    position: relative;
    text-align: left;
    width: 770px;
    -moz-border-radius: 14px;
    -khtml-border-radius: 14px;
    background-color: #FFFFFF;
/*
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
*/
}

#main {
    padding: 14px;
    margin: 1px;
}

#navigation {
    padding-bottom: 10px;
}

#navigation ul {
    font-weight:bold;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding:0;
    position:absolute;
    width:inherit;
}

#navigation li {
    border-right:1px solid #CDCDCD;
    float:left;
    margin-right:5px;
    padding:0 10px;
}

li {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}

h1 {
    border-bottom:dotted 1px #999999;
    margin-bottom:0px;
    color: #000000;
}

.post {
    padding-left:5%;
    padding-right:7%;
}
acronym, abbr, .help
{
    border-bottom:	1px dotted #333;
    cursor:		help;
}

#techs
{
    text-align:		center;
    font-size:		xx-small;
}

#techs img
{
    border:		0;
}

pre, code
{
    color:		#999999;
}

.byline
{
    padding:		0px;
    margin:		0px;
    color:		#444444;
    font-size:		80%;
}

.byline a
{
    border:		none;
    color:		#968A0A;
    text-decoration:	none;
}

.byline a:hover
{
    text-decoration:	underline;
}

ul.media li.audio
{
    list-style-image:	url('/images/media-audio.gif');
}

ul.media li.video
{
    list-style-image:	url('/images/media-video.jpg');
}

ul.media li.qt
{
    list-style-image:	url('/images/media-qt.png');
}

ul.media li.photo
{
    list-style-image:	url('/images/media-photo.gif');
}

ul.media li.news
{
    list-style-image:	url('/images/media-news.gif');
}

ul.media li.info
{
    list-style-image:	url('/images/media-info.gif');
}

.link-external, .links a
{
    background:		transparent url('/images/icons/in-link.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.link-https
{
    background:		transparent url('/images/icons/in-https.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.link-mailto
{
    background:		transparent url('/images/icons/in-mail.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.link-news
{
    background:		transparent url('/images/icons/in-news.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.link-ftp
{
    background:		transparent url('/images/icons/in-ftp.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.link-irc
{
    background:		transparent url('/images/icons/in-irc.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.link-callto
{
    background:		transparent url('/images/icons/in-callto.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.fn, .line
{
    /* display:		block; */
    display: none;
}

.bday
{
    display:		none;
}

.org, .role
{
    padding-top:	10px;
    margin:		1px;
    padding-left:	10px;
}

.adr
{
    padding-top:	10px;
    padding-left:	10px;
    margin:		1px;
}

.tel, .email
{
    margin:		1px;
    padding:		5px;
}

.nickname /*, .tel .home*/
{
    display:		none;
}

.adr .country-name, .tel span, .email span, .email a
{
    display:		block;
}

.tel .home
{
    background:		url('/images/icons/um-phone.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.tel .home:after
{
    content:		" (Not for commercial purpose)";
}

.tel .work
{
    background:		url('/images/icons/um-phone.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.tel .fax
{
    background:		url('/images/icons/um-fax.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.tel .cell
{
    background:		url('/images/icons/um-cell.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.email .internet
{
    background:		url('/images/icons/in-mail.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

/*
.vcard .photo
{
    margin:		10px;
    float:		right;
}
*/

.downloads, .links
{
    padding:		5px;
    margin:		1px;
}

.services, .sites, .interests
{
    padding:		10px;
    margin:		1px;
}

.services span, .sites span, .interests span
{
    display:		block;
}

.yahoo
{
    background:		url('/images/icons/im-yahoo.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.icq
{
    background:		url('/images/icons/im-icq.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.aim
{
    background:		url('/images/icons/im-aim.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.msn
{
    background:		url('/images/icons/im-msn.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.skype
{
    background:		url('/images/icons/um-skype.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.gizmo
{
    background:		url('/images/icons/um-gizmo.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.google
{
    background:		url('/images/icons/um-google.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.jabber
{
    background:		url('http://netlab.cz/status/?jid=gbraad%40gmail.com&ib=psi') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;

}

.sip
{
    background:		url('/images/icons/um-phone.png') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.relationship, .acquaintance, .interest
{
    padding:		10px;
    margin:		1px;
    display:		block;
    background-color:	rgb(250, 250, 250);
    border:		1px solid;
}

.foaf
{
    background:		url('/images/icons/in-foaf.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
}

.file
{
    background:		url('/images/icons/fs-document.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
    display:		block;
}

.dir
{
    background:		url('/images/icons/fs-folder.gif') 0px 1px no-repeat;
    padding:		1px 0px 1px 16px;
    display:		block;
}

a.offsite
{
    color:		#333;
    text-decoration:	none;
}

#left
{
    position:		absolute;
    margin:		0px 0px 30px 0px;
    width:		600px;
}

#right
{
    margin:		0px 0px 30px 0px;
    width:		240px;
    padding-left:	610px;
    text-align:		center;
}

.location, .feed
{
    display:		block;
    /* background-color:	rgb(255, 250, 205);
    border:		1px solid;
    margin:		3px; */
    padding-top:	10px;
    padding-bottom:	10px;
    overflow:		auto;
}

.downloads, .links
{
    background-color:	rgb(250, 250, 250);
    margin:		1px;
    padding-left:	10px;
    border:		1px solid;
    overflow:		hidden;
}

/* override */
.headingText
{
    margin-left:	0px;
}

.travel
{
    padding-left:	1.5cm;
    padding-right:	1.5cm;
}

.location .name, .feed .title
{
    font-weight:	bold;
}

.location .note, .feed .date
{
    font-style:		italic;
}

.location .name, .location .arrival, .location .note, .feed .entry, span.describe
{
    display:		block;
}

div.thumb
{
    margin-bottom:	.5em;
    width:		auto;
}

div.thumb img
{
    border:		1px solid #000000;
}

div.thumb div
{
    padding:		3px !important;
    font-size:		94%;
    text-align:		center;
}

div.tright
{
    clear:		right;
    float:		right;
    border-width:	.5em 0 .8em 1.4em;
    padding-right:	1px;
}

div.tleft
{
    float:		left;
    margin-right:	.5em;
    border-width:	.5em 1.4em .8em 0;
    padding-left:	1px;
}

.warning
{
    color:		rgb(255, 0, 0);
}

.photo {
    float: right;
    margin: 10px;
}