/*RESET CSS*/
/**{padding:0; margin:0;}*/ /*Elimiates Browser padding and margins*/
/*img {border:none;}*/	/*Elimiates border around images*/

/*a {text-decoration:none;}*/	/*Elimiates line under links*/
/*h1, h2, h3, h4, h5, h6, th {font-weight:normal;}*/ /*Elimiates bold applied to headers*/

/*div {background-color: orange; border: 1px solid black;}*/

/* NEW COLORS  |  ORIGINAL COLORS

Blue
#1F598A;   rgba(31,89,138,0)			#428bca;    
#428BCA;   rgba(66,139,202,.65)			#73c9e3;      
#61A7E4;   rgba(97,167,228,.65)      

Green
#2B6B2B;	rgba(43,107,43,0)			#5cb85c;
#4A944A;	rgba(74,148,74,.77)			#74c374;
#68AE68;	rgba(104,174,104,0)

Yellow
#C97020;	rgba(201,112,32,0)			#f0ad4e;
#E38A3B;	rgba(227,138,59,.78)		#f2b968;
#FDA75B;	rgba(253,167,91,0)

Red
#8F2A1E;	rgba(143,42,30,0)			#d9534f;
#AD4235;	rgba(173,66,53,.78)			#df6d69;
#C75E51;	rgba(199,94,81,.78)

*/


body { 
	padding-top: 70px; 
	background-image: url(../images/patterns/small-crackle-bright.png);
	background-repeat:repeat;
}

#navigation ul {
	padding-bottom: 0px;
	padding-top: 0px;
}

a, a:hover, a:visited {text-decoration: none;}

h1 { 
	color: #fff;
	font-weight: bold;
	font-size: 4em;
	padding: 10px;
	text-align: center;
	border-radius: 10px; 
}

h2 {
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px;
}

h3 {
	text-align: center;
	background-color: #ccc;
	border-radius: 10px;
	padding: 10px;
	font-weight: bold;
}

h4 {
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	padding: 10px;
}

/*.container { border: 1px solid grey;}*/


/*offset downwards away from the navbar when linked to*/
/*#WorkExperience, #sweetwater, #sweetcars, #labtech, #tutor, #carwash, #Education,
#VCD, #MET, #CNC, #quality, #Skills, #general, #software, #video, 
#ProjectsAndAwards, #addy, #womensBureau, #fwm, #Gallery, #videos, #vidsweetcars, #vidsweetcars, #vidsweetwater, 
#university, #photography, #wordplay, #selections, #cars, #design, #twod, #web, #threed, #interactive, #cityjump, #MoreInformation, 
#extgallery, #extresume, #extdownload, #Contact, #phone, #email, #linkedin  {
	padding-top: 30px;
    margin-top: -30px;
}*/

#Services, #ServVideo, #ServPhotography, #ServGeneral, #WorkExperience, #nucor, #IPFWAdjunct, #sweetwater, #sweetcars, #labtech, #tutor, #carwash, #Education,
#VCD, #MET, #CNC, #quality, #Skills, #general, #software, #video, 
#ProjectsAndAwards, #addy, #womensBureau, #fwm, #Gallery, #videos, #vidsweetcars, #vidsweetcars, #vidsweetwater, 
#university, #photography, #wordplay, #selections, #cars, #design, #twod, #web, #threed, #interactive, #cityjump, #MoreInformation, 
#extgallery, #extresume, #extdownload, #Contact, #phone, #email, #linkedin  {
	padding-top: 30px;
    margin-top: -30px;
	margin-bottom:30px;
}



#AboutIsaac h1 {
	margin-top: 0px;
	font-weight: bold;
	font-size: 4.5em;
	border-bottom: 3px solid #262626;
	border-radius: 0px;/*to make the underline not curve at the tips*/
	text-align: center;
	color: #262626;
	
}

#AboutIsaac h2 {
	margin-top: 0px;
	text-align: center;
	color: #262626;
}

#AboutIsaac p {
	color: #262626;
	font-size: 1.3em;
}

#portrait img {
	max-height: 224px;
	/*border-radius: 112px;*/
	border: 4px solid rgba(66,139,202,.65);
	display: block;
	margin: 0 auto;
}





#Services h1 {
	background-color: #8F2A1E;
	border: solid 2px #AD4235;
}

#Services h1:hover {
	background-color: #AD4235;
	border: solid 2px #8F2A1E;
}




#ServVideo h3, #ServPhotography h3, #ServGeneral h3 {
	background-color: rgba(173,66,53,.78);
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
	
	border: solid 2px #8F2A1E;
}

#ServVideo div:hover h3, #ServPhotography div:hover h3, #ServGeneral div:hover h3 {
	background-color: rgba(173,66,53,1);
	border-top: solid 2px #8F2A1E;
	border-left: solid 2px #8F2A1E;
	border-right: solid 2px #8F2A1E;
	
}

#ServVideo ul, #ServPhotography ul, #ServGeneral ul {
	background-color: rgba(199,94,81,.78);
	color: white;
	margin-top: 0px;
	list-style: none;
	text-align: center;
	padding-left:0;
	font-weight: bold;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	
	border-bottom: solid 2px #AD4235;
	border-left: solid 2px #AD4235;
	border-right: solid 2px #AD4235;
}

#ServVideo div:hover ul, #ServPhotography div:hover ul, #video div:hover ul{
	background-color: rgba(199,94,81,1);
	
	border-left: solid 2px #AD4235;
	border-right: solid 2px #AD4235;
	border-bottom: solid 2px #AD4235;
}




#WorkExperience h1 {
	background-color: #1F598A;
	border: solid 2px #428BCA;
}

#WorkExperience h1:hover {
	background-color: #428BCA;
	border: solid 2px #1F598A;
}

#nucor h3, #IPFWAdjunct h3, #sweetwater h3, #sweetcars h3, #labtech h3, #tutor h3, #carwash h3 {
	background-color: rgba(66,139,202,.65);
	color: white;
	border: solid 2px #1F598A;
}

#nucor h3:hover, #IPFWAdjunct h3:hover, #sweetwater h3:hover, #sweetcars h3:hover, #labtech h3:hover, #tutor h3:hover, #carwash h3:hover {
	background-color: rgba(66,139,202,1);
	border: solid 2px #1F598A;
}


#Education h1 {
	background-color: #2B6B2B;
	border: solid 2px #4A944A;
}

#Education h1:hover {
	background-color: #4A944A;
	border: solid 2px #2B6B2B;
}
/*
#VCD h3, #MET h3 {
	text-align: center;
	background-color: #4A944A;
	font-weight: bold;
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
	border-top: solid 2px #2B6B2B;
	border-left: solid 2px #2B6B2B;
	border-right: solid 2px #2B6B2B;
}



#VCD h4, #MET h4{
	text-align: center;
	background-color: #4A944A;
	font-weight: bold;
	color: white;
	margin-top: 0px;
	padding-bottom: 5px;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px; 
	border-bottom: solid 2px #2B6B2B;
	border-left: solid 2px #2B6B2B;
	border-right: solid 2px #2B6B2B;
}

#VCD h3:hover  {
	background-color: #2B6B2B;
	border-top: solid 2px #4A944A;
	border-left: solid 2px #4A944A;
	border-right: solid 2px #4A944A;
}*/


/*Jessie Fix - Convert the h3 and h4 stylings to the div element.  For other things surround the h3's and h4's in a div*/
#VCD div, #MET div {
	text-align: center;
	background-color: rgba(74,148,74,.77);
	font-weight: bold;
	color: white;
	border-radius: 10px;
	border: solid 2px #2B6B2B;
}

#VCD div:hover, #MET div:hover {
	margin:0; padding:0;
	background-color: rgba(74,148,74,1);
	border-top: solid 2px #2B6B2B;
	border-left: solid 2px #2B6B2B;
	border-right: solid 2px #2B6B2B;
}
/*End Jessie Fix*/

#VCD h3, #VCD h4, #MET h3, #MET h4{
	margin: 0;
	color: white;
	background-color: rgba(0,0,0,0);;
	border-radius: 10px;
}

#VCD h3:hover, #VCD h4:hover, #MET h3:hover, #MET h4:hover{
	margin: 0;
	color: white;
	background-color: rgba(0,0,0,0);
	border-radius: 10px;
}

#CNC h3, #quality h3 {
	text-align: center;
	background-color: rgba(74,148,74,.77);
	font-weight: bold;
	color: white;
	margin-bottom: 0px; 
	border: solid 2px #2B6B2B;
}

#CNC h3:hover, #quality h3:hover  {
	background-color: rgba(74,148,74,1);
	border: solid 2px #2B6B2B;
}

#Skills h1 {
	background-color: #8F2A1E;
	border: solid 2px #AD4235;
}

#Skills h1:hover {
	background-color: #AD4235;
	border: solid 2px #8F2A1E;
}




#general h3, #software h3, #video h3 {
	background-color: rgba(173,66,53,.78);
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
	
	border: solid 2px #8F2A1E;
}

#general div:hover h3, #software div:hover h3, #video div:hover h3 {
	background-color: rgba(173,66,53,1);
	border-top: solid 2px #8F2A1E;
	border-left: solid 2px #8F2A1E;
	border-right: solid 2px #8F2A1E;
	
}

#general ul, #software ul, #video ul {
	background-color: rgba(199,94,81,.78);
	color: white;
	margin-top: 0px;
	list-style: none;
	text-align: center;
	padding-left:0;
	font-weight: bold;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	
	border-bottom: solid 2px #AD4235;
	border-left: solid 2px #AD4235;
	border-right: solid 2px #AD4235;
}

#general div:hover ul, #software div:hover ul, #video div:hover ul{
	background-color: rgba(199,94,81,1);
	
	border-left: solid 2px #AD4235;
	border-right: solid 2px #AD4235;
	border-bottom: solid 2px #AD4235;
}


#ProjectsAndAwards h1 {
	background-color: #C97020;
	border: solid 2px #E38A3B;
}

#ProjectsAndAwards h1:hover {
	background-color: #E38A3B;
	border: solid 2px #C97020;
}

#addy h3, #womensBureau h3, #fwm h3 {
	background-color: rgba(227,138,59,.78);
	color: white;
	border: solid 2px #C97020;
}

#addy h3:hover, #womensBureau h3:hover, #fwm h3:hover {
	background-color: rgba(227,138,59,1);
	border: solid 2px #C97020;
}



#Gallery h1 {
	background-color: #1F598A;
	border: solid 2px #428BCA;
}

#Gallery h1:hover {
	background-color: #428BCA;
	border: solid 2px #1F598A;
}





#videos h2, #photography h2, #design h2, #interactive h2 {
	background-color: rgba(66,139,202,.65);
	color: white;
	margin-bottom: 0px;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px; 
	
	border: solid 2px #1F598A;
}

#videos div:hover h2, #photography div:hover h2, #design div:hover h2, #interactive div:hover h2 {
	background-color: rgba(66,139,202,1);
	border-top: solid 2px #1F598A;
	border-left: solid 2px #1F598A;
	border-right: solid 2px #1F598A;
	
}

#videos ul, #photography ul, #design ul, #interactive ul {
	background-color: rgba(97,167,228,.65);
	color: white;
	margin-top: 0px;
	list-style: none;
	text-align: center;
	padding-left:0;
	font-weight: bold;
	
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	
	border-bottom: solid 2px #428BCA;
	border-left: solid 2px #428BCA;
	border-right: solid 2px #428BCA;
}

#videos div:hover ul, #photography div:hover ul, #design div:hover ul, #interactive div:hover ul {
	background-color: rgba(97,167,228,1);
	
	border-left: solid 2px #428BCA;
	border-right: solid 2px #428BCA;
	border-bottom: solid 2px #428BCA;
}







#MoreInformation h1 {
	background-color: #C97020;
	border: solid 2px #E38A3B;
}


#extresume h3, #extgallery h3, #extdownload h3 {
	background-color: rgba(227,138,59,.78);
	color: white;
	border: solid 2px #C97020;
}

#extresume h3:hover, #extgallery h3:hover, #extdownload h3:hover {
	background-color: rgba(227,138,59,1);
	color: white;
	border: solid 2px #C97020;
}


#Contact h1 {
	background-color: #2B6B2B;
	border: solid 2px #4A944A;
}



#email h3, #phone h3, #linkedin h3 {
	background-color: rgba(74,148,74,.77);
	color: white;
	border: solid 2px #2B6B2B;
}

#linkedin h3:hover {
	background-color: rgba(74,148,74,1);
	border: solid 2px #2B6B2B;
}