/*Patricia Taylor
CIST 1510 - Tuesday 3pm
December 3, 2017
Web Portfolio Project */

		/* block to account for older browsers */

header, nav, main, footer { display: block; 
}
		
		/* start body of documents */

body  { background-color: #d3d3d3;
		background-image: url(images/background-gradient.png);
		color: #554A48;
		font-family: "Liberation Sans", Arial, Verdana, sans-serif;
}

#wrapper { background-color: #c0ac91;
		box-shadow: 3px 3px 3px #666666;
		margin-right: auto;
		margin-left: auto;
		max-width: 890px;		
		min-width: 700px;
		width: 85%;
}

		/* header formatting */

header { background-color: #8C7A67;
		font-family: "Liberation Sans", Arial, Verdana, sans-serif;
}
h1 { 	color: #202080;
		height: 70px;
		margin-bottom: 0;
		line-height: 110%;
		padding-left: 20px;
        padding-top: 30px;
}

		/* navigation formatting */

nav { 	float: left;
		font-size: 140%;
		font-weight: bold;
		padding: 20px 5px 0px 20px;
        width: 120px;
}

nav a { text-decoration: none;
}

a:link 	    { color: #554A48; }
a:visited 	{ color: #68767C; }
a:hover 	{ color: #000080; }

nav ul { list-style-type: none;
		margin: 0;
		padding-left: 0; 
}

		/* float right which includes contact email in right column */

.float-right { float: right;
		background-image: url(images/flowchart-ink2.png);
		background-position: bottom;
		background-repeat: repeat-y;
		font-weight: bold;
    	padding: 220px 5px 40px 20px;
		width: 110px;
}
#positionContact {
		height: 100px;
	    position: relative;
	    top: 140px;
	    width: 90px;
}
div a { font-size: 0.90em;
		text-align: center;
        text-decoration: none;
		
}    

		/* main content in center column */ 

main { 	background-color: #D9D8D9;
		margin-left: 140px;
        margin-right: 140px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 1px;
		padding-top: 1px;
}
main img { float: left;
		padding-bottom: 20px; 
		padding-right: 20px;
}

.extraPadTop { padding-top: 20px;  }

main ul {  line-height: 150%;
		list-style-image: url("images/bluedot.gif");
		list-style-position: inside;
		margin: 0;
		padding: 0;
				
}
.specialLink { color: #554A48;
		font-weight: bold;
		text-decoration: underline;           
}
h2 	{ 	color: #554A48;
		font-family: "Liberation Sans", Arial, Verdana, sans-serif;
        font-size: 140%;
}

table {	border-spacing: 0;
		margin: auto;
		margin-top: 15px;
		padding: 2px; 
		width: 415px;
}
table  th, td{ text-align: left;  
		padding: 5px; }


table td { padding: 5px; }

table  tr:nth-child(odd) { background-color: #d2ccbc; }

table  th:last-child, td:last-child { text-align: center; }

table  tr:hover td { background-color: #d0c2ae;	}

table  tr:hover a { text-decoration: underline;}

table#classes caption { padding-bottom: 5px; }

.bigBold { 	font-size: 1.20em;
		font-weight: bold;
}

h3 	{ 	color: #554A48;
    	font-family: "Liberation Sans", Arial, Verdana, sans-serif;
    	font-size: 120%;
}

		/* footer formatting */

footer{	background-color: #D9D8D9;
		font-size: 0.70em;
		font-style: italic;
		margin-left: 140px;
		margin-right: 140px;
		padding: 10px;
		text-align: center;
}
footer a { font-size: 1.0em;
		line-height: 200%;
		padding: 10px;
		text-align: center;
}
.centerImg { display: block;
		margin: 0 auto 20px auto;
}
.clear { clear: both; }

		/* accordian formatting on tools page */
.ui-accordion  {
 overflow: hidden;
 box-shadow:0px 1px 3px #808080;
 border-radius:3px;
 background:#c5c5d3;
}

.ui-accordion-header {
 width:100%;
 padding: 9px;
 border-bottom:3px solid #8C7A67;
 background:#c0ac91;
 transition:all linear 0.3s;

 font-size:1.200em;
 height: 25px;
 margin: 0;
 }
 .ui-accordion-header-active {
 color: #202080;
}

.ui-accordion-content {
 padding: 5px 15px 10px 5px;
 background-color: #dddcd8;
 border-color: #222222;
 border: 2px;
 font-size:1.10em;
 margin-bottom: 0;
}

.youtube { 
		
 margin-bottom: 0;
 padding-left: 20px;
 padding-top: 20px;
 text-align: center;
}