body
{
margin-top: 0px;
margin-left: 0px;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#999;

background-image:url(../images/bg_tile.gif);
}

#joeGalvanLogo
{
position:absolute;
left: 0px;
top: 265px;

z-index: 10;
}


#portfolioBody
{
position: absolute;
left: 250px;
top: 0px;

width: 740px;
padding-bottom: 30px;

background-image:url(../images/bg_body.gif);

z-index: 1;
}


#portfolio
{
width: 680px;

margin-left: 30px;
margin-top: 30px;
margin-bottom: 30px;
}

h1
{
font-family: arial;
font-size: 24px;
font-weight: lighter;
color: #2FC2EF;

margin-left: 10px;
margin-top: 12px;
margin-bottom: 10px;
}

.bgShadow
{
background: #0a0a0b;
}

.portShortDesc
{
padding-top: 7px;
padding-left: 10px;
padding-bottom: 5px;
height: 35px;
}

.portClientName
{
font-size: 12px;
font-weight: bold;
color: #2FC2EF;
}

a.portClientName:link {color: #2FC2EF; text-decoration: none; font-size:11px; }
a.portClientName:visited {color: #2FC2EF; text-decoration: none; font-size:11px; }
a.portClientName:hover {color:#fff; text-decoration: none; font-size:11px; }
a.portClientName:active {color: #fff; font-size:11px; }


#portNav
{
position: relative;

font-family: arial;
font-size: 14px;
color: #666;

padding-top: 1px;
margin-right: 10px;
}

#portNav ul 
{
padding-left: 0px;
padding-right: 0px;

list-style-type:none;
}

#portNav li
{
margin-right: 10px;

display:inline;
}

.portNavActive
{
font-family: arial;
text-transform:lowercase;
color:#efefef;
}

a.portNavInActive:link {color: #bbb; text-decoration: none; margin-top: 1px; padding-top: 1px; padding-bottom: 1px;}
a.portNavInActive:visited {color: #bbb; text-decoration: none;}
a.portNavInActive:hover {color: #efefef; text-decoration: none; border-bottom: 1px solid #2FC2EF;}
a.portNavInActive:active {color: #fff;}

a.portBottomNav:link {color: #333333; text-decoration: none; }
a.portBottomNav:visited {color: #333333; text-decoration: none; }
a.portBottomNav:hover {color: #666666; text-decoration: none; }
a.portBottomNav:active {color: #cccccc; }

/* global link formatting */

a:link {color: #666; text-decoration: none; }
a:visited {color: #666; text-decoration: none; }
a:hover {color: #999; text-decoration: none; }
a:active {color: #666; }


/* homepage styles */

#homeNav
{
position: absolute;
top: 298px;
right: 50px; 

padding-left: 300px;

z-index: 10;
}

#homeNav ul 
{
text-align: left;
margin-left: 0px;
margin-right: 0px;
padding: 0px;

background-image: url(../images/bg_navbar.gif);
background-repeat:no-repeat;

height: 48px;
}

#homeNav li 
{
list-style-type: none;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
display: inline;
}

#homeNavIntro
{
position: absolute;
top: 405px;
right: 77px;
z-index: 10;
}

/* resume styles */


#resume h2
{
font-family: arial black;
font-size: 24px;
font-weight: lighter;
color:#999;

text-transform:lowercase;
letter-spacing: -2px;

margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

#resume p
{
font-size: 12px;
}

#resumeIcons
{
float: right;
margin-right: 0px;
margin-top: 5px;
}

.resumeTiles
{
background-color: #ccc;
height: 60px;
vertical-align: middle;
}

.resumeTiles:hover
{
background-color: #2fc2ef;
}

#resume a:link {color: #2fc2ef; text-decoration: none; }
#resume a:visited {color: #2fc2ef; text-decoration: none; }
#resume a:hover {color: #999; text-decoration: none; }
#resume a:active {color: #666; }


/* contact styles */

#contactInfo h2
{
font-family: arial black;
font-size: 24px;
font-weight: lighter;
color:#999;

text-transform:lowercase;
letter-spacing: -2px;

margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

#contactInfo p
{
font-size: 12px;
}

.networkTiles
{
background-color: #2fc2ef;
height: 60px;
vertical-align: middle;
}

.networkTiles:hover
{
background-color: #ccc;
}

/* form styles */

.inputFields
{
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 16px;

margin-top: 3px;

padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;

width: 230px;
height: 20px;
background-color: #ccc;
border: none;
}

.inputTextBox
{
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 16px;

margin-top: 3px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;

width: 475px;
height: 80px;
background-color: #ccc;
border: none;
}

.inputSubmit
{
margin-top: 3px;

width: 238px; 
height: 45px; 
background-color:#ccc; 

font-family: Arial black;
color: #fff;
font-size: 18px;
letter-spacing: -1px;
text-transform:lowercase;

border: none;
}

.inputSubmit:hover
{
color: #fff;
background-color: #000;
}

/* blog styles */


#blogContent
{
font-size: 12px;
}

#blogContent p
{
padding-left: 5px;
padding-right: 10px;
}


#blogContent h2
{
font-family: arial black;
font-size: 16px;
font-weight: lighter;
color:#2FC2EF;

text-transform:lowercase;
letter-spacing: -1px;

margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
padding: 0px;

border-bottom: 1px dashed #ccc;
}

#blogContent h3
{
font-family: arial black;
font-size: 12px;
font-weight: lighter;
color:#444;

text-transform:lowercase;
letter-spacing: -1px;

margin-left: 0px;
margin-top: 3px;
margin-bottom: 0px;

padding-bottom: 0px;
}

#blogContent h4
{
font-family: arial black;
font-size: 12px;
font-weight: lighter;
color:#444;

text-transform:lowercase;
letter-spacing: -1px;


margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;

border-bottom: 1px dashed #ccc;
}

.blogDate
{
font-family: arial black;
font-size: 12px;
font-weight: lighter;
color:#000;

margin-right: 15px;

text-transform:lowercase;
letter-spacing: -1px;
}

#blogSidebar ul
{
list-style-type:none;
padding-left: 0px;
padding-right: 0px;

margin: 0px;
}

#blogSidebar li
{
padding-left: 25px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;

border-bottom: 1px solid #fff;
}

#blogSidebar li:hover
{
background-color: #f9f9f9;
}

.topListItem
{
background-color: #2fc2ef;

font-family: arial black;
font-size: 12px;
font-weight: lighter;

text-transform:lowercase;
letter-spacing: -1px;
color: #FFFFFF;

border-top: 1px solid #fff;
padding-left: 20px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;

border-bottom: 1px solid #fff;
}

.sidebarSubscribe
{
background-color: #0a0a0b;

font-family: arial black;
font-size: 12px;
font-weight: lighter;

text-transform:lowercase;
letter-spacing: -1px;
color: #FFFFFF;

border-top: 1px solid #fff;
padding-left: 20px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;

border-bottom: 1px solid #fff;
}

.blogCategoryTitle
{
font-size: 12px;
font-weight: bold;
color: #2FC2EF;
}

.blogRollTitle
{
font-size: 12px;
font-weight: bold;
color: #999;
}

#blogContent a:link {color: #2fc2ef; text-decoration: none; }
#blogContent a:visited {color: #2fc2ef; text-decoration: none; }
#blogContent a:hover {color: #999; text-decoration: none; }
#blogContent a:active {color: #666; }

hr
{
border: 0px;
height: 1px;
color:#FFFFFF;
border-bottom: 1px dashed #ccc;

margin-top: 12px;
margin-bottom: 0px;
}

blockquote
{
font-size: 18px;
padding: 20px;

font-family:Arial, Helvetica, sans-serif;
letter-spacing: -1;

margin-left: 0px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 0px;

border: 3px dashed #efefef;
background-color: #fff;
color: #bbb;
}