/*
Theme Name: SKIN Cosmetic Dermatology of Georgetown
Version: 3.0
Description: Designed by Mike Carson.
Author: Mike Carson
*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { height:100%; font-family: arial; font-size: 13px; color: #ffffff; background-image: url(images/bg.png); background-repeat: repeat; background-position: top left; background-color: #3f3f3f; margin: 0px; padding: 0px; border: none; }
h1, h2, h3, h4, h5, h6 { font-family: arial; }
h1 { margin-top: 0px; margin-bottom: 15px; padding: 0px; color: #efb49a; text-align: center; font-size: 20px; font-weight: bold; line-height: 25px; }
h2 { margin-top: 0px; margin-bottom: 15px; padding: 0px; color: #efb49a; font-size: 16px; font-weight: bold; line-height: 21px; }
h3 { padding: 0px; margin-top: 20px; margin-bottom: 0px; font-weight: bold; font-style: italic; font-size: 14px; color: #cccccc; text-align: left; line-height: 19px; }
h4 { color: #cccccc; font-size: 12px; text-align: center; line-height: 17px; }
h5 { font-size: 14px; line-height: 19px; }
h6 { font-size: 12px; line-height: 17px; }
p { margin-top: 10px; color: #ffffff; }
/* 1.2 Hyperlinks */
a:link, a:visited { color: #c68f73; text-decoration:none; }
a:hover, a:active { color: #f0b49a; text-decoration: none; }
.post a:link, .post a:visited { color: #f0b49a; text-decoration: none; }
.post a:hover, .post a:active { color: #fde2d4; text-decoration: none;}
.post-pagination a:link, .post-pagination a:visited { color: #f0b49a; text-decoration: none; }
.post-pagination a:hover, .post-pagination a:active { color: #fde2d4; text-decoration: none;}
#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited { color: #fde2d4; text-decoration:none; }
#sidebar ul li ul li a:hover, #sidebar ul li ul li a:active { color: #f0b49a; text-decoration: none; }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { color: #c68f73; text-decoration: none; }
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active { color: #f0b49a; text-decoration: none;}
.post-preview h2 a:link,.post-preview h2 a:visited { color: #c68f73; text-decoration: none; }
.post-preview h2 a:hover, .post-preview h2 a:active { color: #f0b49a; text-decoration: none;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#container { min-height:100%; position:relative; background-image: url(images/bg-container.png); background-repeat: no-repeat; background-position: top center; margin: 0px; padding: 0px; }
#top {padding-bottom: 0px; }
#body { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 980px; margin: 0 auto; padding: 0px; }
/* 2.2 Navigation */
#navigation {font-size: 11px;}
#navigation a:hover {border:none;}
/* 2.2.1 Page Navigation */
#nav-bar { position:relative; background-image: url(images/bg-nav.png); background-position: top left; background-repeat: repeat-x; background-color: #c68f73; height: 26px; }
#main-nav { }
#main-nav ul, #main-nav ol { position:relative; float: left; z-index: 200; margin-top: 2px; padding:0; list-style:none; width: auto; text-align: left; display: block; }
#main-nav li { padding-left: 20px; padding-right: 0px; display: inline; width: auto; font-family: arial; line-height: 20px; font-size: 15px; font-weight: bold; color: #ffe2d4; margin-left: -3px; }
#main-nav li:first-child { padding-left: 0px; padding-right: 0px; margin: 0px; }
#main-nav li a:link, #main-nav li a:visited { color: #ffe2d4; text-decoration:none; }
#main-nav li a:hover, #main-nav li a:active { color: #444444; text-decoration:none; }
#main-nav ul li.current_menu_item a:link,
#main-nav ul li.current_menu_item a:visited,
#main-nav ul li.current_page_item a:link,
#main-nav ul li.current_page_item a:visited,
#main-nav ul li.current-page-ancestor a:link,
#main-nav ul li.current-page-ancestor a:visited { color: #444444;}
/* 2.2.2 Social Media Navigation */
div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }
div#smi-nav { float: right; margin: 0px; padding: 0px; width: 250px; height: 22px; }
#smi-nav a img { text-decoration: none; border: none; }
div#home-ico { float: right; width: 32px; height: 22px; margin: 0px; padding: 0px; background-image: url(images/home-off.png); background-position: top right; background-repeat: no-repeat; }
div#home-ico:hover { background-image: url(images/home-on.png); background-position: center; background-repeat: no-repeat; }
#home-ico img { width: 32px; height: 22px; }
div#yelp-ico { float: right; width: 45px; height: 22px; margin-left: 16px; padding: 0px; background-image: url(images/yelp-off.png); background-position: top right; background-repeat: no-repeat; }
div#yelp-ico:hover { background-image: url(images/yelp-on.png); background-position: center; background-repeat: no-repeat; }
#yelp-ico img { width: 45px; height: 22px; }
div#facebook-ico { float: right; width: 27px; height: 22px; margin-left: 16px; padding: 0px; background-image: url(images/facebook-off.png); background-position: top right; background-repeat: no-repeat; }
div#facebook-ico:hover { background-image: url(images/facebook-on.png); background-position: center; background-repeat: no-repeat; }
#facebook-ico img { width: 27px; height: 22px; }
div#twitter-ico { float: right; width: 19px; height: 22px; margin-left: 16px; padding: 0px; background-image: url(images/twitter-off.png); background-position: top right; background-repeat: no-repeat; }
div#twitter-ico:hover { background-image: url(images/twitter-on.png); background-position: center; background-repeat: no-repeat; }
#twitter-ico img { width: 19px; height: 22px; }
div#contact-ico { float: right; width: 30px; height: 22px; margin-left: 16px; padding: 0px; background-image: url(images/contact-off.png); background-position: top right; background-repeat: no-repeat; }
div#contact-ico:hover { background-image: url(images/contact-on.png); background-position: center; background-repeat: no-repeat; }
#contact-ico img { width: 30px; height: 22px; }
/* 2.2.3 Search */
#nav-bar #search { z-index: 100; float: right; height: 26px; width: 140px; max-width: 140px; position: relative; }
#nav-bar form#searchform input#s { border: none; background-image: url(images/bg-search.png); background-repeat: no-repeat; font-family: arial; font-size: 10px; color: #84674a; padding-top: 3px; padding-left: 25px; padding-right: 15px; padding-bottom: 0px; width: 75px; height: 19px; margin-top: 2px; }
#nav-bar #search input.submit { background: none; position: absolute; right: 0px; padding: 0px; width: 23px; height: 22px; margin-top: 2px; border: none; }
/* 2.3 Header */
#header { padding-top: 15px; padding-left: 0px; padding-right: 0px; padding-bottom: 20px; clear:both; position:relative; height: 118px; }
#header div#logo, #header div#header-right { display: table-cell; vertical-align: top; }
#logo { height: 118px; width: 313px; padding: 0px; margin: 0px; }
#logo img { border: none; }
#logo img a { border: none; }
#header-right { width: 667px; }
#site-description { height: auto; min-width: 418px; max-width: 458px; margin-left: auto; margin-right: auto; margin-top: 42px; padding: 0px; font-family: 'Arial Narrow', arial narrow, arial, sans-serif; font-weight: normal; font-size: 20px; text-align: center; color: #999999; }
/* 2.4 Content */
#content { min-height: 525px; max-width: 980px; padding: 0px; margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 30px; background-image: url(images/bg-main); background-position: top left; background-repeat: repeat-y; }
* html #content{ height:400px; }
#content div#sidebar, #content div#rightbar, #content div#post { display: table-cell; vertical-align: top; }
/* 2.5 Sidebars */
#sidebar { width: 150px; max-width: 150px; overflow: hidden; margin: 0px; padding-top: 4px; display: block;}
#sidebar ul, #sidebar ul li ul { padding: 0px; margin: 0px; list-style: none; width: 150px; }
#sidebar ul li { line-height: 14px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; font-family: arial; font-size: 14px; border-bottom: 1px solid #444444; }
#sidebar ul li ul li { line-height: 12px; margin-top: 8px; margin-left: 8px; margin-right: 8px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 8px; padding-right: 0px; font-family: arial; font-size: 12px; border-left: 2px solid #666666; border-bottom: none; }
#sidebar img { border: none; text-decoration: none; padding-left: 2px; }
#rightbar { width: 385px; max-width: 385px; overflow: hidden; margin: 0px; padding: 0px; display: block; }
#rightbar .media-box { padding-bottom: 30px; }
#sign-up { min-width: 130px; max-width: 130px; margin: 10px; padding: 0px; text-align: center; font-family: 'Arial Narrow', arial narrow, arial, sans-serif; font-size: 14px; color: #eeeeee; }
#sign-up img { padding-top: 4px; padding-bottom: 4px;}
#sign-up form {margin-top: 10px;}
#sign-up input.email { width: 112px; font-family: 'Arial Narrow', arial narrow, arial, sans-serif; font-size: 10px; color: #999999; text-transform: uppercase;}
#sign-up input.button { margin-top: 4px; padding: 2px 8px; font-family: arial, sans-serif; font-size: 10px; color: #333333; background-image: url(images/bg-nav.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; border: 1px solid #444444; cursor: pointer; }
#sign-up input.button:hover { cursor:pointer; background-image: url(images/bg-content.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; }
/* 2.6 FIXED WIDTH templates */
#body-fixed { height: 555px; max-height: 555px; width: 980px; margin: 0 auto; padding: 0px; }
#content-fixed { z-index:1; width: 980px; height: 525px; max-height: 525px; padding: 0; margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
#main-fixed { z-index: 0; position: relative; float: left; width: 410px; max-width: 410px; height: 525px; max-height: 525px; margin-left: 10px; }
#sidebar-fixed { float: left; width: 150px; max-width: 150px; height: 525px; max-height: 525px; background-image: url(images/bg-sidebar.png); background-position: top left; background-repeat: repeat; padding-top: 2px; overflow:hidden; }
#sidebar-fixed ul, #sidebar-fixed ul li ul { padding: 0px; margin: 0px; list-style: none; }
#sidebar-fixed ul li { line-height: 14px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; font-family: arial; font-size: 14px; border-bottom: 1px solid #444444; }
#sidebar-fixed ul li ul li { line-height: 12px; margin-top: 8px; margin-left: 8px; margin-right: 8px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 8px; padding-right: 0px; font-family: arial; font-size: 12px; border-left: 2px solid #666666; border-bottom: none; }
#sidebar-fixed img { border: none; text-decoration: none; padding-left: 2px; }
#rightbar-fixed { position: relative; float: left; width: 385px; max-width: 385px; height: 525px; max-height: 525px; margin-left: 10px; }
.home-post { padding-top: 8px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; margin: 0px; background-image: url(images/bg-content.png); background-position: top left; background-repeat: repeat; border: none; max-width: 400px; height: 508px; max-height: 525px; overflow: hidden; }
.home-post img { border: none; }
.post-fixed { padding-top: 8px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; margin: 0px; background-image: url(images/bg-content.png); background-position: top left; background-repeat: repeat; border: none; max-width: 400px; height: 508px; max-height: 525px; overflow: hidden; }
#entry-fixed { padding: 0px; margin: 0px; height: 476px; max-height: 476px; }
/* Howard's Image */
img.howard { position:absolute; left: -23px; top: -76px; width:424px; height:671px; z-index:99; }
/* { position:absolute; left: 555px; top: 133px; width:424px; height:671px; z-index:99; } - if the image would align properly from the left margin of the content div
position:absolute; left: 400px; top: -76px; width:424px; height:671px; z-index:99; - if aligning from left margin of "main" div */
/* 2.7 Footer */
#footer { z-index:100; position: relative; background-image: url(images/bg-footer.png); background-position: top left; background-repeat: repeat; width:100%; height: 40px; padding: 0px; margin: 0px;}
#footer #copyright { }
#footer div.text { z-index:100; float: left; margin-top: 6px; font-family: arial; line-height: 14px; font-size: 10px; color: #8c8c8c; text-align: left;}
#footer div.produced-by { z-index:100; float: right; margin-top: 6px; line-height: 14px; font-family: arial; font-size: 10px; color: #8c8c8c; text-align: right;}
#footer a:link, #footer a:visited { text-decoration: none; color: #c68f73;}
#footer a:hover, #footer a:active {text-decoration: none; color: #f0b49a;}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb {}
.box { margin-left: 140px; }
.fix { clear: both; }
#post { width: 445px; max-width: 445px; margin: 0px; padding: 0px; display: block; }
.post-pagination { padding-top: 10px; padding-bottom: 10px; height: 16px; font-size: 16px; text-align: center; }
.post-preview { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #999999;}
.post-meta { margin: 0 0 15px 0; font-size: 12px; font-weight: bold; color: #cccccc; line-height: 11px; }
.post-meta img { vertical-align:top; margin:0 5px; }
.entry { width: 395px; max-width: 395px; padding-top: 7px; padding-left: 0px; padding-right: 0px; padding-bottom: 7px; margin: 0 auto; line-height: 16px; color: #ffffff; }
/* 3.1 Typographic Elements */
.entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; }
.entry p { }
.entry blockquote { padding: 10px 30px; color: #666; }
.entry blockquote p {}
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: circle; }
.entry ul ul li { list-style-type: disc; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: upper-latin; }
.entry ol li ol li { list-style-type: lower-latin; }
p.read-more { text-align: right; padding: 0px; margin: 0px; }
p.read-more a { font-family: Arial, Helvetica, sans-serif; padding:4px 8px; color: #333333; font-weight: bold; font-size: 13px; background-image: url(images/bg-nav.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; border: 1px solid #444444; }
p.read-more a:hover { cursor:pointer; background-image: url(images/bg-content.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; }
/* 3.2 Images */
img { border: none; text-decoration: none; }
.alignleft { float: left; width: auto; margin: 10px 20px 10px 0; }
.alignright { float: right; width: auto; margin: 10px 0 10px 20px; }
.aligncenter { text-align: center; margin-bottom:10px; }
.wp-caption { padding: 1px; text-align:center; color: #674529; border-top: solid 1px #ffbcd3; border-left: solid 1px #ffbcd3; border-right: solid 1px #ffbcd3; border-bottom: none; }
.wp-caption img{ margin:0px; padding:4px 0; background:none; border:0; }
.wp-caption-text { margin:0px; padding: 0px 4px 0px 4px; font-size:11px; text-align:center; }
.wp-caption a:hover { border:none !important; }
/*-------------------------------------------------------------------------------------------*/
/* 4. CONTACT FORMS */
/*-------------------------------------------------------------------------------------------*/
.wpcf7 form { margin-top: 30px; }
.wpcf7 p { font-family: arial; font-size: 15px; font-weight: bold; line-height: 25px; color: #cccccc; }
.required { font-style: italic; color: #efb49a; }
.wpcf7-text { font-family: arial; font-size: 13px; color: #333333; }
.wpcf7-form-control-wrap input { width: 250px; }
.wpcf7-form-control-wrap textarea { width: 389px; }
p.adrb textarea { width: 374px; }
.security-image { padding-top: 5px; width: 200px; max-height: 40px; }
.security-image p { font-family: arial; font-style: italic; color: #efb49a; line-height: 15px; }
.security-image img { display: inline; vertical-align: middle; margin-left: 10px; }
.security-entry input {width: 176px; }
.wpcf7-submit { float: right; background-image: url(images/bg-nav.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; border: 1px solid #444444; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; font-weight: bold; text-align: center; width: 120px; padding: 2px; margin-top: 15px; margin-bottom: 15px; }
.wpcf7-submit:hover { cursor:pointer; background-image: url(images/bg-content.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments { position: relative; margin-top: 15px; padding-top: 15px; padding-left: 0px; padding-right: 0px; border-top: 1px solid #cccccc; }
#comments h3{ margin-top: 0px; font-style: normal; text-align: center; }
#comments .comment { margin-top: 0px; width: 100%; list-style-type: none;}
#comments .avatar { float: left; }
#comments img.avatar { border: 1px solid #444444; margin-top: 5px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; }
#comments .comment .comment-container { padding: 0; }
#comments .comment-head { background-image: url(images/bg-sidebar.png); background-repeat: repeat; height:50px; line-height:50px; padding: 0 15px; margin: 0; margin-bottom: 5px; color: #666666; }
#comments .comment-head .name { margin: 0 0 -5px 0; font-weight: bold; font-size: 12px; color: #ffffff; padding-right: 5px; border-right: 2px solid #666666; }
#comments .comment-head .date { margin-left: 2px; margin-right:10px; }
#comments .comment-head .date a, #comments .comment-head .edit { font-size: 11px; color: #aaa; }
#comments .comment-entry { background: #fff; border-top-color: #444444; border-left-color: #444444; border-right-color: #666666; border-bottom-color: #666666; color:#555; padding: 10px; font-size:14px; line-height: 20px; margin-bottom: 15px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments ol, #comments ol li { margin-left: 0px; padding: 0px; width: 385px;}
#comments ul.children{ background: url(images/ico-comment-reply.png) no-repeat 0 25px; padding:0px;margin:0;}
#comments .cancel-comment-reply{margin-bottom:10px;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments a.comment-reply-link { background:url(images/bg-button.png) no-repeat center 0; padding:2px 6px; color:#fff; font: arial; font-size:12px; background-color:#aaa; border:1px solid #999; }
#comments a.comment-reply-link:hover { cursor:pointer; opacity:0.8; }
/* 5.2 Comments Form */
#respond { position: relative; margin: 0px; padding: 0px; }
#comments #respond { padding: 0px; }
#respond h3 { margin-top: 0px; font-size: 16px; }
#commentform { margin: 0px; font-family: Arial, Helvetica, sans-serif; }
#commentform input.txt { color:#555; width: 250px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee; }
#commentform textarea { color:#555; width: 100%!important; padding: 5px; border: 1px solid #eee; }
#commentform #submit { margin: 0px; float: right; }
#commentform input.txt, #commentform textarea { border: 1px solid; border-top-color: #444444; border-left-color: #444444; border-right-color: #666666; border-bottom-color: #666666; }
#commentform #submit { font-family: Arial, Helvetica, sans-serif; padding: 4px 8px; color: #333333; font-weight: bold; font-size: 13px; background-image: url(images/bg-nav.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; border: 1px solid #444444; }
#commentform #submit:hover { cursor:pointer; background-image: url(images/bg-content.png); background-position: top left; background-repeat: repeat; background-color: #c68f73; }
/* 5.2 Pingbacks / Trackbacks */
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/