/*

Theme Name: Toothy_v1.1
Theme URI: http://www.klimitzdental.com
Description: Theme for Klimitz and Klimitz Dental site
Author: Rena Cugelman
Author URI: http://www.kittyloco.com
Version: 1.0 - 7.20.2007

*/


/* ------------------------------------------------------------
Global Styles 
------------------------------------------------------------ */

* {
padding: 0;
margin: 0;
}

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #000;
line-height: 1.3em;
letter-spacing: .35pt;
background: #fff url(images/bgGrad.jpg) repeat-x top left;
text-align: center;
}

#wrapper {
width: 780px;
background: transparent url(images/bgDrpshdw.png) repeat-y top center;
margin: 0 auto;
}

#wrapperInner {
width: 750px;
margin: 0 auto;
}

/* ----- global ------------------------ */

.clear {
clear:both;
height:1px;
overflow:hidden;
}

.indenty {
margin: 0;
padding: 0 15px; 
}

.center {
text-align: center;
}

.theRight {
float: right;
margin: 0 0 0 5px;
padding: 0; 
}

.theLeft {
float: left;
display: inline;
margin: 0 5px 0 0;
padding: 0; 
}

img {
border: 0;
}

hr {
display: none; 
}

ul, ol, li {
list-style: none;
margin: 0;
padding: 0;
}

.arrow {
background: url(images/arrow01.gif) no-repeat 0 50%;
padding: 2px 0 4px 15px;
}

a:link, a:visited {
color: #6f8f3f;
text-decoration:none;
}

a:hover {
color: #4e652b;
text-decoration:underline;
}

p {
margin: 0;
padding: 0 0 10px 0;
}

h1, h2, h3, h4 {
font-family: 'Century Gothic', 'Lucida Grande', georgia, helvetica, arial, verdana, sans-serif;
}

h1, h1 a {
font-size: 1.5em;
line-height: 1.1em;
font-weight: bold;
}

h2 {
font-size: 1.6em;
line-height: 1.4em;
font-weight: 100;
margin: 7px 0 15px 0;
padding: 0;
}

h3 {
font-size: 1.5em;
font-weight:800;
line-height: 1.3em;
margin: 15px 0 0 0;
padding: 0;
text-transform: uppercase;
}

h4 {
color: #0e72b0;
font-size: 1.3em;
font-weight:bold;
line-height: 1.3em;
margin: 25px 0 7px 0;
padding: 0 0 5px 0;
text-transform: uppercase;
border-bottom: #ccc 1px solid;
}

h5 {
margin-top: 1em;
font-size: 1.2em;
font-weight: bold;
}

h6 {
font-size: 1.3em;
font-weight:800;
line-height: 1.3em;
margin: 15px 0 0 0;
padding: 0;
text-transform: uppercase;
}

small {
margin-top: 1em;
font-size: 1em;
}


/* ------------------------------------------------------------
header 
------------------------------------------------------------ */

#hed_cont {
background: #fff url(images/header2.jpg) no-repeat top center;
width: 750px;
height: 224px;
text-align: left;
}

#hed_meta {
text-align: left;
margin: 0;
padding: 8px 20px 3px 20px;
}

#hed_meta li {
font-size: .9em;
display: inline;
list-style-type: none;
padding-right: 10px;
padding-left: 12px;
background: url(images/arrow04.gif) no-repeat 0 50%;
}

#hed_quote {
text-align: left;
width: 300px;
margin: 28px 10px 10px 90px;
color: #fff;
background: url(images/hed_qdots.gif) repeat-y 0 0;
padding: 2px 0 2px 15px;
}

.form-input {
margin: 5px 5px 0 0;
width: 140px;
padding: 1px 3px;
background: #fff;
border: 1px solid #757575;
color: #555;
font-size: 0.95em;
}

.search-submit {
width: 60px;
height: 20px;
margin: 4px 15px 0 0;
padding: 1px 3px;
background: #000;
border: 0;
color: #fff;
font-size: 0.95em;
background: url(images/but_search.png) no-repeat 0 0;
}

/*This CSS controls the height of the header and the user1 box. Adjust the height in ems to fit your logo image*/
#hed_cont {
height:224px;
}

/*CSS for logo. Its a image replaced link as an H1 tag*/
#hed_cont h1 {background:url(images/klimitzLogo.png) no-repeat 0 0;}

/*Set the line-height and width equal to your logo image here*/
#hed_cont h1 a {width:318px;line-height:79px;}


#hed_cont h1 {
position: relative;
top: 22px; /* logo placement */
left: 20px;
width: 358px;
margin: 0;
padding: 0;
}
#hed_cont h1 a {
display:block;
text-indent:-5000px;
text-decoration:none;
}

/* ------------------------------------------------------------
Internal page header 
------------------------------------------------------------ */

#hed_internal {
background: #fff url(images/intern_hedBg.jpg) no-repeat top center;
width: 750px;
height: 144px;
text-align: left;
}

#hed_intquote {
text-align: left;
width: 250px;
margin: -50px 20px 10px 460px;
color: #fff;
padding: 0;
}

/*This CSS controls the height of the header and the user1 box. Adjust the height in ems to fit your logo image*/
#hed_internal {
height:144px;
}

/*CSS for logo. Its a image replaced link as an H1 tag*/
#hed_internal h1 {background:url(images/klimitzLogo.png) no-repeat 0 0;}

/*Set the line-height and width equal to your logo image here*/
#hed_internal h1 a {width:318px;line-height:79px;}


#hed_internal h1 {
position: relative;
top: 22px; /* logo placement */
left: 20px;
width: 358px;
margin: 0;
padding: 0;
}
#hed_internal h1 a {
display:block;
text-indent:-5000px;
text-decoration:none;
}

/* ------------------------------------------------------------
Top Navigation
------------------------------------------------------------ */

#topnav {
background: url(images/navBg.jpg) no-repeat 0 0;
height: 27px;
}

#navcontainer {
padding: 0 5px;
margin: 0 0 0 40px;
}

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url(images/navBak.gif) repeat-x 0 0;
font: 10px/26px 'Lucida Grande', verdana, sans-serif;
}

#navcontainer a
{
color: #fff;
text-decoration: none;
display: block;
width: 70px;
line-height: 2.7em;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#navcontainer li#active { 
background: url(images/navBakHover.gif) repeat-x 0 0;
}
#navcontainer a:hover { 
background: url(images/navBakHover.gif) repeat-x 0 0;
}


/* ------------------------------------------------------------
Main Page TEASERS
------------------------------------------------------------ */

#teasers_content {
position: relative;
width: 750px;
margin: 0;
padding: 0;
background: url(images/teaseBg.gif) repeat-y 0 0;
text-align: left;
}

#teasers_content ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 250px;
float: left;
}

#teasers_content p {
padding: 0 10px 10px 10px;
margin: 0;
}

#teasers_content h3 {
padding: 10px 10px 0 10px;
margin: 0;
line-height: 1em;
}

#tsr_left {
width: 250px; 
text-align: left;
position: absolute;
top: 0;
left: 0;
margin: 0 0 5px 0;
padding: 0;
border: 0;
background: #dcdcdc;
overflow: hidden;
}

#tsr_middle {
text-align: left;
padding: 0 0 0 0;
margin: 0 250px 20px 250px;
border: 0;
background: #cecece;
overflow: hidden;
}

#tsr_right {
width: 250px;
text-align: left;
position: absolute;
top: 0;
right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
margin: 0;
padding: 0;
border: 0px;
background: #dcdcdc;
overflow:hidden;
}

/* ------------------------------------------------------------
Main Page CONTENT
------------------------------------------------------------ */
#content {
text-align: left;
width: 750px;
margin: 0;
padding-top: 30px;
background: url(images/liney2.gif) no-repeat 0 0;
overflow: hidden;
}

#content_int {
text-align: left;
width: 750px;
margin-top: 0;
padding-top: 30px;
background: url(images/navLine.gif) no-repeat 0 0;
overflow: hidden;
clear: both;
}

#content_int ul, #content_int ol {
margin: 0 15px;
padding: 0;
}

#content_int ul li {
background: url(images/arrow04.gif) no-repeat 0 50%;
padding: 2px 0 4px 15px;
}

#content_int ol li {
list-style-type: decimal;
padding: 0 0 4px 0px;
margin: 0 20px;
}

#left_mainWrap {
float: left;
display: inline;
width: 455px;
margin-right: 10px;
padding: 0;
}

#right_mainWrap {
float: right;
display: inline;
width: 245px;
margin-right: 22px;
padding: 0;
color: #777;
font-size: .9em;
}

#right_mainWrap2 {
float: right;
display: inline;
width: 245px;
margin-right: 12px;
padding: 0;
color: #777;
}

#right_mainWrap img {
border: 0;
}

#content_int img {
border: #ccc 1px solid;
padding: 1px;
margin: 10px;
}

.topSpace {
padding: 7px 0 0 0;
}

.breadcrumb {
color: #888;
padding: 0 0 10px 15px;
margin-left: 0px;
background: url(images/dotty_int.gif) no-repeat bottom center;
}

ul.left_main {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}

ul.left_main li {
padding:0;
margin-bottom:10px;
height:1%; /* Fix for MSIE peekaboo bug */
}

ul.left_main li img {
float:left;
margin: -7px 15px 10px 5px;
}

#hed_services h2 {
display:block;
text-indent:-5000px;
text-decoration:none;
}

#hed_services {
background: url(images/hed_services.gif) no-repeat bottom center;
padding: 5px 0 0 0;
margin: 20px 0;
width: 455px;
height: 29px;
}

#serviceLinks {
padding: 0 10px;
margin-left: 115px;
width: 300px;
}

ul.left_serv li, ul.right_serv li {
background: url(images/arrow03.gif) no-repeat 0 50%;
padding: 2px 0 2px 15px;
margin: 0 0 2px 0;
}

.left_serv {
float: left;
display: inline;
width: 48%;
margin: 0;
}

.right_serv {
float: right;
display: inline;
width: 48%;
margin: 0;
}

#hed_about h2 {
display:block;
text-indent:-5000px;
text-decoration:none;
}

#hed_about {
background: url(images/hed_about.gif) no-repeat bottom center;
padding: 5px 0 0 0;
margin: 20px 0;
width: 455px;
height: 29px;
}

#hed_forms h2 {
display:block;
text-indent:-5000px;
text-decoration:none;
}

#hed_forms {
background: url(images/hed_forms.gif) no-repeat bottom center;
padding: 5px 0 0 0;
margin: 20px 0;
width: 455px;
height: 29px;
}

.rightBox {
text-align: left;
width: 239px;
margin: 0;
padding: 0;
background: url(images/newsy_bg.gif) repeat-y 0 0;
}

.rightBox h2 a {
line-height: 1.1em;
}

.news_item {
margin: 0;
padding: 0 10px 20px 15px;
background: url(images/newsy_liney.gif) no-repeat center bottom;
}
.news_item2 {
margin: 0;
padding: 0 10px 1px 15px;
background: url(images/newsy_liney.gif) no-repeat center bottom;
}

.exerptLine {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(images/newsy_liney.gif) no-repeat center bottom;
}

#hed_news h2 {
display:block;
text-indent:-5000px;
text-decoration:none;
}

#hed_news {
background: #fff url(images/newsy_hed.gif) no-repeat bottom center;
padding: 5px 0 0 0;
margin-bottom: 10px;
width: 239px;
height: 43px;
}

#hed_recartic h2 {
display:block;
text-indent:-5000px;
text-decoration:none;
}

#hed_recartic {
background: #fff url(images/hed_recartic.gif) no-repeat bottom center;
padding: 5px 0 0 0;
margin-bottom: 10px;
width: 239px;
height: 43px;
}

#hed_patforms h2 {
display:block;
text-indent:-5000px;
text-decoration:none;
}

#hed_patforms {
background: #fff url(images/hed_patforms.gif) no-repeat bottom center;
padding: 5px 0 0 0;
margin-bottom: 10px;
width: 239px;
height: 43px;
}

#foot_news {
width: 239px;
height: 51px;
margin: 0;
padding: 0;
text-align: right;
background: #fff url(images/newsy_bot.jpg) no-repeat 0 0;
}

#foot_news a {
position: relative;
margin: 0;
padding: 0;
top: 13px;
right: 20px;
}

.rtbox_bot {
width: 239px;
height: 16px;
margin: 0;
padding: 0;
text-align: right;
background: #fff url(images/newsy_bot2.jpg) no-repeat 0 0;
}

#footer_cont {
text-align: left;
width: 750px;
margin: 0;
padding-top: 30px;
padding-bottom: 20px;
background: #ccc url(images/liney3.gif) no-repeat 0 0;
overflow: hidden;
}

#foot_txt {

}


/* ------------------------------------------------------------
Single Page Content - The Loop
------------------------------------------------------------ */


.post, .navigation, .editPost, .archivePad {
margin: 12px 10px 20px 15px;
color: #555;
padding: 0;
font-size: 1.1em;
}

.post p
{
line-height: 1.4em;
margin-top: 1.2em;
margin-bottom: 1em;
}

.post h2 {   /* this is the title */
font-size: 2em;
line-height: 1.3em;
margin-bottom: 0;
}

.post a {
color: #6f8f3f;
}

h2 a:hover, h2 a {
text-decoration: none;
color: #555;
}

.postmetadata {
margin: 2px;
padding: 12px 0 15px 10px;
background: #e3e3e3;
font-size: 0.8em;
line-height: 1.9em;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.postmetadata p {
padding-left: 10px;
}

.postmetadata a, .navigation a, .entry a, .commentmetadata a, form a, .editPost a, .archivePad a, cite a, .galfoot a, .commentlist a {
color: #669933;
text-decoration:none;
}

.postmetadata a:hover, .navigation a:hover, .entry a:hover, .commentmetadata a:hover, form a:hover, .editPost a:hover, .archivePad a:hover, cite a:hover, .galfoot a:hover, .commentlist a:hover {
color: #555;
text-decoration:none;
}

img a:hover  {
border: 0;
text-decoration:none;
}

blockquote {
margin: 0 1.5em;
padding: 0 1.5em 0 3.5em;
background: transparent url(images/blockquote.png) no-repeat scroll top left;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px solid #555;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

img a {
border: none;
}

.imgPosts {
border: none;
padding: 10px 0;
text-align: center;
}

.imgCenter {
border: none;
padding: 5px 0;
text-align: center;
}

/* ------------------------------------------------------------
Single Page Stylings - The Loop, comment forms
------------------------------------------------------------ */

.admin {
background: url(images/heart.gif) no-repeat 0 50%;
padding: 0 0 0 20px; /* space between bullet and nav */
}

cite {
font-size: 1em;
color: #555;
font-weight: bold;
background: url(images/comments.gif) no-repeat 0 50%;
padding-left: 20px; /* space between bullet and nav */
}

ol.commentlist {
width: 90%;
margin: 0 auto;
}

ol.commentlist li {
margin: 15px 0;
padding: 10px 0 10px 15px;
list-style: none;
}

ol.commentlist li.alt {
background-color: #deebf4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.nocomments {
text-align: center;
}

#respond {
padding: 15px 15px;
border-top: 1px solid #ccc;
}


.commentmetadata {
display: block;
margin-top: 0;
padding: 10px;
border-top: 1px dotted #ccc;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

form a {
color: #669900;
text-decoration: none;
padding: 0;
margin: 0;
}

form a:hover {
color: #4e652b;
}

#comments {
padding: 15px 15px 0 15px;
}

#commentform {
margin-left: 15px;
}

#commentform small {
color: #666;
font-size: 1em;
}

#commentform input {
width: 150px;
padding: 4px;
margin-top: 3px;
font-size: 1em;
color: #666;
border: 1px solid #ccc;
background-color: #fff;
}

#commentform textarea {
width: 300px;
padding: 4px;
margin-top: 3px;
color: #666;
border: 1px solid #ccc;
background-color: #fff;
}

#commentform #submit {
font-size: 1.2em;
padding: 4px;
color: #fff;
border: 1px solid #ccc;
background-color: #555;
}

.linkcat {
padding: 15px;
}