/* Theme Name: DixonBaxi Theme URI: http://dixonbaxi.com/ Description: Theme for Dixon Baxi, 2009. Version: 1.0 Author: build = ben@kleber.net Author URI: http://kleber.net Tags: dixonbaxi All design © DixonBaxi. */ /* TOP LEVEL */ html {margin:0; padding:0} body {margin:0; padding:14px; background:#ebe8e3; font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#242424} #page {width:920px; margin:0} #preload {display:none} /*header & footer*/ #header {background:#242424; color:#999; height:104px; } #header.blog-header {background:#00ff93; color:#fff} #header .logo_ctr {float:left; width:340px; padding:14px; } #logo {display:block; height:76px; width:340px; outline:none; } #logo h2 {display:none} #header .main_menu {float:left; width:78px; padding:14px 0 0 14px; } .main_menu li {font-size:14px; line-height:16px; } .main_menu li a {color:#CAC2B8} .main_menu.projects li a {color:#AEB0B0; } .main_menu li a:hover {color:#00ff93} .main_menu .next a, .main_menu .cat-item.current-cat a {color:#00ff93} #header .main_menu.selection {width:200px;} #header .sub_menu {float:left; width:156px; padding:14px; font-size:11px; line-height:13px } #header .sub_menu.network {line-height:12px} #header .sub_menu li {color:#fff} #header .sub_menu em {color:#CAC2B8; font-style:normal; display:block; margin:3px 0 0 0;} .sub_menu li a {color:#CAC2B8} .sub_menu li a:hover {color:#00ff93} .sub_menu.network li a, #searchform_button {color:#fff} .sub_menu.network li a:hover, #searchform_button:hover {color:#00ff93} #header.blog-header .sub_menu em, #header.blog-header a {color:#fff !important} #header.blog-header a:hover {color:#242424 !important} a h2 {text-decoration:none} #disciplines {position:relative; } #disciplines .stalk {position:absolute; left:0; top:15px; width:75px; padding:0 0 0 10px} #disciplines_nav {position:absolute; top:23px; left:0px; background:#00ff93; z-index:100; min-width:75px; padding:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;} #disciplines_nav a {color:#242424} #disciplines_nav a:hover {color:#ffffff} #footer {padding:56px 0 14px 0;} #footer div {float:left} #footer .imprint {width:552px} #footer .nav {width:170px; padding-left:14px} /* index page grid layout */ .grid-layout {margin:14px 0 0 0; position:relative} .size1 {width:184px} .size2 {width:368px} .size3 {width:552px} /* incase of mis-sized imgs */ .size1 .img_wrapper {height:103px; overflow:hidden} .size2 .img_wrapper {height:207px; overflow:hidden} .size3 .img_wrapper {height:310px; overflow:hidden} .space {background:grey; visibility:hidden} /* used on blank spaces */ .height1 {height:103px} .height1b {height:128px} /* 103 + 25 */ .height2 {height:231px} /* 206 + 25 */ .height3 {height:334px} /* 309 + 25 */ .size1 h1 {height:120px} .grid-layout .post {} .size2 .info, .size3 .info {margin-top:-1px} .info {position:relative; background:#ffffff; height:25px; line-height:25px; padding:0 6px} .info em {position:absolute; z-index:1; padding:0 10px; height:25px; bottom:0; right:0; background:#3fa1e2; color:white; font-style:normal; font-weight:bold; } .blog .info {background:#00ff93} .blog .info em {background:none; color:white; padding:0 6px;} /* single post / blog page */ .content-column {float:left; width:736px; padding:14px 0 0 0;} .nav-column {float:left; padding:10px 0 0 14px; color:#242424; width:170px} .left-col {float:left; width:552px; padding:0;} .right-col {float:left; width:170px; padding:0 0 0 14px; /*position:relative;*/} .content-group {position:relative; width:552px; margin:14px 0 0 0} .video.content-group {height:310px} .content-group:first-child, .content-group.first-child {margin:0} a.videoPlayer {display:block} .content-info {width:170px; } .slideshow_bts {position:absolute; z-index:100; top:7px; left:7px} .slideshow_bts img {cursor:pointer; margin:0 3px 0 0} .nav-column ul {margin:0 0 14px 0} .nav-column li.current-cat a {font-weight:bold} .mightlike li {margin:0 0 4px 0} .mightlike img {display:block} .post {border-bottom:1px solid #fff; margin:0 0 14px 0; padding:0 0 14px 0} .post h1 {font-size:22px; padding:4px; } .post h1 a:hover {color:#fff} .grid-layout .post {border:0; margin:0; padding:0} .post-copy {padding:0; width:170px} .post-copy h2, .content-info strong.title, .content-info h2 {margin-top:-3px; display:block} .post-copy h2 a {color:#242424} .post-copy h2 a:hover {color:#00ff93} .date {padding:0 0 14px 0;} .meta {padding:14px 0 0 0;} #post-header {display:block; position:absolute; top:28px; left:28px} #comments {color:#00ff93} #respond input {background:white; border:0px solid white; padding:2px} #comment {width:100%; border:0} .date, .meta, .copy, .nav-column a {font-family: Georgia, "Times New Roman", Times, serif} .copy {font-size:14px; -moz-column-count: 2; -moz-column-gap: 14px; -webkit-column-count: 2; -webkit-column-gap: 14px; column-count: 2; column-gap: 14px; } .copy.underImages {margin-top:10px;} .info h2 {font-size:12px; font-weight:normal} .info h2.blog {padding:0 35px 0 0} .info h2.new {padding:0 40px 0 0} .info h2 a {color:#242424; font-weight:bold} .page-content .left-col h2 {color:#2288BB; font:26px Georgia, "Times New Roman", Times, serif; line-height:26px;} .page-content h2 strong {font-weight:normal; color:#242424} .page-content h2 a {color:#2288BB;} .page-content h2 a:hover {color:#00ff93} /*.page-content .right-col a:hover {color:#2288BB; }*/ /*TYPO*/ h1, h2, h3 {margin:0; padding:0} h2 {color:#242424; font-size:14px} a {text-decoration:none; color:#242424} a:hover {color:#00ff93} /* IMAGES */ a img {border:0} /* LISTS */ ul {list-style:none; margin:0; padding:0} /* FORMS */ form {margin:0; padding:0} input.text {border:0; color:#242424; padding:3px} .main_menu form {display:inline} #cat {width:80px; font-size:9px} #searchform {margin:0 0 2px 0; } /*#searchform_button {color:#fff; text-decoration:none;}*/ input.text.search {width:92px; font-size:10px !important; margin:0 6px 0 0; color:#CAC2B8 !important} /* MISC */ hr {display:none} .hr {border-top:1px solid #fff; margin:14px 0} #map {height:310px} /*FIXES*/ .clear {float:none !important; clear:both; height:0} .float-fix {height:1px; margin-bottom:-1px; overflow:hidden} /* IE doesn't draw properly */ .ie .bottom .post {float:left !important} .ie .main_menu li select {font-size:10px;} .ie .button {padding:1px 5px 2px 5px;} .webkit .main_menu.projects {margin-top:-1px} /* PALETTE */ .dgrey {color:#242424} /* header bg */ .bg-beige {background:#ebe8e3} /* bg */ .nav-text-beige {color:#CAC2B8} /* text in nav */ .nav-text-grey {color:#AEB0B0} .blue {color:#2288BB} /* or 3fa1e2 */ .fluro-green {color:#00ff93}