/* Theme Name: Cipher Media Based on Lucidity Theme URI: http://www.sandboxdev.com/ Description: Lucidty:adjective - clear, obvious, sensible. This theme will make working with WordPress even easier with easy to use admin panels and theme files. Version: 1.1 Author: Jennifer Zelazny/SDAC Inc. Author URI: http://www.sandboxdev.com/ Tags: white, custom header, fixed width, two columns, widgets JZ CSS file organization ----------------- [1] General - All general items, browser specific hacks [2] Header - All things specific to the header [4] Main Content - All things specific to the main content [6] Sidebar - Things which are specific to the sidebar. [7] Footer - Things which are page and section specific. Questions/Comments: http://www.sandboxdev.com/forums/ */ /*---------[1]General---------*/ body {background:#fff;font:.8em/1.5em Helvetica, 'Lucida Grande',Arial, sans-serif;color: #000;margin:0;padding:0;} h1,h2,h3,h4,h5,h6,form,ul,ol,p {line-height:normal; margin:0; padding:0;} a {font-weight:bold;color:#79c203;text-decoration:none;} a:hover {color:#333;text-decoration:underline;} a img {border:0;} code {font: 1.1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;} blockquote {border-left: 5px solid #ddd;margin: 15px 30px 0 10px;padding-left: 20px;} blockquote cite {display: block;margin: 5px 0 0;} p img {max-width:99%;} .alignright {float:right;margin-left:5px;} .alignleft, .alignnone {float:left;margin-right:5px;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} .clearjz {clear:both;} img.alignleft, img.alignright, img.alignnone {padding:3px; border:1px solid #ddd;} .center {text-align: center;} .hidden {display: none;} .screen-reader-text {position: absolute;left: -1000em;} .wp-caption, .gallery-caption {font-size:.75em;font-weight:bold !important;margin-bottom:10px;} p.wp-caption-text {margin:5px 0 0 0 !important;padding:0 !important;} .wrapper {margin:0 auto;width:980px;} #main {background: url('images/bg-main.gif') repeat;} /*---------[2]Header---------*/ #header {background: url('images/bg-header.png') repeat-x;height:159px;margin:0 auto;} #header #logo {width:490px;float:left;display:inline;margin-top:30px;} #header #logo h1 a {background: url('images/logo.png') no-repeat;display:block;width:490px; height:57px;text-indent:-9999px; overflow:hidden;} #header #tagline {float:right;} #header #tagline h2 {background: url('images/tagline.png') no-repeat;display:block;width:359px; height:40px;text-indent:-9999px; overflow:hidden;} #header #icons {float:right;display:inline;margin:10px 0 10px 10px;} #header ul {list-style:none;} #header #icons ul li {float:left;margin:0 0 0 5px;} #nav {background: #ff9900;height:35px;border-top:10px solid #fff;border-bottom:10px solid #fff;} #nav ul {float:left;width:680px;} #nav ul li {list-style:none;display:inline;line-height:35px;text-transform:uppercase;letter-spacing:1px;font-size:1.1em} #nav ul li a {color:#fff;border-right:1px solid #fff;padding:0 10px 0 10px;} #nav ul li a:hover {text-decoration:none;} #nav form#searchform {float:right;width:280px;line-height:35px;} #nav form#searchform input#s {border:1px solid #fe8005;width:200px;padding:3px 3px 4px 3px;} #nav form#searchform input#searchsubmit {vertical-align:middle;} #nav ul li#nav-contact a {border-right:0;} #nav ul li a:hover, .home #nav-home a {color:#333;} /*---------[3]Main Content---------*/ #content {float:left;display:inline;width:670px;margin: 20px 10px 0 10px;} div.post, div.page {clear:both;margin-bottom:20px;background:#f8f8f8;padding:10px;-moz-border-radius-topleft:12px; -webkit-border-top-left-radius:12px;-moz-border-radius-topright:12px; -webkit-border-top-right-radius:12px;opacity:0.8;filter:alpha(opacity=80)} .post input#s {border:1px solid #bbb;width:510px;padding:2px;} .post h2, .page h2 {font-size:2.1em;margin-bottom:15px;} .meta {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:5px;} .meta h4 {text-transform:uppercase;font-size:.85em;margin:3px 0 3px 0;color:#666;} .entry {padding:10px;border:1px solid #ddd;background:#fff;} .entry h3 {color:#9c3434;} .entry p {font-size:1.2em;line-height:1.5em;margin:0 0 15px 0;padding:0;} .entry ul, .entry ol {margin:5px 0 5px 25px;padding:0;} .entry ul li {list-style:square; margin-bottom:10px;} .entry ol li {margin-bottom:10px;} .entry img {padding:0;max-width: 575px;} .tags h4 {text-transform:uppercase;font-size:.85em;margin:3px 0 3px 0;color:#666;margin-top:10px;} #commentSection h3 {margin-top:25px;} .commentlist li {list-style: none;margin: 15px 0 10px;padding: 5px 25px 10px 10px;background:#fff;border:1px solid #ccc;} .commentlist li ul li { margin-right: -5px;margin-left: 10px;} .commentlist li .avatar { float: left; display:inline;background: #fff;border: 1px solid #bbb;margin-right:10px;padding: 2px;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {line-height:1.5em;margin: 10px 5px 10px 0;} .comment.odd {background:#f8f8f8;} #commentform {margin: 5px 10px 0 0;} #commentform p {margin: 5px 0;line-height:21px;} #commentform input#author, #commentform input#email, #commentform input#url {width: 250px;border:1px solid #bbb;padding: 3px;} #commentform textarea {width: 98%;border:1px solid #bbb;padding: 2px;} #commentform #submit {margin: 0 0 15px auto;float: right;} .alt {margin: 0;padding: 10px;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block;} .post.misc {padding-bottom:10px;} .post.misc h2 {border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:5px;} .post.misc h3 {margin:15px 0 10px 0;text-transform:uppercase;} .home #content {width:980px;} .home h2 {font-size:2.1em;color:#000;margin-bottom:10px;} .home p {font-size:1.5em;line-height:1.6em;margin-bottom:15px;} #whoWeAre {float:left;margin:40px 0 40px 0;} #whatWeDo {float:left;margin-bottom:40px;} #whatWeDo h2 {font-size:1.9em;} #whatWeDo .offer {float:left;display:inline;width:300px;margin-right:25px;} #whatWeDo .offer .intro {height:200px;} /*---------[4]Sidebar---------*/ #sidebar {float:left;display:inline;width:270px;margin:20px 0 10px 10px;} #sidebar h2 {font-size:1.3em;letter-spacing:1px; color:#333;padding:10px;} #sidebar ul {margin:0 0 0 0;padding:0;list-style:none;} #sidebar ul ul {margin:5px 0 10px 5px;padding:0;} #sidebar ul ul li {background: url('images/bullet-list.png') no-repeat; padding-left:15px;} #sidebar ul ul ul li {list-style:square;background:none;padding:0;} #sidebar ul ul ul {margin:5px 0 0 15px;} #sidebar li {margin-bottom:5px;} #sidebar li.widget {margin:0 0 20px 0;background:#f8f8f8;-moz-border-radius-bottomleft:12px; -webkit-border-bottom-left-radius:12px;-moz-border-radius-topright:12px; -webkit-border-top-right-radius:12px;opacity:0.8;filter:alpha(opacity=80)} #sidebar li.widget .w {padding:10px;} #sidebar a {color:#79c203;} #sidebar .textwidget {margin-top:10px;} #sidebar .textwidget p {margin-bottom:10px;} #sidebar ol#topTen {margin:10px 0 10px 20px;} /*---------[5]Footer---------*/ #footer {float:left;clear:both;width:100%;background:#fed009;height:400px;border-top:10px solid #fff;padding-top:10px;} #footer p {color:#fff;margin-bottom:15px;text-align:center;font-size:1em;} #footer a {color:#333;} #footer p img {vertical-align:text-bottom;} #footer .postsGroup {float:left;display:inline;width:300px;margin:0 25px 25px 0;} #footer .postsGroup h3 {color:#333;margin-bottom:15px;} #footer .postsGroup p {text-align:left;line-height:normal;margin:0 0 3px 0;padding:0;color:#333;} #footer .postsGroup p a {color:#333;} #footer .postsGroup .highlighted {margin:5px 0 10px 0;}