* { margin:0; padding:0; }

.no-margin
{ margin: 0 !important; }

/*.clear { clear:both; padding:0; }*/

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */


/* index page */
#stripe-container
{ height: 593px; width: 950px; background: white url(../../i/bg_small.png) 0 0 repeat;  overflow: hidden; margin: 0 auto; margin-top: 16px; }

.header-container
{ height: 123px; width: 100%; background: white url(../../i/bg_smalla.png) 0 0 repeat; }

.page-container
{ width: 898px; margin: 0 auto; overflow: hidden; background: transparent url(../../i/bg_large.png) top right no-repeat; padding-bottom: 75px; overflow: hidden;  }

.page-container-refresh { width: 960px; overflow:hidden; background:transparent url(../../i/bg_refresh.png) 0 0 no-repeat; }

a#logo
{ height: 64px; width: 168px; display: block; background: white url(../../i/logo.png) 0 0 no-repeat; margin-left: 175px; margin-bottom: 43px; }

a#logo h1
{ display: none; }

div#think
{ padding: 19px; background-color: white; width: 125px; height: 400px; position: relative; float: left; }

.orange-head
{ position: absolute; left: 19px; top: -7px; padding: 2px 4px; background-color:#ff6633; display: inline; font-size: .5em; font-family: verdana, arial, sans-serif; color: #fff; font-weight: normal !important; }

.orange-head a
{ text-decoration: none; color: white; }

.orange-head-nav
{ position: absolute; padding: 2px 4px; background-color:#ff6633; display: inline; font-size: .5em; font-family: verdana, arial, sans-serif; color: #ffffff; font-weight: normal !important; }

.orange-head-nav a
{ text-decoration: none; color: white; font-weight: normal !important; }

h2#think-nav
{ bottom: -1px; left: 52px; font-weight: normal !important; }

h2#about-nav
{ bottom: -1px; right: 60px; }

h2#play-nav
{ bottom: -1px; right: 110px; }

h2#work-nav
{ bottom: -1px; right: 151px; }

.blue-head
{ position: absolute; left: 19px; top: -7px; padding: 2px 4px; background-color:#66b0b7; display: inline; font-size: .5em; font-family: verdana, arial, sans-serif; color: #fff; font-weight: normal; }

.blue-head a
{ text-decoration: none; }

#think dl dt,
#sidebar-posts dl dt
{ color: #666; font-size: .7em; font-family: georgia, serif; font-weight: bold; margin-bottom: 2px; }

#think dl dd,
#sidebar-posts dl dd
{ margin-bottom: 19px; line-height: .9em !important; }

#think dl dd a,
#sidebar-posts dl dd a
{ color: #66b0b7; font-size: .7em; font-family: georgia, serif; font-weight: bold; text-decoration: none; }

.more
{ position: absolute; bottom: 3px; right: 5px; padding-right: 12px; background: transparent url(../../i/more-arrow.png) 100% 4px no-repeat; font-family: georgia, serif; font-size: .7em; color:#666; text-decoration: none; font-weight: bold; font-style: italic; }

.more:hover
{ color:#ff6633; }

#about-container
{ float: left; margin-left: 10px; width: 720px; }

div#about
{ padding: 19px; background-color: white; position: relative; width: 300px; height: 263px;  float: left; }

html>body #about
{ padding: 19px; background-color: white; position: relative; width: 304px; height: 263px;  float: left; }

.about-sifr,
headline
{ font-size: 1.7em !important; line-height: 1em; padding: 10px 0; }

.about-sifr
{ height: 80%; }

div#work
{ float: left; margin-left: 10px; position: relative; background-color: white; width:351px; padding: 19px 10px 19px 10px; }

html>body div#work
{ float: left; margin-left: 10px; position: relative; background-color: white; width:348px; padding: 19px 10px 19px 10px; }

div#play
{ float: left; position: relative; background-color: white; width:508px; padding: 19px; margin-top: 18px; margin-left: 10px; padding-bottom: 30px; height: 70px; }

#currently-mojave
{ width: 132px; position: relative; background-color: white; float: left; margin-left: 10px; margin-top: 18px; padding: 17px 17px 35px 17px;  }

#currently-mojave p
{ color:#cccccc; font-family: georgia, serif; font-size: .8em; font-weight: bold; font-style: italic; padding-top: 3px; }

#footer-container
{ width: 888px; margin: 0 auto; }

.orange-bar
{ height: 5px; background-color: #ff6633; margin-bottom: 25px; overflow: hidden;  }

#contact-container
{ float: left; width: 210px; }

#contact-container h2
{ font-family: verdana, arial, sans-serif; font-size: .8em; font-weight: bold; }

#contact-container p
{ font-family: georgia, serif; margin-top: 20px; color: #666; font-style: italic; font-size: .75em; font-weight: bold; }

#contact-container p a
{ color: #66b0b7; text-decoration: none; font-size: .9em; font-style: italic; }

#links
{ float: left; width: 130px; margin-top: 25px; }

#links ul
{ list-style-type: none; list-style-position: outside; }

#links ul li
{ font-family: verdana, arial, sans-serif; font-size: .65em; padding: 4px 0; }

#links ul li a
{ color: #ff6633; font-weight: bold; text-decoration: none; }

#links p a:hover
{ color:#666; }

#twitter
{ height: 280px; width: 502px; float: left;  margin-top: 25px; margin-lefT: 30px; }

#twitter p
{ font-family: georgia, serif; font-size: 1em; color:#666; font-weight: bold; }

#twitter .map
{ height: 153px; width: 514px; margin-top: 10px; background: transparent url(../../i/map.png) 0 0 no-repeat; }

p.copyright
{ font-family: verdana, arial, sans-serif; font-size: .6em; margin-bottom: 10px; }

.sub-container
{ width: 960px; margin: 0 auto; }

.header
{ height: 128px; width: 100%;  background: #666 url(../../i/header_bg.png) 0 0 no-repeat !important; position: relative;  }

.content
{ padding: 20px 10px 20px 55px; }

#sidebar-posts
{ width: 134px; float: left; }

#sidebar-posts ul
{ list-style-type: none; list-style-position: outside; }

#sidebar-posts ul li
{ padding: 0; }

#sidebar-posts ul li a
{ color:#66b0b7; text-decoration: none; font-family: georgia, serif; font-size: .7em; font-weight: bold; }

#center-content
{ margin-left: 50px; margin-right: 50px; float: left; width: 478px; }

.post p
{ font-family: georgia, serif; font-size: .8em !important; font-weight: normal; color:#666; padding: 15px 0; line-height: 1.8em; }

.post a
{ color: #f26522; text-decoration: none; border-bottom: 1px dashed #f47a3f; }

.post a:hover
{ color:#d4591e; }

p.date
{ font-family: georgia, serif; font-size: .8em; font-weight: bold; color:#666; padding: 0 0 15px; line-height: 1.5em; }

.post img
{ border: none; }

.alignleft
{ float: left; margin: 5px 5px 5px 0; }

.alignright
{ float: right; margin: 5px 0 5px 5px; }

.sidebar
{ width:165px; float: left; }

.work-sidebar
{ width:175px; float: left; }

.meta
{ font-family: verdana, arial, sans-serif; font-size: .8em; font-weight: normal; padding: 10px 0;  color: #666; }

.meta a
{ color:#666; font-size: .9em; text-decoration: none; }

input.search,
input.subscribe
{ width: 100%; padding: 5px; border:1px solid #e0e0e0; color:#ccc !important; font-family: georgia, serif; font-size: .7em;  }

.respond-inputs input
{ width: 97.5%; padding: 2px 5px; border:1px solid #e0e0e0; color:#e7e7e7; font-family: georgia, serif; color:#666; }

div.search,
div.subscribe
{ margin: 5px 0; }

div.subscribe
{ margin-top: 10px; }

.sidebar label
{ font-family: georgia, serif; font-weight: bold; font-size: .6em; font-style: italic; color:#666; position: relative; top: 0px; }

html>body .sidebar label
{ font-family: georgia, serif; font-weight: bold; font-size: .6em; font-style: italic; color:#666; position: relative; top: -5px; }

.respond-inputs label
{ font-family: georgia, serif; font-weight: bold; font-size: .6em; font-style: italic; color:#666; position: relative; top: 0px; }

html>body .respond-inputs label
{ font-family: georgia, serif; font-weight: bold; font-size: .6em; font-style: italic; color:#666; position: relative; top: -5px; margin-bottom: 10px; }

.respond-inputs
{ margin: 15px 0; }

.sidebar h2
{ font-family: georgia, serif; font-size: .9em; font-weight: bold; color:#666; }

.sidebar ul
{ list-style-type: none; list-style-position: outside; }

.sidebar ul li
{ padding: 2px 0; font-family: georgia, serif; font-weight: normal; font-size: .7em; color: #ccc; }

.sidebar ul li a
{ color:#ccc; text-decoration: none; font-family: georgia, serif; font-weight: normal; font-size: 1em; }

.sidebar ul li a:hover
{ color:#aeaeae; }

.categories,
.archives
{ margin: 15px 0 5px; }

.comments
{ padding: 20px 0; }

.comments h1
{ font-family: verdana, arial, sans-serif; font-size: 1em; color:#333; font-weight: bold; letter-spacing: 1px; border-bottom:1px solid #e3e3e3; padding-bottom: 15px; }

#commentform
{ padding:0; margin: 0; }

.comments ul.commentlist
{ list-style-position: outside; list-style-type: none;  }

.comments ul.commentlist li
{ margin: 15px 0px 25px; border-bottom:1px solid #e3e3e3; }

.comments ul.commentlist li cite
{ color:#ff6633; font-family: verdana, arial, sans-serif; font-size: .8em; font-weight: bold; text-decoration: none; font-style: normal; }

.comments ul.commentlist li cite a
{ color:#ff6633; font-family: verdana, arial, sans-serif; font-size: .9em; font-weight: bold; text-decoration: none; font-style: normal; }

.comments ul.commentlist li .vcard span.age
{ color: #bdbdbd; font-style: normal; font-size: .8em; }

.comments ul.commentlist li p
{ font-family: georgia, serif; font-size: .8em; font-weight: bold; color:#666; padding: 2px 0 10px; line-height: 1.5em; }

#commentform textarea
{ padding:0; margin:0; width: 99%;  height: 127px; color: #666; }

#respond
{ margin-top: 15px; }

#respond h1
{ border: none; padding-bottom: 5px; }

.comment-box
{ padding-top: 12px; background: transparent url(../../i/comment-top.png) 23px 0 no-repeat; }

.comment-box p
{ padding: 15px; background-color:#ccc; }

input.submit-comment,
.blue-button
{ height: 19px; padding-bottom:8px; width: 142px; background: #85c0c5 url(../../i/button.png) 0 0 no-repeat; color: white; font-family: verdana, arial, sans-serif; font-sie: 1em; font-weight: bold; margin-top: 20px;  border: none; text-decoration: none; overflow hidden;  }

.blue-button
{ font-size: .8em; display: block; text-align: center; padding-top: 1px; padding-bottom:0px; height: 18px; overflow: hidden; }

#respond p.logged-in
{ font-family: georgia, serif; font-size: .7em; font-weight: bold; color:#666; font-style: italic; padding: 5px 0; }

#respond p.logged-in a
{ color: #ff6633; text-decoration: none; }

.archives .article
{ border-bottom:3px solid #ebebeb; padding-bottom:10px; margin-bottom: 15px ; }

.archives .article h1
{ font-size: 1.2em; }

.paginate p.next
{ float: left; width: 50%; text-align: left; }

.paginate p.previous
{ float: right; width: 50%; text-align: right; }

.paginate a
{ color: #85c0c5; font-family: georgia, serif; font-size: .9em; font-weight: bold; text-decoration: none; }

.paginate a:hover
{ color:#51949a; }

#sidebar-posts ul li ul
{ margin-left: 15px; }

#sidebar-posts ul li ul li a
{ color:#666; }

ul.icons
{ list-style-type: none; list-style-position: outside; height: 1%; }

ul.icons li
{ float: left; margin-right: 5px; margin-bottom: 5px; }

ul.icons li a img
{ border: none; }

p.right-content
{ font-family: georgia, serif; font-size: .9em; color: #666; line-height: 1.4em; margin-top: 20px; margin-bottom: 20px; }