html{
scrollbar-face-color: #242433;
scrollbar-arrow-color: #fff;
scrollbar-base-color: #36364d;
scrollbar-shadow-color: #000;
scrollbar-darkshadow-color: #63638d;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #63638d;
scrollbar-track-color: #d4d4d4;
}
body{
margin: 0px auto;
text-align: center;
padding: 0px;
background: #fff;
font: 15pt sans-serif;
color: #63638d;
}
div{
margin: 0px auto;
}
a{
outline: none;
text-decoration: none;
}
#page{
width: 1000px;
padding: 0px 20px;
text-align: left;
}
#top{
margin-top: 30px;
width: 960px;
}
#logo{
display: block;
width: 41px;
height: 58px;
background: url( '../images/Logo.jpg' ) no-repeat;
}
h1{
outline: none;
padding: 0px;
text-indent: -9999px;
font: 14pt sans-serif;
color: #242433;
}
h2{
outline: none;
padding: 0px;
text-indent: -9999px;
font: 11pt sans-serif;
color: #242433;
}
h3{
outline: none;
padding: 0px;
text-indent: -9999px;
font: 6pt sans-serif;
color: #242433;
}
h4{
padding: 0px;
font: bold 11pt sans-serif;
color: #242433;
}
.quirky{
font-style:italic;
font-weight:bold;
}
#edward{
margin-top: 10px;
width: 377px;
height: 29px;
background: #fff url( '../images/Edward.jpg' ) no-repeat scroll center top;
}
#new_media{
margin-top: -10px;
width: 224px;
height: 18px;
background: #fff url( '../images/New_Media_Designer.jpg' ) no-repeat scroll center top;
}
#nav, #sub-nav{
width: 960px;
}
.nav-item{
float: left;
width: 192px;
height: 45px;
background: url( '../images/Nav_Item.jpg' ) repeat-x scroll center top;
font: 15pt sans-serif;
color: #242433;
letter-spacing: 3pt;
text-align: center;
}
.nav-item:hover{
background-position: center -45px;
}
.nav-item-name{
display: block;
margin-top: 11px;
}
.sub-nav-item{
float: left;
width: 192px;
height: 45px;
}
#sub-nav_tags{ outline: none; text-indent: -9999px; background: url( '../images/Sub_Nav_Tags.jpg' ) repeat-x scroll center top; }
#sub-nav_tags:hover{ background-position: center -45px; }
#sub-nav_resume{ outline: none; text-indent: -9999px; background: url( '../images/Sub_Nav_Resume.jpg' ) repeat-x scroll center top; }
#sub-nav_resume:hover{ background-position: center -45px; }
#sub-nav_twitter_me{ outline: none; text-indent: -9999px; background: url( '../images/Sub_Nav_TwitterMe.jpg' ) repeat-x scroll center top; }
#sub-nav_twitter_me:hover{ background-position: center -45px; }
#sub-nav_deviant_art{ outline: none; text-indent: -9999px; background: url( '../images/Sub_Nav_DeviantArt.jpg' ) repeat-x scroll center top; }
#sub-nav_deviant_art:hover{ background-position: center -45px; }
#sub-nav_elfwood{ outline: none; text-indent: -9999px; background: url( '../images/Sub_Nav_Elfwood.jpg' ) repeat-x scroll center top; }
#sub-nav_elfwood:hover{ background-position: center -45px; }
#tags{
margin-top: 10px;
width: 960px;
min-height: 100px;
padding: 10px;
background-color: #f2f2f2;
border: solid 1px #63638d;
}
#pages-by-tag{
margin: 5px 10px;
}
a.tag-link{
float: left;
margin: 5px 10px;
font: 11pt sans-serif;
color: #242433;
text-decoration: none;
}
a.tag-link:hover{
text-decoration: underline;
}
.clear{
float: none;
clear: both;
}
#content{
margin: 20px auto 40px;
width: 960px;
}
p{
text-align: justify;
line-height: 20pt;
}
a.text-link{
font: 15pt sans-serif;
color: #242433;
text-decoration: none;
}
a.text-link:hover{
background-color: #242433;
color: #f2f2f2;
}
img{
margin: 22px auto 17px;
}
.first-separator{
margin: 11px auto;
width: 960px;
height: 1px;
background: #fff url( '../images/Separator.jpg' ) no-repeat scroll left top;
}
.separator{
margin: 33px auto 11px;
width: 960px;
height: 1px;
background: #fff url( '../images/Separator.jpg' ) no-repeat scroll left top;
}
#content-title-heart{
width: 719px;
height: 50px;
background: #fff url( '../images/content/Following_My_Heart.jpg' ) no-repeat scroll center top;
}
#content-title-portfolio{
width: 320px;
height: 41px;
background: #fff url( '../images/content/Portfolio.jpg' ) no-repeat scroll center top;
}
#content-title-me{
width: 646px;
height: 50px;
background: #fff url( '../images/content/Me_Myself_and_I.jpg' ) no-repeat scroll center top;
}
#content-title-contact{
width: 300px;
height: 41px;
background: #fff url( '../images/content/Contact.jpg' ) no-repeat scroll center top;
}
.content-title-update{
width: 263px;
height: 50px;
background: #fff url( '../images/content/Update.jpg' ) no-repeat scroll center top;
}
#content-title-payment{
width: 321px;
height: 50px;
background: #fff url( '../images/content/Payment.jpg' ) no-repeat scroll center top;
}
#content-title-confirm{
width: 291px;
height: 41px;
background: #fff url( '../images/content/Confirm.jpg' ) no-repeat scroll center top;
}
#content-title-3d-animation{
width: 510px;
height: 41px;
background: #fff url( '../images/content/3D_Animation.jpg' ) no-repeat scroll center top;
}
#content-title-3d-design{
width: 388px;
height: 50px;
background: #fff url( '../images/content/3D_Design.jpg' ) no-repeat scroll center top;
}
#content-title-digital-painting{
width: 557px;
height: 50px;
background: #fff url( '../images/content/Digital_Painting.jpg' ) no-repeat scroll center top;
}
#content-title-painting{
width: 290px;
height: 50px;
background: #fff url( '../images/content/Painting.jpg' ) no-repeat scroll center top;
}
#content-title-graphic-design{
width: 564px;
height: 50px;
background: #fff url( '../images/content/Graphic_Design.jpg' ) no-repeat scroll center top;
}
#content-title-illustration{
width: 390px;
height: 41px;
background: #fff url( '../images/content/Illustration.jpg' ) no-repeat scroll center top;
}
#content-title-interface-design{
width: 616px;
height: 50px;
background: #fff url( '../images/content/Interface_Design.jpg' ) no-repeat scroll center top;
}
#content-title-sketchwork{
width: 440px;
height: 41px;
background: #fff url( '../images/content/Sketchwork.jpg' ) no-repeat scroll center top;
}
#content-title-sound-design{
width: 510px;
height: 50px;
background: #fff url( '../images/content/Sound_Design.jpg' ) no-repeat scroll center top;
}
#content-title-typeface-design{
width: 609px;
height: 50px;
background: #fff url( '../images/content/Typeface_Design.jpg' ) no-repeat scroll center top;
}
#content-title-web-design{
width: 439px;
height: 50px;
background: #fff url( '../images/content/Web_Design.jpg' ) no-repeat scroll center top;
}
#content-title-reflections{
width: 412px;
height: 41px;
background: #fff url( '../images/content/Reflections.jpg' ) no-repeat scroll center top;
}
#content-title-cloud{
width: 199px;
height: 41px;
background: #fff url( '../images/content/Cloud.jpg' ) no-repeat scroll center top;
}
#content-title-mountain{
width: 341px;
height: 41px;
background: #fff url( '../images/content/Mountain.jpg' ) no-repeat scroll center top;
}
#content-title-water{
width: 230px;
height: 41px;
background: #fff url( '../images/content/Water.jpg' ) no-repeat scroll center top;
}
#date-15-november-2009{
margin-left: 10px;
width: 374px;
height: 18px;
background: #fff url( '../images/content/15_November_2009.jpg' ) no-repeat scroll center top;
}
#date-1-august-2009{
margin-left: 10px;
width: 299px;
height: 20px;
background: #fff url( '../images/content/1_August_2009.jpg' ) no-repeat scroll center top;
}
#date-4-august-2009{
margin-left: 10px;
width: 306px;
height: 20px;
background: #fff url( '../images/content/4_August_2009.jpg' ) no-repeat scroll center top;
}
#date-6-august-2009{
margin-left: 10px;
width: 305px;
height: 20px;
background: #fff url( '../images/content/6_August_2009.jpg' ) no-repeat scroll center top;
}
#date-15-august-2009{
margin-left: 10px;
width: 324px;
height: 20px;
background: #fff url( '../images/content/15_August_2009.jpg' ) no-repeat scroll center top;
}
#date-19-august-2009{
margin-left: 10px;
width: 324px;
height: 20px;
background: #fff url( '../images/content/19_August_2009.jpg' ) no-repeat scroll center top;
}
#date-4-october-2009{
margin-left: 10px;
width: 324px;
height: 18px;
background: #fff url( '../images/content/4_October_2009.jpg' ) no-repeat scroll center top;
}
#date-31-october-2009{
margin-left: 10px;
width: 343px;
height: 18px;
background: #fff url( '../images/content/31_October_2009.jpg' ) no-repeat scroll center top;
}
.date-8-november-2009{
margin-left: 10px;
width: 355px;
height: 18px;
background: #fff url( '../images/content/8_November_2009.jpg' ) no-repeat scroll center top;
}
#footer{
width: 100%;
min-width: 1000px;
height: 321px;
background: #f2f2f2 url( '../images/Footer.jpg' ) repeat-x scroll center top;
}
#footer-links{
width: 1000px;
padding: 60px 20px;
padding-bottom: 20px;
}
.footer-links-group{
float: left;
width: 320px;
min-height: 100px;
}
.footer-link{
display: block;
margin: 10px auto;
width: 250px;
height: 24px;
font: 9pt sans-serif;
color: #242433;
letter-spacing: 2pt;
text-align: center;
}
#footer-link_delicious{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Delicious.png' ) no-repeat scroll left top; }
#footer-link_springloops{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Springloops.png' ) no-repeat scroll left top; }
#footer-link_rapidsvn{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/RapidSVN.png' ) no-repeat scroll left top; }
#footer-link_basecamp{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Basecamp.png' ) no-repeat scroll left top; }
#footer-link_joomla{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Joomla.png' ) no-repeat scroll left top; }
#footer-link_drupal{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Drupal.png' ) no-repeat scroll left top; }
#footer-link_loremipsum{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/LoremIpsum.png' ) no-repeat scroll left top; }
#footer-link_google{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Google.png' ) no-repeat scroll left top; }
#footer-link_wordpress{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/WordPress.png' ) no-repeat scroll left top; }
#footer-link_hostgator{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Hostgator.png' ) no-repeat scroll left top; }
#footer-link_adobe{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Adobe.png' ) no-repeat scroll left top; }
#footer-link_hotmail{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Hotmail.png' ) no-repeat scroll left top; }
#footer-link_linkedin{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/LinkedIn.png' ) no-repeat scroll left top; }
#footer-link_amazon{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Amazon.png' ) no-repeat scroll left top; }
#footer-link_digg{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Digg.png' ) no-repeat scroll left top; }
#footer-link_imageshack{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/ImageShack.png' ) no-repeat scroll left top; }
#footer-link_youtube{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/YouTube.png' ) no-repeat scroll left top; }
#footer-link_mootools{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/MooTools.png' ) no-repeat scroll left top; }
#footer-link_jquery{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/jQuery.png' ) no-repeat scroll left top; }
#footer-link_scriptaculous{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Scriptaculous.png' ) no-repeat scroll left top; }
#footer-link_twitter{ outline: none; text-indent: -9999px; background: transparent url( '../images/icons/Twitter.png' ) no-repeat scroll left top; }
#portfolio-links{
margin: 11px auto;
padding: 0px;
width: 960px;
list-style-type: none;
}
#portfolio-links li{
float: left;
margin: 22px 25px;
}
a.portfolio-link{
display: block;
margin: 0px 0px 0px;
width: 200px;
padding: 11px;
text-align: center;
font: 17pt sans-serif;
color: #242433;
letter-spacing: 1pt;
text-decoration: none;
background-color: #f2f2f2;
}
a.portfolio-link:hover{
background-color: #242433;
color: #f2f2f2;
}
#portfolio{
margin: 0px auto 22px;
padding: 0px;
width: 960px;
list-style-type: none;
}
.portfolio-item{
float: left;
margin: 50px 50px;
width: 200px;
height: 150px;
background-color: #fff;
}
.portfolio-item-link{
display: block;
margin: 11px auto 0px;
width: 150px;
height: 125px;
background-color: #aaa;
}
.portfolio-item-link-small{
display: block;
margin: 11px auto 0px;
width: 150px;
height: 75px;
background-color: #aaa;
}
a.download-link{
display: block;
margin: 11px;
font: 9pt sans-serif;
color: #242433;
text-decoration: none;
}
a.download-link:hover{
text-decoration: underline;
}
address{
margin-top: 11px auto;
font: 15pt sans-serif;
color: #357fea;
}
#contact-form-table{
width: 450px;
margin-bottom: 10px;
}
.width640{
width: 640px;
}
.alignright{
text-align: right;
}
.input-label{
padding-top: 11px;
color: #242433;
}
input, textarea{
font: 15pt sans-serif;
color: #63638d;
}
.glow{
border: solid 1px #242433;
}
.glow:hover{
border: solid 1px #63638d;
color: #357fea;
}
#sendmessage{
border: none;
cursor: pointer;
width: 305px; height: 45px;
background: #fff url( '../images/content/SendMessage.jpg' ) no-repeat scroll center top;
}
#sendmessage:hover{
background-position: 0px -45px;
}
.send-message-error{
color:#990a0a;
font-weight: bold;
}
.send-message-success{
padding-bottom: 40px;
}
#makepayment{
border: none;
cursor: pointer;
width: 305px; height: 45px;
background: #fff url( '../images/content/MakePayment.jpg' ) no-repeat scroll center top;
}
#makepayment:hover{
background-position: 0px -45px;
}
#confirmpayment{
border: none;
cursor: pointer;
width: 305px; height: 45px;
background: #fff url( '../images/content/ConfirmPayment.jpg' ) no-repeat scroll center top;
}
#confirmpayment:hover{
background-position: 0px -45px;
}