/*

Theme Name: LIASB

Theme URI: 

Description: Custom theme for liasb

Version: 1.7.2

Author: NB

*/



@import url('css/base.css');@import url('css/skeleton.css');@import url('css/layout.css');



body{

	margin-top:0;

	background-color:#00374E;

}

.header{

	height:55px;

}

.logo{

	width:92px;

	height:48px;

	margin:4px;

	float:left;

}

.slogan{

	float:left;

}

.slogan h4{

	font-size:14px;

	line-height: 16px;

	padding: 12px 0 0 6px;

	font-weight:bold;

}

.slogan a{

	text-decoration: none;

}

.nav{

	float: right;

}

.nav ul{

	/* whatever */

}

.nav ul li{ 

	display:inline;

}

/* RESPONSIVE NAV BELOW

*/



/* default style */

.selectnav { display: none; }



/* small screen */

@media screen and (max-width: 960px) {

  .js #menu-topmenu { display: none; }

  .js .selectnav { display: block; float:left; clear: left; }

  .nav {float:left;margin-top: 10px;}

  .contactbutton {float: left;}

  .header{height:110px;}

}

/* End nav */



.main{

	background:#fff;

	box-shadow:0 0 10px #333;

	margin-top:20px;

	margin-bottom:20px;

	padding-top:10px;

}

.main img,.main iframe{

	max-width: 100%;

}

.main iframe{

	padding:0 0 10px 0;

}

.main textarea{

	width:80%;

}

.main h2{

	background:url("images/greentab.png") no-repeat scroll left top 2px;

	padding:1px 0 2px 14px;

}

h2.bannerh2{

    background: none repeat scroll 0 0 #000000;

    color: #FFFFFF;

    float: left;

    margin: -43px 0 0;

    opacity: 0.6;

    padding: 2px 30px 4px;

    width: 880px;

    font-size:28px;

    max-width:100%;

}

@media screen and (max-width: 960px) {

	h2.bannerh2 {

		background: none repeat scroll 0 0 #000000;

		color: #FFFFFF;

		float: left;

		font-weight: bold;

		margin: -43px 0 0;

		max-width: 80%;

		opacity: 0.6;

		padding: 2px 10%;

	}

}

.pagebanner{

	margin-bottom:20px;

}

.chi_display_header{

	width:940px;

	height:150px;

	max-width:100%;

}

.sidebar{

	background:#eee;	

}

.sidebar .padder{

	border-left:solid 1px #ccc;

	border-bottom:solid 1px #ccc;

}

.sidebar .widget{

	border-bottom:solid 1px #CDCDCD;

	margin-bottom:20px;

}

form#searchform{

margin-bottom:0;

}

.padder{

	padding:0 10px;

}

.footermenu ul{

	margin:0;

}

.footermenu li{

	float:left;

	display:inline;

	padding:0 10px;

	margin-top:22px;

	border-right:solid 1px #333;

}

.footermenu li.last-menu-item{

	border-right:none;

}

.copyright p{

	margin:10px 0;

}

.underfooter, .underfooter a{

	color:#fff;

}

.footerlogo{

	margin-left:-36px;

}

.footersocial {

    float: right;

    margin: -55px 0px 0 0;

}







/* EVENTS AREA */

#vtab{

background: none repeat scroll 0 0 #DAE3F3;

border: 1px solid #999999;

margin-bottom: 20px;

min-height: 365px;

padding: 8px 0;

}

#vtab ul{

float:left;

margin:0;

padding:0;

}

#vtab li {

background-color: #BBCBFF;

color: #333;

margin: 4px;

padding: 5px 10px;

width: 200px;

height:77px;

}

#vtab li:hover{

	background-color: #94A8E9;

	cursor: pointer;

}

#vtab li a{

color:#333;

font-weight:bold;

text-decoration:None;

}

#vtab div {

float: right;

width: 380px;

margin:0 9px 0 0;

}

/* EVENTS PAGE */
#vtab2{
background: none repeat scroll 0 0 #DAE3F3;
border: 1px solid #999999;
margin-bottom: 20px;
min-height: 563px;
padding: 8px 0;

}

#vtab2 ul{ list-style-type:none;
float:left;
margin:0;
padding:0;

}

#vtab2 li {
background-color: #BBCBFF;
color: #333;
margin: 4px;
padding: 5px 10px;
width: 600px;
height:52px;

}

#vtab2 li:hover{
	background-color: #94A8E9;
	cursor: pointer;
}

#vtab2 li a{
color:#333;
font-weight:bold;
text-decoration:None;

}


#vtab2 div {
float: right;
width: 600px;
margin:0 9px 0 0;

}



/*HOME RECENT POSTS*/

.recentpostsh2{

	/*border-bottom:solid 1px #CDCDCD;*/

}

.homerecentposts{

	border-bottom:solid 1px #CDCDCD;

	padding-bottom:4px;

	margin-bottom:4px;

}

.homerecentposts p{

	margin-bottom:2px;

}



/* MISC */

.bluegreenbar{

	background:url('images/bluegreenbar.png') repeat-y top;

	height:16px;

	clear:both;

}

.bluebar{

	background:url('images/bluebar.png') repeat-y top;

	height:16px;

	clear:both;

	margin-bottom:10px;

}

.clear{

	clear:both;

}

.floatr{

	float:right;

}

.floatl{

	float: left;

}

.spacer{

	width:100%;

	padding:10px 0;

}

ol.flex-control-nav.flex-control-paging{

    float: left;

    margin: -69px 0 0 10px;

    position: relative;

    width: auto;

}

.triplet{

	background:#eee;

	border:solid 1px #ccc;

	margin: 0 9px !important;

}









/*

################################

GENERAL WORDPRESS STYLES

################################

*/

/* Responsive images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {

	max-width: 100%;

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}



/* Make sure videos and embeds fit their containers */

embed,

iframe,

object,

video {

	max-width: 100%;

}

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important; /* Override the Twitter embed fixed width */

}



/* Images */

.alignleft {

	float: left;

	padding: 10px 10px 10px 0;

}

.alignright {

	float: right;

	padding: 10px 0 10px 10px;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.entry-content img,

.comment-content img,

.widget img,

img.header-image,

.author-avatar img,

img.wp-post-image {

	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

	border-radius: 3px;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	color: #757575;

}

img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.entry-content dl.gallery-item {

	margin: 0;

}

.gallery-item a,

.gallery-caption {

	width: 90%;

}

.gallery-item a {

	display: block;

}

.gallery-caption a {

	display: inline;

}

.gallery-columns-1 .gallery-item a {

	max-width: 100%;

	width: auto;

}

.gallery .gallery-icon img {

	height: auto;

	max-width: 90%;

	padding: 5%;

}

.gallery-columns-1 .gallery-icon img {

	padding: 3%;

}

/* PAGINATION */

.pagination {

clear:both;

padding:20px 0;

position:relative;

font-size:11px;

line-height:13px;

}

.pagination span, .pagination a {

display:block;

float:left;

margin: 2px 2px 2px 0;

padding:6px 9px 5px 9px;

text-decoration:none;

width:auto;

color:#fff;

background: #555;

}

.pagination a:hover{

color:#fff;

background: #3279BB;

}

.pagination .current{

padding:6px 9px 5px 9px;

background: #3279BB;

color:#fff;

}

/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}

#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}

#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}

#wp-calendar a {

	display: block;

	}

#wp-calendar caption {

	text-align: center;

	width: 100%;

	}

#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */

.entry ul li {
    list-style-type: disc;
    margin-left: 1.5em;
    list-style-position: inside;

