@charset "utf-8";
/* CSS Document */
body, html {font-family: 'Open Sans', sans-serif !important; font-size:13px !important; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
background: rgb(255,255,255) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ) !important; /* IE6-9 */
}




/*definition*/
.header1 { font-size: 10px; font-weight:600; text-transform:uppercase; border-bottom:1px solid #eaeaea; padding:5px; letter-spacing:-0.5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.header1 i { margin:0px 5px;}

.header2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.header2 .logo-area { padding:10px 0px; text-align:left;}
.header2 .logo-area img { height:150px; margin-left: 20px;}
.header2 .bg { background:url() no-repeat bottom right;}
.header2 .search-area { padding-top:55px;}

/* expanding input CSS only */
#myInput		{
  width:200px;
  -webkit-transition:width 0.3s ease-in-out;
  border-radius:100px;
  margin-left:20px;
  margin-right:0px;
  font-size:11px; font-family: 'Open Sans', sans-serif; font-weight:500;
}
#myInput:focus	{
  width:250px;
  -webkit-transition:width 0.5s ease-in-out;
}
.searchbutton { 
	margin-top:0px; 
	margin-left:-28px;
	margin-right: 20px;
}
/* expanding input CSS only END*/


/*mayor message*/
.mayor-message { height:410px; padding:15px; background: #069;}
.mayor-message .title { font-size:21px; color:#fafafa; letter-spacing:-0.5px; text-shadow:#000 0px 1px 0px; margin-left:15px;}
.mayor-message .summary { font-size:17px; font-weight:500; color: #FF9; margin-top:10px; margin-left:15px; letter-spacing:-0.8px; text-shadow:#000 0px 1px 0px;}
.mayor-message .formatted-text {font-size:14px; text-align:justify; color: #FFf; margin-top:5px; margin-left:15px; margin-right:15px; letter-spacing:-0.7px; text-shadow:#000 0px 1px 0px;}
.mayor-message .thumbnail { width:120px; margin-right:10px;}
.mayor-message .author {font-size:12px; text-align:justify; color: #ccc; margin-top:5px; margin-left:15px; margin-right:15px; letter-spacing:-0.5px; border-top:1px solid #666; padding:5px; text-align:right;}


/*slider*/
.mainslider { margin:0px !important; padding:0px !important;}

/*breadcrumb*/
.breadcrumb { background:#FFF !important; font-size:11px; -webkit-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; border-bottom:1px solid #ccc;}
.breadcrumb span { font-weight:600;}
.breadcrumb i { margin-left:5px; margin-right:5px;}

/*first page last atachment*/
.last-attach ul { list-style:none; margin:0; padding:0; font-weight:600;}
.last-attach ul li { list-style:none; margin-left:10px; margin-right:10px; letter-spacing:-0.5px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #eaeaea;}
.last-attach ul li span { color:#777;}
.last-attach a { color:#666;}
.last-attach ul li i { margin-right:5px;}
.last-attach ul li .date { text-align:right;}

/*PANELS*/
.panel { padding:10px;}
.panel .titlebutton {font-family: 'Open Sans', sans serif; font-weight:600; font-size:12px; letter-spacing:-0.5px; margin-right:10px; padding:7px 20px; color:#FFF; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; margin-top:-11px; background: #069 !important;}
.panel .titlebutton a { color:#FFF;}
.panel .titlebutton a:hover { color:#FF0;}

/*text definitions*/
.big-title { font-family: 'Open Sans', sans serif; font-size:25px; font-weight:500; color: #666; letter-spacing:-0.5px; margin-bottom:10px; margin-right:10px; margin-left:10px; padding-bottom:10px; padding-left:10px;}
.main-title { font-family: 'Open Sans', sans serif; font-size:23px; letter-spacing: -1px; font-weight:700; color: #069; letter-spacing:-0.5px; margin-bottom:10px; margin-right:10px; margin-left:10px; border-bottom:1px solid #ccc; padding-bottom:10px; -webkit-box-shadow: 0 1px 0 0 #e1e1e1; box-shadow: 0 1px 0 0 #e1e1e1;}
.main-title i { margin-right:5px;}
.secondary-title { font-size:14px; font-weight:600; color:#900;}

.summary {font-family: 'Open Sans', sans serif; margin-left:10px; margin-right:10px; margin-bottom:20px; font-size: 16px; font-weight:600; color:#888; letter-spacing: -0.8px;}

/*formatted content*/
.formatted-content {font-family: 'Open Sans', sans serif; margin:10px; letter-spacing: -0.8px;}
.formatted-content .rss { margin:0px; padding:0px; margin-left:20px}
.formatted-content .rss li { margin-bottom:0px; border-top: 1px solid #eaeaea; list-style-type:circle; }
.formatted-content .rss span { color:#999; font-weight:600;}


/*Category box*/
.category-box { padding:10px; margin-bottom:10px !important; border:1px solid #eaeaea !important; margin:0px 10px;-webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 2px 0 0 #ccc; box-shadow: 0 2px 0 0 #ccc;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.category-box .list { margin:0; padding:0; list-style: none; margin-left:10px; font-weight:600;}
.category-box .sublist { margin:0; padding:0; list-style: none; margin-left:10px; margin-bottom:5px;}
.category-box .sublist a { color:#777 !important;}
.category-box .title { font-weight:600; border-bottom:1px solid #ccc;}
.category-box .thumbnail { width:250px; margin:0px;}
.category-box .thumbleft { width:150px; margin:10px; margin-right:10px;}



/**/
.article-box { padding:10px; margin-bottom:10px !important; border:1px solid #eaeaea !important; margin:0px 10px;-webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 2px 0 0 #ccc; box-shadow: 0 2px 0 0 #ccc;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.article-box .list { margin:0; padding:0; list-style: none; margin-left:10px; font-weight:600;}
.article-box .list i {margin-right: 5px;}
.article-box .sublist { margin:0; padding:0; list-style: none; margin-left:10px; margin-bottom:20px;}
.article-box .sublist a { color:#777; font-weight:400;}
.article-box .title { font-weight:600; border-bottom:1px solid #ccc;}
.article-box .thumbnail { width:250px; margin:0px;}
.article-box .thumbleft { width:250px; margin:0px; margin-right:10px;}
.min-height {min-height:690px;}

.thumbleft { width:150px; margin:0px; margin-right:10px;}

/*Related links*/
.related-links ul { list-style:none; margin:0; padding:0; font-weight:600; margin-bottom:30px;}
.related-links ul li { list-style:none; margin-left:10px; margin-right:10px; letter-spacing:-0.5px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #eaeaea;}
.related-links ul li span { color:#F00;}
.related-links a { color:#666;}
.related-links ul li i { margin-right:5px;}
.related-links ul li .date { text-align:right;}

/*bottom menu*/
.bottom-menu { font-weight:500; color:#555;}
.bottom-menu ul { margin:0px; padding:0px; font-family: 'Open Sans', sans serif; font-size:16px; margin-top:10px; margin-bottom:10px;}
.bottom-menu ul div { margin-bottom:10px; border-bottom:2px dotted #e1e1e1; letter-spacing:-0.5px;}
.bottom-menu ul li { font-weight:300; margin-left:25px; list-style:square; color:#F90; font-size:13px;}
.bottom-menu ul li a { color:#666; font-family: 'Open Sans', sans serif;}



/*footer*/
footer {
	background-color: #1b1b1b;
	background-image: -moz-linear-gradient(top, #222222, #111111);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
	background-image: -webkit-linear-gradient(top, #222222, #111111);
	background-image: -o-linear-gradient(top, #222222, #111111);
	background-image: linear-gradient(to bottom, #222222, #111111);
	background-repeat: repeat-x;
	border-color: #252525;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
	
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	
	padding:20px 10px; color:#666;
}

footer ul { margin:0px; padding:0px; font-family: 'Open Sans', sans serif; font-size:16px;}
footer ul div { margin-bottom:10px; letter-spacing:-0.5px; color:#f90;}
footer ul li { font-weight:300; margin-left:25px; list-style:none; color:#999; font-size:13px;}
footer ul li a { color:#999; font-family: 'Open Sans', sans serif;}















@media screen and (max-width:1100px) {
	.container { width:100% !important;}	
	
	.mayor-message {background:#069; height: auto !important; line-height:15px; }
	
	.carousel-inner {height:100%;}

	.header1 { display: none;}
	.header2 .logo-area { padding:0px 0px; text-align:center;}
	.header2 .logo-area img {width: 90%; height: 90%;}
	.header2 .search-area { padding-top:5px;}
	.header2 .search-area i {display: none;}
	.header2 .bg { background:url() no-repeat bottom;}
	
	.last-attach ul li {list-style: none; list-style-position: outside;}
	.last-attach ul li .date { text-align:left;}
	
	/*Category box*/
	.list { margin:0; padding:0; list-style: none; margin-left:10px; font-weight:600 !important;}
	i { margin-right: 25px !important;}
	.sublist { margin:0; padding:0; list-style: none; margin-left:10px !important; margin-bottom:20px !important;}
	.sublist a { color:#777 !important; font-weight:400 !important;}
	
	
	/* expanding input CSS only */
	#myInput		{
	  width:95%;
	  -webkit-transition:width 0.3s ease-in-out;
	  border-radius:100px;
	  margin-right:0px;
	  font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:500;
	display: none;
	}
	#myInput:focus	{
	  width:95%;
	  -webkit-transition:width 0.5s ease-in-out;
	}
	.searchbutton { 
		margin-top:-24px; 
		position: absolute; 
		right:10px;
		display: none;

	}
	/* expanding input CSS only END*/

}

@media screen and (max-width:800px) {
	.container { width:100% !important;}
	.no-display { display:none;}
	.header2 .logo-area { padding:0px 0px; text-align:center;}
	
	.mayor-message {background:#069; height: auto !important;line-height: inherit;}

	.header2 .search-area { padding-top:5px;}
	.header2 .bg { background:url() no-repeat bottom;}
	



}


@media screen and (max-width:400px) {
	.category-box .thumbnail { width:100% !important; margin:0px; margin-bottom:10px;}
}

@media screen and (max-width:300px) {
	.container { width:100% !important;}
	.header2 .logo-area { padding:0px 0px; text-align:center;}
	
	.mayor-message {background:#069; height: auto !important; line-height:15px; }
	.carousel-inner {height:100%;}
	.thumbnail { width:100% !important; height:100%; margin-bottom:10px;}
	
	

	.header2 .search-area { padding-top:5px;}
	
	.header2 .bg { background:url() no-repeat bottom;}
	
	

}