/* -------------------------------------------------------- */

/* html */

body 
{
margin:2% 4% 2% 2%;
padding:0;
border:0;
background:#6395df url('../img/bg_sky.png') bottom right no-repeat; /*trees2:0C0F04*/
background-attachment:fixed;
color:white;
}

img, a img {border:none;}

a 
{ 
border:0;
color:#FFFF8A;
}

a:hover
{
color:#FFF;
}

h1
{
display:inline;
background-color:transparent;
padding:0 0 0 2%;
margin:0;
}

h2 
{
margin-top:0;
padding-top:0;
color:#FFFF8A;
}

h2 img 
{
vertical-align:bottom;
width:40px;
height:40px;
margin-left:10px;
}

h3 
{
margin:0;
padding:0;
color:#FFFF8A;
}

/* -------------------------------------------------------- */

/* base typography */

body
{
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
}

h1 
{
font-family: Georgia, serif;
font-size: 48px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
}

h2 
{
font-family: Georgia, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
}

h3 
{
font-family: Georgia, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
text-transform: normal;
text-decoration:none;
letter-spacing: 1px;
line-height: 1.2em;
}

li 
{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

p
{
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
}

a
{
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
text-decoration: underline;
}

/* -------------------------------------------------------- */

/* layout */

#header{ 
padding-top:1%;
margin-top:2%;
margin-right:0.5%;
margin-bottom:2%;
margin-left:140px;
}

#profile
{
display: inline;
float: left;
width: 34%;
padding:2%;
margin-left: 1%;
margin-bottom:2%;
border:1px solid #9FC4FF;
}

#portfolio
{
float: left;
width: 54%;
padding:2%;
margin-left: 2%;
margin-bottom:2%;
border:1px solid #9FC4FF;
}

#skills
{
float: left;
width: 19%;
margin-left: 2%;
display: inline;
padding:2%;
border:1px solid #9FC4FF;
}

#footer
{
clear: both;
height: 50px;
}

/* -------------------------------------------------------- */

/* other styles */

.alpha1 
{
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.55);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55); 
}

.alpha2
{
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.80);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
}

div.clear {clear:both;}

/*==========*/
/** Header **/
/*==========*/

div.polaroid {
position:absolute;
z-index:999;
top:3%;
left:2%;
}

p#message, p#contact, p#contact a  
{
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
}

p#contact
{
margin:0 0 0 2%;
display:inline;
padding:9px;
letter-spacing: 0.1em;
color:#FFFF8A;
}

p#contact a 
{ 
margin-left:20px;
}

p#message
{
display:block;
margin:0.5% 0 0 0;
padding:1% 0 1% 2%;
color:#FFFF8A;
border:1px solid #9FC4FF;
}

/*=============*/
/** Profile **/
/*=============*/

div#profile h2
{
padding-right:50px;
background:transparent url('../img/icon_maple.png') bottom right no-repeat;
display:inline;
}

/*=============*/
/** Portfolio **/
/*=============*/

div#portfolio h2
{
padding-right:50px;
background:transparent url('../img/icon_flower.png') bottom right no-repeat;
display:inline;
}

div#portfolio h3 {color:#F2FF9C;}

div#projectBox{
border:1px solid #A4C7FF;
padding:2%;
margin:2% 0 0 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); 
color:#FFF;
}

div#projectBox p {
color:#FFF;
}

#imageContainer
{
float: left;
width: 30%;
margin-bottom:2%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
text-align:center;
}

#imageContainer img
{
display:block;
width:100%;
border: 5px solid #090F09;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

#description
{
float: left;
margin-left:4%;
width: 64%;
padding-right:2%;font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
margin-bottom:2%;
}

div#description p 
{
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
color:white;
}

/*============*/
/** Skillset **/
/*============*/

div#skills h2
{
padding-right:50px;
background:transparent url('../img/icon_hammer.png') bottom right no-repeat;
display:inline;
}

div#skills h3 {margin-top:10px;}

div#skills p 
{
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
text-align:left;
margin:10px 0;
padding:0;
}

ul
{
margin:0;
padding:15px 0 0 0;
list-style-type:none;
}

li 
{
padding-left:20px;
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.6em;
color:white;
background:transparent url('../img/arrow.gif') 0.3em 0.5em no-repeat;
}