/* reset and scroll */
* { margin: 0; padding: 0; font-size: 1em; text-decoration: none; border: none; list-style: none; outline: none; }
html { background-color: #222; }

body { background: #222; font: 13px/20px "droid-sans-1","droid-sans-2","Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFF; }

a:focus { outline:0px;}

/* basic positioning */
#app {margin:20px auto;width:920px;background-color: #222;padding:0;}
#content {width:640px;margin:0;padding:0;float:left;}
#info {width:220px;margin:0;padding:0;float:right;}
.app-clear {margin:0;padding:0;clear:both;}

/* type */
a { color: #FFF; text-decoration: none; border: 0; padding:0;font-weight:normal;border-bottom:1px solid #555;}
a:hover { color:#FFF; text-decoration: none; border: 0; padding:0;font-weight:normal; border-bottom:1px solid #FFF;}

h1 {margin:0 0 20px 0;padding:0;font-size: 13px; line-height:20px; font-weight: bold;}
h2 {margin:0 0 20px 0;padding:0;font-size: 20px; line-height:20px; font-weight: normal;}
h2 em {font-size:13px;color:#777;font-style:normal;}
h3 {}
p {margin:0 0 20px 0;padding:0;}
ul {margin:20px 0 0 0;padding:0;list-style-type:none;font-weight:bold;}
li {margin:0 0 0 10px;padding:0;list-style-type:none;font-weight:normal;}
li ul {margin:0 0 0 0;padding:0;list-style-type:none;font-weight:normal;}

#app #content h1,
#app #content h2,
#app #content p {padding:0 0 0 40px;}
#app #content p strong a,
#app #content p strong a:hover { font-weight: bold;}
#app #content ul {padding:0 0 0 40px;margin:0 0 20px 0;}
#app #content li {padding:0 0 0 0;margin:0 0 0 20px;list-style-type:disc;}
#app #content blockquote {margin:0 0 0 40px; padding:0 0 0 20px; border-left:1px solid #555;}
#app #content blockquote p {padding:0 0 0 0;}

#app #content #about-cairn-co ul {font-size:16px;line-height:24px;}
#app #content #about-cairn-co li {font-size:16px;line-height:24px;margin:5px 0 5px 15px;}
#app #content #about-cairn-co p {font-size:24px;line-height:36px;}

#app #info p,
#app #info ul,
#app #info li {color:#999;}
#app #info p strong a,
#app #info p strong a:hover { font-weight: bold;}
#app #info a { color: #CCC;}
#app #info a:hover { color:#FFF;}
#app #info ul {margin:0;}

/* log positioning */
.hentry {margin:0 0 80px 0;padding:0;}
.post-attachments {text-align:left;}
.post-sound {text-align:left;padding:0 0 0 40px;}
.post-video {text-align:left;}
.post-image-thumbnails {float:left;margin:0 5px 0 0;min-height:75px;}
.post-image-thumbnails a {border:0px solid transparent;}

.post-permalink-folders {text-align:left;padding:0 0 0 40px;margin:20px 0 0 0;font-size:13px;color:#ccc;font-style:normal;}

/* fancybox */
#fancybox-wrap a {border:0px solid transparent;}

/* comment-wrap */
.comment-wrap {margin:0 0 0 20px;border-bottom:1px solid #555;}