@charset "UTF-8";
@import url("../colorbox/colorbox-master/example4/colorbox.css");
/* CSS Document */

html {font-family: 'Syncopate', sans-serif;}
body	{background-color:#8CC642;}
#container	{width: 1008px; height: 770px; margin: 0 auto; float: left;
}
	
	
	#leftcolumn	{width: 740px; height: 770px; float: left;
}
	#logoname	{width:90px; height:770px; float:left; background-color:#8CC642;}
	#logo	{width:90px; height:117px; text-align:center; padding-top:100px;}
	#name	{clear:both; width:400px; height:20px; text-align:center;
	/* Rotate div */
	-ms-transform:rotate(90deg); /* IE 9 */
	-moz-transform: rotate(90deg);

	-webkit-transform:rotate(90deg); /* Chrome, Safari, Opera */transform:rotate(90deg);
	
			-ms-transform-origin: left top 0;
			-moz-transform-origin: left top 0;
			-webkit-transform-origin: left top 0;
			transform-origin: left top 0;
			margin-left: 60px;
			padding: 10px; float: left;}
	#maincontentfooter {width:650px; height:770px; float:right; background-color:#FFFFFF;}
	#maincontent	{width: 650px; height: 650px; float: right;}	
		#headline	{text-align:center; font-size:50pt; font-family: 'Syncopate', sans-serif; font-weight:700; color:#1275BB; padding-top:10px;}
		#headline2	{text-align:center; font-size:50pt; font-family: 'Syncopate', sans-serif; font-weight:700; color:#FCB568; padding-top:10px;}
		#headline3	{text-align:center; font-size:50pt; font-family: 'Syncopate', sans-serif; font-weight:700; color:#1275BB; padding-top:10px;}
		#subhead {text-align:center; font-size:18pt; font-family: 'Syncopate', sans-serif; color:black; padding-top:10px;	}
		#subhead2	{text-align:center; font-size:14pt; font-color:#8CC642; font-family: 'Syncopate', sans-serif; color:#8CC642; padding-top:25px;}
		#text	{font-size:9pt; font-color:black; font-family: 'Didot', serif; text-align:center; padding:15px;}
		
		#click	{text-align:center; font-size:6pt; font-color:#8CC642; font-family: 'Syncopate', sans-serif; color:#FCB568; padding-top:10px;}
		#resumeimage {padding-left:125px; padding-top:20px; width: 525px; height:490px;}
		
		#drawings	{width:325px; height:334px; float:left;}
		#painting	{width:250px; height:190px; float:right; padding-left:20px;}
		#design	{width:315px; height:315px; float:right; padding-left:50px;}
		#photography {width:200px; height:190px; float:left; padding-top:20px; padding-left:40px;}
		
		
	#footer	{width:650px; height:100px; clear:both; background-color:#FFFFFF; padding-top:20px; text-align:center; font-size:12px;}
	#footer a:link {text-decoration:none; color:black;}
	
	#rightcolumn	{width: 266px; height: 770px; float: right;}
	#aboutresume {width:188px; height:770px; float:left;}
	#about	{width:76px; height:770px; float:left; font-size:50pt; background-color:#1275BB; border-right:#BF8A65 8px solid; text-align:center;}
	#about a {text-decoration:none; color:black; padding-top:100;}
	#resume	{width:96px; height:770px; float:right; font-size:50pt; background-color:#FCB568; border-right:#BF8A65 8px solid; text-align:center;}
	#resume a {text-decoration:none; color:black; padding-top:100;}
	#portfolio	{width:78px; height:770px; float:right; font-size:50pt; text-align:center; background-color:#1275BB;}
	#portfolio a {text-decoration:none; color:black; padding-top:100;}