/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
/* ----------- END RESET CSS ----------- */
.clear {clear:both;}
blockquote {font-family:georgia; margin:40px 12px 10px 12px; padding:8px 8px 8px 12px; border-left:1px solid yellow; background-color:#fdfdfd;}
cite {margin-left:26px; margin-bottom:35px; display:block;}
em {font-family:georgia; margin:40px 20px 35px 20px; padding-left:12px; border-left:1px solid yellow; display:block; font-style:normal; background-color:#fdfdfd;}
.blogPicture {float:right; margin-left:8px; margin-top:19px; margin-bottom:8px;}
#header {
height:110px;
background-color:#000;
}
#header img {
margin-left:5%;
margin-top:45px;
float:left;
}
#navHolder {
float:right;
margin-right:10%;
margin-top:45px;
color:white;
line-height:2.4em;
}
#header #navHolder a {
margin:0px;
font-family:arial,"san serif";
font-size:12px;
margin-left:-2px;
padding:12px 18px;
}
#header #navHolder a:link {background-color:#171717; color:white; text-decoration:none;}
#header #navHolder a:active {background-color:#171717; color:white; text-decoration:none;}
#header #navHolder a:visited {background-color:#171717; color:white; text-decoration:none;}
#header #navHolder a:hover {background-color:#2b2b2b; color:white; text-decoration:none;}
#contentWrapper {
position:relative;
left:50%;
margin-left:-450px;
width:900px;
font-family:arial;font-size:11.5px;
}
#hero {
width:900px;
height:404px;
background:transparent url(../i/hero1.jpg) no-repeat left;
position:relative;
}
.buttonContactMe {
display:block;
background-color:transparent;
background-image:url(../i/contactLink.jpg);
background-repeat:no-repeat;
border:0px;
width:164px;
height:45px;
position:absolute;
bottom:66px;
right:12px;
}
.buttonContactMe:link {background-image:url(../i/contactLink.jpg); cursor:pointer}
.buttonContactMe:active {background-image:url(../i/contactLink.jpg); cursor:pointer}
.buttonContactMe:visited {background-image:url(../i/contactLink.jpg); cursor:pointer}
.buttonContactMe:hover {background-image:url(../i/contactHover.jpg); cursor:pointer}
.viewGallery {
display:block;
background-color:transparent;
background-image:url(../i/viewPortfolio.gif);
background-repeat:no-repeat;
border:0px;
width:136px;
height:17px;
position:absolute;
bottom:15px;
right:35px;
}
.viewGallery:link {background-image:url(../i/viewPortfolio.gif); cursor:pointer}
.viewGallery:active {background-image:url(../i/viewPortfolio.gif); cursor:pointer}
.viewGallery:visited {background-image:url(../i/viewPortfolio.gif); cursor:pointer}
.viewGallery:hover {background-image:url(../i/viewPortfolioHover.gif); cursor:pointer}
.buttonText {display:none;}
#textContent {
font-family:arial;font-size:11.5px;
line-height:1.4em;
padding-top:29px; padding-bottom:12px;
text-align: justify;
}
#textContent h2 {
font-size:20px;
font-weight:bold;
margin:6px 0px 17px 0px;
}
#textContent h4 { margin-bottom:6px; margin-top:17px;}
#textContent p {
margin:0px 0px 12px 0px;
}
#textContent p a:link, #textContent p a:active, #textContent p a:visited, #textContent li a:link, #textContent li a:active, #textContent li a:visited {
color:#1b1e45;
}
#textContent p a:hover, #textContent li a:hover {
color:#2d3cff;
}
/* Left */
#newsLetter {
float:left;
width:230px;
margin-left:17px;
margin-right:17px;
}
#newsLetter h2 {
margin-bottom:27px;
}
h3 {
margin:18px 0px 8px 0px;
font-size:14px;
}
h5 {
margin:18px 0px 8px 0px;
font-size:12px;
}
h3.top {
margin:0px 0px 12px 0px;
font-size:14px;
}
#textContent #newsLetter img {
margin:-6px 0px 12px 0px;
}
#textContent .smallPrint {
font-size:9px;
}
#textContent #newsLetter label {
display:block;
font-size:11px;
font-weight:bold;
margin-bottom:6px;
}
#textContent #newsLetter input {
display:block;
margin:0px 0px 12px 0px;
}
.longInput {
width:200px;
}
/* center */
#photoInfo {
float:left;
width:345px;
margin-left:12px;
margin-right:17px;
}
#textContent #photoInfo h3 {
margin:24px 0px 12px 0px;
font-size:14px;
}
/* right */
#aboutInfo {
float:left;
width:230px;
margin-left:17px;
margin-right:10px;
}
#aboutInfo h2 {
margin-bottom:16px;
}
/*Wide Col for 2 cols */
#WideCol {
float:left;
width:550px;
}
#WideCol h2 {margin-top:28px; line-height:1.2em;}
ul {list-style-type:circle; list-style-position:inside; margin-bottom:12px;}
ul li a {list-style-type:circle; list-style-position:inside; margin-bottom:12px;}
#sideBar {
float:left;
width:230px;
margin-left:26px;
}
#sideBar ul { margin-bottom:28px;}
#footer {margin-bottom:24px; font-size:10px; text-align:right; margin:48px 0px 24px 0px;}
/*contact form*/
#contactForm {margin-top:24px;}
fieldset {border: 1px solid #666; padding:24px; width:345px;}
legend {font-size:14px; font-weight:bold;}
#Name {width:200px;}
#EmailFrom {width:220px;}
#contactForm fieldset input, #contactForm fieldset textarea {
display:block;
margin:4px 0px 12px 0px;
}
fieldset input:focus, fieldset textarea:focus {background-color:#ffffde;}
#contactForm fieldset input.inline {display:inline;}
.noBG {background:none; border:0; cursor:pointer;}
.portfolioPieceEven {margin:22px 3px; display:block;}
.portfolioPieceOdd{margin:22px 3px; display:block;}
.portfolioPieceEven h3 {margin-top:0px;}
.portfolioPieceOdd h3 {margin-top:0px;}
.portfolioPieceEven img {float:left; margin:0px 12px 0px -6px;}
.portfolioPieceOdd img {float:left; margin:0px 12px 0px -6px;}
.skillsHeading {font-size:13px; font-weight:bold; padding-top:12px; display:block}