/* Theme Name: Childrens Dental Theme URI: http://www.childrensdental.biz/ Description: This theme is built for childrensdental.biz. Version: 1.0 Author: Innovation Simple Inc. Author URI: http://innovationsimple.com/ */ /* Global Body */ * { margin:0; padding:0; } body { background: #ffffff url('images/main_bg.png') repeat-x; font:0.73em "Century Gothic","Lucida Grande",Arial; line-height:1.3em; text-align:center; color:#000; } .bold, p a { font-weight: bold; } p {text-align:left; padding-left:5px;} hr {margin: 10px auto 10px auto; width:880px; border:1px solid #bfbfbf; } ul { margin: 10px 0 0 25px;text-align: left; } /* main layout*/ #body_top { width: 915px; margin: 50px auto 0; background: transparent url('images/body_top_bg.png') no-repeat; height: 15px;} #body_mid { width: 915px; margin: 0 auto; background: transparent url('images/body_mid_bg.png') repeat-y;} #body_bot { width: 915px; margin: 0 auto 10px; background: transparent url('images/body_bot_bg.png') no-repeat; height: 15px;} /* Header */ #header-logo {margin: 15px 0 0 150px;} #header { position: relative; margin:0 auto 0 auto; padding:0; height: 185px; color:#666; } #header .inner { padding:0; width:870px; margin: 0 auto 0 auto; position: relative;} #header .inner img { border:0; } #header-doctor { position: absolute; right: 50px; top: -60px; height: 140px; width: 200px; background: transparent url('images/home_doctor.png') no-repeat;} #headerleft { float:left; margin: 10px 0 0; text-align:left; width: 630px;} #headerright { text-align: right; float:right; margin: 80px 20px 0 0 ; width: 250px; } #headerright p { color: #fff; margin: 7px 0 15px 0; padding: 0; text-align: right; } #headerright .phone { font-weight: bold; color: #3dbf5f; font-size: 1.5em; margin: 10px 0 0;} #headerright .contact { color: #0096d5; text-align:right; margin: 10px 0 0 0;padding:0; font-size: 1.1em;} #header #headerright p.falls a { color: #fff; font-weight: normal; margin: 0; } /* Searchbox */ .searchbox { text-align:right; margin:10px 0 0 20px; padding:0; } .searchbox label { color:#666; font-size:1.2em; } .searchbox input#s { padding:3px 0 3px 5px; border:1px solid #aaa; background:#fff; width:180px; color:#666; margin:0; vertical-align: bottom; } .searchbox input#searchsubmit { padding:0; margin:0; vertical-align: bottom; } /* Navigation */ .navigation { height: 100px; width:904px; padding: 0 0 0 0; margin: 20px auto 0 auto; } ul#nav{ font-weight: normal; text-align: center; width: 900px; line-height: 11px; font-size: 14px; list-style-type: none; display: block; margin: 0 0 0 65px; padding: 0; } ul#nav li.link{ float: left; height: 90px; width: 90px; margin: 0 11px; padding: 0; } ul#nav .link a{ color:#FFFFFF; height: 28px; display: block; margin: 0; padding: 35px 0; line-height: 15px; background: transparent url('images/nav_bg.png') no-repeat;} ul#nav .link a.two-line {padding-top: 27px; } ul#nav li a{ text-decoration: none; font-weight: bold; } ul#nav li a:hover{ background-image: url('images/nav_bg_hover.png'); text-decoration: none; font-weight: bold; } ul.sub-nav { clear: both; list-style: none; margin: 0;} ul.sub-nav li { float: left; margin: 5px; } ul.sub-nav li {font-weight: bold; font-size: 1.2em; } ul.sub-nav li .left{ background: url('images/sub-nav-left.png') no-repeat; height: 45px; width: 10px; float: left;} ul.sub-nav li .mid{ background: url('images/sub-nav-mid.png') repeat-x; height: 45px; line-height: 45px; float: left;} ul.sub-nav li .right{ background: url('images/sub-nav-right.png') no-repeat; height: 45px; width: 10px; float: left;} /* Heading tags */ h1 { line-height:26px; margin: 15px 0 10px 0; padding:0; color: #da2229; font-size: 1.8em;} h2 { line-height:16px; margin: 15px 0 5px 5px; padding:0; color:#0096d8; text-align:left; font-size: 1.4em;} h3 { line-height:14px; text-align: left; margin: 5px 0 15px 10px; padding:0; color: #0096d8;} h4 { line-height:12px; margin: 0 0 10px 0; padding:0; } .hh1, .hh1-l { margin:10px 10px 10px 10px; line-height: 2.2em; text-align:center;border-bottom: 2px solid #0097d6; color: #f52f24; } .hh1-l {text-align: left;} /* Sidebar */ .sidebarContainer {float:right;text-align:left;padding:0;width:190px; } .sidebar {float:right; text-align:left;padding:0;margin:15px 0 10px 10px;width:190px; } .sidebar a {text-decoration:none;} .sidebar a.readall { text-align:right;display:block;color:#000;font-size:1.0em;font-weight:bold;margin: 5px 5px 5px 0; } .sidebar ul {margin: 0 0 0 8px; padding:0;} .sidebar ul li{padding:2px 0 2px 0;list-style-type: none;} .sidebar ul li li{line-height:16px; padding:0; margin-left:2px;} .sidebar ul li a{font-size: 1em;margin: 0;padding: 0;color:#1265B3;} .sidebar ul li a:hover, .sidebar ul li.current_page_item a{color:#1265B3;} /* Columns */ .left-col { float: left; width: 630px;} .right-col { float: left; width: 240px; margin-left: 10px; } /* Images */ img.pad {padding:10px; } /* Lists */ ul.arrow { list-style: url(images/blue_arrow.png)} /* Main Content */ .mainContainer { } .mainContainerEnd { height:14px; } .pageContainer { font-size: 1.1em; width: 880px; margin: 0 auto 0 auto; padding: 0; } .pageContainer p{padding: 3px 5px 3px 10px;} .pageContainer-home { width: 904px; margin: 0 auto 0 auto; padding: 0 ; } .pageContent { float:right; width: 665px; margin: 0 5px 1px 0;} /* PageTop */ .pagetop{ width:880px;margin:0 auto 0 auto;} .pagetop h1{ color:#da2229; padding: 0 15px 0 0; margin: 10px; } .pagetop p, .pagetop ul{ text-align:left; color:#fff; margin: 5px 10px 5px 10px; font-size: 1.4em; } /* Content - Obselete Classes */ #content { text-align:left; margin:0; padding:0; } #content h1 { color: #f52f24;font-size:2.6em; font-weight: bold; padding: 10px; } #content h2 { font-size:1.7em; clear:left; margin:20px 0 15px 0; padding:0; } #content h2.posttitle a { font-size: 1.2em; color:#CF2A19; } #content h2>img, #content h2 a>img {vertical-align: middle;} #content h3 {font-size:1.3em; clear:left;} #content h2.archiveheader {padding:4px 0;font-size:1.5em;border-bottom:3px solid #ddd;} #content h2 a, #content h3 a {font-weight:bold;} #content p {margin:0 0 15px 0;} #content div.postnav {padding:10px 0;} #content div.postnavleft {width:48%;} #content div.postnavright {width:48%; text-align:right;} #content ul, #content ol {margin:0 0 15px 30px; padding:0 0 0 10px;} #content ul li, #content ol li {margin:0 0 3px;} #content ul ul, #content ol ol {margin:5px 0 5px 15px;} #content img {margin:0; padding:0;} #content img.left {float:left; margin:0 10px 10px 0;} #content img.right {float:right; margin:0 0 10px 10px;} #content img.center {margin:2px auto 10px auto; display:block;} #content img.framed {padding:5px; background:#222; border:1px solid #555;} #content .post {margin:0 0 15px;} #content .introtext {font-size:1.2em; margin:-10px 0 20px 0;} #content .timestamp { margin: 10px 0 10px 0; } #content .timestamp strong{font-size:1.2em; font-weight:400;} #content .timestamp a {font-weight:400;} #content .postmeta {padding:2px 0 2px 0; font-size:1em; text-align:right; font-weight:400; color:#555; display:block; border-top:3px solid #ddd;} #content .postmeta a {} #content .postpagesnav {margin:15px 0 20px 0; padding:0; font-size:1.2em;} #content .postpagesnav .older {width:48%; float:left;} #content .postpagesnav .newer {width:48%; float:right; text-align:right;} /* Blog Classes */ .pageContent .postmetadata { margin-bottom: 10px; } .contenttext { margin: 10px 0 0 0; } .contenttext p { padding: 5px 0 5px 0; } .blogcontent {float:left; width:680px: padding:0 0 0 10px; margin:0;} /* Footer */ #footer { width: 915px; text-align:center; color: #0097d6; padding: 0 0 0 0; margin: 0 auto 5px auto; } #footer div.inner { text-align:left; width: 900px; margin:0 auto 0 auto; padding: 0; } #footer .links, #footer .legal { margin: 0; text-align:center; font-weight: bold; color: #0097d6; margin: 5px 0 15px} #footer .links a { color: #0097d6; padding: 0; margin: 0; text-decoration:none; } #footer .links a:hover, #footer .legal a:hover { color: #1265B3; } /* Extra Details */ .extra {clear:both; padding:2px 0 0 0;} .output-options { text-align: right; } /* Similar Pages */ #content .similar {clear:both; margin-top:20px; border:2px solid #ddd; background-color:#efffff;} #content .similar .left {float:left; margin:0 0 0 20px;} #content .similar .right {float:left; margin:0 0 0 20px; padding-left:20px; border-left: 1px solid #ddd;} /* Comments */ #comments {margin:20px 0 16px 0;} .comment {margin-bottom:10px; padding-bottom:6px;} #content div.comment p.commenticon {margin:0 0 10px;} #content div.comment p {margin:0 0 4px;} #respond {margin:20px 0 0 0;} #respond h2 {font-size:1.4em; padding:4px 0; border-bottom:3px solid #bfbfbf;} #respond p {margin:0 0 10px 0;} #respond input,#respond textarea {padding:4px; width:250px; background-color:#f4f4f4; color:#666;} #respond textarea#comment {width:500px;} #respond input.button {width:75px;} #respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #ccc;} /* Tags */ blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #eee; color:#777;} blockquote p {padding:2px 0; margin:0; font-weight:bold;} code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f4f4f4; border:1px solid #ccc;} /* Links */ a {color:#0070a4; text-decoration:none; } a:hover {color:#CF2A19;} a img {border:0;} #headerright .contact a{ color: #0096d5; } #headerright .contact a: hover{ color: #CF2A19; } /* Contact */ .formp {font-weight: bold;} .formp p {margin: 10px 0 5px 0;} .formp .col1 { float:left;width: 320px; } .formp .col2 { float:left;width: 320px; } ul.clean li { list-style: none; } /* Various classes */ .column {float:left; width:400px; margin:0; padding:0 5px 0 15px;} .feedlink {margin:0 0 0 2px;} .textright {text-align:right;} .textcenter {text-align:center;} .clear {visibility:hidden; clear:both;height:1px;} .line {border-top: 1px solid #000;} .fl {float:left;} .both {clear:both;} .hide {display:none;} .center {text-align: center;} .red {color:#B23E41;} .i {font-style: italic;} .go {color:#AA0000;} .partners {width:158px;text-align:center;} form#cform select#departments { width: 223px; } .indent25 {text-indent: 25px;} #content ul.straight {margin:0 0 0 10px;} .office-photos {width:425px; float: left; padding:10px 5px; margin:0; text-align: center;} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Copyright (c) 20010 Janis Skarnelis * Examples and documentation at: http://fancybox.net * * Version: 1.3.0 (02/02/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none;} * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0;} #fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancy/fancy_loading.png') no-repeat;} #fancybox-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none;} * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%;} #fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none;} #fancybox-wrap {position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none;} #fancybox-outer {position: relative; width: 100%; height: 100%; background: #FFF;} #fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;} #fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;} #fancybox-close {position: absolute; top: -15px; right: -15px; width: 32px; height: 32px; background: url('/images/fancy/fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none;} #fancybox_error {color: #444; font: normal 12px/20px Arial;} #fancybox-content {height: auto; width: auto; padding: 0; margin: 0;} #fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;} #fancybox-frame {position: relative; width: 100%; height: 100%; border: none; display: block;} #fancybox-title {position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102;} .fancybox-title-inside {padding: 10px 0; text-align: center; color: #333;} .fancybox-title-outside {padding-top: 5px; color: #FFF; text-align: center; font-weight: bold;} .fancybox-title-over {color: #FFF; text-align: left;} #fancybox-title-over {padding: 10px; background: url('/images/fancy/fancy_title_over.png'); display: block;} #fancybox-title-wrap {display: inline-block;} #fancybox-title-wrap span {height: 32px; float: left;} #fancybox-title-left {padding-left: 15px; background: transparent url('/images/fancy/fancy_title_left.png') repeat-x;} #fancybox-title-main {font-weight: bold; line-height: 29px; background: transparent url('/images/fancy/fancy_title_main.png') repeat-x; color: #FFF;} #fancybox-title-right {padding-left: 15px; background: transparent url('/images/fancy/fancy_title_right.png') repeat-x;} #fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/images/fancy/blank.gif'); z-index: 1102; display: none;} #fancybox-left {left: 0px;} #fancybox-right {right: 0px;} #fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;} #fancybox-left-ico {background: transparent url('/images/fancy/fancy_nav_left.png') no-repeat;} #fancybox-right-ico {background: transparent url('/images/fancy/fancy_nav_right.png') no-repeat;} #fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */} #fancybox-left:hover span {left: 20px;} #fancybox-right:hover span {left: auto; right: 20px;} div.fancy-bg {position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001;} div#fancy-bg-n {top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancy/fancy_shadow_n.png') repeat-x;} div#fancy-bg-ne {top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancy/fancy_shadow_ne.png') no-repeat;} div#fancy-bg-e {top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('/images/fancy/fancy_shadow_e.png') repeat-y;} div#fancy-bg-se {bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancy/fancy_shadow_se.png') no-repeat;} div#fancy-bg-s {bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancy/fancy_shadow_s.png') repeat-x;} div#fancy-bg-sw {bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancy/fancy_shadow_sw.png') no-repeat;} div#fancy-bg-w {top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('/images/fancy/fancy_shadow_w.png') repeat-y;} div#fancy-bg-nw {top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancy/fancy_shadow_nw.png') no-repeat; }