/*
Theme Name: HPA-Belis
Author: xceedbd.com
Author URI: http://www.xceedbd.com/
*/

@import url('css/reset.css');
@import url('css/default.css');
@import url('css/lavalamp.css');
@import url('css/glide.css');
@import url('css/jquery.tabs.css');
@import url('css/slide.css');
@import url('css/widgets.css');
@import url('css/comments.css');

* {
	margin: 0; padding: 0; border:0;
}

body {
	text-align: center;
	font:normal 12px Arial, Tahoma, Verdana;
	color: #ffffff;
	background:#155476 url(images/top_bg.gif) repeat-x top;
}

a {
	color: wheat;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #506890;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height:5px;
	clear: both;
}

.gray_b{FONT-WEIGHT: bold; COLOR: #848484}

.red{COLOR: #ff0101}

.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}
/*
#top-container {
	margin:0px auto;
	text-align: left;
	background:url(images/top_bg2.gif) repeat-x;
}
*/
/** BEGIN wrapper **/
#wrapper {
	width:984px;
	margin:0px auto;
	text-align: left;
	/*background:#FFFFFF;*/
}
/** END wrapper **/

/** BEGIN header **/
#header{
	height:47px;
	background:url(images/header.gif) no-repeat top;
}

#header .current-date {
	margin-top:16px;
	padding-left:36px;
	float:left;
	text-transform:uppercase;
}

#header .top-search-wrap {
	float:right;
	width:200px;
	height:24px;
	margin-top:16px;
	margin-right:10px;
}
#header .top-search-wrap .textfield {
	background:transparent;
	color:#888;
	font-size:12px;
	width:200px;
}

#header2{
	height:92px;
}

#header2 .logo {
	float:left;	
	margin:20px 0 0 16px;
	
	height:36px;
	font-size:36px;
	font-family:Arial;
	color:#ffffff;
}

#header2 .description {	
	float:left;		
	margin:0px 0 0 16px;
	font-size:12px;
	font-family:Tahoma;
	text-transform:uppercase;
	color:#0476b2;
	font-weight:bold;
}

#header3{
	height:258px;
	background:url(images/header3.jpg) no-repeat top;
}


#menubar {
	background:url(images/header3.gif) repeat-x;
	height:42px;
	line-height:42px;
	overflow:hidden;
	font:normal 11px Arial, Verdana, Tahoma;
	text-transform:uppercase;
	display:block;
	margin-bottom:0 !important;
	margin-bottom:4px;		
}

#cat-menu {
	float:left;	
	position:relative;
}

#cat-menu ul, #cat-menu-shadow {
	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
	position:relative;
}

#cat-menu-shadow {
	position:absolute !important;
	top:1px;
	left:1px;
}

#cat-menu ul li, #cat-menu-shadow ul li {
	display:inline;
}

#cat-menu a, #cat-menu #cat-menu-shadow a {
	background:transparent url(images/menu-separator.gif) no-repeat 100% 1px;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	color:#0f3603;
	position:relative;
	padding:0 22px 0 20px;
	text-decoration:none;
}

#cat-menu a:hover, #cat-menu .current-cat a {
	background:transparent url(images/menu-separator.gif) no-repeat 100% 1px;
}

#cat-menu #cat-menu-shadow li a, #cat-menu #cat-menu-shadow .current-cat a {
	background:none;
	color:#36b918;
}
ul#menu {
  background: #89CB11 url(img/navigation.png) top left repeat-x;
  display: block;
  height: 41px;
  padding: 0 28px 0 18px;
  width: 939px;
}

#menu li,
#menu a { display: block; float: left; }

#menu a {
  background: transparent url(img/navigation.png) left -150px no-repeat;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
  padding: 0 8px 0 10px;
  text-shadow: 0 1px 0 #555;
}

/* Removes the background separator in Opera 9+, Firefox 2+, Safari 3+ */
#menu .page-item-home a,
#submenu li:first-child a { background-image: none; }

#menu a:hover,
#menu a:focus,
#menu .current_page_item a {
  /* IE6/7/8 Fallback hack - Adds more contrast to the navigation */
  color: #000\9;
  /* FF3.5/Safari4/Chrome2/Opera10 - applies a darker text-shadow to the link for a seamless transition - http://cordobo.com/1119-provide-visual-feedback-css/ */
  text-shadow: 1px 1px 1px #000;
}

#submenu-bg { background: transparent url(img/bg-submenu.jpg) 0 3px repeat-x; height: 30px; width: 985px; }
ul#submenu { display: block; padding: 5px 21px 0; }
#submenu li,
#submenu a { display: block; float: left; }
#submenu li { position: relative; }
#submenu a { background: transparent url(img/navigation.png) left -197px no-repeat; color: #666; padding: 3px 5px 3px 7px; }
#submenu .current_page_item a { color: #252525; }
#submenu a:hover { color: #000; }


/* 3rd level navigation - only visible if you have grandchild pages */
#submenu li ul { display: none; }

#submenu li:hover ul  {
  background-color: #fff;
  border: 1px solid #eaeaea;
  clear: both;
  display: block;
  float: none;
  left: auto;
  line-height: 1;
  padding: 6px 6px 4px;
  position: absolute;
  top: 18px;
  overflow: auto;
  width: 200px;
  z-index: 1000;
}

#submenu li li,
#submenu li li a {
  clear: both;
  display: block;
  float: none;
  padding: 0;
}

#submenu li li a {
  background-color: #f7f7f7;
  background-image: none;
  border-bottom: 1px solid #fff;
  margin-bottom: 1px;
  padding: 9px 10px;
  width: 180px;
}

#submenu li li a:hover { background-color: #e9e9e9; border-bottom: 1px solid #c2c2c2; color: #125687; }

/* Top search */
#nav-search {
  display: block;
  height: 30px;
  line-height: 16px;
  position: absolute;
  right: 28px;
  top: 9px;
}
/** END header **/

/** BEGIN content **/

#maincontent {
	float:left;
	width:984px;	
	margin-top:20px;	
}

#content {
	float:left;
	width:656px;
}

#content h2 {
	padding:0px;
	margin:0px;
	font-size:20px;
	margin-bottom:0px;
	margin-bottom:10px;
	clear:#ffffff;
	font-family:Tahoma;
}
#content .post {
	margin-bottom:5px;
}

#content .post .datepost {
	float:left;
	width:164px;
	height:27px;
	line-height:27px;
	color:#e9e0df;
	padding-left:10px;
	font-size:11px;
	background:url(images/post-top-date.gif) no-repeat;
}
#content .post .more-link {
	float:left;
	width:87px;
	height:27px;
	line-height:27px;
	padding-left:30px;
	color:#ffffff;
	text-transform:uppercase;
	background:url(images/post-top-more.gif) no-repeat;
}

#content .post .entry {
	padding:5px 7px;
	height:160px;
	background:url(images/post.gif) repeat-y;
}

#content .post .bottom {
	height:6px;
	background:#41b11c;
}

#content .post img {
	float: left;
	margin-right:5px;
	width:124px; 
	height:128px;
	border:#82cef7 3px solid;	
}

#content .post .title{
	margin-bottom:5px;
	padding:0 5px;
	}
	
#content .post .title h2 {
	padding:0px;
	margin:0px;
	font-size:20px;
	margin-bottom:0px;
	color:#ffffff;
	font-weight:normal;
}

#content .post h2 {
	padding:0px;
	margin:0px;
	font-size:20px;
	margin-bottom:0px;
	color:#ffffff
}

#content .post .title h2 a {
	text-decoration: none;
	color:#ffffff
}

#content .post .title .details {
	padding-top: 5px;
	font-size: 0.9em;
	text-transform:capitalize;
	margin-bottom: 0;
	
}
#content .post .title .details a {
	text-decoration: none;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
}

#content .post p {
	line-height: 1.4em;
	margin-bottom: 10px;
}

#content .subscribe {
	margin-bottom:10px;
	width:631px;
	height:31px;
	background:url(images/subscribe.gif) no-repeat;
}

#content .subscribe a {
	text-decoration: none;
	text-decoration:none;
	font-style:normal;
	color:#bbbbbb;
}

#content .subscribe .text{
	margin-top:5px;
	float:left;
	margin-left:23px;
	width:220px;
}

#content span {	
	color:#ffffff;
}

#content .subscribe .readmore {
	margin-top:8px;
	float:right;
	margin-right:17px;
	width:73px;
	height:12px;
	background:url(images/readmore.gif) no-repeat;
}
	
h2.title {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#content .single {	
	margin-left:0px;
	margin-bottom: 10px;
}
#content .single h2 {
	margin-bottom:10px;
	font-size:20px;
	text-transform: none;
	clear:#ffffff;
	font-family:Tahoma;
}
#content .single p {
	line-height: 1.5em;
	margin-bottom: 10px;
}
#content .single ul, #content .single ol {
	list-style-position: inside;
	margin-bottom: 10px;
}
#content .single li {
	line-height: 1.5em;
	padding: 2px 0;
}
#content .single blockquote {
	padding: 10px 10px 5px;
	margin-bottom: 10px;
	background-color: #eeeeee;
	border-width: 1px 0;
	border-style: solid;
	border-color: #e0e0e0;
}
#content .single h3, #content .single h4, #content .single h5, #content .single h6 {
	font-size: 1.2em;
	margin-bottom: 5px;
	color:#ffffff
}

/* Sidebar */
#sidebar {
	float:left;	
	width:322px;
	margin-left:6px;
}

#sidebar img {
	padding:0px 5px;
}

#sidebar .searchbox {
	/*background:#0d96d0;
	border-top:1px solid #13ace9;
	padding:6px 8px;*/
	width:320px;
	height:44px;
	background:url(images/search_bg.gif) no-repeat;
}
#sidebar .searchbox .textfield {
	/*background:#212121;
	border:1px solid #1db2f4;*/
	background:transparent;
	color:#888;
	padding:4px 0px;
	margin:4px 0px 0 8px;
	font-size:12px;
	width:224px;


}
#sidebar .searchbox .button {
	/*border:1px solid #1f1f1f;
	background:#2b2b2b;*/
	background:transparent;
	color:#FFF;
	padding:2px 8px !important;
	padding:2px 0;
	margin:7px 0 0 8px;
	font-size:12px;
	cursor:pointer;
	width:70px;
	height:30px;
}

#sidebar .section {
	border:1px solid #29aee8;
	background:#2b9dd7;
	padding:0 7px 7px;
	margin-top:7px;
}
#sidebar .section .title {
	color:#d0eef9;
	border-bottom:4px solid #1097ca;
	padding:7px 0 5px;
}
#sidebar .sponsors .ads {
	padding:5px 16px 0;
}
#sidebar .sponsors .ads img {
	padding:5px;
}
#sidebar .section .leftpart {
	width:48%;
	float:left;
}
#sidebar .section .rightpart {
	width:48%;
	float:right;
}
.widget ul li {
	line-height:28px;
	border-bottom:1px dotted #0b7ca7;
	color:#A6A6A6;
}

.widget ul li a { color:#b3ddf1; }
.widget ul li a:hover { color:#b3ddf1; }

/** END content **/

#navigation {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 100%;
	overflow: hidden;	
}

.alignleft {
	text-align: left;
	float: left;
	padding-left:20px;
}

.alignright {
	text-align: right;
	float: right;
	padding-right:20px;
}

/** BEGIN footer **/
#footer {
	clear: both;
	margin:0 auto;	
	background:url(images/footer-bg.gif) repeat-x;
	height:42px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
font-size: 8px;
}

#footer p {	
	margin:0 auto;
	text-align:center;
	padding:15px 0px;
}
#footer a {
	color: #64153c;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #64153c;
}

#footer .manu {
	padding-top:35px;	
	list-style-type: none;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#footer .manu a{	
	color:#ffffff;
	text-decoration:none;
	margin:0px 5px;
}

/** END footer **/

/** BEGIN miscellaneous **/
#comments {
	padding: 5px 15px 15px;
	margin-bottom: 10px;
	color:#ffffff;
}
	#comments a {
		text-decoration: none;
	}
	#comments h2 {
		font-size: 1.4em;
		margin: 10px 0;
		font-weight: normal;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.2em;
	}
	#comments form {
		
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 240px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #a0a0a0;
			font-size: 1em;
			padding: 2px 6px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
h2.title {
	font-size: 1em !important;
	text-transform: uppercase;
	padding: 10px;
	color: #565656;
}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments .buffer {
		padding: 10px;
	}
	#comments ol li {
		margin-bottom: 10px;
	}
	#comments ol li ul li {
		border: 1px solid #e0e0e0;
		padding: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}
/** END wordpress 2.7 comments **/

// Twitter
#twitter ul li {
line-height: 12px;
}
#twitter ul li span{
display: block;
line-height: 12px;
color: white;
}
#top-container {
display: inline;}

#logo {
float:left;
}

#upcoming-events ul li{
line-height: 12px;
margin-bottom: 12px;
}