/*
Theme Name: BlackNews Directory Responsive
Theme URI: http://www.blacknews.com/directory
Author: Karthik M'lore
Author URI: http://www.google.com/+KarthikMlore
Description: Responsive BlackNews Directory Theme
Version: 2.0
*/
/******************************* GRID *****************************/
html{background:#fff;}
body{font-family:'arial',sans-serif;background:#fff;padding:0;margin:0;color:#000;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
#site-wrap{width:950px;background:#fff;margin:0 auto;padding:0;}
.wh-bar{width:944px;height:22px;margin:0;padding:8px 3px;font-size:16px;font-weight:bold;font-family:arial;text-align:right;background:#fff;float:left;}
.brand, nav, .search-site{width:280px;margin:0;background:#08012d url(img/pdots.jpg)repeat;}
.brand{height:49px;padding:14px 35px 14px 10px;float:left;}
nav{font-size:12px;font-weight:bold;font-family:arial;line-height:15px;padding:32px 35px 33px 10px;float:right;}
.search-site{height:26px;padding:25px 10px 26px 10px;float:right;}
.grad-strip{width:100%;height:15px;background:#620001 url(img/grad.jpg)no-repeat;float:left;}
.ad-banner{width:728px;height:90px;margin:0;padding:10px 111px;background:#eee url(img/grid_background.gif)repeat;}
.content-wrap{float: right;width: 100%;background:#fff;font-size:14px;line-height:15px;}
.content{width:100%;font-size:14px;line-height:20px;float:left;}
.content a{color:#036;}

.directory-main{width:496px;padding:10px;background:#eee;margin:10px auto 15px auto;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-align:center;}
.entry{font-style:italic;font-size:16px;}
.directory-main b{font-size:24px;font-weight:bold;font-style:normal;}
.directories-wrap{width:900px;margin:0 auto;}
.directories{width:292px;float:left;margin:10px 4px;font-size:13px;}
.directories img{width:65px;height:65px;border:1px solid #000;margin:0 15px 0 0;float:left;}
.directories a{width:210px;font-weight:bold;text-decoration:underline;float:left;color:#036 !important;}
.directories p{width:210px;margin:1px 0 0 0;float:left;}
.directory-main-ad1,.directory-main-ad2{width:300px;height:250px;padding:0;}
.directory-main-ad1{float:left;margin:20px 100px;}
.directory-main-ad2{float:left;margin:20px 0;}

.directory-nav{width:100%;text-align:center;}
.directory-img-blocks{width:251px;padding:5px;float:left;line-height:10px;margin:0 19px 10px 20px;}
.directory-img-blocks img{border:1px solid #000;}
.directory-list{width:430px;float:left;margin-left:20px;line-height:14px;}
.directory-list-3{width:280px;float:left;margin-left:20px;line-height:14px;}
.directory-blockquote{width:639px;padding:10px;margin:0 auto;background:#eee;border:2px solid #000;}

#footer-section{width:100%;color:#000;font-size:12px;line-height:15px;padding:0;margin:10px 0 0 0;background:#FFFFFF;}
.footer-wrap{width:100%;float:left;margin:0;padding:0;}
.footer{min-width:300px;padding:10px;float:none;margin:0 auto;text-align:center;}
.foot-trends{width:100%;margin-bottom:40px;float:left;text-align:center;}
.foot-trends h6{width:100%;height:24px;margin:12px 0 6px 0;padding:0 0 6px 0;font-size:large;font-weight:bold;border-bottom:1px solid #666;float:left;text-align:left;}
.trend{width:217px;height:163px;padding:6px 5px;float:left;text-align:left;}
.directory{width:395px;float:left;margin:0 0 30px 0;padding:0;}
.directory h6 {width:100%;height:17px;padding:5px 0;margin:0;font-size:medium;font-weight:bold;}
.directory ul.half{width:50%;min-width:150px;float:left;text-align:center;list-style-type:none;padding:0;margin:0;}
.directory ul.half li a{width:100%;height:12px;text-align:center;float:left;font-size:medium;color:#cc0000;list-style-type:none;padding:0;margin:12px 0;font-weight:bold;}
.foot-likebox{width:395px;float:right;margin:0 0 30px 0;padding:0;}
/******************************* Styles ******************************/
a , a:visited{text-decoration:none;color:#cc0000;}
a:active {color:#cc0000;}
a:hover {color:#000; text-decoration:underline;}
a img {border:0;}
img{border:0;padding:0;margin:0;}
ul{padding:0;}
ul li{list-style-type:none;}

#footer-section a:hover{color:#aa0000;}
.clear{clear:both;}
.widget{margin-bottom:10px;width:100%;line-height:15px;}
.copyright-wrap{background:#dedede;}
.copyright{padding:0 10px;margin:0 auto;text-align:center;}
/******************************* Nav ******************************/
nav ul, nav ul li {list-style-type:none;height:12px;}
nav ul{width:300px;float:left;padding:0;margin:0;}
nav ul li{width:auto;margin:0;padding:0 20px 0 0;float:left;}
nav ul li a,nav ul li a:visited,nav ul li a:hover{color:#fff;text-decoration:underline;}
nav ul li.ye a,nav ul li.ye a:hover{color:#ffd700;}
/******************************* Responsive *********************************/
@media all and (min-width: 800px) and (max-width: 949px) {
#site-wrap{width:800px;}
.wh-bar{width:794px;}
.brand{width:246px;padding:14px 5px 14px 10px;}
nav{padding:32px 6px 33px 10px;}
.search-site{width:237px;padding:25px 6px 26px 0;}
.ad-banner{width:728px;height:90px;margin:0;padding:10px 36px;}
.directories-wrap{width:798px;}
.directories{width:258px;}
.directories a, .directories p{width:176px;}
.directory-list{width:380px;}
.directory-list-3{width:246px;}
.directory-blockquote{width:639px;}
.directory-main-ad1{margin:20px 67px;}
}
@media all and (min-width: 640px) and (max-width: 799px) {
#site-wrap{width:640px;}
.wh-bar{width:634px;}
.brand{padding:14px 30px 14px 10px;}
nav{padding:32px 30px 33px 10px;}
.search-site{width:0;height:0;display:none;visibility:hidden;padding:0;}
.ad-banner{width:468px;height:60px;margin:0;padding:10px 86px;}
.directories-wrap{width:600px;}
.directory-list{width:300px;}
.directory-list-3{width:190px;}
.directory-blockquote{width:635px;}
.directory-main-ad1{margin:20px 13px;}
}
@media all and (min-width: 480px) and (max-width: 639px) {
#site-wrap{width:480px;}
.wh-bar{width:474px;}
.brand{width:246px;padding:10px 117px;}
nav{padding:10px 100px 0 100px;}
.search-site{width:0;height:0;display:none;visibility:hidden;padding:0;}
.ad-banner{width:468px;height:60px;margin:0;padding:10px 6px;}
.directory-main{width:460px;}
.directories-wrap{width:480px;}
.directories{width:232px;}
.directories a, .directories p{width:150px;}
.directory-list{width:480px;margin-left:0;}
.directory-list-3{width:220px;}
.directory-blockquote{width:476px;}
.directory-main-ad1,.directory-main-ad2{margin:20px 90px;}
}
@media all and (max-width: 479px) {
#site-wrap{width:320px;}
.wh-bar{width:0;height:0;padding:0;margin:0;display:none;}
.wh-bar .info{width:314px;height:22px;padding:8px 3px;margin:0;display:visible;}
.brand{width:246px;padding:10px 37px;}
nav{padding:10px 20px 0 20px;}
.search-site{width:0;height:0;display:none;visibility:hidden;padding:0;}
.ad-banner{width:320px;height:100px;margin:0;padding:10px 0;}
.directory-main{width:300px;}
.directories-wrap{width:300px;}
.directory-list{width:300px;margin-left:10px;margin-right:10px;}
.directory-list-3{width:300px;margin-left:10px;margin-right:10px;}
.directory-blockquote{width:296px;}
.directory-main-ad1,.directory-main-ad2{margin:20px 5px;}
}