@charset "UTF-8";
/*   
Theme Name: Daphne (Sunset)
Theme URI: http://daphnecaruanagalizia.com/
Description: Theme for daphnecaruanagalizia.com visual refresh
Author: Moderator
Author URI: http://daphnecaruanagalizia.com/
Version: 3.0
.
General comments/License Statement if any.
.
*/

body{font-family:Helvetica, Arial, sans-serif;margin:0;padding:0}
img{ max-width:100% !important;}

/* Social share fix */
.sharethis-inline-share-buttons { clear: both; padding-top: 1em; }
/* fix ends */

#page{ width:98%; max-width:1100px;margin:0 auto;position:relative;text-align:left}
#header{background:#fff; width:100%}
#content-wrapper{clear:both;background:#fff}
#content{width:70%;float:left; margin-right:3%;}
#sidebar{width:20%;float:left; text-align:center;}
#footer{clear:both}
h1.main{ font-size:25px !important; margin:15px 0  !important;}

#header img#logo{padding:10px 0;border:none; width:50%; max-width:590px;}

#tabs ul{list-style:none;margin:0;padding:0}
#tabs li{background:#ddd;margin:0 10px 0 0;display:block;float:left;padding:3px 7px 2px 7px;min-width:80px;text-align:center;}
#tabs li.active{background:#b10000}
#tabs li a{color:#fff;text-transform:uppercase;font-size:11px;font-weight:bold;text-decoration:none}
#tabs li.active a{color:#fff}

#content a{text-decoration:none;color:#333}
#content a:hover{text-decoration:underline}
#content #column-1{width:49%;float:left;border-width:0 1px 0 1px;border-style:solid;border-color:#eee}
#content #column-2{width:50%;float:right;border-width:0 1px 0 0;border-style:solid;border-color:#eee}
#content .post{padding:0 15px;margin:0 0 1em 0;  }
#column-1 .post, #column-2 .post{}
#content h1{margin:0;font-size:16px}
#content .column-caption{padding:5px 8px;margin-top:0;background:#eee;color:#fff;font-size:10px;text-transform:uppercase;font-weight:bold}
#content #column-2 .column-caption{margin-left:10px}
#content > .first{border:1px solid #ddd;margin:0 0 0 0;padding:0;text-align:right}
#content .first h1{font-size:31px;margin-bottom:0.2em;font-weight:normal}
#content .first .entry{margin-left:50%;color:#333}
#content .first a{color:#333}
#content .first a.more{background:#eee;line-height:180%;color:#000;text-transform:uppercase;font-weight:bold;font-size:9px;padding:2px}
#content .first .postmetadata a{text-transform:uppercase;font-weight:bold}

#content .first.full .left{width:98%;}
#content .first.full .right{display:none;}

#content .first .time{color:#fff;font-size:10px;background:#b10000;padding:0.3em}
#content .first .left{float:left;width:60%;padding:10px 0}
#content .first .right{float:right;width:35%;padding:10px 2.5% 15px}
#content .first .teaser{width: 100%;max-height: 239px; min-height:150px;overflow:hidden;border:1px solid #fff;display:block;margin:0 auto}
#content .first .teaser img{width:100%;border:none}
#content .first .teaser img.yt-icon{margin:-26px 4px 4px 0;opacity:.88;width:20px;height:20px}
#content .first p.caption{width:100%;height:0;overflow:visible;margin:0;font-size:20px;z-index:999;position:relative}
#content .first p.caption a{background:#058b8d;border-color:#058b8d;border-style:solid;border-width:5px;color:#fff;line-height:200%}
#content .first p.caption a.small{font-size:14px}
#content .entry{font-size:13px}
#content .entry p{margin:0.5em 0;line-height:130%; font-size:12px;}
#content .entry .yt-thumbnail{float:right;width:45px;margin-left:10px;border:1px solid #eee;padding:1px}
#content .postmetadata{margin:0;font-size:13px;color:#444}
#content .postmetadata a{font-size:11px;color:#058b8d}
#content .postmetadata .time{color:#aaa;font-size:10px}

#content.single a{color:#058b8d;text-decoration:none}
#content.single .post,#content.old-home .post{border:1px solid #eee;padding:20px 30px}
#content.single .post h1,#content.old-home h1{font-size:26px;margin:0 0 0.5em 0;padding-bottom:0.5em;border-bottom:1px solid #ccc}
#content.single .post .entry,#content.old-home .post .entry{font-size:14px;line-height:150%;color:#333; width:100%; float:left;}
#content.single .post .entry p,#content.old-home .post .entry p{margin:1.5em 0}
#content.single .post .entry a{background:rgb(255,254,228);}
#content.single .entry embed,#content.single .entry object{display:block;width:100%}
#content.single .entry img,#content.old-home .entry img{max-width:350px;height:auto;border:1px solid #eee;padding:5px;display:block;float:left;margin:0 1.5em 1em 0}
#content.single .entry div.wp-caption,#content.old-home .entry div.wp-caption{text-align:center; margin:0 auto; max-width:96% !important; margin:0 2% 10px; float:left}
#content.single .entry .wp-caption-text,#content.old-home .entry .wp-caption-text{clear:left;background:#eee;text-transform:uppercase;font-weight:bold;font-size:11px;margin:0;padding:0.5em}
#content.single .time{color: #CCC;font-size: 12px;text-transform: uppercase;font-weight: bold;width: 257px;float: right;text-align: right;}
#content.single .comments{background:#eee;padding:0.5em;color:#333;font-size:12px;font-weight:bold;margin:2em -0.5em}

#content.search .post,#content.archives .post{background:#eee;padding:20px;margin-bottom:1px}
#content.search .post.first, #content.archives .post.first{background:#fff;font-size:12px;font-style:italic;}

#sidebar a{color:#058b8d;text-decoration:none}
#sidebar #about{font-size:12px;padding:10px;background:#eee}
#sidebar #search{background:#eee;margin-bottom:16px;padding:2px}
#sidebar #search .text{width:65%;float:left}
#sidebar #search .button{float:right;width:31%}
#sidebar .ad{margin-top:5px;}
#sidebar .ad img{border:none; min-width:300px;}

input.text{border:1px solid #ccc;font-size:13px;margin:0; padding: 5px 7px 2px 7px;}
input.button{margin:0;border-width:1px;border-style:solid;border-color:#fff #333 #333 #fff;background:#b10000;font-weight:bold;text-transform:uppercase;color:#fff}

.tabbed{background:#eee;padding:10px}
.tabbed ul.tabs{display:block;width:100%;margin:0;padding:0;list-style:none;background:#eee}
.tabbed ul.tabs li{display:block;float:left;margin:0 0 -1px 0;z-index:999;position:relative;padding:0;font-weight:bold;text-transform:uppercase}
.tabbed ul.tabs li a{display:block;float:left;padding:5px 8px;margin-left:3px;color:#333 !important;font-size:10px;cursor:pointer;background:#f5f5f5;border:1px solid #ccc}
.tabbed ul.tabs li a.tab-current{background:#fff;border-bottom-color:#fff}
.tabbed div{float:left;display:block;width:100%;border-top:1px solid #ccc;background:#fff}
.tabbed div ol{margin:0;padding:8px 8px 8px 25px;font-size:12px;color:#333}
.tabbed div ol li{margin:0.5em 0;color:#ccc}
.tabbed div ol li a{font-weight:bold}
.tabbed div ol li a:hover{color:#333 !important}
.tabbed p{padding:0 10px}
.tabbed label{font-weight:bold;font-size:10px}
.tabbed .text{width:80%}
.tabbed .share a img{padding:5px;border:solid 1px #fff;padding:4px}
.tabbed .share a:hover img{background:#eee;border:solid 1px #ccc}
.tabbed .email em{color:#333;font-size:10px;font-weight:bold;font-style:normal}
.tabbed .email p{font-size:12px}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4{display:none}

/* Content for inside your tabs' divs */
.tabbed div ul{}
.tabbed div p{}
.tabbed div div{}

#comments{font-size:13px}
#comments ol.commentlist{list-style:none;margin:0;padding:0}
#comments ol.commentlist li{margin-bottom:2em;word-break:break-word}
#comments ol.commentlist li .comment-author{color:#333;border-bottom:1px solid #ccc;padding-bottom:0.5em}
#comments ol.commentlist li .comment-author cite{font-weight:bold;font-style:normal}
#comments ol.commentlist li .comment-author a:after{content:'↗';padding:0 3px;background:#fff}
#comments ol.commentlist li .comment-meta{margin:1em 0}
#comments ol.commentlist li.comment > div > em{display:block;color:#fff;background:#b10000;font-family:Georgia;margin-top:1em;padding:0.5em}
#comments ul.children{list-style:none;margin:1em 0 0 10%;padding:0;}
#comments textarea{width:400px;padding:5px;font-size:14px;font-family:Helvetica, Arial, sans-serif;}
#comments .reply a,#comments .comment-meta a{text-transform:uppercase;font-weight:bold;font-size:11px}
#comments .comment-meta a{color:#ccc}
#comments #cancel-comment-reply-link,#post-comment-link{text-transform:uppercase;font-size:9px}
#comments ol.commentlist li p{background:#f5f5f5;margin:0;padding:0.5em;line-height:140%}
#comments .reply{background:#eee;padding:0.5em}

#footer img#wpstats{width:0px;height:0px;overflow:hidden}

.socialbtns{margin: 10px 0 20px 0;width: 100%;float: left;} 
.socialbtns.top{margin: 24px 0 12px -3px; width: 100%;}
.socialbtns.bottom{margin: 12px 0 6px 0;}

.ad.home{float: left; margin-top: 0 !important;}

.ad.sub{width: 100%;text-align: center;margin-top: 35px;float: left;}

.ad.leaderboard{width: 100%; text-align: center; margin:10px 0 10px 0 !important;}

.searchTop{ 
	background: none repeat scroll 0 0 #e7e6e1;
    border-radius: 3px;
    float: right;
    margin: -2px 0 0;
    padding: 7px 5px 7px;
    width: 289px;
	position:relative;
	}

.searchTop input{border-radius: 3px; font-size:12px;}

::-webkit-input-placeholder {
    color: #aaa;
    font-size:12px;
}

:-moz-placeholder { /* Firefox 18- */
    color: #aaa;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #aaa;
}

:-ms-input-placeholder {
    color: #aaa;
}

.searchTop #mainsearch{width:203px;}
.searchTop .datepicker{width:91px; margin-top:5px; }

.searchTop input.button {
    background: none repeat scroll 0 0 #b10000;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    margin: 2px 0 0;
    text-transform: uppercase;
    position: absolute;
    height: 21px;
    padding: 3px 6px;
    top: 4px;
	right:7px;
}

.searchTop input.button:hover {
    background: none repeat scroll 0 0 #CA0000;
    cursor: pointer;
}

#ui-datepicker-div{font-size:11px;}

::-webkit-input-placeholder {
    font-size:11px;
}

:-moz-placeholder { /* Firefox 18- */
    font-size:11px;

}

::-moz-placeholder {  /* Firefox 19+ */
    font-size:11px;
}

:-ms-input-placeholder {
    font-size:11px;
}

.masterposts{width:100%; border-top: solid 6px #eee; float:left; border-bottom: solid 6px #eee; }
.masterposts .postmaster{ width:100%; float:left;}
.masterposts .postmaster .column-caption{padding:0 !important;}

#footer{border-top:solid 1px #ddd; padding:10px 0; margin:10px 0; text-align:right; float:left; width:100%; font-size:11px;}
#footer a{color:#058b8d; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

.pinf{font-size: 12px; padding: 0 15px; line-height: 20px;}
.pinf a{color:#058b8d !important;}

.visited{
    font-size: 10px;
    background-color: #b10000;
    color: #fff;
    padding: 1px 1px 1px 4px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: -1px;
    line-height: 17px;
}

.navigation{width:100%; font-size:12px;}

#wpstats{ display:none;}

/* Sidebar Box */
.sidebar-box{ background:#e3e3e3; border-radius:5px; padding:10px; width:300px; float:left; margin:5px 0; text-align:left; box-sizing: border-box; position:relative;}
.sidebar-box h2{ font-size:20px; padding:0 0 10px 35px; margin:0 0 10px; font-weight:normal; border-bottom:1px solid #b1b1b1;}
.sidebar-box.featured h2{ background:url(images/ico-fea.jpg) no-repeat left top;}
.sidebar-box ul{ margin:10px 0; padding:0; list-style:none;}
.sidebar-box li{ margin:2px 0; border-bottom:1px solid #d1d1d1;}
.sidebar-box li:nth-last-child(1) { border-bottom:none;}
.sidebar-box h3 {color:#000;}
.sidebar-box h3 a{ font-size:13px; font-weight:normal; color:#000 !important;}
.sidebar-box h3 span{ color:#b01f23; font-weight:bold;}
.sidebar-box a.all{ position:absolute; top:12px; right:10px; background:#b10000; color:#fff !important; padding:3px 5px; font-size:12px; border-radius:3px; transition:0.3s all ease-in;}
.sidebar-box a.all:hover{ background:#000;}

.anchor-menu { display:none; margin:10px 0 0; list-style:none; padding:0; float:left; width:100%;}
.anchor-menu li{ width:100%; margin:0 0.5%; float:left;}
.anchor-menu li a{ display:block; background:#333333; color:#fff !important; padding:4px 5px; font-size:12px; border-radius:3px; transition:0.3s all ease-in; text-decoration:none; text-align:center;}
.anchor-menu li a:hover{ background:#b10000;}

.ad.responsive{ width:100%; float:left; margin:10px 0; text-align:center; display:none;}
.ad img{ max-width:100%;}

.no-show{ display:none;}

@media only screen and (max-width: 980px){
#content{ width:68%; margin-right: 1%;}
}

@media only screen and (max-width: 900px){
#content{width:57%;float:left; margin-right: 3%;}
#content #column-1{width:100%;}
#content #column-2{width:100%;}
#sidebar{width:40%;float:left; text-align:left;}
.ad.responsive{ display:block;}
#content .first .left{float:right;width:90% !important; padding:15px 5%; text-align:left;}
#content .first .right{float:left;width:96%; padding:2%;}
#content .first .entry{ margin-left:0;}
#column-1 .post, #column-2 .post{ height:auto;}
#content .entry p{ font-size:14px;}
#content h1{ font-size:18px;}
#content.single .time{ text-align:left; float:left; width:100%; margin-top:5px;}
#content.single .post img{max-width:95% !important;}
}
@media only screen and (max-width: 600px){
#header img#logo{width:99%; margin:10px 0.5%;}
#content .first .left{float:right;width:90% !important; padding:10px 5%; text-align:left;}
#content .first .right{display:none;}
#content > .first{margin:15px 0 0 0;}
.searchTop{  width:95%; padding:5px 2.5%;}
.datepicker{ display:none !important;}
#content{width:100%;margin:0;}
#sidebar{width:300px;margin:0 auto; float:none;}
.anchor-menu { display:block;}
}
@media only screen and (max-width: 500px){

#content .first h1{ font-size:30px;}
#content{ margin:0;}
#content.single .post{ padding:20px 2.5%;}
#content.single .entry img, #content.old-home .entry img{ float:none; margin:5px 0;}
#sidebar{width:300px; float:none; margin:10px auto;}
}