/* Theme Name: MuniWireless Theme URI: http://www.muniwireless.com/ Description: This is a custom theme for MuniWireless. Author: Jennifer Zelazny/Sandbox Development and Consulting Inc. Author URI: http://www.sandboxdev.com/ JZ CSS file organization ----------------- [1] General (All general items, browser specific hacks.) [2] Header (All header specific elements.) [3] Tabs (All tab specific elements.) [4] Content (All content specific elements.) [5] Sidebar (All sidebar specific elements.) [6] Footer (All footer specific elements.) ----------------- Questions/Comments: Email jzelazny@sandboxdev.com */ /* ---------[1]General--------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, 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;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body {color: #333; background: white;font: normal 12px/18px georgia;text-align: center;} .clear {clear:both;} .hide {display:none;} a {color: #000;text-decoration: underline;} a:hover {color: #AB0000;text-decoration: none;} p {margin: 1.5em 0;} h1, h2, h3, h4 {text-transform: uppercase;font: bold 14px/18px Arial, Helvetica, sans-serif; margin:0;} h1 {font-size: 26px;line-height: 30px;text-transform: none;} h2 {font-size: 15px;text-transform: none;} h3 {color: #999;} #wrap {margin: 0 auto;text-align:left;border:1px solid #000;width:1007px;height:auto;} /* ---------[2]Header--------- */ #header {border-top:5px solid #000;height:130px;background:url("images/header_bg.gif") repeat-x;} #header #topLeft {float:left;width: 204px;display:inline} #header #topRight {float:right;margin: 18px 12px 0 0; width:729px;display:inline} #title a {background: url("images/mw_logo.png");text-indent: -3000px;overflow: hidden;display:block;width:240px;height:40px;margin-top:70px; } #search {margin-top:2px;float:right;} #search form {margin:0; padding:0;} #search input.text {width:115px;} #search input.text, #search input.submit {vertical-align:text-bottom;} #search label {font-weight:bold;margin-right:5px; font-family:Arial,Helvetica; text-transform:uppercase;} #navigation {background: #ffffcc; height:110px; border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9; padding:10px;} .menuCategory {float:left; width:187px;font: normal 11px/18px arial; color: #333;margin-right:10px;} .menuCategory h3 a, .titleItem {text-transform: uppercase;text-decoration:underline; font-weight:strong; font-size:12px;margin:0; padding:0;} .menuCategory ul { list-style: none;margin:0; padding:0;} .menuCategory li a {text-transform: none;color: #333;text-decoration:none;} .menuCategory a:hover {color: #AB0000;text-decoration:underline;} /* ---------[4]Content--------- */ #content {border-right:1px dashed #ddd;margin:0;padding-top:15px;} /* Grid system */ .g {float: left;display:inline;} .u {float: left;margin: 0 12px;display:inline;} .g_span {} .g_span_1 { width: 81px; } .g_span_2 { width: 139px; } .g_span_3 { width: 243px; } .g_span_4 { width: 324px; } .g_span_5 { width: 405px; } .g_span_6 { width: 486px; } .g_span_7 { width: 567px; } .g_span_8 { width: 648px; } .g_span_9 { width: 729px; } .g_span_10 { width: 860px; } .g_span_11 { width: 891px; } .g_span_12 { width: 1007px; } .u_span {} .u_span_1 { width: 57px; } .u_span_2 { width: 145px; } .u_span_3 { width: 219px; } .u_span_4 { width: 299px; } .u_span_5 { width: 381px; } .u_span_6 { width: 462px; } .u_span_7 { width: 543px; } .u_span_8 { width: 624px; } .u_span_9 { width: 705px; } .u_span_10 { width: 786px; } .u_span_11 { width: 867px; } .u_span_12 { width: 948px; } p.author {margin-bottom:5px;} .author, .author a, .tags, .tags a {color:#000;} .author, .excerpt, .commentLink, .tags, .share {margin:0;padding:0;} .post .meta, .homePost .meta {font-size: 11px;color: #666;position: relative;line-height: 14px;margin: 14px 0 14px 36px;} .post .meta img, .homePost .meta img {position: absolute;left: -36px;top: 2px;} #content h1, #content h2 {margin-bottom:3px;} #content ul, #content ol {margin-left:15px;} .entry ul {margin-bottom:20px;} .entry h4 {margin:0;padding:0;} #content #more {background: #F8F8F8;font-size: 11px;border-top: 3px solid #EEE;border-bottom: 3px solid #EEE;margin:18px 0 0 1px; width:646px;} #more h3 {margin: 6px 0 4px;padding-bottom: 5px;border-bottom: 1px solid white;} #more ul {list-style: none;margin:0 0 18px 0;line-height: 18px ! important;} #more ul li {margin: 9px 0;} #more ul li .meta {display: block;color: #666;} #more a {text-decoration: none;color: #AB0000;} #more a:hover {text-decoration: underline;} #comments h3 {margin: 24px 0 4px;padding-bottom: 5px;border-bottom: 1px solid #EEE;} #comments ul {list-style: none;} #comments ul li {margin: 18px 0;} #comments .meta {display: block;font-size: 11px;color: #666;margin: 9px 0 27px;} /* Home */ .topNews {padding:10px 10px 20px 10px;margin:0 10px 25px 0;border-bottom: 1px dashed #C9C9C9;} .homePost {margin-bottom:10px; height:235px;} .homePost, .topNews {line-height:1.7em;} ul#cityInitiatives {margin: 0 0 15px 15px;} /* Category */ #categoryList, #categoryDescription {width:600px; padding:5px 10px 10px 10px; margin:0 auto 10px auto;font-family:Arial,Helvetica;} #categoryList {background:#FEDF37;} #categoryDescription {background:#FFFFCD;border:1px solid #c9c9c9;} #categoryDescription p {margin:0 0 10px 0;padding:0;color:#000;} #categoryList h2 {text-transform:uppercase; font-weight:bold;font-size:1em;} #categoryList ul {list-style:none;margin:5px 0 0 -5px;font-size:1em;} #categoryList ul li {float:left; border-right:1px solid #333; line-height:1em; height:1em; vertical-align:middle;padding:0 6px 0 6px; margin-bottom:5px; } #categoryList ul li a {text-decoration:none; display:block;} /* For testing */ .ad {background: #FAFAFA;} .ad_leaderboard {width: 728px; height: 90px;} .ad_medium_rectangle {width: 334px; height: 280px; margin: 18px 0 ! important;} .ad_medium_rectangle img {margin-left:12px;} .ad_wide_skyscraper { width: 160px; height: 600px; } .ad_button { width: 125px; height: 125px; margin-top:18px;} .ad_logo_button { width: 120px; height: 60px; } #bottom {margin-top:20px;} #comments {margin-top:30px;} /* ---------[5]Sidebar--------- */ #side {font: normal 11px/18px arial;} #side ul {list-style: none;} #side form ul li {position: relative;padding-left: 21px;} #side form ul li input {position: absolute;left: 0;top: 2px;} #side h3 {border-top: 1px solid #C9C9C9;border-bottom: 1px dotted #C9C9C9;margin: 17px 0 8px;} #side p {margin: 9px 0;} #side a.feed {background: url("images/feed-icon-12x12.gif") no-repeat 0 50%;padding-left: 16px;} #tagCloud {width:145px; word-wrap:break-word; line-height:24px;} #polls {border:1px solid #aaa; padding-bottom:5px; background:#eee;margin-top:17px;} .wp-polls {padding:0 13px 0 5px;} #side .widget_polls h3 {background:#aaa;color:#fff;text-align:center; margin:0; border:0;} #polls p img {border:1px solid #c9c9c9;} #pollArchives {margin-left:5px;} #side .wp-polls-ul {margin:0;padding:0;} #side .wp-polls-ul li label {margin:0;padding-left:18px;} #side .wp-polls-ans ul li {margin:0;padding-left:5px;} /* ---------[6]Footer--------- */ #sponsors {margin:20px 0 0 10px;} #sponsors img {margin-left:38px;} #foot {margin-top: 18px;border-top: 1px solid #EEE;color: #666;font-size: 11px;} #foot a {color: #666;}