/*
 * My Stylesheet
 ***********************************************************/

 body {
	 font-family: Century Gothic, sans-serif;
 }
 
 h1.huge {
	 font-size: 4em;
	 line-height: 55px;
	 color: #fff;
	 text-shadow: #C9C9C9 0px 1px;
	 font-weight: normal;
 }
 
 img.thumb {
	 border:10px solid #dfdfdf;
	 margin:0% 0%;
 }
 
 h3 {
	 color:#686868;
 }
 
 .centerFull {
	 text-align:center;
 }
 
 
 h1.midDrop {
	 font-size:5em;
	 margin:130px 0px;
 }
 
 .grayContainer {
	 background-color:#dfdfdf;
	 width:100%;
	 margin:0px;
	 padding:20px 0px;
	 margin-bottom:20px;
 }
 
 /** Navigation **/
 
 .navbar-inverse .navbar-inner {
 	background-color:#686868;	
 	background-image:none; 
 }

.navbar-inverse .brand, .navbar-inverse .nav li, .navbar-inverse .brand, .navbar-inverse .nav li a {
	color:#ccc;
}

@media (max-width: 979px) {

body {
	padding:0px;
}

.navbar-fixed-top {
	margin-bottom: 0px !important;
}


.container {
	padding:0px 0px;
}

img.thumb {
	 margin:0%
	 margin-bottom:20px;
	 width:90%;
 }


}

@media (max-width: 767px) {

.container {
	padding:0px;
}

footer {
	padding:10px;	
}

img.thumb {
	 margin:0% 1%;
	 margin-bottom:20px;
	 width:18%;
	 float:left;
 }

.navbar-fixed-top {
	margin-bottom: 0px !important;
	padding:0px 0px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	margin:0px;
}

h1.midDrop {
	 margin:40px 0px;
}

.row {
	padding:0px 10px;
}

.center {
	 text-align:center;
 }

}

@media (max-width: 480px) {
	img.thumb {
		width:39%;
		float:left;
		margin:0% 2%;
		margin-bottom:20px;
	}
	
	 
}
/*** Resume Page ***/
.line-graph {
	
}

.line-graph ul {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	
}

.line-graph ul li {
	background-color:#dfdfdf;
	margin-bottom:20px;
	padding:5px 10px;
}

.line-graph ul li.expert-one {
	width:90%;
	
}
.line-graph ul li.expert-two {
	width:85%
	
}
.line-graph ul li.confident-one {
	width:80%;
	
}
.line-graph ul li.confident-two {
	width:75%;
	
}
.line-graph ul li.intermediate-one {
	width:55%;
	
}
.line-graph ul li.intermediate-two {
	width:50%;
	
}
.line-graph ul li.intermediate-three {
	width:45%;
	
}

span.graph-label {

}

/*** Contact Page ***/
ul.social-icons {
	margin-left:0px;
	padding-left:0px;
}

ul.social-icons li {
	display:block;
	float:left;
}

/*** Portfolio Pages **/
.span8 img {
	padding:20px 0px;
	border-bottom:1px solid #EEE;
}

.span8 img:last-child {
	border-bottom:none;
}