/*

My Custom CSS
=============

Author:  Brad Hussey
Updated: August 2013
Notes:	 Hand coded for Udemy.com

*/
#red{
	background-color:red;
	}
	
#green{
	background-color:green;
	}
	
#bule{
	background-color:blue;
	}
	
.nowidth{
	height:0px;	
	}
/* --------------------------------------
   Layout
   -------------------------------------- */
.chingchong{
	color: #999;
    background: #252525;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #1A1A1A;
	border-left-color: #222;
	border-right-color: #1A1A1A;
    -webkit-transition: background .1s;
    -moz-transition: background .1s;
    -o-transition: background .1s;
    -ms-transition: background .1s;
    transition: background .1s;
	}
footer{
	background:#222;
	color: #eee;
	font-size:11px;
	padding:20px;
	}
	
#features{
	text-align:center;
	}

#thumb-whiteborder{
	border-color:#fff;
	}
	
/* --------------------------------------
   Typography
   -------------------------------------- */

ul.unstyled{
	list-style:none;
	padding:0;
	}

/* --------------------------------------
   Navbar
   -------------------------------------- */
#searchInput{
	width:200px;
	}
   
   
/* --------------------------------------
   Carousel
   -------------------------------------- */
#mySidebar{
	margin-top:60px;
	background-color:green;
	}
	
#myCarousel{
	margin-top:60px;
	}
	
.carousel-caption{
	font-size:16px;
	}
	
.carousel-caption h4{
	font-size:22px;
	}

#myCarousel .item {height:300px;}

#slide1{
	background: url('../../images/carousel_medium_01.jpg') top center no-repeat;
	}
	
#slide2{
	background: url('../../images/carousel_medium_02.jpg') top center no-repeat;
	}
	
#slide3{
	background: url('../../images/carousel_medium_03.jpg') top center no-repeat;
	}


/* --------------------------------------
   Global Styles
   -------------------------------------- */



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

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
	#myCarousel .item {height:210px;}

	#slide1{
		background: url('../../images/carousel_small_01.jpg') top center no-repeat;
		}
		
	#slide2{
		background: url('../../images/carousel_small_02.jpg') top center no-repeat;
		}
		
	#slide3{
		background: url('../../images/carousel_small_03.jpg') top center no-repeat;
		}
		
	.carousel-caption{
		font-size:12px;
		}
	.carousel-caption h4{
		font-size:17px;
		}
}

/* Large desktop */
@media (min-width: 1200px) {
	
	#myCarousel .item {height:400px;}

	#slide1{
		background: url('../../images/carousel_large_01.jpg') top center no-repeat;
		}
		
	#slide2{
		background: url('../../images/carousel_large_02.jpg') top center no-repeat;
		}
		
	#slide3{
		background: url('../../images/carousel_large_03.jpg') top center no-repeat;
		}
}