/*

/* global
----------------------------------------------- */
body {
margin:0px;
padding:0px;
background-color:#fff;
}

img {
border:0;
}

/* layout
----------------------------------------------- */
#topcolorbar {
height:13px;
line-height:1px;
display:none;
}

#headerwrapper {
background:url(logo.gif) no-repeat 405px 13px;
}

#header {
height:104px;
border-top:13px solid #95bbae;
padding:13px 0 13px 10px;
margin:0;
/* Box-model hack */
voice-family:"\"}\"";
voice-family:inherit;
height:65px;
}

body>#header { height:65px; }

#header img {
display:block !important;
}

#navwrapper {
border-top:1px solid #e0ede9;
border-bottom:1px solid #e0ede9;
background-color:#eef4f1;
padding:0 0 0 52px;
margin:0;
}

#contentwrapper {
border:1px solid #fdfdfd;
border-top:0px solid #e0ede9;
background-color:#fdfdfd;
margin:0;
padding:0 0 0 52px;
}

body#commentpreview #contentwrapper {
border-top:1px solid #e8e8e8;
}

#content {
float:left;
width:520px;
margin:0;
padding:13px 0px 0px 0px;
}

body#archives #content {
padding-bottom:10px;
}

.entry img {
float:left;
margin:0 10px 5px 0;
border:1px solid #666;
}

#pagephoto {
width:516px;
height:100px;
margin-bottom:10px;
}

.entryfooter {
border-bottom:1px solid #e9e9e9;
margin:-8px 0 13px 0;
}

#commentwrapper {
padding:13px 13px 0px 13px;
border:1px solid #efefef;
background-color:#f8f8f8;
}

.commentbody {
margin:10px 0 5px 0;
border-top:1px solid #ddd;
}

.commentfooter {
margin:13px 0 2px 0;
padding-left:22px;
background:url(/assets/global/comment_icon.gif) no-repeat 0px 1px;
}

#archivelink {
float:right;
margin-top:-5px;
padding-bottom:5px;
font-size:12px;
}

#sidebar {
border-style:solid;
border-color:#efefef;
border-width:0px 1px 5px 1px;
background-color:#f8f8f8;
width:156px;
padding-bottom:8px;

/* Box-model hack */
voice-family:"\"}\"";
voice-family:inherit;
width:154px;
color:#bbb;
font-family:helvetica, arial, sans-serif;
}

#contentwrapper>#sidebar { width:154px; }

#announcements {
border:1px dashed #ffd551;
background-color:#fff9e7;
margin:0 0 13px 0;
padding:5px;
}

#mybook {
margin-bottom:7px;
padding:0 0 0 7px;
}

#mybook img {
padding:4px;
border:1px solid #efefef;
background-color:white;
}

a.bookarrow {
padding-right:14px;
background:url(/assets/global/icon_bookarrow.gif) no-repeat right 50%;
}

a.bookarrow:hover {
padding-right:14px;
background-image:url(/assets/global/icon_bookarrow_on.gif) no-repeat right 50%;
}

#switcher {
margin-left:8px;
height:19px;
}

/* comment form */
#mailbox {
margin:16px auto 2px auto;
width:300px;
text-align:center;
}

#mailbox textarea, #mailbox input.comment { width:100%; }

#footer {
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
background-color:#f5f5f5;
padding:7px 0 7px 52px;
}


/* headings
----------------------------------------------- */
h1 {
font-weight:bold;
font-size:medium; /* 16px */
margin:0;
}

#header h1 {
display:none;
}

h2 {
font-weight:bold;
font-size:15px;
margin:0;
padding:0 0 6px;
}

#commentwrapper h2 {
margin-bottom:-8px;
}

h3 {
font-weight:bold;
font-size:13px;
}

#sidebar h3 {
display:block !important;
margin:0 0 8px 0;
font-size:11px;
background:#fff;
border-style:solid;
border-color:#e0ede9;
border-width:1px 0px 1px 0px;
padding:2px 13px 2px 10px;
}

#sidebar h3#first {
border-width:0px 0px 1px 0px;
}


/* text
----------------------------------------------- */
p {
color:#4c4c4c;
}

#content p {
margin-top:0;
font-size:13px;
line-height:1.5;
text-align:left;
}

#content p.date {
font-weight:bold;
font-size:12px;
margin:0 0 5px 0;
text-align:left;
}

#content .entryfooter p {
font-size:11px;
color:#bfbfbf;
margin:0 0 2px 0;
text-align:left;
}

#content p.entryfooter-left {
/* background-image:url(/assets/global/permalink_icon.gif) no-repeat top right; */
}

#content p.entryfooter-right {
float:right;
}

#content .commentfooter p {
font-size:11px;
color:#aaa;
margin:0 0 2px 0;
text-align:left;
}

#content .commentbody p {
font:small/1.5;
}

#sidebar p {
font-size:11px;
margin-bottom:9px;
}

#announcements p {
color:#9a1b00;
font-weight:bold;
margin:0;
}

#footer p {
margin:0 0 0 0;
font-size:11px;
color:#c2c2c2;
}


/* lists
----------------------------------------------- */
ul#nav {
margin:0;
padding:0;
list-style-type:none;
white-space:nowrap;
}

ul#nav li {
float:left;
font-family:verdana, arial, sans-serif;
font-size:9px;
font-weight:bold;
margin:0;
padding:5px 0 4px 0;
}

#content ul, #content ol {
font-size:small; /* 11px */
color:#4c4c4c;
margin-left:26px;
margin-right:26px;
padding:0;
}

#content ul {
list-style:none;
}

#content li {
padding-left:13px;
padding-bottom:10px;
background:url(/assets/global/bullet_icon.gif) no-repeat 1px 4px;
background-position:1px 5px;
line-height:17px;
}

#content ol li {
padding-left:0;
background:none;
}

#sidebar ul {
font-size:11px;
list-style:none;
line-height:13px;
margin:0 8px 14px 11px;
padding:0;
}

#sidebar li {
padding-left:13px;
background:url(/assets/global/bullet_sidebar.gif) no-repeat 1px 4px; 
background-position:1px 5px; 
margin-bottom:2px;
}

dl {
font-size:11px;
margin:0;
padding:0;
}


/* links
----------------------------------------------- */
.entryfooter-left a, .entryfooter-left a:link, .entryfooter-left a:visited {
color:#bfbfbf;
text-decoration:none;
}

.entryfooter-left a:hover {
color:#999;
text-decoration:none;
}

.entryfooter-right a, .entryfooter-right a:link, .entryfooter-right a:visited {
color:#bfbfbf;
text-decoration:none;
}

.entryfooter-right a:hover {
color:#999;
text-decoration:none;
}

a .entryfooter-special, a:link .entryfooter-special {
color:#bfbfbf;
font-weight:bold;
text-decoration:none;
}

a:visited .entryfooter-special {
color:#bfbfbf;
text-decoration:none;
font-weight:normal;
}

a:hover .entryfooter-special {
color:#999;
text-decoration:none;
}

.commentfooter a, .commentfooter a:link, .commentfooter a:visited {
color:#999;
font-weight:bold;
text-decoration:none;
}

.commentfooter a:hover {
color:#666;
text-decoration:underline;
}

#footer a, #footer a:link, #footer a:visited {
color:#c2c2c2;
text-decoration:none;
}

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

#nav a, #nav a:link {
color:#95bbae;
background-color:transparent;
margin:0;
padding:5px 9px 4px 9px;
border-right:1px dashed #d1e3db;
text-decoration:none;
}

#nav a.first, #nav a.first:link {
border-left:1px dashed #d1e3db;
}

/* Current page markers */
body#home #navhome, body#about #navabout, 
body#archives #navarchives, body#archiveentry #navarchives, 
body#desktops #navdesktops, body#referrers #navreferrers, body#contact #navcontact {
color:#95bbae;
background-color:#deebe5;
}

#nav a:hover, body#home #navhome:hover, 
body#about #navabout:hover, body#archives #navarchives:hover, 
body#archiveentry #navarchives:hover, body#desktops #navdesktops:hover, 
body#referrers #navreferrers:hover, body#contact #navcontact:hover {
color:#74a893;
background-color:#d1e3db;
}


/* forms (many redundant or unused styles here)
----------------------------------------------- */
form {
margin:0px;
font-size:11px;
font-family:helvetica, arial, sans-serif;
}

#sidebar form {
margin-left:8px;
}

form.comments { margin-top:10px; }

label {
/* nothing yet */
}

input {
font-size:10px;
margin-top:2px;
margin-bottom:0px;
margin-left:0px;
border-top:1px solid #666;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #666;
clear:right;
padding:2px;
}

input.index {
width:140px;
padding-left:3px;
}

input.comment {
padding-left:2px;
margin-bottom:8px;
}

textarea {
font-size:11px;
background-color:#fff;
border-top:1px solid #666;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #666;
margin-left:0px;
margin-top:2px;
font-family:helvetica, arial, sans-serif;
}

form.comments textarea {
width:390px;
}

.radio {
margin:0;
padding:0;
margin-right:5px;
border:0;
}


#commentdetails {
width:180px;
padding-right:15px;
margin-right:15px;
float:left;
text-align:left;
border-right:1px dotted #ccc;
}

input, textarea, select {
border:1px solid #ccc;
background:#fff;
padding:2px;
color:#444;
}

input.button {
font-family:verdana;
color:#666;
background:#f3f3f3;
font-weight:bold;
margin-top:10px;
padding:3px 5px 3px 5px;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}


/* refer
----------------------------------------------- */
#refer td {
padding:0 10px 0 0;
color:#4c4c4c;
font-family:Verdana, Trebuchet, Sans;
font-size:10px;
line-height:20px;
border-bottom:#dddddd;
border-width:0 0 1px 0;
border-style:none none solid none;
}

#refer thead {
font-weight:bold;
}

#refer p {
font-family:Verdana, Trebuchet, Sans;
font-size:small;
line-height:150%;
}

#refer h3 {
font-family:Georgia, Times, Serif;
font-size:large;
font-style:normal;
font-weight:normal;
}


#refer code {
font-size:medium;
}



/* miscellaneous
----------------------------------------------- */
code {
font-family:Monaco, monospace;
}

.code {
font-family:Monaco, monospace;
}

.quote {
background-color:#eee;
color:#666;
border:1px solid #ccc;
margin:0 0 10px 0;
padding:10px;
font-size:11px;
line-height:14px;
}

.desktop-preview {
float:left;
width:200px;
margin-right:30px;
margin-bottom:20px;
}

.desktop-preview p {
display:inline;
font-size:10px;
text-align:right;
}

.entryfooter-right img, .entryfooter-left img {
vertical-align:middle;
padding-top:0;
}

}