/*


By: Michael Sy Lee
	

Colors:
Really Light Gray: #F0F0F0	 
Light Gray: #B8B8B8
Regular Gray: #606060
Dark Gray: #202020
Yellow Green: #9ACD32
Powder Blue: #B0E0E6
Saddle Brown: #8B4513
		 
		 
Background Blue: #e5ecf3

*/

/*---------------------Main Elements----------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	padding:0pt;
}

.categories
{
font-size: 8pt;
}

a:link {
	color: #000;
	font-size: 9pt;
	text-decoration: none;
}
a:visited {
	color: #000;
	font-size: 9pt;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	font-size: 9pt;
	color: #0066cc;
}
a:active {
	color: #666666;
	font-size: 9pt;
	text-decoration: none;
}

body
{
font-size: 70%; 
font-family: Arial,sans-serif; 
color: #272727; 
background-color: #e5ecf3;
color: #000;
margin: 0pt auto;
}

body.home
{
font-size: 70%; 
font-family: Arial,sans-serif; 
color: #272727; 
background-color: #e5ecf3;
color: #000;
margin: 0pt auto;
text-align: left;
background-image: url(images2/home_bg.jpg);
}

div#wrapper {
	text-align: left;
	margin: auto;
	width: 950px;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0px;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0px;
}

/*---------------------Main Elements----------------------*/

#logo
{
width: 100px;
padding-left: 25px;
float:left;
}

#top-links
{
float: right;
width: 270px;
padding-right: 35px;
text-align: right;
font-weight: 500;
letter-spacing: .095em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
}

#nav-wrapper{
width: 900px;
margin: 0 auto;
}

#nav_content
{
width: 950px;
height: 100px;
margin-top: 20px;
margin-bottom:10px;
float: left;
font-size: 6pt; 
font-family: Arial,sans-serif; 
background: url(images/navigation/nav_shadow_top3.png) no-repeat;
}

#main-body
{
width: 950px;
height: 400px;
float:left;
}

#slider-body
{
width: 950px;
float:left;
}

#long-body
{
width: 950px;
float:left;
}


#home_stage
{
width: 900px;
height: 400px;
margin-left:25px;
background-color: none;
float:left;
}

#home_quote
{
width: 600px;
margin-top: 112px;
margin-left:230px;
color:#333333;
text-align: left;
font-family: "sorts-mill-goudy-1","sorts-mill-goudy-2",serif;
font-size: 35px;
line-height: 35pt;
background-color: none;
float:left;
}

#quote_author
{
width: 600px;
margin-left:230px;
margin-bottom: 101px;
color:#666666;
text-align: left;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-size: 15px;
line-height: 35pt;
background-color: none;
float:left;
}

#slider img {
	margin: 0 auto;
	display:none;
}

/*-------------------- PORTFOLIO --------------------*/ 


#portfolio-stage
{
background: none;
width: 910px;
margin: 0 auto;
margin-left:25px;
float: left;
}

#project-top
{
width: 950px;
height:380px;
float:left;
}

#port-left
{
background: white;
width: 275px;
height: 150px;
float:left;
border: thick solid white;
box-shadow: #cccccc 0px 0px 10px;
-moz-box-shadow: #cccccc 0px 0px 10px;
-webkit-box-shadow: #cccccc 0px 0px 10px;
}

#port-center
{
background: white;
width: 275px;
height: 150px;
margin-left:25px;
float:left;
border: thick solid white;
box-shadow: #cccccc 0px 0px 10px;
-moz-box-shadow: #cccccc 0px 0px 10px;
-webkit-box-shadow: #cccccc 0px 0px 10px;
}

#port-right
{
background: white;
width: 275px;
height: 150px;
float:right;
border: thick solid white;
box-shadow: #cccccc 0px 0px 10px;
-moz-box-shadow: #cccccc 0px 0px 10px;
-webkit-box-shadow: #cccccc 0px 0px 10px;
}

#dport-left h2
{
font-size: 12px;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
}

#dport-center h2
{
font-size: 12px;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
}

#dport-right h2
{
font-size: 12px;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
}

#dport-left
{
width: 285px;
height: 120px;
padding-left: 5px;
margin-top: 10px;
margin-bottom:20px;
float:left;
font-size: 8pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 12pt;
}

#dport-center
{
width: 285px;
height: 120px;
margin-top: 10px;
margin-left:22px;
margin-bottom:20px;
float:left;
font-size: 8pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 12pt;
}

#dport-right
{
width: 280px;
height: 120px;
margin-top: 10px;
margin-bottom:20px;
float:right;
font-size: 8pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 12pt;
}

#skills
{
margin-top: 20px;
padding-top: 5px;
padding-bottom: 25px;
padding-left: 10px;
width: 900px;
height: 200px;
font-size: 10pt;
float:left;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 15pt;
background-color: white;
border: thin solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#skills h5
{
width: 850px;
font-size: 11pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
color: #000;
line-height: 18pt;
padding-left: 25px;
padding-right: 25px;
margin-bottom:10px;
}

#dskills-1
{
width: 215px;
height: 110px;
padding-left: 5px;
margin-left: 25px;
margin-top: 10px;
margin-bottom:15px;
float:left;
font-size: 9pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 15pt;
}

#dskills-2
{
width: 215px;
height: 110px;
margin-top: 10px;

margin-bottom:15px;
float:left;
font-size: 9pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 15pt;
}

#dskills-3
{
width: 215px;
height: 110px;
margin-top: 10px;
margin-bottom:15px;
float:right;
font-size: 9pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 15pt;
}

#dskills-4
{
width: 215px;
height: 110px;
margin-top: 10px;
margin-bottom:15px;
float:right;
font-size: 9pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 15pt;
}

#more-info
{
margin-top: 45px;
padding-top: 5px;
width: 900px;
font-size: 8pt;
float:left;
text-align: center;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
}


/* FOOTER */ 

#footer-wrapper
{
width: 950px;
height: 100px;
margin-top: 20px;
margin-bottom:10px;
float: left;
font-size: 8pt; 
color:#666666;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300; 
background: url(images/navigation/nav_shadow_bottom3.png) no-repeat;
}

#footer-left
{
width: 400px;
margin-left: 25px;
padding-top: 60px;
float:left;
text-align: left;
}

#footer-right
{
width: 400px;
margin-right: 25px;
padding-top: 60px;
float:right;
text-align: right;
}

#footer-right a
{
font-size: 8pt; 
color:#666666;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300; 
}


#footer_content
{
width: 1000px;
margin: 0 auto;
padding-top: 25px;
font-size: 8pt;
padding-left: 0px; 
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #333333; 
border-top: thin solid #cccccc;
text-align: left;
}


/* WORK */ 
   
.clear {  
    clear:both;   
}  

/* ----- ABOUT ----- */  

#my-story
{
width:600px;
float:left;
margin-left: 25px;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
}

#picture
{
width:250px;
height:250px;
background-color: white;
float:right;
margin-right: 25px;
margin-bottom: 25px;
}

#experience
{
width:200px;
float:right;
margin-right: 25px;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
}

#blurb
{
width: 850px;
font-family: "sorts-mill-goudy-1","sorts-mill-goudy-2",serif;
font-size: 22pt;
color: #000;
margin-left:25px;
margin-bottom: 25px;
background-color: none;
line-height: 30pt;
float:left;
}

#about_stage
{
width: 900px;
margin-left:25px;
background-color: none;
float:left;
}

p.about
{
margin-top: 15px;
margin-bottom: 5px;
}

/* ----- CONTACT ----- */ 


#contact_info
{
width: 850px;
text-align: center;
margin-left:25px;
background-color: none;
float:left;
font-size: 20pt;
}

#contact_form
{
width: 720px;
text-align: center;
margin-left:100px;
background-color: none;
float:left;
font-size: 20pt;
}

#contact-wrapper
{
width:700px;
margin-left:250px;
margin-top:100px;
float:left;
}

#contact-icon
{
width:150px;
height:150px;
margin-left: 50px;
float:left;
}

#portfolio-holder
{
width:900px;
height:325px;
margin:25px 25px 20px 25px;
background-color: none;
float: left;
border-bottom: thin solid #bbbbbb;
}

#plist-text
{
width:300px;
height:300px;
padding:0 25px 25px 5px;
float:left;
font-size: 10pt;
letter-spacing: .025em;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
color: #666666;
line-height: 14pt;
background-color: none;
}

/*
#plist-image
{
width:500px;
height:250px;
padding:25px;
float: right;
background-color: green;
}

*/
#plist-text h2
{
font-size: 18px;
font-weight: bold;
color: #000000;
margin-bottom: 10px;
}