/* Theme Name: Emerging Experiences Theme URI: http://www.emergingexperiences.com Description: Razorfish Emerging Experiences Theme Author: Luke Hamilton / Steve Dawson Author URI: Version:1.0.0 Tags: . Released under the GPL. . */ /* Clear Your Floats add zoom:1 to style to force IE into having layout */ .content:after, .sociable:after, .sociable ul:after, #sidebars .section ul.follow:after, #sidebars .section#categories ul li ul:after, #sidebars .section#archives ul:after, #footer ul:after, #sidebars .section#flickr:after, #sidebars .section#vimeo:after, #main.collateral ul:after {display:block;clear:both;visibility:hidden;content:'.';height:0;} /* Defaults */ * {margin:0; padding:0; font-family:"Trebuchet MS", "TrebuchetMS", Verdana, Arial, Helvetica;} h1, h2, h3, h4, h5, h6, p {margin:0; padding:10px 0;} /*h1, h2, h3, h4, h5, h6 {font-family:Verdana;}*/ hr {color:#333; border:1px solid #121212;} pre {height:auto; overflow-x:scroll;} fieldset {margin:0; padding:0; border:0;} dd {padding-left:15px;} p {font-size:13px;} a {color:#F2993F; text-decoration:none;} a:hover {color:#F2993F; text-decoration:underline;} a img {border:none;} blockquote {background:#070707; border:1px solid #060606; padding:5px 15px; margin:10px 10px 5px 15px; font-style:italic; color:#fff;} code {color:#3366cc; font-style:italic;} strong {font-size:110%;} body {text-align:center; margin:0; padding:0 0 0 0; font-family:"Trebuchet MS", "TrebuchetMS", Verdana, Arial, Helvetica; background:#190409 url('images/bg.jpg') top center no-repeat; background-attachment:fixed;} h2.pageTitle {color:#300912;} /* Header and wrapper */ #wrapper{ margin:0 auto; width:100%; text-align:left; padding:0;} #header {padding:0; margin:0 auto; height:184px; width:840px;} #header #logo {float:left; background:url('images/logo.png') no-repeat top left; width:455px; height:72px; margin:81px 0 0 0; text-indent:-1000em; display:block; cursor:pointer;} #header #logo a { display: block; width:455px; height:72px; } /* Menu */ #nav{display:block; width:265px; float:right; margin:87px 0 0 0;} .nav_div{display:block; margin:0 2px 0 2px; width:2px; height:72px; background:url('images/nav_div.png') no-repeat 0 0;} #nav li{float:left; text-indent:-1000em; list-style:none;} #nav_blog a{display:block; width:70px; height:64px; margin-top:4px; background:url("images/nav_btn_blog.png") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden;} #nav_blog a:link{background:url("images/nav_btn_blog.png") 0px 0px no-repeat;} #nav_blog a:hover{background:url("images/nav_btn_blog.png") 0px -64px no-repeat;} #nav_portfolio a{display:block; width:109px; height:64px; margin-top:4px; background:url("images/nav_btn_portfolio.png") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden;} #nav_portfolio a:link{background:url("images/nav_btn_portfolio.png") 0px 0px no-repeat;} #nav_portfolio a:hover{background:url("images/nav_btn_portfolio.png") 0px -64px no-repeat;} #nav_lab a{display:block; width:74px; height:64px; margin-top:4px; background:url("images/nav_btn_lab.png") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden;} #nav_lab a:link{background:url("images/nav_btn_lab.png") 0px 0px no-repeat;} #nav_lab a:hover{background:url("images/nav_btn_lab.png") 0px -64px no-repeat;} /* Content */ #main {clear:both; margin:0 auto; width:840px;} #contentwrapper {float:left; width:588px; margin:0 0 6px 0; padding:0;} #contentwrapper2 {float:left; width:900px; margin:0 0 15px 0; padding:0;} /*h2.topTitle {font-size:24px; margin:0; padding:0;} h2.topTitle a {color:white;} h2.topTitle a:hover {text-decoration:none;}*/ .post {clear:both; /*background:url('images/bg_transparent.png') repeat 0 0;*/ background:url('images/content_div.gif') repeat-x 0 bottom; padding:0 0 15px; width:580px; margin: 0 0 7px 0;} .post h2 {color:#fff; font-size:24px; font-weight:normal; padding:0 0;} .post h2 a {color:#fff;} .post h2 a:hover {color:#fff; text-decoration:none;} /*.date {width:42px; background:black; color:white; padding:6px 0 4px 0; background:url('images/bg_transparent.png') repeat 0 0; float:left;} .date .month {font-size:13px; font-weight:bold; text-align:center; display:block;} .date .day {font-size:20px; font-weight:bold; color:gray; text-align:center; display:block;} .title {width:538px; float:right; margin:0; padding:0;} .title a {color:white;} .title a:hover {text-decoration:none;}*/ .meta {color:#FCEBD4; margin:0; padding:0;} .post .meta .highlight, .post .meta a {color:#F2993F;} .meta a {color:#a96760;} .content {clear:both; margin:0; padding:15px 0 0 0; color:white; line-height:22px; width:580px; zoom:1;} .content p {margin:0 0 10px 0; padding:0;} .content p a:hover {background-color:#A59890; color:#300912; text-decoration:none;} /*.content object {border:1px solid #fff;}*/ .content ul { list-style: disc; margin-bottom: 10px; } .content ul li { font-size: 13px; margin-left: 15px; } .comments {background:url('images/bg_transparent.png') 0 0 repeat; float:right; font-size:12px; margin:15px 0 0 0; padding:8px 10px 7px 0; width:120px; height: 20px;} .comments a {background:url('images/bgComments.png') 0 3px no-repeat; color:#fff; display:block; padding:0 0 0 20px;} .more {float:right; clear:both; margin:0 20px 0 0;} .more a {color:white; font-size:12px;} .tags {background:url('images/bg_transparent.png') 0 0 repeat; color:#fff; font-size:12px; margin:0; padding:0 15px 8px; clear: both; width: 550px;} .tags a {color:white; font-size:12px;} /* Sidebar */ #sidebars {width:246px; float:right;} #searchform {padding:18px 0 18px 18px; margin:0; background:url('images/bg_transparent.png') repeat 0 0; margin:0 0 30px 0;} #searchform #searchbox {width:176px; height:19px; border:0px; background:url('images/search_bg.gif') no-repeat 0 0; font-size:16px; color:#4d0e1e; padding:4px; line-height:19px; margin:0;} #searchform input.submitbutton {background:url('images/search_btn.gif') no-repeat 0 0; width:28px; height:27px; border:0; padding:0; margin:0 0 0 -2px;} #sidebars .section {background:url('images/bg_transparent.png') repeat 0 0; margin:0 0 15px 0;} #sidebars .section h3 {background-color:#300912; color:#851933; font-size:18px; font-weight:normal; height:38px; min-height:38px; margin:0 0 12px; padding:6px 15px;} #sidebars .section h3 span {display:block; color:#A59890; font-size:11px;} #sidebars .section p {color:#A59890; font-size:13px; line-height:18px; margin:0 15px; padding:0 0 12px;} #sidebars .section a { } #sidebars .section a:hover { } #sidebars .section ul.follow {margin:0 15px; padding:0 0 6px 0; zoom:1;} #sidebars .section ul.follow li {float:left; list-style:none;} #sidebars .section ul.follow li a {background-image:url('images/bgFollow.png'); display:block; height:24px; margin:0 6px 0 0; text-indent:-2000px; width:24px;} #sidebars .section ul.follow li a.twt {background-position:-31px 0;} #sidebars .section ul.follow li a.fb {background-position:-62px 0;} #sidebars .section ul.follow li a.flk {background-position:-93px 0;} #sidebars .section ul.follow li a.vim {background-position:-124px 0;} #sidebars .section ul li a {color:#a6878e; font-size:13px; line-height:18px;} #sidebars .section#archives {background:none;} #sidebars .section#archives h3 {margin:0;} #sidebars .section#archives ul {background:none; list-style-type:none; zoom:1;} #sidebars .section#archives ul li {background:url('images/bg_transparent.png') repeat 0 0; color:#A59890; float:left; font-size:13px; font-weight:bold; height:40px; margin:0 1px 0 0; padding:3px 0; position:relative; text-align:center; width:40px;} #sidebars .section#archives ul li.active {background:#A59890 none repeat 0 0; color:#300912;} #sidebars .section#archives ul li a {color:#AC3310; display:block; font-size:11px; height:40px; left:0; position:absolute; text-align:center; text-transform:uppercase; top:0; width:40px;} #sidebars .section#archives ul li a:hover {text-decoration:none;} #sidebars .section#archives ul li span {margin:0 0 0 -.4em;} #sidebars .section#archives ul li.active span {color:#300912;} #sidebars .section#categories {background:none;} #sidebars .section#categories h3 {margin:0;} #sidebars .section#categories ul {color:#AC3310; font-weight:bold; list-style-type:none; margin:0;} #sidebars .section#categories ul li {color:#AC3310; font-weight:bold; margin:1px 0 0; padding:0} #sidebars .section#categories ul li a {color:#A59890; display:block; font-weight:normal; padding:5px 3px 5px 10px;} #sidebars .section#categories ul li a:hover {background-color:#A59890; color:#300912; text-decoration:none;} #sidebars .section#categories ul li ul {list-style-type:none; margin:0; padding:0; zoom:1;} #sidebars .section#categories ul li ul li {background:url('images/bg_transparent.png') repeat 0 0; border:none; float:right; font-size:13px;margin:0; padding:0; width:217px;} #sidebars .section#categories ul li ul li.count {background:url('images/bgCatCount.png') repeat-y right 0; height:18px; min-height:18px; padding:5px 3px; text-align:center; width:23px;} #sidebars .section#categories ul li ul li.count.active {background:#A59890 none repeat-y right 0; padding:5px 3px; text-align:center; width:23px;} #sidebars .section#tagCloud a {color:#F2993F;} #sidebars .section#recentPosts ul {list-style-type:none; margin:0 10px; padding:0 0 6px;} #sidebars .section#recentPosts ul li {margin:0 0 6px;} #sidebars .section#recentPosts a {background-color:#300912; color:#A59890; font-size:13px; padding:2px 0;} #sidebars .section#recentPosts a:hover {background-color:#A59890; color:#300912; text-decoration:none;} #sidebars .section#flickr, #sidebars .section#vimeo {padding:0 0 10px 0; zoom:1;} #sidebars .section#flickr a, #sidebars .section#vimeo a {border:1px solid #fff; display:block; float:left; height:48px; margin:5px 0 5px 12px; overflow:hidden; width:64px;} #sidebars .section#flickr a.more, #sidebars .section#vimeo a.more {border:none; clear:both; height: auto; width: 100px; margin: 0px 0px 0px 10px; font-size:12px;} #sidebars .section#flickr a.more:hover, #sidebars .section#vimeo a.more:hover { color:#F2993F; } /* Comments Section */ #comment #comments {color:#fff; font-size:18px; font-weight:normal;} #respond h3 {color:#fff; font-size:18px; font-weight:normal;} #respond h3 span {color:#F2993F; display:block; font-size:12px;} #respond p {padding:5px 0 2px;} #respond label {color:#F2993F; font-size:18px; font-weight:bold; vertical-align:top;} #respond input, #respond textarea {background-color:#CEC5C0; color:#4C4044; font-size:15px; width:280px;} #respond textarea {height:84px; margin:0 5px 0 0;} #respond #submit {background-color:#069; border:none; color:#fff; font-size:13px; font-weight:bold; height:20px; line-height:20px; padding:0 0 2px 0; width:98px;} #commentform {position:relative;} #commentform p {color:#fff;} #commentform a {color:#F2993F;} .commentlist {color:#A59890; font-size:13px; list-style-type:none;} .commentlist li {background-color:#300912; margin:0 0 4px; padding:5px 7px;} .commentlist p {color:#FCECD5;} .commentlist cite a {color:#F2993F; font-style:normal;} /* Captcha */ #comment form img.captchapict { width: 198px; height: 72px; } #comment div.captcha {float: right; clear: both; margin-top:40px;} #comment form div.captcha {width:250px; position:absolute; top:0; right:0; margin: 0;} #comment form div.captcha p {margin:0; padding: 0 0 10px 0; line-height: 21px; font-size: 13px;} #comment form div.captcha p.captcha_1 input.captcha[type="text"] {margin:5px 0 0; width:246px;} #comment form div.captcha p.captcha_1 input.captcha[type="submit"] {background-color:#069; border:none; color:#fff; font-size: 13px; line-height:20px; float:right; height:20px; width:98px; cursor: hand; cursor: pointer;} #respond div.captcha form p.captcha_2 {color:#A59890; float:right; margin:0; padding:12px 0; text-align:right;} #respond div.captcha form p.captcha_2 input {background-color:#300912; color:#A59890; cursor:hand; cursor:pointer; display:inline; font-size:13px; line-height:18px; height:18px; width:auto; padding:0; margin:0; border: 0px;} #respond div.captcha form p.captcha_2 input:hover {background-color:#A59890; color:#300912;} /* End Captcha*/ /* End Comments */ /* Footer */ #footer {background:#0e0004 url('images/bgFooter.png') center bottom no-repeat; color:#a19693; font-size:13px; margin:50px 0 0; padding:0 0 100px; width:100%;} #footer .inner {width:840px; margin:0 auto;} #footer h3 {color:#fff; padding:20px 0 10px;} #footer p {margin:0 0 13px; padding:0;} #footer a {background-color:#310912; color:#a19693; padding:0 3px;} #footer a:hover {background-color:#a19693; color:#310912; text-decoration:none;} #footer a.btt {background:transparent url('images/bgBTT.png') 0 0 no-repeat; display:block; font-size:11px; height:21px; line-height:21px; margin:0; padding:0; text-align:center; width:70px;} #footer a.btt:hover {background:transparent url('images/bgBTT.png') 0 0 no-repeat; color:#a19693;} #footer ul {list-style-type:none; margin:25px auto; width:840px; zoom:1;} #footer ul li {float:left; margin:0 10px 0 0;} #footer ul li.legal {width:172px;} #footer ul li.friends {width:161px;} #footer ul li.tweets {width:196px;} #footer ul li.git {width:235px;} #footer ul li ul {float:none; margin:0 0 5px; width:auto;} #footer ul li ul li {float:none; margin:0 0 5px;} #footer li.tweets ul {width:196px;} #footer li.tweets ul a {background:none; color:#fff;} #footer li.tweets ul a.time {color:#4C4144;} .aktt_more_updates {display:none;} #footer li.tweets form {display:none;} #footer li.tweets .aktt_tweets { overflow: hidden; } /* Contact Form */ #cformsform legend, #cformsform label {display:none;} #cformsform ol {list-style-type:none;} #cformsform input, #cformsform textarea {background-color:#CEC5C0; color:#4C4044; font-size:13px;margin:0 0 8px 0; width:230px;} #cformsform textarea {height:64px;} #cformsform input.sendbutton {background-color:#069; border:none; color:#fff; float:right; height:20px; line-height:20px; padding:0 0 2px 0; width:60px; cursor: hand; cursor: pointer;} .linklove {display:none;} /* End Contact Form */ /* End Footer */ /* Collateral - Full width pages (ex Portfolio and Lab) */ #main.collateral h2 {background-color:#300912; color:#851933; font-size:18px; font-weight:normal; margin:0 0 15px; padding:10px; text-transform:lowercase;} #main.collateral h2 span {color:#A59890; display:block; font-size:11px;} #main.collateral p {color:white; font-size:13px; padding:0 0 12px;} #main.collateral ul {list-style-type:none; zoom:1;} #main.collateral ul li {float:left; padding:0 5px 10px 5px; width:270px;} #main.collateral ul li h3 {color:#fff; font-size:15px; font-weight:bold; padding:10px 0;} #main.collateral ul li h3 a {color:#fff;} #main.collateral ul li img {border:1px solid #fff;} #main.collateral ul li p {color:#FCEBD4; font-size:13px; padding:0 0 12px;} /* End Collateral */ /* Tag/Archive heading */ #main h2.pageTitle {background-color:#300912; color:#851933; font-size:18px; font-weight:normal; height:50px; min-height:50px; line-height:50px; margin:0 0 15px; padding:0 10px; text-transform:lowercase;} #main h2.pageTitle span {color:#A59890; display:block; font-size:11px;} /* Misc */ /*.highlight {color:#222; font-weight:bold;}*/ .cleared {margin:0; padding:0; clear:both;} .alignleft {float:left; margin:5px 10px 5px 0;} .alignright {float:right; margin:5px 0 5px 10px;} .aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;} img.alignleft {float:left; margin:5px 10px 5px 0;} img.alignright {float:right; margin:5px 0 5px 10px;} img.aligncenter {margin:10px auto; text-align:center; display:block;} .aktt_credit {display:none;} .wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; /* optional rounded corners for browsers that support it */ -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wp-caption img {margin:0; padding:0; border:none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; color:#111;} /* Customizing Sociable plugin */ .sociable {background:url('images/bg_transparent.png') repeat 0 0; float:left; margin:15px 0 0 0; padding:8px 15px 7px; width:420px; zoom:1; clear: both; height: 20px; line-height: 16px; |line-height:20px;} .sociable .sociable_tagline {float:left; font-size:12px;} .sociable ul {float:left; list-style-type:none; zoom:1} .sociable ul li {float:left; margin:0 0 0 5px; font-size: 0px;} .sociable ul li a img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .sociable ul li a:hover img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }