/* -------------------------------------------------------------- Reset -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { color:#C9CACB; line-height: 1.5; background: #fff; margin:0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } input,textarea { margin: 0; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } /* -------------------------------------------------------------- Typography -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 75%; background-color:#262B2E; } /* Default fonts and colors. */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family : "Lacuna Regular","Lucida Grande","Helvetica", Arial, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { color:#fff;} h1 { font-size: 5em; line-height: 1; margin-bottom: 0.5em; text-shadow: 1px 1px 3px #666666, -2px -1px 3px #000000; } h2 { font-size: 2em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; margin-bottom: 1.5em; } h6 { font-size: 1em; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; color:#C9CACB; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: circle; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } a { color: #EC7926; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } blockquote { margin: 1.5em; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } span.amp { /* For better-looking ampersands */ font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; } /* CUSTOM */ .clear { clear:both;} body.journal.single article h1 { margin-left: -80px; margin-right:-80px;} body.journal.single.journal_2col article h1 { margin-left:0; margin-right:0;} /* HEADER NAV */ header section {padding:0px 20px;} header nav ul { text-align: left; padding:3px 0; margin:0;} header nav ul li a { color:#383739;} /* END HEADER NAV */ /* =COLUMN HANDLING */ section section.cols4:first-child,section section.cols3:first-child { margin-left:-20px;} .cols1, .cols2, .cols3, .cols4, .cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12 { padding:20px 0 20px 20px; float:left;} .cols1.count1, .cols2.count1, .cols3.count1, .cols4.count1, .cols5.count1,.cols6.count1,.cols7.count1, .cols8.count1, .cols9.count1, .cols10.count1, .cols11, .cols12.count1{ margin-left:-20px;} .cols4.count4{ margin-left:-20px;} .cols1 { width: 60px;} .cols2 { width: 140px;} .cols3 { width: 220px;} .cols4 { width: 300px; } .cols5 { width: 380px; } .cols6 { width: 460px; } .cols7 { width: 540px; } .cols8 { width: 620px;} .cols9 { width: 700px;} .cols10 { width: 780px;} .cols11 { width: 860px;} .cols12 { width: 940px;} section { width:940px; margin: 0 auto; padding:40px 0; display:block; position:relative;} /* =End Column Handling */ /* Home page header */ header { background:#D7DBDD url(/assets/images/body-bg.jpg) repeat scroll 0 0; display:block; overflow:hidden;} .home header { height:444px; } header h1 { background-image : url(/assets/images/howdy.png); display:block; height:110px; width:600px; position:absolute; top:40px;} header h1 span { text-indent:-999em; display:block;} .home p#normal { background: transparent url(/assets/images/nicely_3.png) no-repeat; width:471px; height:500px; position:absolute; right:-50px; top:-46px; text-indent:-999em;} p.cta_right { text-align:right;} h2#journal_title { font-size:5em; line-height:1; margin-bottom:0.5em; text-shadow:1px 1px 3px #666666, -2px -1px 3px #000000;} h2#journal_title a { color:#fff;} /* End Home page header */ /* Home page journal list */ body.home .journal .cols6.count1 { margin-left:20px;} /* MIDDLE CONTAINER */ article#wrapper { display:block; background-color: #262B2E; } article h2 { color:#eee; font-size:16px; } ul.features { display:block; height:180px; margin-left: -20px;} ul.features li {display:inline; float:left; position:relative; width:300px; margin-left:20px;} ul.features li h2 { font-variant: small-caps;} ul.features li h2 a { font-size:14px;} ul.features li p.feature a:hover img { color:#aaa;} ul.features li p.feature a img { color:#454545;} /* BOTTOM CONTAINER */ footer { display:block; background: #131517; border-top:10px solid rgba(240,240,240,0.3); } footer p { color:#aaa; font-size:12px;} footer nav { clear:both; } nav ul { text-align:right;} nav ul li { display:inline; padding: 3px 20px; background : transparent url(/assets/images/breadcrumbs_arrow.png) no-repeat scroll 100% -3px;} nav ul li:last-child { background:none;} nav ul li a { font-size: 12px; color:#fff;} nav ul li#copy { float:left; } footer h3, footer h2, footer a { color:#aaa; font-variant :small-caps; margin-bottom:10px;} footer h3 { font-variant:small-caps; font-weight:normal; letter-spacing:2px; margin-bottom:10px; text-transform:lowercase; font-family:"Cochin","Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif; font-size:18px; font-variant:small-caps; padding:0 12px 1px 0; } footer ul li { list-style:none; font-size:12px;float:left;} footer ul li a { font-size:12px; font-variant:normal;} footer section ul { margin-left:20px;} footer section ul li { float:none; list-style:disc;} footer ul.categories { } footer ul.categories li, footer ul.elsewhere li { list-style:none; width:45%; float:left;} footer .twitter_bird { margin-top:-80px;} footer .twitter_status { background-color:#000; padding:10px; border:1px solid #3C3F43; -moz-border-radius:4px;} footer .twitter_status p { margin-bottom:0;} footer .twitter_status p a { color:#3C3F43;} footer .action_link { float:right; padding:5px;} /* CONTENT PAGE */ article#content { display:block; border:none; width:460px; margin: 0 auto; padding-bottom:40px;} article#content h2 { border-bottom:1px dotted #777; font-size:32px; margin-bottom:14px; text-shadow: 1px 1px 3px #666666, -2px -1px 3px #000000;} article#content h3, article section article h4 { text-shadow: 0 1px 0 #000;font-size: 16px; color:#eee; margin-bottom:10px;} article#content h4 { font-size:12px;} article#content ul { margin-left:20px; margin-bottom:1.5em;} /* CONTENT PAGE 2 COL */ body.journal_2col article#content { width: 940px; margin-left:-8px;} body.journal_2col article#content div.cols { margin-left: -20px;} body.journal_2col article#content div.cols p:first-child { color:#fff; text-shadow: 0 1px 0 #000; font-size:16px;} /* IMAGE ALIGNMENT */ div.image.left, div.image.right, div.image.center { margin-bottom:20px; padding:19px; background:rgba(60,80,80,0.2); border:1px solid #454545;} div.image.left { float:left;} div.image.right { float:right;} div.image.s580.left { margin-left:-160px;} div.image.s580.right { margin-right:-160px;} div.image.s580.center { margin-left:-80px;} div.image.s260.left { margin : 20px 20px 20px -80px;} div.image.s260.right { margin : 20px -80px 20px 20px;} div.image.s180.left { margin : 0 20px 20px 0;} div.image.s180.right { margin : 0 0 20px 20px;} div.image.s180.outer.left { margin : 0 20px 20px -240px;} div.image.s180.outer.right { margin : 0 -240px 20px 20px;} div.image.s260.outer.left { margin : 0 20px 20px -260px;} div.image.s260.outer.right { margin : 0 -260px 20px 20px;} div.image span.caption { display:block; color:#777; font-size:10px; margin-bottom:-12px;} div.image.s180 span.caption { width:180px;} div.image.s260 span.caption { width:260px;} div.image.s580 span.caption { width:260px;} div.image.right span.caption { text-align:right;} div.image a img{ border:none;} div.image:hover { border:1px solid #999; } div.image a:hover span{ color: #999;} .cols .cols6 div.image.center { margin-left:0;} /* END IMAGE ALIGNMENT */ /* BLOCKQUOTES */ article blockquote { font-size:1.2em; margin-bottom:20px; padding:19px 19px 0 19px; background:rgba(60,80,80,0.2); border:1px solid #454545;} /* IMAGE STYLES FOR 2 COL LAYOUT */ body.journal_2col .cols .first div.image.right { margin:0 0 20px 20px;} body.journal_2col .cols .second div.image.left { margin:0 20px 20px 0;} body.journal_2col .cols .first div.image.s260.outer.left { margin : 0 20px 20px 0} body.journal_2col .cols .second div.image.s260.outer.right { margin : 0 0 20px 0;} div.all_images { width: 880px; margin-left:-160px;} div.all_images div.image { margin-right:20px; padding:9px;} /* JOUNRAL LIST PAGE */ body.journal li.month { clear:both; border-top: 1px solid transparent;} body.journal li.month span { float:left; margin-left:-80px; margin-top:14px; color:#eee;} body.journal ul.posts { padding-left: 10px; margin-bottom:20px; padding-top:12px;} body.journal li.month:hover { border-top: 1px dotted #aaa;} body.journal li.month:hover span { color:#2e8a8c;} body.journal ul.months { margin-top:-54px;} body.journal ul.months li { list-style:none; padding-left:80px;} body.journal ul.posts li { list-style:none;padding:2px;height:32px;} body.journal ul.posts li:hover strong.date { color:#da2352;} body.journal ul.posts li a { float:left;} body.journal ul li strong.date {float:left; padding:2px;color:#eee;} body.journal.archive article section article h2, { border-bottom: 1px dotted #999; } body.journal.archive article section article h2 a, h2.title a{ font-size:32px; margin-bottom:14px; color:#F3F3D8;} h2.title { border-bottom: 1px dotted #999;} h2.title a { font-size:22px; margin-bottom:14px; font-weight:100; } h2.big { font-size:32px; border-bottom:1px solid #3a3a3a;} p.meta span { font-size:10px;} body.journal a.more { margin-bottom:24px; float:right; } body.journal p.meta { color:#eee; padding: 0 0 10px 0; border-bottom:1px solid #777; display:block;} body.journal span.categories { margin-left:10px;} /* EE ADDONS */ section.ee_addon article h1 { margin: 0 -320px 20px -80px;} section.ee_addon article { float:left; width:380px; margin-left:160px;} section.ee_addon section.nav_side { padding: 20px; width:178px; margin: 20px; float:left; background:rgba(10,10,10,0.3); border:1px solid #777;} section.ee_addon section#addon_list { margin-top:81px;} section.ee_addon section.nav_side h2 { font-size:14px; border-bottom: 1px dotted #777; color:#fff; margin-bottom:10px;} section.ee_addon section.nav_side h2 a { font-size:14px; color:#fff;} section.ee_addon section.nav_side ul li { list-style:none; margin-left:10px;} section.ee_addon section.nav_side ul li.current { list-style-image : url(/assets/images/list_arrow.png); list-style-position:inside;} section.ee_addon section.nav_side ul li a { font-size:12px;} section.ee_addon .addon_download a { color: #343434;} section.ee_addon .addon_download {color:#fff; text-align:right; display:block; float:right; background: #EC7926; padding:10px; width:180px; border:10px solid #444; margin: 0 0 20px 20px;} section.ee_addon .addon_download a.zip { float:left; margin: 0 5px 5px 0; } section.ee_addon .addon_download a.zip img{ border:1px transparent solid; } section.ee_addon .addon_download a.zip:hover img{ background-color:rgba(10,10,10,0.3);-moz-box-shadow: 0 0 0 5px rgba(10,10,10,0.3);} #addon_download_link { text-shadow:1px 1px 1px #000; color:#fff; font-size:16px;} section.ee_addon .addon_download span.version { display:block; text-align:right;} section.ee_addon .addon_download em { font-size:10px; } section.ee_addon p.strapline, article p.strapline { color:#eee; padding: 10px 0; border-top:1px solid #777; border-bottom:1px solid #777;} section.ee_addon dl.changelog { margin-left:20px;} ngelog { margin-left:20px;} section.ee_addon section.nav_side { padding: 20px; width:178px; margin: 20px; float:left; background:rgba(10,10,10,0.3); border:1px solid #777;} section.addon_list { width:338px; margin-left:20px; padding-right:20px;float:left; background:rgba(10,10,10,0.3); border:1px solid #777;} section.addon_list .cols4 { padding-bottom:0;} .journal_snippet { opacity:0.8; } .journal_snippet h3 { font-size:1.2em; color:#D8DADB; margin-bottom:6px;} .journal_snippet h3:hover span.star { color:#fff; -webkit-transform : translate(10px,0); -webkit-transition : all .5s ease-in-out; } .journal_snippet h3 a { color:#D8DADB; border-bottom:1px dotted #666;} .journal_snippet p { padding-left:30px; font-size:10px; line-height:10px;} .journal_snippet span.star { color:#828B8F; display:block; width:30px; float:left;} .journal_entry { margin-top:50px; display:block; } a.shadow { margin-top:40px; width:960px; display:block; background: url(/assets/images/full_shadow.png) 100% 0 no-repeat; padding-bottom:20px; } a.shadow:hover { text-decoration:none;} a.shadow:hover div.info { opacity:1; } a.shadow img { margin:10px; position:relative; top:-57px;} a.shadow div.info { opacity:0; height:312px; background: rgba(10,10,10,0.3); right:-10px; bottom:132px; position:absolute; width:300px; float:right; padding:30px; -webkit-transition: opacity 0.25s linear; } .possessions a {float:left; background: #fff; padding:10px; padding-bottom:20px; margin:10px 0 10px 20px; display:block; background : url(/assets/images/shadow_small.png) no-repeat; } .possessions div { margin-left:-20px;} .possessions li, .possessions ul { list-style:none; margin:0;} body.images article.image a { background:#fff; padding:10px; margin: 0; display:block; width:960px;} body.images article.image h2 { text-align:right; padding-right:20px; margin-bottom:20px;}