/*
Theme Name: Whale Oil
Description: Custom theme for Whale Oil
Version: 1.0
Author: cre8d design
Author URI: http://www.cre8d-design.com
*/

img, .wp-caption {max-width:100%;height:auto;}

.clear {
	clear: both;
	font-size: 0px;
	height:1%;
	line-height:0;
}
a img {
	border: none;
}
a:link, a:visited {
	text-decoration: none;
	color:#0c4c86;
}
a:hover, a:active {
	text-decoration: underline;
	color:#0c4c86;
}

p, ul, ol {margin-top:0;margin-bottom:1.2em;}

.alignleft {float:left;display:inline;margin:0 15px 12px 0;}
.alignright {float:right;display:inline;margin:0 0 12px 15px;}
.aligncenter {display:block;margin:0 auto 12px auto;}
.alignnone.wp-caption {margin-bottom:12px;}

body.html {min-width:320px;}
html {-webkit-text-size-adjust:100%;}

body,input,textarea,select {font-size:16px;font-family:Arial,Helvetica,sans-serif;color:#333;}

input::-webkit-input-placeholder {color:#000;opacity:1;}
input:-moz-placeholder {color:#000;opacity:1;}
input::-moz-placeholder {color:#000;opacity:1;}
input:-ms-input-placeholder {color:#000;opacity:1;}

.post .comlink, .post .title, #pagetitle, #mustread, .navigation, #sidebar .section .sectitle, #sidebar .section-subscribe input.submit, #sidebar .archives, #main h2.sectitle, #disqus_thread h3, .post .content h2, .post .content h3, .post .content h4, .section-donate .progress, .donateform input[type="submit"] {font-family:TrumpGothicEastMedium;text-transform:uppercase;font-weight:normal;color:#000;line-height:1;}

body {
	text-align:left;
	margin:0;
	background:#fff;
	line-height:1.5;
}

.container {min-width:310px;max-width:980px;margin:0 auto;padding:0 5px;}

.menu {background:#000;font-size:12px;}
.menu .container {position:relative;}
.menu ul {margin:0;padding:0;list-style:none;font-size:0;}
.menu ul li {margin:0 18px 0 0;padding:0;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;text-transform:uppercase;font-weight:bold;line-height:42px;font-size:12px;}
.menu ul li a {color:#fff;display:block;text-decoration:none;}
.menu ul li a:hover, .menu ul li a:active {color:#ccc;}
.menu ul li.tips a {background-image:url(images/tips-new3.png);background-position:left top;background-repeat:no-repeat;padding-left:28px;background-size:21px 84px;}
.menu ul li.tips a:hover, .menu ul li.tips a:active {background-position:bottom left;}
.menu ul li.subscribe a {padding:0 18px;border-left:1px solid #fff;border-right:1px solid #fff;}

.menu .search {width:200px;height:28px;-moz-border-radius:1px;border-radius:1px;background:#fff;-moz-border-radius:1px;border-radius:1px;overflow:hidden;position:absolute;top:7px;right:5px;}
.menu .search .text {position:relative;height:28px;padding-right:28px;}
.menu .search .text input {width:100%;border:none;line-height:28px;height:28px;margin:0;padding:0 0 0 8px;background:#fff;font-size:12px;color:#000;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu .search .submit input {position:absolute;top:0;right:0;margin:0;text-indent:-9999px;width:28px;height:28px;background:url(images/searchbtn.png) center center no-repeat;background-size:14px 14px;border:none;font-size:0;display:block;line-height:0;overflow:hidden;cursor:pointer;}

.menu ul li.subscribe {position:relative;}
.menu ul li.subscribe .hover {display:none;position:absolute;top:42px;left:0;background:#0c4c86;width:238px;z-index:3;}
.menu ul li.subscribe .hover .hover-a {border:1px solid #ccc;border-top:none;padding:10px 9px 0 9px;}
.menu ul li.subscribe.hover a, .menu ul li.subscribe:hover a {background:#0c4c86;border-color:#ccc;color:#fff;}
.menu ul li.subscribe.hover .hover, .menu ul li.subscribe:hover .hover {display:block;}
.menu ul li.subscribe form {margin:0;}
.menu ul li.subscribe form p {margin:0 0 10px 0;}
.menu ul li.subscribe form input[type="text"] {-moz-border-radius:1px;border-radius:1px;background:#fff;border:none;width:182px;color:#000;padding:6px 8px;margin:0;height:16px;line-height:16px;font-size:12px;color:#000;}
.menu ul li.subscribe form input[type="submit"] {background:#000;-moz-border-radius:1px;border-radius:1px;border:none;color:#fff;text-transform:uppercase;height:28px;font-size:12px;cursor:pointer;font-weight:bold;padding:0 8px;overflow:visible;width:auto;}
.menu ul li.subscribe form input[type="submit"]::-moz-focus-inner {border:0;}

.logo-mobile {display:none;}
.togglemenu {display:none;}

#header {padding:10px 0 10px 0;position:relative;}

#logo {margin:0;position:absolute;top:110px;left:18px;}

#header .award-winner {display:none;}
#sidebar .award-winner {text-align:center;margin-bottom:20px;}

#sidebar {margin-top:299px;}
#banner {height:90px;width:728px;margin:0 auto;}
#banner-mobile {margin:0 -5px;zoom:1;display:none;}
#banner-mobile-a {width:320px;height:50px;margin:0 auto;}

#main {float:right;display:inline;width:100%;margin-left:-350px;}
#main-a {margin-left:350px;overflow:hidden;}
#sidebar {float:left;display:inline;width:300px;padding-right:50px;position:relative;}

#footer {font-size:11px;color:#666;}
#footer a {color:#666;}
#footer .container {position:relative;padding-top:20px;padding-bottom:20px;}

.footer-social {float:right;display:inline;margin-left:20px;}
.footer-social ul {margin:0;padding:0;list-style:none:font-size:0;}
.footer-social ul li {margin:0;padding:0;font-size:13px;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.footer-social ul li a {text-indent:-9999px;display:block;width:24px;height:24px;outline:0;background-image:url(images/social.png);background-size:72px 24px;background-repeat:no-repeat;}
.footer-social ul li.twitter a {background-position:-48px 0;}
.footer-social ul li.facebook a {background-position:-24px 0;}
.footer-social ul li.googleplus a {background-position:0 0;}	

#pagetitle {margin:0 0 30px 0;background:#000;color:#fff;padding:6px 10px;font-size:36px;line-height:1.2;}
#mustread {margin:0 0 30px 0;background:#0c4c86;color:#fff;font-size:36px;line-height:1.2;}
#mustread a {color:#fff;display:block;padding:6px 10px;}
#mustread span {margin-right:15px;}

.post {border-top:4px solid #000;padding-top:15px;margin-bottom:45px;}

.post .comlink {float:right;display:inline;width:34px;text-align:center;font-size:18px;margin-left:20px;}
.post .comlink a {color:#fff;background:url(images/comlink-new.png) top left no-repeat;background-size:34px 68px;display:block;line-height:22px;padding-top:2px;padding-bottom:10px;}
.post .comlink a:hover, .post .comlink a:active {background-position:bottom left;text-decoration:none;}

.post .title {font-size:44px;margin:0;line-height:1;}
.post .title a {color:#000;}
.post .title a:hover, .post .title a:active {color:#0c4c86;text-decoration:none;}

.post .postmeta {font-size:11px;color:#666;}
.post .content {margin-top:25px;}
.page .content {margin-top:0;}

.post .content a {text-decoration:underline;}
.post .content blockquote {border-left:2px solid #ccc;margin:0;padding:0 0 0 15px;}
.post .content blockquote p:first-child {text-indent:25px;background:url(images/quote.png) left 4px no-repeat;background-size:14px 10px;}

.post .content h3, .single .content h2 {font-size:22px;margin:0 0 10px 0;}

dl {margin:0 0 1.2em 0;padding:0;}
dl dt {float:left;display:inline;width:130px;display:block;margin:0 0 2px 0;padding:0;}
dl dd {display:block;margin:0 0 2px 150px;padding:0;}

dl.narrow dt {width:60px;}
dl.narrow dd {margin-left:80px;}

.post .tagged {color:#666;font-size:11px;margin-top:1.2em;}
.post .addthis_toolbox {margin-top:1.2em;margin-bottom:-15px;}
.post .addthis_toolbox a {margin-bottom:15px;}
.post .addthis_toolbox .addthis_button_facebook_like {margin-right:10px;}
.post .addthis_toolbox .addthis_button_facebook_share {margin-right:10px;}
.post .addthis_toolbox .addthis_button_tweet {width:90px;}
.post .addthis_toolbox .addthis_button_google_plusone {width:75px;}
.post .addthis_toolbox a.print {float:left;display:inline;background:#000;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;padding:0 5px;line-height:20px;-moz-border-radius:2px;border-radius:2px;font-weight:bold;}

.navigation {margin-bottom:45px;font-size:28px;border-top:4px solid #000;padding-top:15px;line-height:1.2;height:1%;}
.navigation .navleft {float:left;display:inline;width:47%;}
.navigation .navright {float:right;display:inline;width:47%;text-align:right;}
.navigation a {color:#000;}
.navigation a:hover, .navigation a:active {color:#0c4c86;text-decoration:none;}

.navsingle-new {border-top:none;padding-top:0;}
.navsingle-new .navleft, .navsingle-new .navright {width:auto;}
.navsingle-new a {color:#fff;}
.navsingle-new .navleft a {background:url(images/prev.png) top left no-repeat;background-size:86px 46px;color:#fff;text-align:center;width:86px;display:block;line-height:46px;}
.navsingle-new .navright a {background:url(images/next.png) top left no-repeat;background-size:86px 46px;color:#fff;text-align:center;width:86px;display:block;line-height:46px;}

#sidebar {margin-bottom:15px;}
#sidebar .section {margin-bottom:30px;}
#sidebar .section .sectitle {font-size:24px;margin:0 0 15px 0;}
#sidebar .section-todays-posts {border-top:4px solid #000;padding-top:15px;}

#sidebar .section ul {margin:0 0 1.2em 0;padding:0;list-style:none;}
#sidebar .section ul li {margin:0 0 2px 0;padding:0;}

#sidebar .section-subscribe {background:#000;padding:10px;position:relative;border-top:none;}
#sidebar .section-subscribe .sectitle {color:#fff;margin-bottom:10px;}
#sidebar .section-subscribe .social {position:absolute;top:14px;right:10px;}
#sidebar .section-subscribe .social ul {margin:0;float:right;}
#sidebar .section-subscribe .social li {float:left;display:inline;margin:0 0 0 5px;}
#sidebar .section-subscribe .social li a img {vertical-align:bottom;}

#sidebar .section-subscribe form {margin:0;height:1%;}
#sidebar .section-subscribe input.text {float:left;display:inline;width:190px;background:#fff;border:none;margin:0;padding:10px 8px;}
#sidebar .section-subscribe input.submit {float:right;display:inline;width:66px;height:36px;font-size:16px;color:#fff;border:none;background:#666 url(images/subscribe.png) top left no-repeat;cursor:pointer;}
#sidebar .section-subscribe input.submit::-moz-focus-inner {border:0;padding:0;}

#sidebar .section ul li .title {float:left;display:inline;width:100%;margin-right:-40px;text-indent:-10px;}
#sidebar .section ul li .title-a {padding-left:10px;margin-right:40px;}
#sidebar .section ul li .comlink {float:right;display:inline;width:30px;text-align:right;}

#sidebar .section-todays-posts .sectitle, #sidebar .quotescollection_widget .sectitle, #sidebar #text-3 .sectitle {background:url(images/bubble-new.png) right center no-repeat;}

#sidebar .archives {font-size:22px;}
#sidebar .archives a {color:#000;}
#sidebar .archives a:hover, #sidebar .archives a:active {color:#0c4c86;text-decoration:none;}

#sidebar .section-plain {border:none;padding-top:0;}


#sidebar .section-todays-posts ul li a:link {color:#0c4c86;}
#sidebar .section-todays-posts ul li a:visited {color:#666;}

.related, .commentsection {border-top:4px solid #000;padding-top:15px;margin-bottom:45px;}
.related ul {margin:0;padding:0;list-style:none;}
.related ul li {margin:0 0 2px 0;padding:0;}

#main h2.sectitle {font-size:28px;margin:0 0 15px 0;}
#disqus_thread h3 {font-size:28px;margin:0 0 15px 0 !important;}

.bymonth {border-bottom:4px solid #000;padding-bottom:15px;margin-bottom:15px;}
.bymonth ul {margin:0;padding:0;list-style:none;font-size:0;}
.bymonth ul li {margin:0 20px 15px 0;padding:0;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;width:40px;text-align:center;font-size:13px;}
.bymonth ul li li {margin:0 0 2px 0;}
.bymonth ul ul {margin-top:2px;margin-bottom:0;}
.bymonth ul li a {text-decoration:none !important;}
.bymonth ul li a:link {color:#0c4c86;}
.bymonth ul li a:visited {color:#666;}
.bymonth ul li a:hover, .bymonth ul li a:active {text-decoration:underline !important;}


.section ul.dsq-widget-list li {margin-bottom:25px !important;}
.section ul.dsq-widget-list li .dsq-widget-user {font-weight:normal;}
.section ul.dsq-widget-list li .dsq-widget-meta {margin-top:3px;}
.section ul.dsq-widget-list li span.dsq-widget-comment {display:block;}

ul.commentlist {margin:0;padding:0;list-style:none;}
ul.commentlist li {margin:0 0 25px 0;padding:0;}
ul.commentlist li ul {margin:0 0 0 30px;padding:0;list-style:none;}

#respond form label {display:block;margin-bottom:2px;}

.twocols {margin-left:-30px;}
.twocols .twocol {margin-left:30px;float:left;display:inline;width:300px;}
.twocols-reverse .twocol {float:right;}

#main .ddfm, #main .ddfmwrap {margin:0;padding:0;width:300px;}
#main .ddfm p.fieldwrap {padding:0 0 20px 0;margin:0;}
#main .ddfm label, #main .ddfmwrap .ddfmerrors {display:block;margin:0 0 8px 0;float:none;padding:0;text-align:left;font-weight:normal;color:#333;width:auto;}
#main .ddfm input.fmtext, #main .ddfm textarea, #main .ddfm input.fmverify {border:1px solid #000;background:#fff;padding:7px 4px;width:250px;float:none;display:block;margin:0;}
#main .ddfm input.fmverify {width:80px;float:left;display:inline;}
#main .ddfm p.fieldwrap img {margin-top:4px;float:none;}
#main .ddfm .submit input {background:#000 url(images/send.png) top left no-repeat;background-size:66px 36px;width:66px;height:36px;border:none;text-indent:-9999px;font-size:0px;display:block;line-height:0;overflow:hidden;cursor:pointer;}
#main .ddfm .submit {text-align:left;}
#main .ddfm .credits {display:none;}
#main .ddfm span.required {display:none;}
#main .ddfmwrap .ddfmerrors {color:#eb5e3b;}
#main .ddfmwrap .errorlist {padding:0;width:auto;}
#main .ddfm span.fmcheck {width:auto;float:none;margin:0;display:inline !important;}
#main .ddfm span.fmcheck .fmchecklabel {width:auto;display:inline;margin-left:5px;}

.tagcloud a {text-decoration:none !important;}
.tagcloud a:hover, .tagcloud a:active {text-decoration:underline !important;}

.topsections {margin-bottom:15px;}

.topsections h2, .topsections .tstitle {font-family:Oswald,Arial,Helvetica,sans-serif;}
.topsections a {color:#000;}
.topsections a:hover, .topsections a:active {text-decoration:none;color:#0c4c86;}

.topsections h2 a, .topsections h2 a:hover, .topsections h2 a:active {color:#fff;}

.topsections {font-size:0;margin-left:-20px;zoom:1;}
.topsections .topsection {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:top;width:50%;font-size:13px;position:relative;}
.topsections .topsection-a {margin-left:20px;}

.topsections h2 {margin:0 0 10px 0;color:#fff;text-transform:uppercase;background:#000;line-height:28px;font-weight:normal;padding:0 5px;font-size:16px;}

.topsections .slide {height:93px;overflow:hidden;}
.topsections .slide .tsimage {float:left;display:inline;width:140px;}
.topsections .slide .tstitle {margin-left:150px;text-transform:uppercase;font-size:16px;line-height:22px;height:88px;overflow:hidden;}

#mustreadslides {height:93px;overflow:hidden;}

#mustreadpager {position:absolute;top:7px;right:7px;z-index:50;}
#mustreadpager span {float:left;display:inline;width:14px;height:14px;text-indent:-9999px;background:url(images/mustreadslides.png) 0 -14px no-repeat;background-size:14px 42px;outline:0;cursor:pointer;}
#mustreadpager span:hover {background-position:0 -28px;}
#mustreadpager span.cycle-pager-active {background-position:0 0;}

.wp-caption-text {margin:5px 0 0 0;font-size:10px;color:#aaa;}

.progress {background:#ccc;width:80px;height:80px;-moz-border-radius:40px;border-radius:40px;position:relative;}
.progress-full {background:#ca2510;}

.progress .slice {position:absolute;top:0;left:0;width:80px;height:80px;-moz-border-radius:50%;border-radius:50%;clip:rect(0,80px,80px,40px);}
.progress .slice .slice-a {position:absolute;top:0;left:0;width:80px;height:80px;-moz-border-radius:50%;border-radius:50%;clip:rect(0px,40px,80px,0px);background:#ca2510;}
.progress .slice-alt {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.progress-full .slice .slice-a {background:#f9d32a;}

.progress .overlay {position:absolute;width:60px;height:60px;top:10px;left:10px;-moz-border-radius:50%;border-radius:50%;background:#fff;line-height:60px;text-align:center;}

.section-donate {width:300px;margin:0 auto;}
.section-donate .donate-button {float:left;display:inline;width:206px;}
.section-donate .progress {float:right;display:inline;font-size:24px;}

#main .section-donate {margin-bottom:45px;display:none;}

.donateform {background:#000;color:#fff;width:250px;padding:20px;-moz-border-radius:6px;border-radius:6px;margin-bottom:15px;}
.donateform input[type="submit"] {background:#ca2510;font-size:22px;-moz-border-radius:6px;border-radius:6px;color:#fff;cursor:pointer;border:none;padding:3px 8px;margin:0;line-height:normal;}
.donateform input[type="submit"]::-moz-focus-inner {padding:0;border:0;}
body.mac .donateform input[type="submit"] {padding-top:6px;padding-bottom:1px;}

@media screen and (max-width:1010px) {
	.twocols {margin:0;}
	.twocols .twocol {margin:0;float:none !important;display:block;width:auto;}
}
@media screen and (max-width:760px) {
	#sidebar .award-winner {display:none;}
	#header .award-winner {display:block;text-align:center;margin-bottom:10px;}
	#banner {display:none;}
	#banner-mobile {display:block;}
	
	#main {float:none;display:block;margin-left:0;}
	#main-a {margin-left:0;}
	#sidebar {float:none;padding-right:0;display:none;margin-top:0;width:auto;}
	
	#logo {display:none;}

	.menu {padding-bottom:8px;}
	
	.logo-mobile {display:block;padding-top:8px;}
	.togglemenu {position:absolute;top:8px;right:5px;display:block;}
	.togglemenu a {text-indent:-9999px;display:block;width:24px;height:24px;background:url(images/togglemenu.png?a=1) top left no-repeat;background-size:24px 48px;outline:0;}
	body.menuopen .togglemenu a {background-position:bottom left;}
	
	.menu ul, .menu .search {display:none;}
	body.menuopen .menu ul, body.menuopen .menu .search {display:block;}
	body.menuopen #sidebar {display:block;}
	
	.menu ul {font-size:0.1px;text-align:justify;}
	.menu ul:after {content:"";display:inline-block;position:relative;width:100%;height:0;}
	.menu ul li {margin:0;}
        .menu ul li.home {display:none;}        
        .menu ul li.subscribe a {border-left:none;border-right:none;padding:0;}
	.menu ul li a, .menu ul li a:hover, .menu ul li a:active {background-color:transparent !important;color:#fff !important;}
	
        .menu .search {position:relative;top:auto;right:auto;width:100%;}
	.menu .search {height:40px;-moz-border-radius:4px;border-radius:4px;}
	.menu .search .text {height:40px;padding-right:40px;}
	.menu .search .text input {line-height:40px;height:40px;}
	.menu .search .submit input {width:40px;height:40px;}
	
	#footer .container {padding-top:0;}
	.menu-footer {display:none !important;}
	
	body.fixed .menufixed {height:40px;}
	body.fixed .menufixed-a {position:fixed;top:0;left:0;width:100%;z-index:100;min-width:320px;}
	body.fixed .menufixed-b {padding:0 5px 8px 5px;background:#000;}
	body.admin-bar.fixed .menufixed-a {position:static;top:auto;left:auto;width:auto;}
	body.admin-bar.fixed .menufixed-b {padding:0;}
	
        .menu ul {position:relative;}        
	.menu ul li.subscribe {position:static;}
	.menu ul li.subscribe.hover .hover, .menu ul li.subscribe:hover .hover {display:none;}
 	.subscribeopen .menu ul li.subscribe .hover {display:block;width:100%;left:0;}
        .subscribeopen .menu ul li.subscribe .hover .hover-a {border:none;}
        .subscribeopen .menu ul li.subscribe input[type="text"] {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:28px;height:28px;}
        .subscribeopen ul {margin-bottom:94px;}
        
        #main .section-donate {display:block;}
}
@media screen and (max-width:1010px) and (min-width:761px), screen and (max-width:660px) {	
	#mustreadslides {width:auto;}
	.topsections .topsection {float:none;display:block;width:auto;}
	.topsections .whatshot {display:none;}
	.topsections .slide {width:auto;}
	.topsections .slide .tstitle {float:none;display:block;margin-left:150px;}	
}
@media screen and (max-width:370px) {
	.navsingle .navleft {float:none;display:block;width:auto;margin-bottom:10px;}
	.navsingle .navright {float:none;display:block;width:auto;}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#logo a {width:264px;text-indent:-9999px;display:block;background:url(images/newlogo@2x.png) top left no-repeat;background-size:100%;}
	.logo-mobile a {text-indent:-9999px;display:block;background:url(images/logo-mobile@2x.png) top left no-repeat;background-size:100%;width:256px;}
	.togglemenu a {background-image:url(images/togglemenu@2x.png);}
	.menu .search .submit input {background-image:url(images/searchbtn@2x.png);}
	.menu ul li.tips a {background-image:url(images/tips-new3@2x.png);}
	.post .comlink a {background-image:url(images/comlink-new@2x.png);}
	#sidebar .section-todays-posts .sectitle, #sidebar .quotescollection_widget .sectitle, #sidebar #text-3 .sectitle {background-image:url(images/bubble-new@2x.png);background-size:15px 15px;}
	.footer-social ul li a {background-image:url(images/social@2x.png);}
	.section-donate .donate-button a {text-indent:-9999px;display:block;background:url(images/donate@2x.png?a=1) top left no-repeat;background-size:100%;}
	#main .ddfm .submit input {background-image:url(images/send@2x.png);}
	#mustreadpager span {background-image:url(images/mustreadslides@2x.png);}
	.post .content blockquote p:first-child {background-image:url(images/quote@2x.png);}
	
	.navsingle-new .navleft a {background-image:url(images/prev@2x.png);}
	.navsingle-new .navright a {background-image:url(images/next@2x.png);}
}