/*  
Theme Name: Business Trend
Theme URI: 
Version: 1.0
Description: Business Trend is a Navy blue/White color, Widget Enabled, Adsense Ready, 2 Columns exclusive WordPress Theme. Brought to you
Author: Tanbir
Author URI: 
*/


/* Body */


body { 

 font-family: "Trebuchet MS", Tahoma, Arial, Helvetica; font-size: 13px;
 background: #084971 url(images/bg.gif) repeat-x; 
 margin: 0;
 padding: 0;
 color: #3c3c3c;
 }

#box {
	background: #fff;
	width: 940px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#top {
 width: 940px;
 background:#ffffff url(images/header.jpg) no-repeat;
 height: 220px;
 margin-top: 0px;
 }

a, a:link {
 text-decoration: none;
 color: #172a3b;
 }

a:hover {
 text-decoration: underline;
 color: #172a3b;
 }

hr {
 border: none;
 border-top: 1px solid #ccc;
 }


/* Header */


#header {
 float: left;
 width: 940px;
 margin: 90px 0 0 0px;
 padding: 0;
 }

#header h1 {
 font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
 margin: 0;
 padding: 0;
 color: #f2f2f2;
 font-size: 39px;
 font-weight: normal;
 }

#header h1 a, #header h1 a:link {
 color: #ffffff;
 margin-left: 200px;

 }

#header h1 a:hover {
 color: #ffffff;
 text-decoration: none;
 }

#description {
 color: #ffffff;
 font-size: 14px;
 padding: 0 0 0 210px;
 }


/* Search */


#searchform {
 height: 25px;
 line-height: 20px;
 float: right;
 padding: 10px 18px 0 0;
 margin: 0;
 }

#searchform #s {
 font-size: 12pt;
 width: 160px;
 }

#searchform #submit {
 font-size: 8pt;
 }

input#s {
 font-family: Verdana, Arial;
 text-align: left;
 border: 1px solid #ccc;
 background: #fffffb;
 color:#2c455b;
 }


/* Menu */


#navbox {
	background: url(images/nav.jpg) repeat-x top center;
	height: 15px;
	margin: 0px auto;
}

#nav {
 width: 700px;
 height: 28px;
 line-height: 28px;
 float: left;
 padding: 0;
 }

ul.nav {
 height: 28px;
 line-height: 28px;
 float: left;
 list-style: none;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0;
 padding: 0;
 }

ul.nav li {
 float: left !important;
 list-style-type: none;
 margin: 0;
 padding: 0; 
 height: 35px;
 }

ul.nav li ul {
 float: left;
 margin: 0;
 padding: 0;
 }

ul.nav li a, ul.nav li a:link, ul.nav li a:visited {
 border-right: 1px solid #808080;
 color: #c8c7c7;
 float: left;
 display: block;
 text-decoration: none;
 padding: 7px 25px 0 26px;
 margin-top:1px;
 height: 35px;
 }

ul.nav li a:hover, ul.nav li a:active {
 background: url(images/nav-hover.png) repeat-x;
 color: #fffffd;
 text-decoration: none;
 height: 35px;
 padding: 7px 25px 0 26px;
 }

ul.nav li.current_page_item a {
 text-decoration: none;
 height: 35px;
 background: url(images/nav-hover.png) repeat-x;
 color: #fffffd;
 }


/* Posts */


.post {
	width: 675px;
	float: left;
	margin: 5px auto;
	padding: 10px 0 0 0;
 }

.post img {
 border: none;
 padding: 5px;
 }

h2 {
 font-size: 22px;
 font-weight: normal;
 padding: 0px;
 margin: 0px;
 color:#2c455b;
 }


#content {
 width: 495px;
 float: left;
 margin: 5px 0 0 10px;
 padding: 0;
 }

.notes {
 padding: 10px 0 0 0;
 font-size: 18px;
 color:#2c455b;
 text-align: center;
 line-height: 12px;
 font-weight: bold;
 }

.posthead {
 position: relative;
 clear: left;
 padding-bottom: 10px;
 }

.posthead h2 {
 font-size: 22px;
 font-weight: normal;
 padding: 0px 0px 0px 50px;
 margin: 0px;
 }

.posthead h2 a {
 color: #2c455b;
 }

.postauthor {
 padding: 0px 0px 0 50px;
 margin: 0px;
 font-size: 10px;
 color:#666;
 }

.postauthor a{
 color:#2c455b;
 text-decoration: none;
 border-bottom: 1px dotted #2c455b;
 }

.postdate {
 margin: 0px;
 position: absolute;
 top: 0px;
 left: 0px;
 text-align: center;
 padding: 0px 10px 6px 10px;
 background: url(images/date.gif) no-repeat;
 }

.postdate small {
 font-size: 9px;
 color:#fffffa;
 }

.postdate .month {
 display:block;
 text-transform: uppercase;
 font-size: 9px;
 padding-top: 1px;
 }

.postdate .day {
 display:block;
 font-size: 22px;
 letter-spacing: -1px;
 font-weight: normal;
 color:#fffffd;
 }

.postdate .year {
 display:block;
 }

.navigation {
 width: 510px;
 float: left;
 color: #666;
 padding: 5px 6px 10px;
 }

.navigation a{
 color: #162a3b;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #162a3b;
 }

.navigation a:hover {
 border-bottom: 1px solid #162a3b;
 }

.relatedposts {
 width: 535px;
 float: left;
 color: #2c455b;
 margin: 0px auto;
 padding: 10px 5px 5px 0px;
 font-size: 12px;
 }

.relatedposts li a{
 border-bottom: 1px dotted #2c455b;
 line-height: 20px;
 margin-right: 10px;
 }

.relatedposts li a:hover{
 border-bottom: 1px solid #2c455b;
 text-decoration:none;
 }

h1, h2, h3 {
 padding: 0 10px 0 0;
 font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
 text-transform: none;
 }

h3 {
 color: #2c455b;
 font-size: 16px;
 }

img.wp-smiley {
 border: 0;
 padding: 0;
 }

blockquote {
 color: #222222;
 font-weight: normal;
 padding-left: 10px;
 border-left: 1px dotted #2c455b;
 }


/* Sidebars */


#sidebar {
	width: 240px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	padding: 0;
 }

#sidebar img, .lsidebar img {
 border: none;
 }

.alignright {
 float: right;
 margin-top: 10px;
 }

.alignleft {
 float: left;
 margin-top: 10px;
 }

.rsidebar {
 width: 205px;
 float: right;
 margin: 20px 10px 0 0;
 padding: 0 10px 5px;
 }

.rsidebar, .lsidebar img {
 border: none;
 }

.lsidebar {
	width: 0px;
	float: left;
	background: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
 }


.lsidebar h2 {
	background: url(images/h2.jpg) repeat-x;
	font-size: 18px;
	margin: 0 0 10px;
	padding: 10px 0 10px 5px;
	height: 15px;
	width: 0px;
	color: #162a3b;
	border-bottom: 1px solid #2c455b;
 }
.rsidebar h2 {
background: url(images/h2.jpg) repeat-x;
 font-size: 18px;
 margin: 0 0 0px;
 padding: 10px 0 10px 5px;
 height: 15px;
 width: 215px;
 color: #162a3b;
 border-bottom: 1px solid #2c455b;
 }
.rsidebar ul, .lsidebar ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 }

.rsidebar ul li{
 display: block;
 list-style-type: none;
 padding: 0 0 10px 0;

 }

.lsidebar ul li {
 display: block;
 list-style-type: none;
 }

.rsidebar ul li a, .lsidebar ul li a {
 font-size: 13px;
 color:#2c455b;
 margin: 10px 0 1px 0px;
padding: 0px 0 1px 15px;
 line-height: 1.8em;
 border-bottom: 1px dotted #2c455b;
background: url(images/bg1.gif) no-repeat; 
}


.rsidebar ul li a:hover, .lsidebar ul li a:hover {
 text-decoration:none;
 border-bottom: 1px solid #2c455b;

 }


.rsidebar ul li ul{
 list-style-type: none;
 margin: 0;
 padding: 5px 0 0 5px;
 }
.lsidebar ul li ul {
 list-style-type: none;
 margin: 0;
 padding: 0 3px 10px 5px;
 
 }
.rsidebar ul li ul li, .lsidebar ul li ul li {
 list-style-type: none;
 margin: 0 0 0 10px;
 padding: 0 0 0 5px;
 }

.rsidebar p, .lsidebar p {
 padding: 0 5px;
 }


/* Footer */


#footer {
 width: 940px;
 background: url(images/footer.jpg) repeat-x;
 height: 54px;
 clear: both;
 color: #c3c2c2;
 font-size: 12px;
 margin-bottom: 10px;
 text-align: right;
 }

#footer a {
 color: #fffffa;
 border-bottom: 1px dotted #c3c2c2;
 }

#footer a:hover {
 border-bottom: 1px solid #c3c2c2;
 text-decoration: none;
 }

#footer p {
 padding: 3px 10px 10px 0;
 }

.left {
 float: left;
 padding: 19px 0 0 20px;
 }

.right {
 float: right;
 padding: 19px 20px 0 0;
 }

/* Comments */


.commentsbox {
 width: 520px;
 float: left;
 margin: 5px auto;
 }

.commentsbox p {
 margin: 0;
 padding: 0;
 }

.commentsbox img {
 border: 1px solid #666;
 margin: 3px;
 }

#commentlist ol {
 margin: 0;
 padding: 0;
 }

#commentlist li {
 list-style-position: outside;
 list-style-type: decimal;
 padding: 10px;
 }

.alt {
 background-image: none !important;
 }

#commentlist li:hover {
 }

.comment-title {
 margin: 0 0 0 0px;
 font-size: 12px;
 color: #2c455b;
 font-weight: bold;
 }

.comment-title2 {
 margin: 0 0 0 0px;
 font-size: 10px;
 color: #2c455b;
 }

.comment-text {
 margin-top: 10px;
 }

h2.postcomment {
 margin: 0;
 font-size: 20px;
 font-weight: normal;
 color: #2c455b;
 }

.postcomment {
 clear: both;
 margin: 20px 0 0 0;
 padding: 0px;
 }

.postcomment input, .postcomment textarea {
 border: 1px solid #aaa;
 }

.postcomment input:hover, .postcomment textarea:hover {
 background: #eeeeee;
 }

.postcomment input#author, .postcomment input#email, .postcomment input#url {
 width: 40% !important;
 width: 156px; /* IE hack */
 height: 18px;
 }

.postcomment textarea#comment {
 width: 80% !important; /* IE hack */
 height: 200px;
 }

.postcomment input#submit {
 width: auto;
 height: 25px;
 padding: 2px 10px 3px 10px;
 margin-top: 10px;
 }
	


/* Bottom */


#bottom {
 clear: both;
 float: left;
 width: 940px;
 height: 0;
 margin: 0 0 0 0;
 padding: 0;
 background: #fafafa url(images/bot.jpg) no-repeat top center;
 text-align: left;
 font-size: 12px;
 }

#bottom-divs {
	float: left;
	clear: both;
	margin: 0;
	padding: 0px;
 }

#bottom-left {
	width: 30%;
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
 }

#bottom-mid, #bottom-right {
	width: 30%;
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
 }

#bottom h2 {
 margin: 0 0 10px 0;
 padding: 0 8px;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 border-bottom: 1px solid #192e40;
 }

#bottom h3 {
 margin: 0;
 padding: 10px 10px;
 font-size: 12px;
 color: #999;
 text-align: center;
 }

#bottom h3:hover {
 color: #f2f2f2;
 }

#bottom ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 }

#bottom ul li {
	line-height: 0px;
	border-bottom: 1px dotted #2c455b;
 }

#bottom ul li a {
 display: block;
 padding: 0 10px;
 color: #2c455b;
 }

#bottom-sep {
 clear: both;
 }

#bottom p {
 text-align: justify;
 }
 
 

/* ================================================================ 
DROP DOWN MENUS BEGIN HERE

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:745px;
	height:32px;
	position:relative;
	z-index:100;
	border-right:1px solid #000;
	font-family:arial, sans-serif;
	text-align: center;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:138px;
	height:30px;
	border:1px solid #000;
	border-width:1px 0 1px 1px;
	padding-left:10px;
	line-height:29px;
	font-weight:bold;
	background-color: #084770;
	text-align: center;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background-color: #660032;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background-color: #660032;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#FFF;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px;
	background-color: #084770;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#FFF;
	background-color: #084770;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#FFF;
	background-color: #660032;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
	color: red;
	background: white;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}