/* Day CSS By Jake Whitten */
/* This is the colour scheme and fonts used on the website during the hours of 8a.m and 7p.m*/

a:link {color: #e3225d; font-weight:bold; font-family:"Myriad Pro", "Myriad Pro Light", sans-serif; text-decoration:none}     /* unvisited link */
a:visited {color: #e3225d; font-weight:bold; font-family:"Myriad Pro", "Myriad Pro Light", sans-serif; text-decoration:none}  /* visited link */
a:hover {color: #e3225d; font-weight:bold; font-family:"Myriad Pro", "Myriad Pro Light", sans-serif; text-decoration:none}   /* mouse over link */
a:active {color: #e3225d; font-weight:bold; font-family:"Myriad Pro", "Myriad Pro Light", sans-serif; text-decoration:none}   /* selected link */


body {
	margin-top:0px;
	background:url(images/headerbg.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	font-family:"Myriad Pro", "Myriad Pro Light", sans-serif;
	font-size:15px;
	}
/*These are the different font types that are used throughout the website*/
h1 {
	font-family:"Century Gothic";
	font-size:17px;
	color:#e3225d;
	}
h2 {
	font-family:"Century Gothic";
	font-size:28px;
	font-weight:bold;
	color:#e3225d;
}
h3 {
	font-family:"Century Gothic";
	font-size:17px;
	font-weight:bold;
	color:#e3225d;
}
h4 {
	font-family:"Century Gothic";
	font-size:13px;
	font-weight:bold;
	color:#e3225d;
	margin:0px;
	padding:0px;
}

/*the first div that is loaded onto the page, a wrapped for the other divs*/
#topscroll
{
	margin-top:-50px;
	width:800px;
	
}

#main
{
	margin:auto;
	margin-top:50px;
	padding-top:230px;
	width:800px;
	height:350px;
	text-align:center;
}

#about 
{
	margin:auto;
	background:url(images/repeat.png);
	background-repeat:repeat;
	width:700px;
	margin-top:120px;
}
#aboutdetails 
{
	width:700px;
	height:550;
	float:left;
}
#aboutskills
{
	width:250px;
	height:200px;
	float:left;
	margin-left:125px;
}
#aboutuseful
{
	width:310px;
	height:200px;
	float:left;
}
#portfolio 
{
	background:url(images/repeat.png);
	background-repeat:repeat;
	margin:auto;
	width:700px;
	margin-top:260px;
}
#portfoliosquires
{
	height:260px;
	width:700px;
}
#portfoliosquiresimage
{
	width:250px;
	height:200px;
	float:left;
	padding-top:5px;
}
#portfoliosquirestext
{
	width:430px;
	height:190px;
	margin:10px;
	margin-top:0px;
	float:left;
}
#portfoliomycard
{
	height:230px;
	width:700px;
}
#info 
{
	background:url(images/repeat.png);
	background-repeat:repeat;
	margin:auto;
	width:700px;
	margin-top:660px;
}
#contactinfo
{
	width:700px;
	height:600px;
	
}