/*
Theme Name: Guildhall Surgery 2025
Version: 1.0.0
Description: Designed by Top Dog Digital.
Author: Top Dog Digital
Author URI: http://topdogdigital.co.uk

*/

/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)

*/

/* Default styles */
@import "css/reset.css";

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Featured Slider
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Conatct Form
-6.4 Gravity Forms


-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

:root {
    --purple: #87479c;
    --dark-purple: #524556;
    --white: #ffffff;
    --dark-gray: #555555;
}

body {
    color: var(--dark-gray);
    font: 16px "Red Hat Display", sans-serif;
    line-height: 1.5;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Red Hat Display", sans-serif;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

p {
    margin: 0;
}

hr {
    background-color: #e6e6e6;
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}

div.hr {
    margin: 20px 0;
    height: 2px;
    background: url(images/bg-hr.png) repeat-x;
}

div.hr hr {
    display: none;
}

/* 1.2 Hyperlinks */

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

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 {
    text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: underline;
}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
.col-left {
    float: left;
}

.col-right {
    float: right;
}

.col-full {
    width: 1326px;
    margin: 0 auto;
}

/* 2.2 Navigation */
#navigation {
    padding: 0 26px;
    /* font-size: 13px; */
    font-weight: 400;
    font-family: "Red Hat Display", sans-serif;
    ;
    background: var(--purple);
    border-bottom: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#navigation .search {
    position: relative;
    float: right;
    margin: 0;
    width: 20%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#navigation .search #searchform {
    margin: 0;
}

#navigation .search input#s {
    float: left;
    width: 100%;
    padding: 8px 6px 8px 12px;
    background: var(--white);
    border-radius: 7px;
    color: var(--dark-gray);
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Red Hat Display", sans-serif;
	font-weight: 400;
    font-size: 15px;
}

#navigation .search input#s::placeholder {
    color: #dddddd;
}

#navigation .search input.submit {
    position: absolute;
    right: 24px;
    top: 4px;
    height: 80%;
    width: auto;
    aspect-ratio: 1;
}

#nav {
    float: left;
    width: 650px;
}

#nav,
#nav ul {
    z-index: 1000;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
}

#nav a {
    display: block;
    z-index: 100;
    padding: 4px 10px;
    line-height: 28px;
    color: #fff;
    line-height: 38px;
    transition: all 0.5s;
}

#nav a:hover,
#nav .current_page_item a,
#nav .current-menu-parent > a,
#nav .current_page_item a,
#nav li ul li.current-menu-item a {
    color: var(--dark-purple);
    text-decoration: none;
    background-color: rgba(255,255,255,0.7);
}

#nav li {
    float: left;
    width: auto;
    margin: 0;
}

/* 2.2.1 Drop-down menus */
#nav li ul {
    position: absolute;
    left: -999em;
    width: 190px;
    margin-top: -1px;
}

#nav li ul li {
    background: #fff url(images/navtile.jpg) repeat-x left top;
    border-width: 0 1px 1px;
    margin: 0;
    padding: 0;
}

#nav li ul li a {
    width: 160px;
    line-height: 30px;
    font-size: 11px;
    color: #fff;
}

#nav li ul ul {
    margin: -32px 0 0 170px;
}

#nav li:hover,
#nav li.hover {
    position: static;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul ul ul {
    left: -999em;
}

#nav li:hover ul,
#nav li.sfhover ul,
#nav li li:hover ul,
#nav li li.sfhover ul,
#nav li li li:hover ul,
#nav li li li.sfhover ul,
#nav li li li li:hover ul,
#nav li li li li.sfhover ul {
    left: auto;
}


/* 2.3 Header */
#header {
    padding: 0;
    clear: both;
    position: relative;
    background-color: var(--dark-purple);
    box-shadow: 0 -7px 20px inset rgba(0, 0, 0, 0.3);
}

#tdd-header {
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 169px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

#logo {
    display: flex;
    font-size: 48px;
    font-weight: bold;
    align-items: center;
    width: 48%;
    color: #fff !important;
    text-decoration: none !important;
}

#logo * {
    margin: 0 10px;
    line-height: 1em;
    text-decoration: none !important;
}

#logo .site-title {
    margin-top: 10px;
}

#logo .site-title,
#logo .site-description {
    display: none;
}

#logo .site-title a {
    font-size: 42px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 40px;
    text-transform: uppercase;
}

#logo .site-title a:hover {
    text-decoration: none;
}

#logo .site-description {
    color: #555;
    text-transform: uppercase;
    font-size: 12px;
}


#topad,
#address {
    float: right;
    text-align: right;
}

#address {
    margin: -24px 5px 0 0;
    color: #555;
}

#address .name {
    text-transform: uppercase;
    font-weight: bold;
}

#address .telephone,
#address .email,
#address .street {
    font-size: 13px;
}

#address .telephone {
    font-style: italic;
}

/* 2.4 Featured Slider */


#loopedSlider {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    height: 100%;
}

#loopedSlider .alignright {
    margin: 0 0px 8px 0;
    float: right;
}

#loopedSlider .nav-buttons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#loopedSlider li#p, #loopedSlider li#n {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#loopedSlider li#p {
    left: 0;
    width: 35px;
}

#loopedSlider li#n { 
    right: 0;
    width: 35px;
}

#loopedSlider .container {
    position: relative;
    font-size: 16px;
    color: #919191;
    background: #f7f7f7;
    height: 100%;
}

#loopedSlider .slides {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
}

#loopedSlider .slides div.slide {
    position: relative;
    top: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

#loopedSlider .nav-buttons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 20000;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}

#loopedSlider .button {
    margin: 10px 10px 0 0;
    padding: 8px 14px 8px;
    line-height: 16px;
}

.slider-nav {
    position: relative;
    z-index: 900;
    text-align: center;
    height: 35px;
}

.slider-nav ul li {
    display: inline;
}

.slider-nav ul li a {
    color: #dbbfe2;
    z-index: 9999;
    position: relative;
    margin: 0 20px;
    padding: 19px 0 16px 0;
    line-height: 34px;
    font-weight: bold;
    font-size: 15px;
    font-family: "Red Hat Display", sans-serif;
}

.slider-nav ul li.active a,
.slider-nav ul li a:hover {
    color: #dbbfe2 !important;
    background: url(images/slider-nav-active.png) no-repeat center top;
}

#featured {
    margin-bottom: 30px;
}

#featured h2 {
    margin: 0 0 10px 0;
    font-size: 35px;
    color: #434343;
}

#featured h4 {
    font-size: 18px;
    color: #333;
    font-family: "Red Hat Display", sans-serif;
    ;
    line-height: 22px;
    letter-spacing: 1px;
}

#featured p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-bottom: 20px;
}

#loopedSlider .slides ol,
#loopedSlider .slides ul {
    line-height: 18px;
}

#loopedSlider .slides ul {
    padding-left: 20px;
}

#loopedSlider .slides ul li {
    list-style: dot;
    padding: 3px 0;
}

#loopedSlider .slides ol {
    padding-left: 20px;
}

#loopedSlider .slides ol li {
    list-style: decimal;
    padding: 3px 0;
}


/* 2.5 Content */
#content {
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

#main.box {
    padding: 21px 0;
    margin-top: 1px;
}

#main.fullwidth {
    width: 100%;
}



/* 2.6 Sidebar */
#sidebar {
    width: 30%;
    padding-top: 22px;
    z-index: 100;
    position: relative;
}

/* 2.7 Footer */
#footer {
    font-size: 13px;
    padding: 0;
    margin: 0 auto 0;
}

#footer a:hover {
    text-decoration: underline;
}

#footer h3 {
    margin: 0 0 3px 0;
}

#footer p {
    margin: 0 0 18px 0;
}

#footer .bottom {
    margin: 0 10px;
    padding: 20px 10px 0 10px;
    font-size: 12px;
    color: #12408e;
}

#footer .bottom p {
    margin: 0;
}

#footer #widget-left {
    width: 550px;
    margin: 0 0 0 10px;
}

#footer #widget-right {
    width: 310px;
    margin: 0 10px 0 0;
}

#footer #credit img {
    vertical-align: bottom;
}

#footer #credit span {
    display: none;
}

#footer #credit {
    margin-top: -3px;
}

#footer .widget {
    padding: 0;
    margin: 0 0 20px;
    background: none;
}

#footer .widget ul li {
    line-height: 25px;
}

#footer #wp-calendar caption {
    margin-top: -22px;
}

#footer .widget_tag_cloud div {
    margin: 0;
}

#footer .widget_woo_twitter li {
    padding: 4px 0 4px 10px;
}

#footer .widget input#s,
.widget input.field {
    width: 190px;
    background-color: #fff;
}

#footer .widget_woo_flickr .wrap {
    margin: 0;
}

#footer .widget_woo_flickr a img {
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
}

#footer .widget_woo_news ul li .meta {
    padding: 0 10px 0 0;
}

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb {
    display: block;
    width: 100%;
    margin: 0 0 30px;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: #EBEBEB 1px solid;
}

.archive_header {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 30px;
    padding: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: #EBEBEB 1px solid;
}

.archive_header .catrss a {
    font-size: 14px;
    text-decoration: none;
    line-height: 28px;
}

.post {
    margin: 0 0 30px 0;
    padding: 0 0 25px 0;
    background: none;
    border-bottom: 1px solid #eee;
}

.post.home {
    padding: 0;
    margin: 0;
    background: none !important;
}

.post .title,
.page .title {
    margin: 0 0 10px 0;
    line-height: 25px;
    font-size: 26px;
}

/*.post .title a:link,
.post .title a:visited {
    color: #333;
    text-shadow: 1px 1px 0 #fff;
}*/

.post-meta {
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-size: 11px;
    color: #595959;
    font-weight: bold;
}

.post-meta span {
    padding: 0;
    background: none !important;
}

.post-meta .bull {
    padding: 0;
    color: blue;
}

.post-meta .date {
    padding-left: 0;
}

.post-meta .comments {
    background: none;
}

.post p.tags {
    background: url(images/ico-tag.png) no-repeat center left;
    padding-left: 25px;
    clear: both;
}

/* 3.1 Typographic Elements */
.entry h1 {
    font-size: 20px;
}

.entry h2 {
    font-size: 18px;
}

.entry h3 {
    font-size: 16px;
}

.entry h4 {
    font-size: 14px;
}

.entry h5 {
    font-size: 12px;
}

.entry h6 {
    font-size: 12px;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    margin: 0 0 5px 0;
}
.entry h5 {
    margin: 40px 0 5px 0;
}

.entry p {
    margin: 0 0 15px 0;
}

.entry blockquote {
    font-style: italic;
    padding: 22px;
    font-size: 1.2em;
}

.entry blockquote p:last-child {
    margin-bottom: 0;
}

.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, .disc-list li {
    list-style-type: disc;
}

.disc-list ::marker {
    color: var(--purple);
}

.entry ol {
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
}

.entry ol ol {
    margin: 0;
}

.entry ol li {
    list-style-type: upper-latin;
}

.entry ol li ol li {
    list-style-type: lower-latin;
}

/* 3.2 Images */
.entry img,
img.thumbnail {
    padding: 0;
}

img.wp-smiley {
    padding: 0;
    border: none;
}

.alignleft {
    float: left;
    width: auto;
    margin: 2px 15px 10px 0;
}

.alignright {
    float: right;
    width: auto;
    margin: 2px 0 10px 15px;
}

.aligncenter {
    text-align: center;
}

.entry .wp-caption {
    padding: 1px;
    text-align: center;
    background: #F8F8F4;
    border: solid 1px #e6e6e6;
}

.entry .wp-caption img {
    margin: 0;
    padding: 4px 0;
    background: none;
    border: 0;
}

.entry .wp-caption-text {
    margin: 0;
    padding: 0;
    font-size: 11px;
    text-align: center;
}

/* 3.3 Pagination / WP-Pagenavi */
.more_entries,
.wp-pagenavi {
    font-size: 15px !important;
    margin: 15px 0;
}

.more_entries a {
    display: block;
    margin: 15px 0 0 0;
    text-decoration: none;
}

.more_entries a:hover {
    text-decoration: underline;
}

.wp-pagenavi {
    margin: 0 !important;
    padding: 7px 0 5px 0;
    background: #fff;
}

.wp-pagenavi a:link,
.wp-pagenavi a:visited {
    display: inline !important;
    text-decoration: none !important;
    color: #666 !important;
    padding: 3px 7px !important;
    border: none !important;
}

.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover {
    font-weight: bold;
    padding: 3px 7px !important;
    border: none !important;
}

.wp-pagenavi .extend,
.wp-pagenavi span.pages {
    padding: 0 15px 0 15px !important;
    background: none !important;
    color: #434343 !important;
    font-size: 12px;
    line-height: 25px;
    border: NONE !important;
}


/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget {
    margin: 0 0 20px 0;
}

.widget ul {
    clear: both;
}

#sidebar .widget h3 {
    margin: 0;
    padding: 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
}

#sidebar .widget ul li {
    border-bottom: 1px solid #eee;
    background: url(images/widgetbullet.png) no-repeat 0 8px;
}

#sidebar .widget ul li a {
    padding: 0 0 0 20px;
    line-height: 30px;
    text-decoration: none;
    color: #666;
}

#sidebar .widget ul li a:hover {
    color: #000;
}

#sidebar .widget ul ul {
    padding: 0 0 0 15px;
    border-top: none;
}

#sidebar .widget_recent_comments li {
    padding-left: 20px !important;
    background: url(images/widgetbullet.png) no-repeat 7px 12px !important;
}

#sidebar .widget_recent_comments li,
#sidebar .widget_woo_twitter li {
    padding: 6px 0;
    line-height: 18px;
    border-bottom: 1px solid #eee;
}

/* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
#sidebar .widget_recent_comments li a,
.widget_woo_twitter a {
    display: inline;
    padding: 0 !important;
    line-height: 18px !important;
    background: none !important;
    border: none !important;
}

/* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */


/* 4.2 Specific Widgets */

/* NEWS WIDGET */
.widget_woo_news h3 {
    float: left;
}

.widget_woo_news a.rss {
    float: right;
    display: block;
    height: 20;
    overflow: hidden;
    margin: 3px 10px 0 0;
    width: 21px;
}

#sidebar .widget_woo_news ul li a {
    padding: 0;
    background: none;
}

#sidebar .widget_woo_news ul li {
    padding: 0 0 0 20px;
}

.widget_woo_news ul li .meta {
    float: right;
    padding: 9px 10px 0 0;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
}

/* WIDGET FORMS */
#searchform {
    margin: 15px 0 6px 0;
}

.widget input#s,
.widget input.field {
    float: left;
    width: 200px;
    padding: 6px 0 6px 5px;
    border: 1px solid #d0d0d0;
    background: #eee;
    margin: 0;
}

.widget input.submit {
    margin: 0px 0 0 10px;
    position: static;
}

.widget .screen-reader-text {
    display: none;
}

/* TAG CLOUD */
.widget_tag_cloud div {
    margin: 10px;
}

/* TWITTER */
.widget_woo_twitter {
    background: #fff url(images/ico-twitter.png) no-repeat 287px 13px;
}

#sidebar .widget_woo_twitter li {
    padding-left: 5px;
    background: none !important;
}

/* FLICKR */
.widget_woo_flickr h3 span {
    color: #0061D8;
}

.widget_woo_flickr h3 span span {
    color: #FF1183;
}

.widget_woo_flickr .wrap {
    margin: 10px 0 0 0 !important;
}

.widget_woo_flickr .flickr_badge_image {
    width: 75px;
    float: left;
    margin: 4px 10px;
}

.widget_woo_flickr .wrap {
    margin-left: -5px;
    position: relative;
    margin-bottom: 25px;
    padding: 0;
}

.widget_woo_flickr a img {
    float: left;
    margin: 0 0 10px 10px;
    display: block;
    padding: 3px;
}

/* ADS */

.adspace-widget h3 {
    text-align: left !important;
    margin-bottom: 10px !important;
}

.adspace-widget {
    text-align: center;
}

/* LIFESTREAM */
.widget_lifestream ul li {
    border-bottom: 1px solid #e0e6e6;
}

.widget_lifestream ul li a {
    border: none;
    background: none !important;
}

.widget_lifestream ul .lifestream_meta {
    color: inherit;
}

/* CALENDAR */
#wp-calendar {
    width: 100%;
    margin-bottom: 15px;
    clear: both;
    padding: 0;
    border: 1px solid #E7E7E7;
}

#wp-calendar caption {
    padding: 10px;
    text-transform: uppercase;
    font-size: 11px;
}

#wp-calendar th,
#wp-calendar td {
    text-align: center;
    background: #E7E7E7;
    color: #9E9E9E;
    padding: 5px 0 1px 0;
    border: 1px solid #E7E7E7;
}

#wp-calendar td {
    background: transparent;
}

#wp-calendar #prev {
    padding: 0 0 0 10px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

/* WOOTABS */
#sidebar #tabs {
    height: auto;
    display: block;
    /* Border Radius */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#sidebar #tabs ul.wooTabs {
    padding: 0px;
}

#sidebar #tabs ul.wooTabs li {
    float: left;
    display: inline;
    color: #ffffff;
    margin: 0px;
    cursor: pointer;
    /* Gradient Background */
    background: #f5f5f5;
    background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));
}

#sidebar #tabs ul.wooTabs li a {
    color: #777;
    display: block;
    float: left;
    padding: 10px;
    text-transform: none;
    font: bold 12px/18px;
    border: 1px solid #e6e6e6;
    border-width: 1px 1px 1px 0;
}

#sidebar #tabs ul.wooTabs li a.selected {
    padding-bottom: 11px;
}

#sidebar #tabs ul.wooTabs li a.selected,
#sidebar #tabs ul.wooTabs li a:hover {
    background: #fff;
    text-decoration: none;
    border-width: 1px 1px 0 0;
}

#sidebar #tabs ul.wooTabs li:first-child a {
    border-width: 1px 1px 0px 1px;
}

#sidebar #tabs .inside {
    background: #fff;
    border: 1px solid #e6e6e6;
    margin-top: -1px;
}

#sidebar #tabs .inside ul,
#sidebar #tabs .inside #tab-tags {
    margin: 0;
    padding: 0;
    display: none;
}

#sidebar #tabs .inside ul:first-child {
    display: inline;
}

#sidebar #tabs .inside #tab-tags {
    border-width: 1px;
    padding: 10px;
}

#sidebar #tabs .inside li {
    background: none;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px;
    list-style: none;
}

#sidebar #tabs .inside li a {
    color: #555;
    font: bold 12px/18px;
    padding: 0;
}

#sidebar #tabs .inside #tab-tags a {
    padding: 2px 4px;
    margin: 3px 1px;
    display: inline-block;
    background: #f0f0f0;
    font-size: 13px !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#sidebar #tabs .inside #tab-tags a:hover {
    background: #e6e6e6;
    text-decoration: none;
}

#sidebar #tabs .inside li span.meta {
    display: block;
    font: italic 11px/20px Georgia, serif;
    text-transform: normal;
    color: #999;
}

#sidebar #tabs .inside li img.avatar,
#sidebar #tabs .inside li img.thumbnail {
    border: 1px solid #ddd;
    padding: 2px;
    background-color: #ffffff;
    float: left;
    margin: 0 10px 0 0;
}

#sidebar #tabs .inside li img.avatar:hover,
#sidebar #tabs .inside li img.thumbnail:hover {
    border-color: #aaa;
}

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {
    margin-top: 20px;
    padding: 0;
    zoom: 1;
}

#comments h3 {
    float: left;
}

#comments .commentlist {
    margin: 30px 0 0 0;
}

#comments .leavecomment {
    float: right;
    padding: 10px 14px 7px;
}

#comments .comment {
    width: 100%;
    list-style-type: none;
}

#comments .comment.depth-1 {
    border: 0 !important;
}

#comments .avatar-box {
    float: left;
    width: 61px;
    background: url(images/commentbg.png) no-repeat right 10px;
}

#comments .comment .comment-container {
    margin: 0px 0 20px 60px;
    padding: 10px;
    border: 1px solid #eee;
}

#comments .comment-head {
    margin: 0 0 15px 0;
}

#comments .comment-head .avatar img {
    margin: 0 10px 0 0;
    vertical-align: middle;
    border: 3px solid #eee;
}

#comments .comment-head .name {
    display: block;
    margin: 0 0 -5px 0;
    font-weight: bold;
    font-size: 15px;
}

#comments .comment-head .date,
#comments .comment-head .edit,
#comments .comment-head .perma {
    font-size: 11px;
}

#comments .comment-entry p {
    margin: 0 0 10px 0;
}

#comments ul.children {
    margin: 0 0 0 25px;
    padding: 0;
}

#comments .comment-reply-link {
    margin-bottom: 10px;
}

#comments .cancel-comment-reply {
    font-size: 11px;
    text-transform: uppercase;
}

.reply a {
    padding: 4px 6px 1px !important;
}

#comments .navigation a {
    display: block;
    margin: 15px 0 0 0;
    text-decoration: none;
}

/* 5.2 Pingbacks / Trackbacks */
h3#pings {
    margin: 20px 0 10px 0;
}

.pinglist li {
    margin: 0 0 0 20px;
    list-style-type: decimal;
}

.pinglist li .author {
    font-weight: bold;
    font-size: 15px;
}

.pinglist li .date {
    font-size: 11px;
}

.pinglist li .pingcontent {
    display: block;
    margin: 10px 0;
}

.pinglist {
    clear: both;
}

/* 5.3 Comments Form */
#respond {
    margin: 15px 0 0 0;
}

#respond h3 {
    float: none;
}

#commentform {
    margin: 15px 0 0 0;
    padding: 20px 10px;
}

#commentform label {
    font-size: 11px;
    text-transform: uppercase;
}

#commentform input.txt {
    width: 300px;
    margin: 0 5px 10px 0;
    padding: 7px 5px;
}

#commentform textarea {
    width: 97.5% !important;
    padding: 5px;
}

#commentform #submit {
    float: right;
    margin: 15px 0 0 0;
}


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button,
.button:visited,
.reply a {
    background: url(images/alert-overlay.png);
    display: inline-block;
    padding: 8px 14px 9px;
    color: #fff !important;
    text-decoration: none;
    border: none;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}

.button:hover,
.reply a:hover {
    color: #fff !important;
    text-decoration: none;
}

.button:active,
.reply a:active {
    top: 1px;
}

.small.button,
.small.button:visited,
.reply a {
    font-size: 10px;
    padding: 2px 6px 3px;
    text-transform: uppercase;
}

.button,
.button:visited,
.medium.button,
.medium.button:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}

.large.button,
.large.button:visited {
    font-size: 14px;
    padding: 10px 18px 11px;
}

input.button {
    padding: 5px 9px 6px;
}

/* 6.2 Info Boxes */
p.alert,
p.download,
p.info,
p.note,
p.tick {
    margin: 10px 0 20px 0;
    padding: 9px 10px 9px 50px;
}

p.alert {
    border-top: 1px solid #f0baa2;
    border-bottom: 1px solid #f0baa2;
    background: #ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px;
}

p.download {
    border-top: 1px solid #d4ebaf;
    border-bottom: 1px solid #d4ebaf;
    background: #edfcd5 url(images/ico-download.png) no-repeat 20px 13px;
}

p.tick {
    border-top: 1px solid #d4ebaf;
    border-bottom: 1px solid #d4ebaf;
    background: #edfcd5 url(images/ico-tick.png) no-repeat 20px 13px;
}

p.info {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eee url(images/ico-info.png) no-repeat 20px 13px;
}

p.note {
    border-top: 1px solid #efe3ae;
    border-bottom: 1px solid #efe3ae;
    background: #fef6d2 url(images/ico-note.png) no-repeat 20px 13px;
}

/* 6.3 Contact Form */
#contact-page .screenReader {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

#contact-page ol.forms {
    float: left;
    list-style: none;
    width: 100%;
    margin: 10px 0 0;
}

#contact-page ol.forms li {
    clear: both;
    float: left;
    margin-bottom: 18px;
    position: relative;
    width: 100%
}

#contact-page ol.forms label {
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 700;
    padding-right: 20px;
    width: 100px;
}

#contact-page ol.forms input.txt {
    width: 214px;
}

#contact-page ol.forms input#sendCopy {
    border: none;
}

#contact-page ol.forms textarea {
    height: 300px;
    width: 400px;
}

#contact-page ol.forms li .error {
    font-size: 12px;
    display: block;
    margin-left: 120px;
    color: red;
}

#contact-page ol.forms li.textarea .error {
    display: block;
    margin-left: 120px
}

#contact-page ol.forms li.screenReader {
    margin-bottom: 0;
}

#contact-page ol.forms li.buttons .submit {
    margin: 15px 0 0 120px;
}

#contact-page ol.forms li.inline input {
    width: auto;
    margin-left: 120px;
}

#contact-page ol.forms li.inline label {
    display: inline;
    float: none;
    width: auto;
}

/* 6.4 Gravity Forms */
.gfield {
    margin-bottom: 10px;
}

.gform_wrapper .top_label .gfield_label {
    display: block;
    padding-right: 20px;
    width: 100px;
    margin: 5px 0px 4px !important;
}

.gform_wrapper input.button {
    padding: 5px 10px 6px !important;
}

.gform_wrapper input {
    padding: 7px 3px !important;
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
    width: 400px !important;
    padding: 7px 3px !important;
}

.gform_wrapper .entry img,
.gform_wrapper img.thumbnail {
    padding: 0px !important;
    border: 0px !important;
}

ul.top_label .clear-multi {
    clear: none !important;
}

.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
    margin-left: 120px !important;
}

img.ui-datepicker-trigger {
    border: 0px;
    padding: 0px;
}