/************************************************************************
	* Created by: Jeff Symons						*
	* For: Edmonds Community College (Exit Portfolio)			*
	* Start Date: 09/26/2014						*
	* Turn in Date: 12//2014						*
	* Copyright 2014 Jeff Symons, Symonize Web Development, Symonize.com.	*
	*************************************************************************
	* All rights reserved.							*
	* No portion of this page may be duplicated,				*
	* redistributed or manipulated in any form.				*
	* By accessing any information beyond this page,			*
	* you agree to abide by the Privacy Policy 				*
	************************************************************************/


	/************************************************************************
	* Cascading Style Sheet Order						*
	*************************************************************************
	* 									*
	* Page(s): 	Makes logo move						*
	* Page(s): 	Menu							*
	* Page(s): 	Starter Code						*
	* Page(s): 	Columns							*
	* Page(s): 	Images							*
	* Page(s): 	Red, White, Blue Cells					*
	* Page(s): 	Buttons							*
	* Page(s): 	Contact Form						*
	* Page(s): 	All EDCC Courses					*
	* Page(s): 	My Thoughts Pages					*
	* Page(s): 								*
	************************************************************************/


	/****************************************************************
	* Name:		Makes logo move					*
	* Page(s):	index.html					*
	* Created by:	Jeff Symons					*
	* For:		Symonize.com					*
	* Date:		10/01/2014					*
	****************************************************************/

div.logo {
	width:325px;
	height:155px;
	background:transparent;
	position:relative;
	animation:myfirst 5s;
	-webkit-animation:myfirst 5s; /* Safari and Chrome */
	-webkit-animation-duration: 7s;
	-webkit-animation-delay: 2s;
	-moz-animation:myfirst 5s; /* Mozilla Firefox */
	-moz-animation-duration: 7s;
	-moz-animation-delay: 2s;
	-o-animation:myfirst 5s; /* Opera */
	-o-animation-duration: 7s;
	-o-animation-delay: 2s;
	-ms-animation:myfirst 5s; /* Internet Explorer */
	-ms-animation-duration: 7s;
	-ms-animation-delay: 2s;
	}

@-webkit-keyframes myfirst {/* Safari and Chrome */
	0%   {left:0px;top:0px;}
	33%  {left:500px;top:0px;}
	66%  {left:-450px;top:0px;}
	100%   {left:0px;top:0px;}
	}

@-moz-keyframes myfirst {/* Mozilla Firefox */
	0% {-moz-transform: rotate(720deg);}
	}

@-0-keyframes myfirst {/* Opera */
	0%   {left:0px;top:0px;}
	33%  {left:500px;top:0px;}
	66%  {left:-500px;top:0px;}
	100%   {left:0px;top:0px;}
	}

@-ms-keyframes myfirst {/* Internet Explorer */
	0%   {left:0px;top:0px;}
	20%  {left:50px;top:0px;}
	40%  {left:-50px;top:40px;}
	60%  {left:-50px;top:0px;}
	80%  {left:50px;top:40px;}
	90%  {left:50px;top:0px;}
	100%   {left:0px;top:0px;}
	}


	/************************************************************************
	* Name:		Menu							*
	* Page(s):	(all)							*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		09/26/2014						*
	************************************************************************/

#tabledescription{
	width: 100%;
	height: 30px;
	padding: 2px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	color: #00BB00;
	text-align: center;
	}

.Menu {
	height: 35px;
	}

.Spacer {
	width: 75px;
	text-align: center;
	}


	/************************************************************************
	* Name:		Starter Code						*
	* Page(s):	(all)							*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		09/26/2014						*
	************************************************************************/

a:link, a:visited {color:rgb(100,149,237);text-decoration: none}
a:active {color:rgb(220,20,60);text-decoration: none}
a:hover, a:focus {color:rgb(220,20,60);text-decoration: underline}

Body {
	Background: rgb(0,0,0)
		URL('../Images/bg.jpg')
		repeat-y fixed;
	background-size: 100% 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color:rgb(255,255,255);
	}

.Main {
	Background: RGb(0,0,0);
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}

.Bar {
	Background: URL('../Images/Bar1.png');
	background-size: 100% 100%;
	width: 100%;
	height: 200px;
	}

.Bar2 {
	Background: RGBA(0,0,0,.7);
	}

.Bottom {
	Background: URL('Images/JMS.png');
	}

p  {
	text-indent:50px;
	font-family: Helvetica, Textbook, Times New Roman;
	font-size: 12pt;
	font-weight: normal;
	color:rgb(255,255,255);
	}
	
p:first-letter  {
	text-indent:50px;
	line-height: 130%;
	font-family: "Blackadder ITC", Helvetica, Textbook, Times New Roman;
	font-size: 200%;
	font-weight: normal;
	color:rgb(220,20,60)
	}

p.top {
	margin: 0px;
	}

h1 {
	Margin: 0px;
	}

h2 {
	Margin: 0px;
	font-size: 12pt;
	font-weight: normal;
	}

iframe	{
	width: 100vw;
	height: 100vh;
	}

.course	{
	font-size: 130%;
	}

.interests {
	border-radius: 25px;
	height: 200px;
	}


	/************************************************************************
	* Name:		Columns							*
	* Page(s):	(all)							*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		09/26/2014						*
	************************************************************************/

.TwoCols {
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
	}

.ThreeCols {
	-webkit-column-count:3; /* Chrome, Safari, Opera */
	-moz-column-count:3; /* Firefox */
	column-count:3;
	}


	/************************************************************************
	* Name:		Images							*
	* Page(s):	(all)							*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		09/26/2014						*
	************************************************************************/

.beach {
	border-radius: 25px;
	float: right;
	Margin-left: 10px;
	height: 200px;
	}

.fish {
	border-radius: 25px;
	float: left;
	Margin-right: 10px;
	height: 200px;
	}

.Utopia {
	}

.edcc {
	border-radius: 25px;
	width: 100%;
	}

.JMS	{
	float: left;
	Margin-right: 10px;
	width: 150px;
	}

.resume {
	background: url('../Images/bar4.png');
	}

.Black {
	background: rgb(0,0,0);
	}

.Email	{
	float: right;
	width: 100px;
	}

	/************************************************************************
	* Name:		Red, White, Blue Cells					*
	* Page(s):	index.html						*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		09/27/2014						*
	************************************************************************/

.Red {
	background: rgba(255,0,0,.3);
	border-radius: 25px;
	width: 33%;
	}

.white {
	background: rgba(255,255,255,.3);
	border-radius: 25px;
	width: 33%;
	}

.blue {
	background: rgba(0,0,255,.3);
	border-radius: 25px;
	width: 33%;
	}


	/************************************************************************
	* Name:		Buttons							*
	* Page(s):	resume.htm						*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		09/27/2014						*
	************************************************************************/

input {
	border-radius: 25px;
	width: 200px;
	font-size: 16pt;
	text-transform:capitalize;
	}

textarea {
	font-family: sans-serif;
	font-size: 16pt;
	text-transform:capitalize;
	}

.required {
	color: rgb(255,0,0);
	font-size: 125%;
	}

.order {
	position:relative;
	display:inline-block;
	padding:0.25em 0.5em 0.3em 0.5em;
	text-align:center;
	font-family: Arial, Helvetica, Textbook, Times New Roman;
	font-size: 12pt;
	border:2px solid #999;
	background-color:#666;
	background-color:rgba(128,128,128,0.75);
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-opera-border-radius:16px;
	-khtml-border-radius:16px;
	border-radius:16px;
	font-size:1.5em;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
	-khtml-box-shadow: rgba(192,192,192,0.75) 0px 8px 24px;
	-moz-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	}
 
.order span {
	position:absolute;
	display:block;
	left:3.5%;
	top:0px;
	height:50%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background-color:rgba(255,255,255,0.25);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
	}

#shiny {
	border-color:#6699cc;
	background-color:rgba(64,128,192,0.75);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
	-khtml-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	-moz-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	}
 
#shiny:hover {
	border-color:#003575;
	background-color:rgba(0,97,216,0.75);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0,97,216,0.75)), to(rgba(0,53,117,0.9)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(0,97,216,0.75)), to(rgba(0,53,117,0.9)));
	-khtml-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	-moz-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
	}


	/************************************************************************
	* Name:		Contact Form						*
	* Page(s):	Contacts.htm						*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		09/27/2014						*
	************************************************************************/

.contact {
	Background: rgb(0,0,0)
		URL('../Images/bg1.png')
		repeat-y fixed;
	background-size: 100% 100%;
	}

.ContactMain {
	background: rgba(0,0,0,.7);
	width: 500px;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	}


	/************************************************************************
	* Name:		All EDCC Courses					*
	* Page(s):	CourseStudies.htm					*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		10/01/2014						*
	************************************************************************/


#ART225, #CIS141,
#CIS233, #CIS241,
#CIS242, #CIS243,
#CIS244, #CIS245,
#CIS246, #CIS250,
#CIS251, #CIS260,
#CS115, #MGMT270 {
	display: none;
	}

.indent	{
	text-indent:50px;
	}


	/************************************************************************
	* Name:		My Thoughts Pages					*
	* Page(s):	MyThoughts/						*
	* Created by:	Jeff Symons						*
	* For:		Edmonds Community College (Exit Portfolio)		*
	* Date:		10/01/2014						*
	************************************************************************/

#MyThoughts {
	Background: rgb(0,0,0)
		URL('../Images/edccBG.jpg')
		repeat-y fixed;
	background-size: 100% 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color:rgb(255,255,255);
	}

.MyThoughts {
	Background: rgba(0,0,0,.7);
	border-radius: 25px;
	width: 500px;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	}

h3 {
	font-family: sans-serif;
	font-size: 25pt;
	font-weight: normal;
	}

.left {
	float: left;
	margin-left: 10px;
	}

.right {
	float: right;
	margin-right: 10px;
	}




.GoHawks {
	font-size: 25pt;
	font-weight: normal;
	color: RGB(65,105,225);
	}


.head {
	width: 75px;
	border-radius: 35px;
	}

.left12 {
	width: 75px;
	border-radius: 35px;
	float: left;
	margin-left: 10px;
	}

.right12 {
	width: 75px;
	border-radius: 35px;
	float: right;
	margin-right: 10px;
	}