/*
Theme Name: Harbor Health
Theme URI: http://hhsi.us
Version: 1.0
Description: Business
Author: Masterful Marketing
Author URI: http://masterful-marketing.com

*/

/* standard elements */
html {min-height: 100%;}

* { margin: 0; padding: 0; }

a {color: #2666A6; text-decoration: none; font-weight: bold; }
a:hover {color: #60C659; text-decoration: none; font-weight: bold;}
a img {border: none;}

body { background: #dfebf7 url(img/bg.gif) repeat-x; font: normal 12px/20px arial, geneva, san-serif; color: #252525; }
p,code,ul {padding-bottom: 1.2em;}

blockquote {border-left:1px solid #60C659; background-color:#f5f5f5; margin:20px 0 20px 0px; padding:8px 20px 8px 20px;}


/* misc */

.left { border: none; float:left; padding: 0 20px 0px 0; }
.right { border: none; float:right; padding:0px 0 0px 20px; }
.clear { clear:both; height:0; overflow:hidden; line-height:1px; font-size:1px; }
.bluebold { font-weight: bold; color: #2666A6; }
.dbbold { font-weight: bold; color: #133153; }
.greenbold { font-weight: bold; color: #60C659; }

/* structure */

.wrap { background: url(img/top-center.jpg) no-repeat; width: 1000px; margin: 0px auto; }

.container { background: transparent; width: 1000px; padding: 0px; margin: 0px auto; }

.header { background: url(img/top-center.jpg) no-repeat; width: 1000px; height: 235px; }

.header .imgrotate { float: left; width: 680px; margin: 0; padding; 0; height: 235px; }

.header .topnav { float: right; margin: 10px 10px 0 0; }
.header .topnav ul { border: 0px; padding: 0; list-style: none; }
.header .topnav ul li { display: inline; font: bold .9em arial, sans-serif; text-align: left; float: right; }
.header .topnav ul li a { color: #ffffff; padding: 0px 0px 0px 25px; text-decoration: none; list-style: none; }
.header .topnav ul li a:hover { text-decoration: none; color: #60C659; }

.header .title { float: right; margin: 100px 10px 0 0; }
.header .title a, .header .title a:hover { font: 2.0em arial, geneva, san-serif; color:#2666A6; }
.header .subtitle a, .header .subtitle a:hover { font: 1.7em arial, geneva, san-serif; color:#c0c0c0; }

.subscribe { float: right; width: 320px; text-align: right; margin: 10px 0 10px 0; font-size: .9em; }

/* content */
.main { width: 998px; background: #ffffff url(img/mainback.jpg) no-repeat; margin: 0; padding: 20px 0 0 0; border-left: 1px solid #2666A6; border-right: 1px solid #2666A6;}
.main-end { clear: both; width: 998px; border-bottom: 1px solid #2666a6; }

.content { float: left; width: 640px; padding: 0 10px 0 20px; margin: 0; }
.content .descr { color:#252525; font-weight: bold; font-size: .8em; margin-bottom: 6px; }

.content ul, .content ul ul {margin:0; list-style: none; }
.content ul li {background-image: url(img/arrow.gif); background-repeat: no-repeat; background-position: 0 6px;
padding: 0px 0px 10px 20px; }
.content ul li ul li {background-image: url(img/arrow-green.gif); background-repeat: no-repeat; background-position: 0 6px;
padding: 5px 0px 10px 20px; }
.content ol li { margin-left: 25px; padding: 5px 0px 5px 5px; }

.content h1 {font-weight: bold; font-size: 1.6em; color: #2666A6; margin: 10px 0 20px 0; border-bottom: 2px solid #2666A6; }
.content h2 {font-weight: bold; font-size: 1.3em; margin: 10px 0 10px 0; color:#60C659;}
.content h3 {font-weight: bold; font-size: 1.2em; margin: 10px 0 10px 0; color: #2666A6;}
.content h4 {font-weight: bold; font-size: 1.0em; margin: 10px 0 10px 0; color:#60C659;}
.content h5 {font-weight: bold; font-size: 1.0em; margin: 10px 0 10px 0; color: #133153;}

.content p {margin: 5px 0 10px 0; padding: 0;}

.content .info { background-color:#f5f5f5; border-left: 2px solid #60C659; color:#252525; font: bold .9em/2em arial,geneva,san-serif; margin:10px 0 20px 0px; padding: 5px 5px 5px 10px; }

.content .hilite { background-color: #f5f5f5; margin-left: -10px; padding: 10px; }
.content .hilite2 { margin-left: -10px; padding: 10px; }
.content .box { float: right; width: 320px; background-color: #f5f5f5; border: 1px solid #60C659; margin:10px 0 10px 20px; padding: 10px; }
.content .more-link { background-color:#f5f5f5; border-left: 2px solid #60C659; font: bold .9em/2em arial,geneva,san-serif; margin:10px 0 20px 0px; padding: 5px 5px 5px 10px; }

/* navigation sidebar */
.sidebar { float: right; padding: 0px; width: 300px; }
.sidebar .box { width:280px; margin-bottom: 10px; padding: 0 20px 0 0;}
.sidebar .box h3 { font-weight: bold; font-size: 1.2em; padding:5px 10px 5px 0px; border-bottom: 2px solid #60c659; color:#60c659; margin: 0; }
.sidebar .box h2 { font-weight: bold; font-size: 1.2em; padding:5px 10px 0px 0px; color:#60c659; margin: 0; }

.sidebar .box p { font-size: .9em; line-height:16px; margin:5px 10px 10px 0px; }

.sidebar .box ul { list-style:none; margin:5px 10px 5px 0px; }
.sidebar .box li { font-size: .9em; background-image: url(img/arrow.gif); background-repeat: no-repeat; background-position: 0 9px; padding: 5px 0px 10px 20px; text-decoration: none; line-height: 16px; }
.sidebar .box a:hover { margin: 0px; color: #60C659; font-weight: bold;}
.sidebar .box img {padding: 10px 0 0 0px; }

/* footer */
#footer { background: url(img/foot.jpg) no-repeat; color: #ffffff; clear: both; font: .9em/1.2em arial,geneva,sans-serif; padding: 10px 10px 0 10px; height: 50px; margin-top: 10px; }
#footer .bottom { display:block; margin:0; padding: 0; width: 100%; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover {color: #60C659; text-decoration: none;}

#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

img.avatar {float:left; margin-right:10px;}

.color1 { background-color:#ffffff; color:#252525; margin:0 0 10px; padding:8px 5px 0 8px; }
.color2 { background-color: #f5f5f5; color:#252525; margin:0 0 10px; padding:8px 5px 0 8px;} 


.comment .commenticon {line-height:1.6em;font-size:.9em;padding-bottom:20px;}
.comment p {line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}

.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}

.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}



/*  Must Required CSS CLASS for Wordpress 2.5 onwords check out http://codex.wordpress.org/CSS */

.alignleft,
img.alignleft {
        display: inline;
        float: left;
        margin-right: 20px;
        margin-top: 5px;
}
.alignright,
img.alignright {
        display: inline;
        float: right;
        margin-left: 20px;
        margin-top: 5px;
}
.aligncenter,
img.aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
        margin-bottom: 12px;
}
.wp-caption {
        border: none;
        background: #f1f1f1;
        color: #2666A6;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        margin-bottom: 20px;
        padding: 4px;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
}
.wp-caption img {
        margin: 5px;
}
.wp-caption p.wp-caption-text { margin: 0 0 4px; }
.gallery-caption { font-weight: bold; font-size: .8em; color: #2666A6; }