/* MAIN STYLE SHEET */
* { -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box; }
body { font: 300 14px/1.6em helvetica, sans-serif; color:#333; background-color:#f2f2f2; margin:0;  }
img { display: block; max-width: 100%; }
h1, h2, h3, h4, h5, p { margin:0 0 1.2em; }
.container { width: 100%; }
#header #logo h1 { width: 150px; padding-top:10px; }
#main-nav { text-align: right; position: relative; }
#main-nav .menu-main-navigation-container { position: relative; top:30px; }

ul#menu-main-navigation { list-style: none; padding:0; margin:0; display: inline-block; }
ul#menu-main-navigation > li { float:left; position: relative; }
ul#menu-main-navigation > li a { display: block; padding:8px 12px; }
ul#menu-main-navigation > li > ul { position: absolute; display: none; list-style: none; padding:0; margin:0; text-align: left; left:3px; width: 200px; top:30px; }
ul#menu-main-navigation > li > ul > li > a { background-color:#ccc; }
ul#menu-main-navigation > li:hover > ul { display: block; }

ul#articles { list-style: none; padding:0; margin:0; }
ul#articles li { margin-bottom:25px; padding-bottom:25px; }

.carousel-control,
.carousel-control.left,
.carousel-control.right { background: transparent; font-size:60px; font-weight: 300; top:45%; bottom:inherit; width: 40px; }
#carousel .item {  }
#carousel .item .carousel-caption { left:0; right:inherit; width: 40%; background-color:rgba(0,0,0,.9); text-align: left; padding:0; }
#carousel .item .carousel-caption .padded { padding:10px 20px; }

#secondary .mod-header h1 { font-size:24px; padding-bottom:3px; border-bottom:1px solid #f2f2f2; }

.form-horizontal .form-group { margin-left: 0; margin-right:0; }
.wpcf7-form .form-group p { line-height: 1px; margin: 0; }

#content { padding:40px 0; background-color:#fff; }
#secondary { padding:30px 0 20px; }
#footer { padding:40px 0 50px; text-align: center;  }


#sidebar > ul { list-style: none; padding:0; margin:0 0 0 20px; }
#sidebar > ul > li { margin-bottom: 30px; }
#sidebar header.side-mod-header h1 { font-size: 14px; text-transform: uppercase; color:#888; }

#recent-news ul { list-style: none; padding:0; margin:0; }

#twitter ul { list-style: none; padding:0; margin:0; }
#twitter ul li { padding:6px 0px 15px; margin-bottom:15px; border-bottom:1px solid #ccc; position: relative; }

ul#articles .post-header h1 { font-size:24px; }

@media screen and (min-width: 768px){
	.container { max-width: 758px; margin:0 auto; }
}

@media screen and (min-width: 1024px){
	.container { max-width: 1014px; }
}

@media screen and (min-width: 1280px){
	.container { max-width: 1200px; }
}