body {margin:0;padding:0;font-size:13px;font-family:"Trebuchet MS",arial,sans-serif;background:url(/tom/blog/images/nav_bg.gif) repeat-x 0 20px;text-align: center;background-color: #fff;}
body { height: 100%; }
html>body { height: auto; }
p, li, h3, h4, dl {line-height:1.3em;}
p, li, dd, blockquote {color:#495561;}
blockquote {background: #fff url(/images/q2.gif) 0 5px no-repeat;padding: 5px 5px 5px 30px;margin: 1em 5px;}
img, a img {border:none;}
h1 {font-weight:normal;}
h2 {font-size:19px;}
h2, h3 {font-weight:normal;margin-bottom:.3em;}
h4 {margin:0;}
a {color:#06f;text-decoration:none;}
a:hover {color:#06f;text-decoration: underline;}
a:visited {color:#03c;}
pre, code {font-family: "andale mono", "lucida sans", courier, monospace;font-size: 95%;}
pre {width:100%;overflow: auto;}
.callout {font-size:1.5em;margin-top:.5em;color:#495561;}
p img {vertical-align:baseline;}
p, ul, ol, h2, h3, h4 {margin-top:0;}
ul {margin:0 0 1em;padding-left:1.5em;}
ol {padding-left:2.2em;}
kbd {padding:2px;background-color:#efefef;}
form {padding:0;margin:0;}
#page {padding-top:55px;width:600px;margin:0 auto;text-align: left;position: relative;}
#webring {position:absolute;top:0;font-size:0.833em;line-height:24px;height:24px;overflow:hidden;}
#webring a {text-decoration:none;color:#888;}
#webring #webring_thissite, #webring a:hover {background: transparent url(/images/n_this.gif) center bottom no-repeat;color: #333;padding-bottom:2px;}
#nav {position:absolute;top:0px;list-style:none;height:27px;margin:0;padding:0;}
#nav li {display:inline;margin:0;padding:0;}
#nav li.home a {border-left:1px solid #fff;}
#nav li a {display:block;float:left;line-height:28px;color:#fff;text-decoration:none;padding:0 1em;margin:0;border-right:1px solid #fff;background:#002FCC url(/tom/blog/images/nav_bg.gif) repeat-x 0 -24px;}
#home #nav .home a, #consulting #nav .consulting a, #development #nav .development a, #clients #nav .clients a, #about #nav .about a, #contact #nav .contact a {background-color:#002FCC; background-image:none;}
#nav a:hover {background-color:#002FCC;background-image:none;border-bottom:1px solid #fff;line-height:27px;}
.box {clear:both;padding:1em 0 0;margin:.5em 0;background:url(/images/box-bg.gif) repeat-x 0 0;}
.box h3 {margin:0 0 .5em;}
.box p {margin-top:.5em;}
.box img.right {margin-top:.5em;}
.left {float:left;margin:0 1ex 1ex 0;}
.right {float:right;margin:0 0 1ex 1ex;}
.center {text-align:center;}
.red {color:#c00;}
.small, .crumbs {font-size:0.85em;line-height:1.2em;}
.featurelist, .articlelist {font-size:0.93em;line-height:1.2em;}
#about .featurelist h2 {margin:1em 0 1em;}
#about .featurelist p {margin-bottom:2em;}
#about .featurelist img {margin-bottom:1em;}
.pad {margin:1em 0 1.5em;}
.clear {clear:both;}
.clearl {clear:left;}
.clearfix {height: 1%;}
.clearfix:after {display: block;content:".";visibility: hidden;height: 0;clear: both;}
html > body .clearfix {min-height: 1px; height: auto;}
.third {float:left;width:30%;margin-right:5%;}
.twothirds {float:left;width:65%;margin-right:5%;}
.half {float:left;width:47%;margin-right:6%;}
.last {margin-right:0 !important;float:right;}
.info {background:url(/images/info.gif) no-repeat 0 0; padding-left:25px; min-height:17px;}
.warn {background:url(/images/warn.gif) no-repeat 0 0; padding-left:25px; min-height:17px;}
.handheld {display:none;}
.col1 {float: left;}
.col2 {float: right;}
.col1, .col2 {width: 48%; margin-top: 10px;}
.vmiddle {vertical-align: middle;}
.nowrap {white-space:nowrap;}
.nomargin, .middle {margin:0 !important;}
th { vertical-align: top; }


/* page specific */
#home .third {width:30%;margin-right:4%;overflow:visible;}
#home img.top {margin-left:-30px;}
#home .middle img.top {margin-left:-20px;}

#home h2 {margin:.3em 0 .8em;}
.howto {width:110px;float:left;padding-left:10px;}
.howto.one {padding:0;}
.howto img {display:block;clear:right;}

.intro {height:100%;vertical-align:bottom;margin-bottom:-3px;}
.intro img {margin:0;padding:0;}

#download h1, #download h1 a {display:block;width:308px;height:30px;background:url(/images/title_download.gif) no-repeat 0 0;text-indent:-999em;}
#download #dl h1 {background-image: none;text-indent:0;width:auto;height:auto;}
#download ul.all {padding:0;margin:0;}
#download ul.all li {width:32%;float:left;list-style:none inside url(/images/bullet.gif);}
#phonewizard .col {width:30%;float:left;}
#phonewizard ul {margin:0;padding:0;list-style-type: none;}
#phonewizard ul.borderr { border-left: 1px solid #eee;margin-bottom:140px; }
#phonewizard li { margin: 0 4px 4px 0; }
#phonewizard .borderr li { margin: 0 4px 4px; }
#phonewizard li a {text-align: left;display: block;padding: 0.1em 0.5em;border: 1px solid #eee;text-decoration: none;}
#phonewizard li a:hover, li.sel a, a.sel { background-color: #efefef; }
#imgholder {position: relative;top: 0;left:2em;}
ol.steps {padding:0.5em 0;margin:0;}
.steps li {padding:0;margin:0;list-style: none outside;}
.steps li img {vertical-align:middle;}
.pc #dlwap, .wap #dlpc {display:none;}
.pc #dlpc, .wap #dlwap {display:block;}
#about h1, #about h1 a {display:block;width:283px;height:30px;background:url(/images/title_features.gif) no-repeat 0 0;text-indent:-999em;text-decoration:none;}
.item {background:#efefef url(/images/third-bottom-g.gif) no-repeat 0 100%;margin-bottom:1em;padding:8px 8px 1px;}
.item h3 {font-size:1.15em;line-height:1.2em;}
.item p {line-height: 1.3em;}
.item .top {background:url(/images/third-top-g.gif) no-repeat 0 0;margin:-8px -8px 0 -8px;padding:8px 8px 0 8px;}
.item li {list-style: none outside;line-height:2em;margin:0; margin-left: -15px;border-bottom: 1px dotted #CCCCCC;}
.item ul {border-top: 1px solid #CCCCCC;}
#dl-steps {width:600px;height:64px;padding:0;margin:1em 0;list-style: none;}
.dl1, .dl2, .dl3, .dl4, .dl1 a, .dl2 a, .dl3 a, .dl4 a {display:block;float:left;width:150px;height:64px;text-indent:-999em;padding:0;margin:0;}
.dl1, .dl1 a {background:#ccc url(/images/dlstep-1.png) no-repeat 0 0;}
.dl2, .dl2 a {background:#ccc url(/images/dlstep-2.png) no-repeat 0 0;}
.dl3, .dl3 a {background:#ccc url(/images/dlstep-3.png) no-repeat 0 0;}
.dl4, .dl4 a {background:#ccc url(/images/dlstep-4.png) no-repeat 0 0;}
.v2, .v2 a {background-position: 0 -64px;}
.v3, .v3 a {background-position: 0 -128px;}
.v4, .v4 a {background-position: 0 -192px;}
.v5, .v5 a {background-position: 0 -256px;}
.v6, .v6 a {background-position: 0 -320px;}
.v7, .v7 a {background-position: 0 -384px;}
.v8, .v8 a {background-position: 0 -448px;}
.v9, .v9 a {background-position: 0 -512px;}


#about .screens {float:left;width:66%;margin-right:0;}

#features {padding:0;margin:0 0 1em;}
#features li {list-style: none outside;line-height:1.4em;margin:0;}
#features li strong {background: url(/images/selected.gif) no-repeat 0 0; padding-left:14px;margin-left:-14px;color:#000;}
.screens p {width:178px;margin:0; padding:0 20px 1em 0;float:left;}
.screens p.comment {width:100%;float:none;}
.featureprev {display:block;width:5%;height:23px;background:url(/images/icon-prev.gif) no-repeat 0 0; padding-left:30px;float:left;}
.featurenext {display:block;width:5%;height:23px;background:url(/images/icon-next.gif) no-repeat 100% 0; padding-right:30px;float:left;}
.featureprev:hover {background-position:0 -23px;}
.featurenext:hover {background-position:100% -23px;}
#frame object, #frame iframe {border:0;width:260px;height:540px;}
#fetures #dlbutton {margin:0 0 0 -8px;}

#help h1, #help h1 a {display:block;width:234px;height:30px;background:url(/images/title_help.gif) no-repeat 0 0;text-indent:-999em;text-decoration:none;}
#help h2 a, #help h3 a, #dev .twothirds h3 a {color:#000;}
#help h2 a:hover,#help h3 a:hover, #dev .twothirds h3 a:hover {color:#06f;text-decoration: underline;}
#help .general p, #help .general h2 {padding-left:80px;}
#help ul, #error li, .changelog li, .hi li {list-style-image: url(/images/bullet-red.gif);}
#help .faq h3, #dev .twothirds h3 {padding:1em 0 0.5em; border-top: 1px dotted #999;clear:both;line-height:1.2em;}
#share h1 {display:block;width:245px;height:30px;background:url(/images/title_share.gif) no-repeat 0 0;text-indent:-999em;text-decoration:none;}

#dev h1 {display:block;width:451px;height:30px;background:url(/images/title_dev.gif) no-repeat 0 0;text-indent:-999em;}
#dev h3 {margin-bottom:0;}

#beta label, #share label {display:block; width:10em; text-align:right; float:left; margin-right:1em;}
#beta input, #share input {margin-bottom: 4px;}
#beta form p, #share form p {margin:0.5em 0;padding: 4px 0 6px;border-bottom: 1px solid #ddd;}
#beta h1.splash {background:url(/images/splash-beta3.jpg) 0 0 no-repeat;width:630px;height:320px;margin:0 0 1em;text-indent:-999em;}
#beta p.step {width:31%;margin-right:1%;float:left;}
#beta p.first {width:35%;}
#beta input[type='radio'] {vertical-align:middle;}
.new:after {content:url(/images/beta/new.gif);padding-left:6px;}

#bizdev form label { text-align: left !important; float: left; }
#bizdev ul, #bizdev li, #bizdev ol { list-style: none; margin: 0 0 10px 0; padding: 0; }

ul.custom {list-style:none;margin:0;padding:0;}
ul.custom li {padding-left:22px;min-height:16px;}
li.check {background:url(/images/beta/list-check.gif) no-repeat 0 0;}
li.video {background:url(/images/beta/list-video.gif) no-repeat 0 0;}
li.q {background:url(/images/beta/list-q.gif) no-repeat 0 0;}
.features h3 {line-height:1.2em;margin:1.4em 0 .6em;}
.features img.left, .features img.right, .mtop1 {margin-top:1em}
.mtop2 {margin-top:2em;}
p + #transfer {width:299px;height:205px;overflow:hidden;cursor:pointer;}
p + #transfer img:hover {position:relative;top:-205px;}
#fig-1 {width:160px;height:410px;position:absolute;top:0;left:0;z-index:100;}

/*
#nav-outer {
	width: 100%;
	height: 62px;
	text-align: center;
	padding-top: 24px;
	background: url(http://www.mollerus.net/tom/blog/images/nav_bg.gif) repeat-x 0 0;
}

#nav-inner {
    position: relative;
    margin: 0 auto; /* center on everything else *//*
    width: 720px;
	padding-left: 40px;
}

#nav {
	margin: 0 auto;
	list-style: none;
	height: 27px;
	margin: 0;
	padding: 0;
}

#nav li {display:inline;margin:0;padding:0;}
#nav li.blog a {border-left:1px solid #fff;}
#nav li a {display:block;float:left;line-height:28px;color:#fff;text-decoration:none;padding:0 1em;margin:0;border-right:1px solid #fff;background:#009 url(http://www.mollerus.net/tom/blog/images/nav_bg.gif) repeat-x 0 -24px;}
#blog #nav .blog a, #about #nav-outer #nav-inner #nav .about a, #projects #nav-outer #nav-inner #nav .projects a, #contact #nav-outer #nav-inner #nav .contact a {background-color:#002FCC; background-image:none;}
#nav a:hover {background-color:#002FCC;background-image:none;border-bottom:1px solid #fff;line-height:27px;}*/