/* -------------------------------------------------------------- Auguste Blog + Portfolio http://templates.carlofranco.ca/auguste Version: 1.0 Color Scheme: Subtle Grey Author: Carlo Franco Question/Comments: hello@carlofranco.ca -------------------------------------------------------------- */ /* 1. RESET ------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} .hide {display:none;} .clear {clear:both;} .clearfix {display:block;} .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} * html .clearfix {height:1%;} html[xmlns] .clearfix {display:block;} /* 2. CORE STYLES ------------------------------------- */ html,body {overflow-x:hidden;} body {background:#f0f0f0; color:#707070; font-size:16px; font-family:Georgia,"Times New Roman",serif; line-height:1.5; } a:link,a:visited {color:#202020; text-decoration:underline;} a:hover {color:#999;} a.anchor:hover{color:#202020;} a:active {color:#2B2B2B;} em {font-style:italic;} h1,h2,h3,h4,h5,h6 {color:#202020; letter-spacing:normal; line-height:normal; text-transform:none; padding-bottom:24px; } table thead td{background-color:#eee;} h1 {font-size:32px;} h2 {font-size:28px;} h3 {font-size:24px;} h4 {font-size:20px;} h5 {font-size:18px;} h6 {font-size:14px;} hr {background-color:#ccc; height:1px; margin: 20px 0; border:0;} label {cursor:pointer;} p {padding-bottom:24px;} code, pre {color:#606060; font-family:Monaco,Consolas,"Courier New",monospace; background-color:#F1F1F1;} pre { background-image: url(/images/pre_bg.gif); padding: 21px; margin-bottom:24px; border: 1px solid #bbb;} pre code { font-size:14px; background:none;} strong {font-weight:bold;} small {font-size: 14px;} span.fancy {font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman", serif; text-transform: none; font-style:italic; font-weight:normal;} .alignleft {margin:10px 20px 10px 0; float:left;} .alignright {margin:10px 0 10px 20px; float:right;} .aligncenter {padding-bottom:20px; margin:0 auto; display:block;} .button {background:url(/images/ui_button_white.png) left top repeat-x; color:#181818; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.3; padding:7px 10px; border:1px solid #a3a3a3; border-bottom:1px solid #505050; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; cursor:pointer; display:inline-block;} .topbar .tab .button {text-align: center; border:solid 1px #ccc; background-color:#e5e5e5; padding:8px;margin-top:3px;margin-left:3px;width:80px;} .topbar .tab .button.save {margin-right:30px;} .topbar .tab .button.delete {float:right;margin-right:5px;} .topbar .tab .button.order {width:50px;} .topbar .tab .button.order:firstChild {margin-left:20px;} .button:hover{ background-position:left -30px; text-decoration:none;} .button:focus {outline:0;} .button:active {position:relative; top:1px;} .button:link,.button:visited {color:#2d3133;} .btn-more:link,.btn-more:visited {background-color:#282828; color:#fff; font-size:10px; font-style:italic; line-height:normal; padding:3px 6px; margin:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:absolute; right:30px; top:30px;} .btn-more:hover {background-color:#505050; text-decoration:none;} .btn-more:active {background-color:#000;} .dropcap {color:#000; font-size:76px; line-height:0.9; text-transform:capitalize; padding:0.045em 14px 0 0; float:left;} .dropcap_sm {color:#000; font-size:47px; line-height:0.9; text-transform:capitalize; padding:0.1em 11px 0 0; float:left;} .section-title {font-size:17px; font-family:Georgia,"Times New Roman", serif; padding-bottom:24px;} .uppercase-title {font-size:12px; font-family:Georgia,"Times New Roman", serif; text-transform: uppercase; letter-spacing: 1px; padding-bottom:24px;} .small-title {color:#808080; font-size:11px; font-family: Helvetica,Arial,sans-serif; font-weight:normal; line-height:normal; text-transform:uppercase; padding:0 0 5px 0; display:block;} /* 3. CORE ELEMENTS ------------------------------------- */ #header-wrapper {width:942px; margin:0 auto; position:relative;border:solid 1px #ccc;border-bottom:0px;} #header {height:40px;background:#fff ; width:940px; position:relative; z-index:500;} #header h1 a#logo{ color:#404040; font-size:24px; font-weight:normal; text-decoration:none; text-shadow:2px 2px 0 #eee; position:absolute; top:18px;} #nav {position:absolute; left:5px; top:0; height:40px;} /* Top level */ #nav ul {} #nav ul li {float:left; height:40px; position:relative;} #nav ul li a.home { border-left:1px dotted #bbb; text-indent:-9999px; background:url(/images/ui_nav_home_grey.png) center no-repeat; width:30px; } #nav ul li a:link,#nav ul li a:visited {color:#666; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:43px; text-decoration:none; height:40px; padding:0 13px; border-right:1px dotted #bbb; display:block; outline:none;} #nav ul li:hover a, #nav ul li a.current {background-color:#eee; line-height:39px; height:37px; border-top:3px solid #bbb; } #nav ul li a:active {color:#fff; background-color:#303030; border-color:#505050;} #nav li.submenu:hover a {background-image:url(/images/ui_dropdown_toparrow.png); background-position: center bottom; background-repeat:no-repeat;} #nav li.submenu ul.dropdown a {background-image:none;} /* Dropdown styles */ #nav ul.dropdown {z-index:500; border: 1px solid #2a2f33; width:180px; position:absolute; top:-999em; box-shadow:0 3px 8px rgba(0,0,0,0.6); -moz-box-shadow:0 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:0 3px 8px rgba(0,0,0,0.6);} /* Reset Dropdown list styles */ #nav ul.dropdown li {height:auto; padding:0; margin:0; float:none; position:relative; /*lte ie7 */ *display:inline-block; *margin-top:-1px;} /* Dropdown list anchor styles */ #nav ul.dropdown li a:link,#nav ul li ul li a:visited {background:#3F4147; color:#c7ced8; font:normal 12px/1 Helvetica, Arial, sans-serif; text-transform:none; padding:11px 15px; border:0; border-bottom:1px solid #494c53; display:block; height:1%;} #nav ul.dropdown li:first-child a {border-top: 3px solid #393a40;} /* Dropdown list anchor hover styles */ #nav ul.dropdown li a:hover, #nav ul li ul.dropdown li:hover a, #nav ul li ul li.submenu ul.dropdown li a:hover {background:#2d3337; color:#FFF;} #nav ul.dropdown li.submenu ul.dropdown li a {background:#3F4147;color:#c7ced8;} /* Tier 3 Dropdown Positioning*/ #nav ul.dropdown li.submenu ul.dropdown {left:180px; top:-999em;} /* CSS Dropdown Magic */ #nav li.submenu:hover ul.dropdown {top:70px;} #nav li.submenu ul.dropdown li.submenu:hover ul.dropdown {top:0;} #content-wrapper {width:942px; margin:0 auto 60px; position:relative;z-index:100;border:solid 1px #ccc;} #main-container {background:#fff url(/images/ui_contentbg_grey.gif) repeat-y; width:940px; position:relative; z-index:500;} #breadcrumb {font-family:Georgia,"Times New Roman", serif; font-style:italic; line-height:normal; letter-spacing:-.025em; padding:25px 0;} #search legend {display:none;} #search input {background:#e3e3e3 url(/images/ui_search_bg.gif) repeat-x; color:#9e9e9e; font:normal 16px Georgia, "Times New Roman", serif; width:242px; padding:8px; border:1px solid #aaa;} #search input:focus, #search input:active {color:#5B5B5B;} #content {width:620px; float:left;} .section {padding:30px; border-top:1px solid #ccc; overflow:hidden;} .two-columns { background:url(/images/dotted_2col.gif) center top repeat-y; padding:0;} .two-columns, .three-columns, .four-columns {display:inline-block;} #content td {border-top:1px solid #ddd;padding:10px 5px;} #content .no-border td {border-top:0px;padding:10px 5px;} #content .col {font-size:14px; width:250px; padding:30px; float:left; } #content .col ul li:first-child {border-top:0;} #content .col ul li {background:none; padding:3px 0; list-style:none; border-top: 1px dotted #bbb;} #content form p {padding:0 0 12px;} #content form .half-input {float:left; width:50%;} #content form .half-input .input { width:92%; } #content form .left .input { width:85%;} #content form label {font-size:14px;} #content form .input, #content textarea {background:url(/images/ui_input_inner_shadow.gif) left top repeat-x; color:#808080; font:normal 16px Georgia, "Times New Roman", serif; width:96%; padding:8px; margin-top:5px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} #content form .input:focus, #content form textarea:focus {color:#000; border:1px solid #282828;} #content form .error {background: #fff0f0; border:1px dashed #eb5550;} #content form .error:focus {border-color: #DA1A0B;} #content form input[type=checkbox] {margin-right:5px;} #sidebar {font-size:13px; width:320px; height:100%; float:left;} #sidebar p {font-size:12px; font-family:Helvetica,Arial,sans-serif; padding-bottom:18px;} #sidebar ol {list-style-type:decimal; list-style-position:outside; padding-left:20px;} #sidebar ul li, #sidebar ol li {padding:3px 0; border-top:1px solid #ddd;} #sidebar ul li:first-child, #sidebar ol li:first-child {padding-top:0; border-top:0;} #sidebar .section {background:url(/images/ui_inner_shadow.png) left top repeat-x; padding:30px; border-bottom:1px solid white;} #sidebar .section.top {background-image:none !important; border-top:0px;} #sidebar .section.quote p {font-family:"Times New Roman" !important;} #sidebar .section:last-of-type {border-bottom:0;} #sidebar .section:first-of-type {background:0; border-top:0;} #sidebar .post{padding:10px 0; } #sidebar .post .title {padding:10px 0;color:#666; font-weight: bold} #sidebar .post .title:hover {padding:10px 0;color:#000; font-weight: bold} #sidebar .post .description {margin-bottom:15px; } #sidebar #ads {padding-bottom:20px; overflow:hidden;} #sidebar #ads a img {padding-bottom:10px; float:left;} #sidebar #ads .odd img {padding-right:10px;} #twitter-feed .section-title {padding:0;} #twitter-feed #twitter-id {padding-bottom:20px; display:inline-block;} #twitter-feed ul {padding-bottom:5px;} #twitter-feed ul li {padding:8px 0;} #twitter-feed ul li img.alignleft {margin:0 15px 10px 0;} #twitter-feed ul li p {padding:0;} #twitter-feed ul li span {color:#91989f; font-size:11px;} #sidebar .tabnav {padding-bottom:1px; display:inline-block;} #sidebar .tabnav li {border-top:0; display:inline; line-height:1;} #sidebar .tabnav li a {background:#EAECEF; color:#808080; font-size:11px; font-style:normal; font-family: Helvetica,Arial,sans-serif; text-transform:uppercase; padding:9px; border:1px solid #ccc; border-left:0; margin-bottom:-2px; display:block; float: left;} #sidebar .tabnav li.ui-state-active a {background-color:#fff; color:#000; outline:none; border-bottom:1px solid #fff;} #sidebar .tabnav li a:hover, #sidebar .tabnav li a:active {color:#000; text-decoration:none;} #sidebar .tab-content {background-color:#fff; padding:30px; border-top:1px solid #ccc; border-bottom: 1px solid transparent; } #sidebar .tab-content li {font-style:normal; padding:4px 0;} #sidebar .tab-content li:first-child {padding-top:4px;} .ui-tabs .ui-tabs-hide {display:none;} #sidebar #blog-stats { padding: 30px 30px 30px 30px; border-bottom:0; overflow:hidden; position:relative;} #sidebar #blog-stats a.stat:link,#sidebar #blog-stats a.stat:visited {color:#202020; font-size:12px; font-style:italic; line-height:1.3; display:block; float:left; margin-right:20px;} #sidebar #blog-stats a span {font-family:Helvetica, Arial, sans-serif; font-size:20px; color:#aaa; } #sidebar #blog-stats a:hover span {color:#202020;} #sidebar #update-icons {position:absolute; right:30px; top:36px; padding:5px; background:#e2e5eb; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ccc;} #sidebar #update-icons:hover {border-color:#aaa;} #sidebar #update-icons li:first-child {border:0;} #sidebar #update-icons li:last-child {padding:0;} #sidebar #update-icons li { padding:0 3px 0 0; border:0; float:left; } #sidebar #update-icons li a { display: block; width:16px; height:16px; text-indent:-9999px; overflow:hidden;} #sidebar #update-icons li.rss a {background:url(/images/icons/ico_rss_sm.png) no-repeat; } #sidebar #update-icons li.twitter a {background:url(/images/icons/ico_twitter_sm.png) no-repeat;} #sidebar #update-icons li.fb a {background:url(/images/icons/ico_fb_sm.png) no-repeat;} #sidebar #update-icons li.email a {background:url(/images/icons/ico_email_sm.png) no-repeat;} #sidebar #popular-tags ul li {border:0; padding:0; display:inline;} #sidebar #popular-tags ul li a {background:#e2e5eb; color:#999da3; font-size:12px; font-style:italic; line-height:1; padding:6px 8px; display:inline-block; margin: 0 8px 8px 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; } #sidebar #popular-tags ul li a:hover {background:#404040; color:#fff; text-decoration:none;} #sidebar #popular-tags ul li a:active,#sidebar #popular-tags ul li a:focus {background:#282828; color:#fff;} #footer-wrapper {background-color:#d0d0d0; font-family:Helvetica,Arial,sans-serif; border-top:5px solid #ddd; position:relative; z-index:1000;} #footer {color:#777; font-size:12px; width:940px; padding:40px 0; margin:0 auto; overflow:hidden;} #footer .section-title {color:#fff; text-transform: uppercase; text-shadow: 1px 1px #aaa; font-size: 12px; letter-spacing:1px; } #footer a:link,#footer a:visited {color: #404040;} #footer a:hover {color:#fff;} #footer p, #footer ul {padding-bottom:24px;} #footer .col {width:280px; margin-right:50px; float:left;} #footer .last {margin-right:0;} #footer .two-columns .left {float: left; width:125px; padding-right: 30px;} #socialize li {display:inline;} #socialize li a {float:left; margin-right:5px; display:block; } #flickr {padding-bottom: 20px;} #flickr a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; } #flickr a img {margin:0 6px 6px 0; -moz-box-shadow:0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);} #colophon {font-size:11px;} #colophon small {font-size:12px; font-style:italic; font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman", serif;} #quick-contact {padding-bottom:30px;} #quick-contact li{padding-bottom:10px; } #quick-contact legend{display:none; } #quick-contact label{font-size:11px; text-transform:uppercase; padding-bottom:3px; display:block;} #quick-contact .input ,#quick-contact textarea{color:#494949; font-size:13px; font-family:Helvetica,Arial,sans-serif; width:266px; padding:8px 6px; border:1px solid white; -moz-border-radius:2px; -webkit-border-radius:2px; } #quick-contact .input {width:} #quick-contact textarea{height:98px; } #quick-contact #qc-submit{border:1px solid #999; border-bottom:1px solid #777;} #quick-contact .error {background: #ffe1e4; border:1px dashed red;} p#qc-thanks { display:none;} p#qc-thanks strong { font-size:14px;} /* 4. HOME ------------------------------------- */ body.home #content-wrapper {padding-top:0px;} body.home #main-container {border-top:0;} #featured-post p {padding-bottom:0;} #slider { position:relative; width:618px; /* Change this to your images width */ height:246px; /* Change this to your images height */ background:url(/images/loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } /*#slider {} #slider #slide-buttons {position:absolute; right:15px; top:15px;} #slider #slide-buttons a {background:url(/images/ui_slider_buttons.png) no-repeat; text-indent:-9999px; width:31px; height:25px; display:block; overflow:hidden; outline:none;} #slider #slide-buttons a.prev:link, #slider #slide-buttons a.prev:visited {background-position:left top; margin-bottom:5px;} #slider #slide-buttons a.prev:hover {background-position:left center;} #slider #slide-buttons a.prev:active {background-position:left bottom;} #slider #slide-buttons a.next:link, #slider #slide-buttons a.next:visited {background-position:right top;} #slider #slide-buttons a.next:hover {background-position:right center;} #slider #slide-buttons a.next:active {background-position:right bottom;} #slider .slides {position:relative;} #slider .slides li {overflow:hidden; position:absolute; display:none;} #slider .slides li:first-child {display:block;} #slider #panel-wrapper {background:url(/images/transparent.gif) repeat; /*required for mouseenter jquery in IE *//* ;position: absolute; left:490px; top:0; z-index: 250; overflow:hidden;} #slider #panel {background:rgb(40,40,40); background:rgba(30,30,30,0.90); width:940px; position:absolute; top:218px; height:84px; z-index:500; overflow:hidden;} #slider .captions {width:600px; padding:15px;} #slider .captions li {display:none;} #slider .captions li:first-child {display:block;} #slider .captions h3 {color:#FFF; font-family:Helvetica,Arial,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; padding-bottom:5px;} #slider .captions h3 a {color:#FFF;} #slider .captions p {color:#919DA1; font-size:12px; font-family:Helvetica,Arial,sans-serif; padding:0;}*/ #recent-posts {} #recent-posts ul {overflow:hidden;} #recent-posts ul li ul{overflow:hidden;} #recent-posts .post .small-title {padding-bottom:3px;} #recent-posts .post {float:left; width:250px; padding:10px 0; } #recent-posts .one-column .post {width:100%; padding:10px 0; } #recent-posts .post .post-meta {font-size:11.5px;} #recent-posts .odd {padding-right:30px; clear:left;} #recent-posts .even {padding-left:30px;} #recent-posts .post p {padding-bottom:20px; font-size:14px;} #recent-posts .post div.description {padding-bottom:20px; font-size:14px;} #recent-posts .post-title a { font-size:24px; font-weight: normal; } #recent-posts .post-meta {line-height: 20px; } #popular-posts {} #content #popular-posts ul li {padding:8px 0; } #content #popular-posts ul li:hover {background-color:#f9f9f9;} #content #popular-posts .post-title a {font-size:20px; font-weight:normal;} #content #popular-posts small {display:block; padding: 3px 0;} #recent-comments {} #content #recent-comments ul li {padding: 10px 0; } #content #recent-comments ul li:hover {background-color:#f9f9f9;} #content #recent-comments ul li img {float:left; padding-right:10px; width: 36px; height: 36px;} #content #recent-comments ul li p {font-size:14px; font-style: italic; padding:0;} #content #recent-comments ul li small {display:block; padding: 3px 0;} #selected-work {position:relative; padding-bottom:20px;} #selected-work ul li {padding:0; border:0; display:inline;} #selected-work ul li a {color:#fff; text-decoration:none; width:125px; height:115px; margin-bottom:10px; position:relative; display:block; float:left; overflow:hidden;} #selected-work ul li.odd a {margin-right:10px;} #selected-work ul li a span {background-image:url(/images/grey-trans.png);background-repeat:repeat-x repeat-y; color:#fff; font-size:12px; font-style:italic; width:95px; height:85px; padding:10px; border:5px solid #000; display:block; position:absolute; left:0; top:125px;} #selected-work ul li a:hover span {top:0;} #selected-work ul li a:hover {-moz-box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);} #latest-news {} #latest-news ul li {padding:10px 0;} #latest-news ul li h3 {padding-bottom:15px;} #latest-news ul li p { padding:0;} /* 5. BLOG / PAGES ------------------------------------- */ #blog-top {font-size: 14px; height:24px; line-height: 24px; font-style: italic; margin: 30px 30px 0 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px 0; overflow: hidden;} #blog-top p { padding: 0; } #blog-top .pagination a.next, #blog-top .pagination a.prev { display:inline-block; padding:0 10px;} #blog-top .pagination a.prev {padding-left:0;} #blog-top .pagination span {font-weight:bold; } #change-view {float:right; } #change-view a {background:url(/images/ui_changeview_spr.gif) no-repeat; text-indent:-9999px; width:24px; height:24px; margin-left: 5px; display:inline-block; outline:none;} #change-view #grid-view:hover {background-position:left bottom;} #change-view #list-view {background-position:-24px top;} #change-view #list-view:hover {background-position: -24px bottom;} #blog-posts {padding:30px; background:none;} #blog-posts .first {padding-top:0; border-top:0;} #blog-posts .post p:last-of-type {padding-bottom:0;} .post {padding:30px; overflow:hidden; } .post-title {font-weight:normal; font-family:Georgia,"Times New Roman",serif; font-size:34px; letter-spacing:-0.025em; padding:0; margin-bottom:5px;} .post-title a:link, .post-title a:visited {color:#202020; display:block;} .post-title a:hover {color:#999;} .post-title a:active,.post-title a:focus {background-color:#f9f9f9; outline:0;} .post .post-meta {font-size:12px; text-transform:uppercase; padding:2px 0 3px; margin:0 0 5px; border-top:0; border-bottom:1px dotted #bbb;} .post .post-meta span {margin-right:5px;} .post .post-meta span img {margin-right:5px; position:relative; top:2px;} .post h5, .post h6 {text-transform:uppercase; letter-spacing: 1px; } .post p.lead { font-size:20px; color:#808080; } .post ol li,.post ul li {padding:5px;} .post ol {margin-left:20px; padding-bottom:20px;} .post ol li {list-style-type:decimal; list-style-position:outside;} .post ol ol,.post ul ul {padding:5px 0 0; margin-bottom:-5px;} .post ol ol li {list-style-type:lower-alpha;} .post ol ol ol li {list-style-type:lower-roman;} .post ul {padding-bottom:20px;} .post ul li {list-style-position:outside; background:transparent url(/images/ul_li_square.gif) no-repeat 0 14px; padding-left:18px;list-style-type:none;} .post .no-bullet li {background:transparent url()} .post ul li li {background:transparent url(/images/ul_li_subarrow.gif) no-repeat 0 13px;} .post big {font-size:20px;} .post blockquote {color:#888; font-style:italic; padding:30px;} .post .pullquote {background:url(/images/quotes_left.gif) left 20px no-repeat; width:220px; padding:20px 0 20px 30px; margin:10px 20px 10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; float:left;} .post .pullquote p {/* background:url(/images/right_quote.gif) right bottom no-repeat; */ font-size:16px; font-style:italic; padding:0 20px 0 0;} .post .darkblock {font-style:italic; color:#fff; background:#282828; width: 200px; padding:30px 30px 2px 30px;} .post img.alignleft {padding:5px 5px 5px 0; margin:0 16px 8px 0; float:left;} .post img.alignright {padding:5px 0 5px 5px; margin:0 0 8px 16px; float:right;} body.single-post .post h1.post-title {font-size:42px;padding-bottom:24px;} body.page .post h1.post-title {font-size:42px; padding-bottom:20px;} body.archive .post {border-top:4px solid #f4f4f4; padding:20px 0;} body.archive .list .post {padding:15px 0; border-top:1px dotted #bbb;} body.archive #blog-posts.list .first {padding-top:12px;} body.archive .list .post:hover {background-color:#f9f9f9;} .list .post-title a {font-size:28px;} .list .post .post-meta {border-bottom:0; margin:0;} .list .post .post-image, .list .post p {display:none;} .related-posts { background-color:#f9f9f9; margin-right:1px;} .related-posts ol { list-style-type: decimal; margin-left:24px; } .related-posts ol li {border-bottom:1px dotted #bbb;} .related-posts ol li:first-child {border-top:1px dotted #ccc;} .related-posts ol li a {padding: 5px 0; display:block; } .related-posts ol li a:hover {background:#eee;} .nextprev {font-size:16px; font-style:italic; border-top: 1px solid #ddd; margin: 0 30px 30px;} .nextprev a {display:block; width:50%; padding:10px 0;} .nextprev a.next {text-align:right; float:right;} .nextprev a.prev {float:left;} .nextprev a span {color:#808080; font-family:Helvetica,Arial,sans-serif; font-size:12px;} .nextprev a:hover span {color:#2B2B2B;} .nextprev a:hover {background:#f9f9f9;} #comments {} #comments h3 {color:#000; font-size:32px; font-weight:400; letter-spacing:-.025em; padding:0 0 20px;} #comments #num-responses { float: right; } #comments #num-responses img { position:relative; top:10px; margin-right:6px;} #commentslist {border-top:1px dotted #bbb; padding-top:15px;} #commentslist li {display:inline-block;} #commentslist li .avatar { background:#fff; width:42px; height:42px; padding:3px; margin:0 20px 0 0; border:1px solid #ddd; float:left;} #commentslist li .comment-wrap {margin-bottom:15px; border-bottom:1px dotted #bbb;} #commentslist li .comment-author {padding-top:3px;} #commentslist li .comment-author cite {font-weight:bold;} #commentslist li .comment-meta {margin-bottom:20px;} #commentslist li .comment-meta abbr.comment-time {color:#909090;font-size:12px; font-family:Helvetica,Arial,sans-serif;} #commentslist li p {font-size:14px; padding-bottom:20px; line-height:1.6;} #commentslist li blockquote {font-style:italic; padding-left:20px;} .comment-reply-link:link,.comment-reply-link:visited {background:url(/images/icons/ico_reply.png) left 3px no-repeat; font-size:14px; padding-left:22px; margin-bottom:15px; display:inline-block;} /* Threaded Comment Styles */ #commentslist ul.children {margin-left:20px;} #commentslist ul.children ul.children {margin-left:0;} #commentslist li ul li .comment-wrap {background-color:#f9f9f9; border:1px dotted #bbb; padding:20px 20px 0 20px;} #commentslist li ul li .avatar img {width:36px; height:36px;} #respond {} #comment-form label span {color:#909090; font-family:Helvetica,Arial,sans-serif; font-size:12px;} #comment-form textarea {height:150px;} #comment-form input#submit-comment {margin-top:0;} #sidebar #author-details {} #sidebar #author-details p.author-description {padding-bottom:36px;} #sidebar #author-details img {margin-top:5px;} #sidebar #author-posts {padding-bottom:0;} #sidebar #side-nextprev {padding:20px 30px; overflow:hidden; *height:1%;} /* Arrow Styles */ span.arrow-prev, span.arrow-next {width:0; height:0; border-style:solid; border-width:5px; border-color:#303030 #777 #303030 transparent; margin:0 10px 0 0; position: relative; top: 1px; display:inline-block; } span.arrow-next {border-color:#303030 transparent #303030 #777; margin:0 0 0 10px;} /* Button Styles */ a.btn-next, .grey-next {float:right;} a.btn-prev, .grey-prev {float:left;} a.btn-prev, a.btn-next, .grey-prev, .grey-next {background:#303030; color:#fff; font-family:Helvetica,Arial,sans-serif; text-align:center; line-height:1; width:48%; padding:9px 0; display:block; -moz-border-radius:3px; -webkit-border-radius:3px;} a.btn-prev:hover, a.btn-next:hover {background:#505050;} /* Arrows on Hover */ a.btn-prev:hover span.arrow-prev {border-color:#505050 #fff #505050 transparent;} a.btn-next:hover span.arrow-next {border-color:#505050 transparent #505050 #fff;} /* Arrows on Click */ a.btn-prev:active, a.btn-next:active {background-color:#282828;} a.btn-prev:active span.arrow-prev {border-color:#282828 #fff #282828 transparent;} a.btn-next:active span.arrow-next {border-color:#282828 transparent #282828 #fff;} /* Inactive Button Arrows */ .grey-prev, .grey-next {background-color:#e2e2e2; color:#999;} .grey-prev span.arrow-prev {border-color:#e2e2e2 #999 #E2E5EB transparent;} .grey-next span.arrow-next {border-color:#e2e2e2 transparent #e2e2e2 #999;} /* 6. FULL WIDTH ------------------------------------- */ body.full-width #main-container {background:#fff;} body.full-width #content {width:auto; float:none;} body.full-width #content .post .sidenote {color:#808080; font-family:Helvetica,Arial,sans-serif; width:130px; font-size:12px; line-height:2;} body.full-width #content .post .darkblock { width: 220px;} body.full-width #content .post .col {padding:15px 0; margin-right:20px;} body.full-width #content .post .end {margin-right:0;} body.full-width #content .post .two-columns {background:none;} body.full-width #content .post .two-columns .col {font-size:16px; width:430px;} body.full-width #content .post .three-columns .col {font-size:14px; width:280px;} body.full-width #content .post .four-columns .col {font-size:14px; width:205px;} body.full-width #content .post .space3left {margin-left: 450px;} body.full-width #content .post .space2left {margin-left: 300px;} body.full-width #content .post .space1left {margin-left: 150px;} body.full-width #content .post .space1right {margin-right: 150px;} body.full-width #content .post .space2right {margin-right: 300px;} body.full-width #content .post .space3right {margin-right: 450px;} body.full-width #content .post .pull1left {margin-left: -150px; float:left;} body.full-width #content .post .pull2left {margin-left: -300px; float:left;} body.full-width #content .post .pull3left {margin-left: -450px; float:left;} body.full-width #content .post .pull1right {margin-right: -150px; float:right;} body.full-width #content .post .pull2right {margin-right: -300px; float:right;} body.full-width #content .post .pull3right {margin-left: -450px; float:right;} body.full-width #content .post .right {margin-top: 5px; margin-bottom:10px; margin-left:20px;} body.full-width #content .post .left {margin-top:5px; margin-right:20px; margin-bottom:10px;} body.full-width #content .post .one {width:130px;} body.full-width #content .post .two {width:280px;} body.full-width #content .post .three {width:430px;} body.full-width #content .post .four {width:580px;} body.full-width #content .post .five {width:730px;} /* 7. PORTFOLIO ------------------------------------- */ body.portfolio #change-view {line-height:24px; float:none; margin-bottom:30px;} body.portfolio #change-view {font-style:italic; padding:5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } body.portfolio #change-view a#full-view { background-position: -48px top;} body.portfolio #change-view a#full-view:hover { background-position: -48px bottom;} body.portfolio #change-view a#thumb-view { background-position: -72px top;} body.portfolio #change-view a#thumb-view:hover { background-position: -72px bottom;} body.portfolio #sidebar { color:#4d4e52; font-size:13px; width:235px; float:left; } body.portfolio #sidebar .section { background:0; border:0; padding-bottom:0; } body.portfolio #sidebar ul li { border-color:#eee;} body.portfolio #sidebar #side-nextprev { padding: 0 0 30px 0;} body.portfolio #main-container {background:#fff url(/images/dotted_4col.gif) left top repeat-y;} body.portfolio #content { width:705px; float:left; } #project-list {} .project {background-color:none; font-size:14px; width:235px; height:445px; float:left; position:relative;} .project .image-container{width:235px; height:235px;background-color:#fff;display:table-cell;vertical-align:middle;} .project .image-container img{width:205px;margin-left:15px;} .project a.hover {position:absolute; left:0; top:0; width:100%; height:100%; outline:0; background:url(/images/transparent.gif) repeat; /*required for mouseenter jquery in IE */} .project a.hover span {display:none;} .project .caption {min-height:75px; padding:15px; z-index: 200;} .project span {color:#909090; font-size:10px; font-family:Helvetica,Arial,sans-serif; letter-spacing:normal; line-height:1; text-transform:uppercase; padding-bottom:5px; display:block; } .project h3 {color:#000; font-size:18px;} .project p {padding-bottom:15px;} .project:hover {background-color:#eee;} .project:hover p {color:#606060;} .project.empty:hover {background-color:inherit;} .thumbs .project {width:235px; height:235px; float:left; margin:0; } .thumbs .project .caption {background:rgb(0,0,0); background:rgba(0,0,0,0.85); width:195px; height:195px; padding:20px; position:absolute; left:0; top:0; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .thumbs .project h3 {font-size:32px; text-shadow:1px 1px 0 #000; color:#fff;} .thumbs .project p {display:none;} .thumbs .project a.hover {width:235px; height:235px;} .thumbs .project:hover .caption {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} #sidebar #sliding-container {width:175px; padding-bottom:30px; height:auto;} #sidebar #portfolio-cats ul li a.selected { color:#fff; line-height:1; background-color:#DA1A0B; padding:3px 5px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block;} .fixed {position:fixed; top:0;} .pinned {position:absolute; right:0; bottom:0;} body.single-project #content {position: relative; width:auto; min-height:700px; float:none; } body.single-project .hgroup {background:rgb(255,255,255); background:rgba(255,255,255,0.85); font-size:16px; position: absolute; width:410px; margin-top: 35px; padding: 20px 30px; left:0; top:0; z-index:100;} body.single-project .hgroup h1 {padding:0; color:#000; font-size: 27px; } body.single-project .project-content {font-size:16px; background:#fff; width:410px; padding:30px; position:relative; z-index:50; float: left;} body.single-project .nextprev {margin:0; } body.single-project .section-title {font-size:15px;} body.single-project #project-slider {position:relative; height:300px; width:940px;} body.single-project #project-slider a#lightbox {background:url(/images/ui_proj_lightbox.png) no-repeat; width:37px; height:36px; position:absolute; right:10px; top:10px; z-index:100; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} body.single-project #project-slider ul li {position:absolute; overflow:hidden; display:none; width:940px; height:300px;} body.single-project #project-slider ul li:first-child {display:block;} body.single-project .project-details, .related-projects {float:left; width:195px; padding:195px; padding:20px;} body.single-project .project-details dl {width:195px; overflow:hidden; padding-bottom:30px;} body.single-project .project-details dl dt {font-size: 12px; color:#808080; text-transform: uppercase; padding-top:5px;} body.single-project .project-details dl dd {font-size: 22px; color:#303030; padding-bottom:5px; border-bottom: 1px solid #eee;} body.single-project .project-details ul.worked-on { list-style-type: square; list-style-position: inside;} body.single-project .project-details ul li {color:#606060; font-size:13px; line-height:1.6; } body.single-project .related-projects ul {border-top:1px solid #eee;} body.single-project .related-projects .item {display:block; } body.single-project .related-projects .item a {font-size: 13px; padding:10px 0; border-bottom:1px solid #eee; overflow:hidden; display:block; } body.single-project .related-projects .item a img {width:40px; height:40px; float:left; margin-right:15px;} body.single-project .related-projects .item a:hover {background-color:#f9f9f9;} body.single-project .related-projects .item a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;} /* 8. ADMIN ------------------------------------- */ body.admin #main-container {background:#fff url(/images/dotted_4col_left.gif) left top repeat-y;} form.new.event input[type=text] {height:20px;width:300px;} form.new.event textarea {height:200px;background:none !important;background-color:#fff !important;} form.new.event .label {display:block;float:left;width: 100px;} .subtle {border:0px !important; background:none !important;} .tr_bubble{z-index:9999999 !important;} .editableBlock{padding:5px;margin-bottom:10px;border-left:solid 1px #fff;} .editableBlock#new{background-color:#e0eee0;} .editableBlock:hover{background-color:#f7f7f7;border-left:solid 1px #5b86c8;} #new.editableBlock:hover{border-left:solid 1px #fff;} .editable.date{font-size:12px; text-transform:uppercase; padding:2px 0 0px; margin:0 0 5px; padding-left:20px;border-top:0;background-image:url('/images/icons/ico_calendar.png');background-repeat:no-repeat;} .editable.name{font-size:12px; text-transform:uppercase; padding:0px 0 3px; margin:0 0 5px; border-top:0; border-bottom:1px dotted #bbb;font-weight:bold;} .dragger{position:absolute;margin-left:-25px;margin-top:-5px;width:20px;height:80px;background-color:#ddd;z-index:99999999} .dragger.hidden{visibility:hidden;} .sidebar{position:absolute;float:left;height:147px; width:132px;margin-left:-137px;margin-top:-5px;} .sidebar.hidden{visibility:hidden} .sidebar .tab{position:absolute;float:left;background-color:#f7f7f7;border:solid 1px #ccc;height:88px; width:100px;} .sidebar.hidden .tab{visibility:hidden} .sidebar .tab a{display:block;border:solid 1px #999; color:#999; font-size:12px;padding:5px;margin:3px;text-decoration:none;} .sidebar .tab a.save{font-size:24px;} .sidebar .tab a.delete{font-size:12px;} .sidebar .tab a.inactive{border:solid 1px #ccc; color:#ccc;} .sidebar .tab a:hover{border:solid 1px #333; color:#333;} .sidebar .tab a.inactive:hover{border:solid 1px #ccc; color:#ccc;} .sidebar .tab a.insert{margin-top:20px;} .sidebar .tab.save_notice{height:36px;border-right:1px solid #fff;background-color:#fff;} .sidebar .tab.save_notice a.save{border:solid 1px #cc1122;color:#cc1122;} .sidebar .tab.save_notice a.save:hover{border:solid 1px #008822;color:#008822;} .sidebar .tab.save_notice a.saving{background-image:url('/images/ajax_loader.gif');background-repeat:no-repeat;background-position:center 2px;height:36px;border:none;} .sidebar .tab.save_notice a.saved{border:solid 1px #008822;color:#008822;background-image:none;} .sidebar .tab.save_notice a.insert{visibility:hidden;} .sidebar .tab.save_notice a.delete{visibility:hidden;} .topbar{height:50px;} .topbar.hidden{visibility:hidden} .topbar .tab{background-color:#f7f7f7;border:solid 1px #ccc;width:100%;height:37px;} .topbar .tab a:hover{border:solid 1px #333; color:#333;} .topbar .tab span:hover{border:solid 1px #333; color:#333;} .topbar.hidden .tab{visibility:hidden} .topbar .tab a{display:block;border:solid 1px #999; color:#999; font-size:12px;padding:5px;margin:3px;text-decoration:none;text-align:center;} .topbar .tab span{display:block;border:solid 1px #999; color:#999; font-size:12px;padding:5px;margin:3px;text-decoration:none;text-align:center;} .topbar .tab a.save{float:left;width:100px;} .topbar .tab span.move_up{float:left;margin-left:20px;width:50px;} .topbar .tab span.move_down{float:left;width:50px;} .topbar .tab a.delete{float:right;} .topbar .tab a.inactive{border:solid 1px #ccc; color:#ccc;} .topbar .tab.save_notice a.saving{float:left;background-image:url('/images/ajax_loader.gif');background-repeat:no-repeat;background-position:center 2px;height:36px;border:none;width:100px;} .topbar .tab.save_notice a.saved{float:left;border:solid 1px #008822;color:#008822;width:100px;} .topbar .tab.save_notice a.delete{} #fixed-header{height:28px;} #toolbar.fixed{position:fixed;width:943px;z-index:9999999;} /* The following styles are used in the JS. */ .cursor_pointer { cursor: pointer; } .cursor_move { cursor: move; -moz-user-select: none; } .opacity_40 { opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); z-index:99999999; width:550px; font-size:14px; } .drag_hover_class { border-color: #009900; background-color: #CCFFCC; } .drag_handle{ border:solid 1px red; background color: yellow; } /* 9. CONTACT FORM ------------------------------------- */ div.error {background:#E13629 url(/images/icons/ico_alert.png) 10px 10px no-repeat; color:#fff; font-size:14px; font-style:italic; padding:10px; margin-bottom:28px; display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} div.error p {line-height:22px; padding:0; margin-left:32px;} div.success {background:#c9f661 url(/images/icons/ico_check.png) 10px 10px no-repeat; font-size:14px; font-style:italic; padding:10px; margin-bottom:28px; display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} div.success p {line-height:24px; padding:0; margin-left:36px; } #contact-form{padding-bottom:20px;} #contact-form legend{display:none;} #contact-form ol{padding:0; margin-left:0;} #contact-form ol li {list-style-type:none; padding:0 0 12px;} #contact-form ol li.screenReader {position:absolute; left:-9999px; top:-9999px;} #contact-form label span.alert {color:#DA1A0B; font-size:12px; font-family:Helvetica,Arial,sans-serif;} #contact-form textarea {height:170px;} /* End of CSS */