/*
Theme Name: Windy City
Description: A theme for Larry's Chicago blog
Version: 1.0
Author:
*/
img { -ms-interpolation-mode:bicubic; }

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

body {background: #091d24; color: #fff; margin: 0; padding: 0; font-family: Cambria, georgia, serif;}
/* page layout */

.wp-block-image figcaption{
	color:#ffffff !important;
}

#top-wrap {background: black; padding: .25em 0; color: #555; font-family: arial, helvetica, sans-serif;}
#top {}
#top a {color: #ccc; text-decoration: none;}
#top a:hover {color: white; text-decoration: underline;}

#header {margin: 0; background: url(images/bg-header.jpg) no-repeat top right;}
    #search {padding: .5em 0 0 0;}
        .searchbox {vertical-align: top; padding: 3px; background: #B5D6DF; border: none; width: 150px;}
#navigation {margin: 0;}

#col-left {padding-top: 1.5em; padding-bottom: 1.5em;}
#col-left p, #col-right p {font-size: 14px; color: #9BC4CF;}
#col-left div.date, #col-right div.date {float: left; color: #9BC4CF;}
#col-left div.date span, #col-right div.date span {}
#col-main {background: #133944; background: #0f323c; min-height: 450px; padding-top: 1.5em; padding-bottom: 1.5em; font-size: 16px; color: #EFFCFF;}
#col-main #post-body {wid/th: 510px; overflow: hidden;}
#post-body {wid/th: 430px; overflow: hidden;}

#col-right {overflow: hidden; padding-top: 1.5em; padding-bottom: 1.5em; color: #6DA1AF;}
#ad-col {overflow: hidden; padding-top: 1.5em; padding-bottom: 1.5em; color: #6DA1AF;}
.side-ad {}
.side-ad p {display: block;}

.wpx_bannerize {}
.wpx_bannerize img {max-width: 230px; height: auto; margin-bottom: 6px;}

#sfcr {}
#sfcr span {display: block;}

#post-body {margin: 0 0 1.5em 0;}

#footer {padding: .75em 0; border-top: 1px solid #29535F; border-bottom: 1px solid #29535F; font-family: arial, helvetica, sans-serif;}

/*#navigation ul {margin: 0; padding: 0; list-style: none;}
#navigation li {float: left; margin: 0; padding: .25em 0;}
#navigation li a {display: block; margin: 0; padding: .5em 1.5em; text-decoration: none; color: white; border-right: 1px solid #133944; font-weight: bold; font-family: arial, helvetica, sans-serif;}
#navigation li a:hover {color: #5081ff; text-decoration: underline;}
#navigation li a.current {}
#navigation li.link a {font-weight: normal;} */

#navigation-box {border-top: 1px solid #29535F; border-bottom: 1px solid #29535F;}
#navigation {margin: 0; padding: 0;}
#navigation ul {margin: 0; list-style: none; display: block;}
#navigation li {display: block; float: left; margin: 0; padding: 0; position: relative;}
#navigation li a {display: block; margin: 0; padding: .75em 1.1em; text-decoration: none; color: #fff; font-weight: bold; position: relative; font-weight: bold; font-family: arial, helvetica, sans-serif; border-right: 1px solid #133944; font-size: 12px;}
#navigation li a:hover {color: #5081ff; text-decoration: underline;}
#navigation li a.city {/*font-weight: normal;*/ color: #fff;}
#navigation li a.city:hover {color: #fff;}

#navigation li a .caret {
    margin-top: 8px;
    margin-left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

/* ADxMenu */
/* remove all list stylings */
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block;}
.menu ul {margin-left: 0 !important;}
.menu li {position: relative; float: left; z-index: 5; margin: 0; padding: 0; border: 0; display: block;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li li {float: none; border: 1px solid #29535F; padding: 0 !important;}
.menu li li a {height: auto !important; width: 170px !important; border: 0 !important; padding: .75em 1.5em !important; background: #13191F !important; color: #fff !important; font-weight: normal !important;}

.menu li li a:hover {background: #0F323C !important; color: #5081ff !important; text-decoration: underline;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {
    visibility: visible;    /* display submenu them on hover */
    top: 100%;  /* 1st level go below their parent item */
}
.menu li li:hover>ul {  /* 2nd+ levels go on the right side of the parent item */
    top: 0;
    left: 100%;
}

.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
.menu, .menu ul {min-height: 0; /* ie7 */ }
.menu ul {background-image: url(images/empty.gif); /* ie6 & ie7 */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px !important;}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
.menu ul {width: 11em;}
.menu ul>li + li {  /* and remove the top border on all but first item in the list */ border-top: 0;}

#search_box {margin-top: 5px; margin-left: 8px; width: 180px; height: 26px; background: url(images/search-box.png);}
#col-main #search_box {margin-left: 0px; background: url(images/search-box-interior.png);}
#search_box #s {float: left; padding: 0; margin: 7px 0 0 6px; border: 0; width: 143px; background: transparent;}
#search_box #s:focus {outline-width:0;}
.swap_value {color: white; font-weight: bold;}
#search_box #go {float: right; margin: 3px 4px 0 0;}

a {outline: 0;}
a:link {color: #5081ff;}
a:visited {color: #5081ff;}
a:hover, a:active {color: white; text-decoration: none;}


h1, h2, h3, h4, h5, h6 {color: white; font-weight: normal;}
/*h1 {font-size: 4.5em; margin: 0 0 .25em 0; font-family: Palatino, times, georgia, serif;}
h1 a {text-decoration: none;}*/
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited , h1 a:active, h2 a:active, h3 a:active  {color: white; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #fff; text-decoration: underline;}
h1 a, h1 a:hover {display: block; height: 120px; width: 400px; margin: 0; padding: 0; background: url(images/logo.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important;}
h1 {margin: 0 !important;}
h2 {font-size: 170%; color: #5081ff; font-family: georgia, "Times New Roman", times, serif;}

h2.btn {}
h2.btn span {display: block; font-size: 13px; color: #5081ff;}

h2.title {color: #fff; font-size: 170%; font-family: "Times New Roman", times, serif; line-height: 1.1; margin-bottom: .75em !important;}
h2.pagetitle {font-size: 170%;}
h3.overnight {color: #5081ff; margin: -3px 0 20px 0;}
#col-left h3, #col-right h3 {/*font-size: 120%;*/ margin-bottom: .25em; font-weight: normal;}

h3 a:link, h3 a:visited, h3 a:active {color: #fff; text-decoration: none;}
h3.title a:link, h3.title a:visited, h3.title a:active {text-decoration: none;}
h3.title a:hover, h3 a:hover, h2.title a:hover {text-decoration: underline; color: #5081ff;}

h3 {fo/nt-size: 170%; font-family: Cambria, "Times New Roman", times, serif;}
h3.title {margin-bottom: .5em !important; font-family: georgia, "Times New Roman", times, serif;}
h3 span {font-size: 80%;}
h4 {font-family: "Times New Roman", times, serif;}
h5 {font-size: 110%; margin: 0; padding: 0; font-family: georgia, times, serif;}
h2 span, h3 span, h4 span, h5 span, h6 span {color: #9BC4CF;}
hr {
    color: #29535F;
    background-color: #29535F;
    width: 100%;
    height: 1px;
    border: none;
}

.blog {position: relative; padding-top: 100px !important;}

.blog-header {position: absolute; z-index: 11; top: 0; left: 0; background: url(images/blog-header.png) no-repeat 0 0; width: 470px; height: 82px; text-indent: -999px;}

#post-body {margin-bottom: .5em;}

.archive-post {font-size: 90%;}

p.author {margin-bottom: .75em; border-bottom: 1px solid #29535F;}
p.date {color: #fff; /*font-family: Gill Sans, arial, sans, serif; font-size: 114%;*/}
    #post-meta p.date {padding-left: 20px;}
p.top {color: #4bc6e5; margin-top: .4em;}
p.continued {font-family: georgia, serif;}

#col-right ul {list-style: none; margin: 0 0 1.5em 0; padding: 0;}
#col-right ul ul {margin-bottom: .5em;}
#col-right ul li {padding: 0; margin: 0 0 0 .75em; font-size: 120%;}
#col-right ul li p {margin: 0; padding: 0;}
#col-right ul li p a:link, #col-right ul li p a:visited {text-decoration: none; font-family: arial, helvetica, sans-serif;}
#col-right ul li p a:hover {text-decoration: underline;}

fieldset {padding: 0 !important; border: 0 !important; margin: 1.5em 0;}
label {font-weight: normal; color: #5081ff;}
input.text, input.title, textarea {margin: 0.5em 0; background: #9BC4CF; border: 1px solid #B5D6DF;}
input.text:focus, input.title:focus, textarea:focus, {border: 1px solid #091D24;}
input.text, input.title {width:200px;padding:3px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:120px;padding:3px; background: #9BC4CF; border: 1px solid #B5D6DF;}

/* Begin Images */
p img { padding: 0; } /*    Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
img.aligncenter { display: block; margin-left: auto; margin-right: auto; *width:expression(this.width > 430 ? "430px" : this.width);}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { padding: 4px; margin: 0 0 2px 7px; displ/ay: inline; }
.alignleft { padding: 4px; margin: 0 7px 2px 0; displ/ay: inline; }
.alignright { float: right; }
.alignleft { float: left } /* End Images */
#post-body img {max-width: 430px; height: auto;}

.alignright { float: right; }
.alignleft { float: left } /* End Images */

.thumb-excerpt {padding: 5px 5px 0 0;}

.wp-caption-text {font-size: 11px; text-align: center;}
p.wp-caption-text, div.wp-caption-text {padding: 0; max-width: 430px; _width:expression(this.width > 430 ? "430px" : this.width); margin-bottom: 20px;}

/*comments */
.commentlist {list-style: none; margin: 0;}
.commentlist li {margin: 0 0 1.5em 0; border-bottom: 1px solid #29535F;}
.commentlist li.alt {}

/*archive*/
.post p.meta {}

.a2a_kit {clear: both; margin: 5px 0 !important; padding: 0 !important;}