/*
Theme Name: El Clásico
Description: A theme for The Classical Review
Version: 1.0
*/
img { -ms-interpolation-mode:bicubic; }

html, body {background: #13191F; color: #ccc; margin: 0; padding: 0;}

#header {}

#content {background: transparent url(images/bg-center.png) repeat-y 0 0;}
#content-home #col-main{background: #27333F;}

#col-left {padding-top: 1.5em; padding-bottom: 1.5em; color: #778D9F;}
#col-left p, #col-right p {font-size: 100%;}
#col-left div.date, #col-right div.date {float: left;}
#col-left div.date span, #col-right div.date span {}
#col-main {/*background: #3B4B5F; background: #313e4f; background: #27333F;*/ color: #fff; padding-top: 1.5em; padding-bottom: 1.5em; font-size: 16px; font-family: georgia, times, serif;}
#col-main #post-body {width: 510px; overflow: hidden;}
#post-body {width: 510px; overflow: hidden;}

#col-right {padding-top: 1.5em; padding-bottom: 1.5em; color: #778D9F;}

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

#footer {padding: .72em 0; background: #13191F; border-top: 1px solid #59728F; border-bottom: 1px solid #59728F;}
#footer span {padding-left: 1.5em;}

#navigation-box {border-top: 1px solid #59728F; border-bottom: 1px solid #59728F;}
#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.cd-dvd a {background: #4ba1d8; color: #13191F; text-shadow: 1px 1px 0 #a0daff;/* -webkit-box-shadow: inset 0 2em 3em -2em #76caff; -moz-box-shadow: inset 0 -2em 3em -2.5em #13191F;*/}
    #navigation li.cd-dvd a:hover {text-shadow: none;}
#navigation li a {display: block; margin: 0; padding: .75em 1.75em; text-decoration: none; color: #50bbff; font-weight: bold; position: relative; font-weight: bold; border-right: 1px solid #59728F;}
#navigation li a:hover {background: #3B4B5F; color: #fff; text-decoration: underline;}
#navigation li a.city {/*font-weight: normal;*/ color: #50bbff;}
#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 #50bbff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    border-top-color: #50bbff;
    border-bottom-color: #50bbff;
}
/* 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 #59728F; 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: #50bbff !important; font-weight: normal !important;}

.menu li li a:hover {background: #3B4B5F !important; color: #fff !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: #50bbff; text-decoration: none;}
a:visited {color: #50bbff; text-decoration: none;}
a:hover, a:active {color: #fff; text-decoration: underline;}

h1, h2, h3, h4, h5 {color: #fff; font-family: Georgia, "Times New Roman", times, serif;}

h1 a {margin: 0; padding: 0; text-indent: -5678px; display: block; background: url(images/logo.png) no-repeat 0 0; height: 120px; width: 400px;}
h1 a:hover {background-position: 0 -120px;}
h1 {margin: 0 !important;}

h2 {font-size: 1.5em; margin-bottom: 0.5em; color: #50bbff; font-weight: normal;}
h2.pagetitle, h2.title {font-size: 1.6em; line-height: 1; font-weight: normal; margin-bottom: 0.5em; font-family: georgia, times, serif; text-shadow: 2px 1px 0 #091d24; text-decoration: none;}
h2.pagetitle {font-size: 1.6em;}


h2.title a:link, h2.title a:visited {color: #fff;}
h2.title a:hover {color: #50bbff;}
#col-main h2, h2.pagetitle {color: #fff; text-shadow: 2px 1px 0 #091d24;}

h3 {margin-bottom: .25em;}
h3 a:link, h3 a:visited {color: #fff; font-family: georgia, times, serif; text-shadow: 2px 1px 0 #000;}
h3 a:hover {color: #50bbff;}

h3.overnight {font-size: 1.3em; font-weight: normal; margin-bottom: .75em; color: #50bbff; text-shadow: 2px 1px 0 #091d24;}

h4 {font-size: 1.3em; line-height: 1.25; margin-bottom: 1.25em;}

h5 {font-size: 1.2em; font-weight: bold; margin-bottom: .25em;}
h5.archive {font-size: 1.2em; font-weight: normal; text-shadow: 2px 1px 0 #091d24;}
h5.archive a:link, h5.archive a:visited {color: #50bbff;}
h5.archive a:hover {color: #fff;}

h6 {font-size: 1em; font-weight: bold;}

h2 span, h3 span, h4 span, h5 span, h6 span {color: #fff; font-size: 90%;}
hr {
    color: #59728F;
    background-color: #59728F;
    width: 100%;
    height: 1px;
    border: none;
}
div.meta {font-size: 1.2em; padding-bottom: .1em; margin-bottom: .75em; border-bottom: 1px solid #59728F; font-family: helvetica, arial, sans-serif;}
div.date {float: right; font-size: 14px;}
div.author {font-size: 14px;}
#post-body {margin-bottom: 1.5em;}

p.author {margin-bottom: .75em; font-size: 107%; border-bottom: 1px solid #59728F;}
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 {}

#content-post-footer {margin-top: .5em 0 1.5em 0; padding: .5em 0; font-family: helvetica, arial, sans-serif; font-size: 13px; border-bottom: 1px solid #59728F;}
/*#content-post-footer a:link, #content-post-footer a:visited {color: #DFC099; text-decoration: underline;}
#content-post-footer a:hover {text-decoration: none; color: #fff;}*/
#content-post-footer .footer-meta {}
.footer-meta span {float: right;}
.share-this {margin-bottom: .25em;}

#col-right ul {list-style: none; margin: 0 0 1.5em 0;}
#col-right ul li {padding: 0; margin: 0; font-size: 120%;}

fieldset {padding: 0 !important; border: 0 !important; margin: 1.5em 0;}
label {font-weight: normal; color: #fff;}
input.text, input.title, textarea, select {font-size: 13px; color: #fff; margin: 0.5em 0; background: #13191F; border: 1px solid #59728F; font-family: helvetica, arial, sans-serif;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border: 1px solid #8EADCF;}
input.text, input.title {width: 200px; padding: 6px !important;}
input.title {font-size:1.5em;}
textarea {width: 390px; height: 120px; padding: 6px !important; font-size: 13px; background: #13191F; border: 1px solid #59728F; font-family: helvetica, arial, sans-serif;}

/* Begin Images */
p img { padding: 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; *width:expression(this.width > 508 ? "508px" : this.width);}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { padding: 4px; margin: 0 0 2px 7px; }
.alignleft { padding: 4px; margin: 0 7px 2px 0; }
.alignright { float: right; }
.alignleft { float: left } /* End Images */
#post-body img {max-width: 508px; border: 1px solid #59728F; height: auto;}
#post-body img {}
.thumb-excerpt {padding: 5px 5px 0 0;}

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

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

.side-ad {float: left; width: 180px; display: block; overflow: hidden;}

.side-ad {}
.side-ad p {display: block;}

.wp_bannerize {}
.wp_bannerize p {margin-bottom: 6px;}
.wp_bannerize p img {max-width: 190px; height: auto;}

/*archive*/
.post {}
.post p {font-size: 13px; font-family: helvetica, arial, sans-serif;}

#ad-col {padding-top: 1.5em;}