/*
Theme Name: Subir Chowdhury
Theme URI: http://radudragomir.com/
Author: Radu Dragomir
Author URI: http://radudragomir.com/
Description: Custom Theme for subirchowdhury.com
Version: 1.0
*/

@import 'fonts/calibri.css';

body {font-size:14px; font-family: arial;}
p {margin-bottom: 10px; line-height: 1.5;}
h1, h2, h3, h4, h5 {font-family: 'Myriad Pro', sans-serif;}
a {color: #333;}

h2.e404 {color: #97989A; font-weight: normal;}
h2.e404 span {font-size: 42px; font-weight: bold;}

.clear {clear: both;}

.wrap {width: 1170px; margin: 0 auto;}

.alignleft {float: left; margin: 0 10px 10px 0;}
.alignright {float: right; margin: 0 0 10px 10px;}

ul li {margin-left: 30px;}

.content {padding: 20px 0;}

#top-bar {background-color: #000; height: 30px;}
#top-bar ul {list-style: none; margin: 0; padding: 0; float: right;}
#top-bar ul li {float: left; line-height: 30px; text-transform: uppercase; position: relative; white-space: nowrap;}
#top-bar ul li a {color: #fff; text-decoration: none;}
#top-bar ul li ul.sub-menu {position: absolute; top: 30px; left: 0; background-color: #000; min-width: 100%; display: none; z-index: 999;}
#top-bar ul li ul.sub-menu li {float: none; margin: 0; padding: 0 15px;}

.home-sections {float: left; width: 785px;}
.home-sections .cols {width: 195px; float: left;}
.home-sections .cols.col1 {width: 200px;}
.home-sections h3, .home-side h3 {height: 32px; line-height: 32px; padding: 0; margin: 0; background-color: #B5D621; font-size: 16px; color: #110E0D; font-weight: normal; font-family: sans-serif; border-bottom: 3px #B5D621 solid;}
.home-sections h3 {padding-left: 10px;}
.home-sections .col1 h3 {padding-left: 15px;}
.home-sections .col-content {padding-right: 15px; padding-top: 20px;}
.home-sections .col1 .col-content {padding-left: 5px;}
.home-sections h4 {color: #999; font-size: 18px; font-weight: normal; line-height: 1.2; margin-bottom: 10px; padding-top: 10px;}

.home-side {float: left; width: 385px;}
.home-side h3 {border-bottom: 3px #7E0202 solid; padding-right: 25px;}
.home-side h3 input {width: 355px; vertical-align: 3px;}
.home-side .col-content {padding: 20px 5px 20px 0;}

.single-left {width: 250px; float: left;}
.single-left h3 {font-weight: bold; font-size: 18px; line-height: 1.2; margin-bottom: 20px;}
.single-left p {margin-bottom: 20px;}
.single-left .more {text-align: right; font-style: italic; font-size: 12px;}
.single-left .more a {color: #858585; text-transform: uppercase;}
.single-main {width: 500px; float: left; margin-left: 50px;}
.single-main.wide {width: 700px;}
.single-main ul {list-style: disc; margin-bottom: 10px;}
.single-main ol {list-style: decimal; margin-bottom: 10px;}
.single-main li {margin-left: 20px; line-height: 1.5;}
.single-main h3 {font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.single-image {margin-bottom: 15px;}
.single-right {width: 320px; float: left; margin-left: 50px;}
.single-right h3 {color: #333; font-size: 18px; margin-bottom: 20px;}
.single-right .more {text-align: right;}
.single-right .more a {text-decoration: none;}

.topic-info {margin-bottom: 20px; border-bottom: 3px #858585 solid;}
.topic-info h3 {color: #858585;}
h2 a {text-decoration: none;}
h3 a {text-decoration: none;}
h4 a {text-decoration: none;}

.bit-of-space {height: 15px;}

.article-title {font-size: 16px; margin-bottom: 5px; font-weight: normal;}
.single-main .article-title {font-size: 30px; line-height: 1.1;}
.article-subtitle { font-style: italic; color: #97989A; font-size: 17px;}
.single-main .article-subtitle {margin-bottom: 25px;}
.topic-column h3 {font-size: 18px; line-height: 1.1; margin-bottom: 5px; font-weight: normal;}
.topic-column h2 {font-size: 18px; font-family: sans-serif; line-height: 1.1; padding-bottom: 10px; margin-bottom: 20px; border-bottom:3px #858585 solid; color:#858585;}
.topic-column h3 a {color: #858585; text-decoration: none;}
.topic-column .column-featured-image {margin-bottom: 10px;}

.all-topics-box {background-color: #f5f5f5; margin-bottom: 10px; border-bottom: 5px #f5f5f5 solid; cursor: pointer;}
.all-topics-box .box-content {padding: 15px 10px;}
.all-topics-box .box-featured {text-align: center;}
.all-topics-box.active {-webkit-box-shadow:  0px 0px 3px 1px #aaa;box-shadow:  0px 0px 3px 1px #aaa;}
.all-topics-box.book {background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0;}
.caption {text-align: center;}

.share-box {margin-bottom: 40px;}
.share-links {display: block; height: 30px; line-height: 30px; padding-left: 35px; color: #545E69; font-size: 16px; margin-bottom: 5px; text-decoration: none;}
.share-links span {font-weight: bold;}
.share-links.facebook {background: url(images/facebook-share.png) 0 center no-repeat;}
.share-links.twitter {background: url(images/twitter-share.png) 0 center no-repeat;}
.share-links.linkedin {background: url(images/linkedin-share.png) 0 center no-repeat;}
.share-links.google {background: url(images/google-share.png) 0 center no-repeat;}
.share-links.email {background: url(images/email-share.png) 0 center no-repeat;}

.home-banner {margin-bottom: 20px;}
.home-feeds .links {width: 60px; float: left;}
.home-feeds img {margin-bottom: 10px;}
.home-feeds .feeds {float: right; width: 300px;}
#twitter-feed {display: none;}

.kicker-box {font-style: italic; color: #97989A; padding: 10px 5px; font-size: 17px; border-top: 3px #545E69 solid; border-bottom: 3px #545E69 solid; margin: 10px 0;-webkit-box-shadow:  0px 0px 7px 2px #555;box-shadow:  0px 0px 7px 2px #555;}

.email-box {display: none;}
.email-box textarea, .email-box input.text {width: 100%; padding: 10px; border:1px #545E69 solid;}
.email-box span {color: #aaa; font-size: 12px;}
.button {padding: 5px 10px; color: #fff; text-decoration: none; font-weight: bold; background-color: #545E69; border: 0;}

/* color cues 
.topic-info.cn1 {border-color: #ffcc00;}
.topic-info.cn1 h3 {color: #ffcc00;}
.topic-column.cn1 h2 {color: #FFCC00; border-color: #FFCC00;}
.topic-info.cn2 {border-color: #990033;}
.topic-info.cn2 h3 {color: #990033;}
.topic-column.cn2 h2 {color: #990033; border-color: #990033;}
.topic-info.cn3 {border-color: #ff0000;}
.topic-info.cn3 h3 {color: #FF0000;}
.topic-column.cn3 h2 {color: #FF0000; border-color: #FF0000;}
.topic-info.cn4 {border-color: #000099;}
.topic-info.cn4 h3 {color: #000099;}
.topic-column.cn4 h2 {color: #000099; border-color: #000099;}
.topic-info.cn5 {border-color: #660000;}
.topic-info.cn5 h3 {color: #660000;}
.topic-column.cn5 h2 {color: #660000; border-color: #660000;}

.kicker-box.cn1 {border-top: 3px #FFCC00 solid; border-bottom: 3px #FFCC00 solid;}
.kicker-box.cn2 {border-top: 3px #990033 solid; border-bottom: 3px #990033 solid;}
.kicker-box.cn3 {border-top: 3px #FF0000 solid; border-bottom: 3px #FF0000 solid;}
.kicker-box.cn4 {border-top: 3px #000099 solid; border-bottom: 3px #000099 solid;}
.kicker-box.cn5 {border-top: 3px #660000 solid; border-bottom: 3px #660000 solid;}

.cn1 a, .cn1 .article-title {color: #FFCC00 !important;}
.cn2 a, .cn2 .article-title {color: #990033 !important;}
.cn3 a, .cn3 .article-title {color: #FF0000 !important;}
.cn4 a, .cn4 .article-title {color: #000099 !important;}
.cn5 a, .cn5 .article-title {color: #660000 !important;}
*/

#footer {background-color: #000; color: #fff; padding: 15px 0;}
#footer a {color:#fff; text-decoration: none;}
.footer-main {float: left; width: 600px; padding-left: 25px;}
.footer-main .widget {float: left; width: 175px; margin-right: 25px;}
.footer-social {float: left; width: 50px; padding: 0 60px 0 50px; min-height: 50px;}
.footer-social a {display: block; width: 48px; height: 48px; margin-bottom: 10px;}
.footer-social a.facebook {background: url(images/facebook.png);}
.footer-social a.twitter {background: url(images/twitter.png);}
.footer-social a.linkedin {background: url(images/linkedin.png);}
.footer-social a.google {background: url(images/google.png);}
.footer-social a.youtube {background: url(images/youtube.png);}
.footer-social a.rss {background: url(images/rss.png);}
.footer-copy {float: left; width: 360px; padding-right: 25px;}

#footer ul {list-style: none; margin: 0; padding: 0;}
#footer ul li {margin: 0;}
#footer ul li a {text-transform: none;}

.widget {margin-bottom: 20px;}
.widget h3 {margin-bottom: 10px; font-size: 16px;}
.widget ul {list-style: none; margin: 0;}
.widget ul li {margin: 0;}
.widget ul li a {text-decoration:none;}

#top-bar .house a {background: url(images/house.png) 0 5px no-repeat; padding-left: 16px; width: 0; overflow: hidden; display: inline-block;}

.topics-widget li {background-color: #97989A; color: #fff; font-weight: bold; margin-bottom: 5px !important; padding: 2px 5px;}
.topics-widget li a {color: #fff; display: block;}
.topics-widget li.active {-webkit-box-shadow:  0px 0px 3px 1px #aaa;box-shadow:  0px 0px 3px 1px #aaa; opacity: 0.7;}

input.text {padding: 10px; vertical-align: middle;}
input.text.search {border: 0; background-color: #AEBE64; height: 22px; line-height: 22px; padding: 5px 10px; color: #fff;}
.widget input.text.search {width: 90%;}

.topic-image.book {max-width: 80%;}

.post-meta {color: #545E69; font-size: 12px; margin-bottom: 0;}

/* columns */
.cols {float: left;}
.cols-1 {width: 100%;}
.cols-2 {width: 570px; margin-left: 30px;}
.cols-3 {width: 370px; margin-left: 30px;}
.cols-4 {width: 270px; margin-left: 30px;}
.cols-5 {width: 210px; margin-left: 30px;}
.cols-6 {width: 170px; margin-left: 30px;}
.cols-7 {width: 150px; margin-left: 20px;}
.cols:first-child {margin-left: 0;}

.wc1, .wc2, .wc3 {margin-bottom: 10px; text-align: center;}
.wc2 {float: left; width: 47%; margin-left: 6%;}
.wc3 {float: left; width: 30%; margin-left: 5%;}
.wc2.first, .wc3.first {margin-left: 0;}
.bw-item img {max-width: 100%;}

.debug {display: none;}