body {
	background:#FFF;
    padding-top: 60px;
    padding-bottom: 40px;
	font-family: 'Lato', sans-serif;
  }

aside {
	background:url('/images/site/debut_light.png');
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}

.project {margin-bottom:10px;}

.project-name {font-size:10px;}

ul.nav li a {
	border-bottom:1px solid transparent;
}

ul.nav li a:hover {
	border-bottom:1px solid #0088cc;
}

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

ul.comments {
	list-style-type: none;
	margin:0;
	margin-top:-25px;
}

ul.comments p {
	font-size:13px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
}

ul.comments ul {
	list-style-type: none;
}

ul.comments li {
	padding:20px 0;
	border-bottom: 1px dotted #ccc;
}

.postedon {
	font-size:11px;
	margin-top:-10px;
	color:#999;
}

.reply {
	font-size:10px;
	color:#0044cc;
}

.replyEntry {
	font-size:14px;
	color:#0044cc;
}

h1 {
	font-family: 'Droid Serif', serif;
}

h2 {
	font-family: 'Droid Serif', serif;
	font-size:24px;
	line-height:28px;
	color:#0088cc;
}

h3 {
	font-family: 'Droid Serif', serif;
}

.carousel-inner{
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.post {
  padding: 15px 0px;
  border-bottom: 1px dotted #ccc;
}

.post img {padding:0;}

.postinfo {
	font-weight:bold;
	font-size:11px;
	margin-top:-5px;
}

.capitalize {
        text-transform: capitalize;
}

.single {margin-top:25px;}

footer {font-size:11px;}

img {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.widget h3 {
  font-size:18px;
  display: block; 
  color: #0088cc;
  text-transform: capitalize; 
  margin-bottom: 10px; 
  text-align: center; 
  padding: 2px 0px;}

.feat-img img { margin-top: 12px; border: 3px solid #000;}

.post:first-of-type { padding-top: 0px;}
.widget ul { margin-left: 0px;}
.widget ul li { list-style: none; font-size: 14px;}
.widget ul li a { display: block; padding: 5px 0px; color: #444; border-top: 1px dotted #ccc;}
.widget ul li a:hover { background: #fff; text-decoration: none; padding-left: 5px;}

/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
	background:#FFF;
}


figcaption {
  font-size:12px;
  color:#668;
  font-weight:normal;
  font-style:italic;
  padding: 5px 0px;
}

.thumbnail {border:none;}