/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */
p {
	margin-bottom: 20px;
}

section,
#page-header,
#sidebar {
	margin-bottom: 0px;
}

.float-left {
	float: left;	
}

.float-right {
	float: right;	
}

.tip, caption, .caption {
	color: #999;
	font-size: 0.916em; /* 11px */
	font-style: italic;	
}

.grey-text {
	color: #999;	
}

.invisible {
	display: none !important;	
}

hr {
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
	clear: both;
	margin: 40px 0;
}

mark {
	font-style: normal;
    font-weight: normal;	
}

.intro {
	font-weight: 600;
	font-size: 1.083em; /* 13px */
}

.note {
	color: #f25824;	
}




/* ---------------------------------------------------------------------- */
/* Carousel
/* ---------------------------------------------------------------------- */
h2 span.more {
	font-weight: normal;
	font-size: 0.666em; /* 12px/18px */	
	line-height: 1.5em; /* 18px/12px */
	color: #fff;
	text-decoration: none;
}

h2 span.more a {
	color: #fff;
	text-decoration: none;
}
h2 span.more_in{
	font-weight: normal;
	font-size: 0.666em; /* 12px/18px */	
	line-height: 1.5em; /* 18px/12px */
	color: #fff;
	text-decoration: none;
}
h2 span.more_in a {
	color: #333;
	text-decoration: none;
}
.car_title , .car_title:hover{
	color: #fff;
	text-decoration: none;
	font-family: "Open Sans Bold";
}
.car_tinside , .car_tinside:hover{
	color: #333;
	text-decoration: none;
	font-family: "Open Sans Bold";
}
.car-info{
	color: #fff;
	text-decoration: none;
	font-size: 1.3em;
	//line-height: 1.5em; 
}

.jcarousel-container {
	max-width: 100%;
	padding-top: 25px;
//	border-top: 1px solid #e5e5e5;
}

.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}

.iconbox-carousel > li,
.project-carousel > li,
.post-carousel > li {
	float: left;
	width: 400px;
	margin-right: 0px;
}

.jcarousel-prev, .jcarousel-next {
	position: absolute;
    top: -35px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color: #444;
    //opacity:0.2;
   // border-radius: 2px;
    filter:alpha(opacity=20); /* For IE8 and earlier */
	//background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/carousel-arrows.png);
	//background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/img/arrows/left-with.png);
	background-repeat: no-repeat;
}

.jcarousel-prev {
	right: 40px;
	//background-position: 0px 0px;
	background-position: 11px 9px;	
	background-image: url(arrows/left-without.png);
	border-radius: 2px;
}

.jcarousel-next {
	right: 0;
	background-position: 11px 9px;	
	background-image: url(arrows/right-without.png);
	border-radius: 2px;
}
.jcarousel-next:hover , .jcarousel-prev:hover {
	 background-color: #555;
}

.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus,
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus {
	//background-color: #888888 !important;
	opacity:0.2;
    border-radius: 2px;
	cursor: default;
}

/* ---------------------------------------------------------------------- */
/* Portfolio & Blog
/* ---------------------------------------------------------------------- */
.entry-image,
.entry-video,
.entry-audio,
.entry-slider {
	margin-bottom: 0px;
}

.entry-image > a,
.entry-slider > ul > li > a {
	display: block;	
	position: relative; /* sets the initial position for the overlay */
}

.entry-image,
.entry-slider > ul > li {
	background-color: #fff;
}

.entry-image {
	display: inline-block;
}

.entry-image,
.entry-image img,
.entry-slider,
.entry-slider img {
	max-width: 100%;	
}

.entry-title a {
   color: #383838; 

}

/* Overlay */

.entry-image > a .overlay, 
.entry-slider > ul > li > a .overlay {
	opacity: 0;
	filter: alpha(opacity=0);
    z-index: 0; /* for Opera */
}

.entry-image > a:hover .overlay, 
.entry-slider > ul > li > a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1; /* for Opera */
}

.overlay {
	display: block;
	background-color: rgba(0,0,0,0.3);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.overlay.zoom {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/overlay-zoom.png);
}

.overlay.link {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/overlay-link.png);
}

/* Entry Slider */



/* ---------------------------------------------------------------------- */
/* Blog
/* ---------------------------------------------------------------------- */
.post-carousel .entry-meta {
	width: 40px;
	margin-right: 10px;	
}

.entry-meta {
	width: 100px;
	margin-right: 20px;
	float: left;
	font-size: 0.916em; /* 11px */
	line-height: 1.272em; /* 14px/11px */
	color: #888;
}

.entry-meta .title {
	font-weight: bold;	
	font-style: normal;
}

.entry-meta .title {
	color: #383838;	
}

a.post-format-wrap,
.entry-meta > span {
	display: block;	
}

.entry-meta > span {
	margin-bottom: 5px;	
	font-style: italic;
}

.post-format {
	display: block;
	width: 36px;
	height: 36px;
	margin-bottom: 10px !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #bfbfbf;	
	text-indent: -10000em;
}

.post-format.standard {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-standard.png);
}

.post-format.image {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-image.png);
}

.post-format.gallery {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-gallery.png);
}

.post-format.video {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-video.png);
}

.post-format.audio {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-audio.png);
}

.post-format.quote {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-quote.png);
}

.post-format.link {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-link.png);
}

.post-format.aside {
	background-image: url(http://tenspeeds.com/wp-content/themes/flatbox_pixfort/css/images/blog/post-aside.png);
}

.entry-body {
	overflow: hidden;	
}

.blog-entry-list .entry {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;	
}

.blog-entry-list .entry:first-child {
    border: none;
	padding: 0;
}

.blog-entry-list .entry, .blog-entry-single .entry {
    margin-bottom: 20px;
}


/* ---------------------------------------------------------------------- */
/* Media Queries 
/* ---------------------------------------------------------------------- */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Container */ 
	
	.container {
	//	width: 748px;	
	}
	
	/* Carousel */
	
	.iconbox-carousel > li,
	.project-carousel > li,
	.post-carousel > li {
	//	margin-right: 44px;
	}
	
	
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Container */
	
	.container {
	//	width: 420px;
	}
	
	/* Tiny Nav */
	
	.tinynav {
	//	width: 340px;
	}
	
	/* Carousel */
	
	.iconbox-carousel > li,
	.project-carousel > li,
	.post-carousel > li {
	//	width: 200px;
	}

	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 768px) {
	
	/* Carousel */
	
	.iconbox-carousel > li,
	.project-carousel > li,
	.post-carousel > li {
	//	margin-left: 40px;
	//	margin-right: 40px;
	}

	.jcarousel-container {
	padding-top: 45px;
}
.jcarousel-prev, .jcarousel-next {
    top: 0px;
  
}
}