/* CSS Document */

/* Made 'extra pretty' for all you code junkies out there! ;) */

/* Standard Tags */

body { background: #CBCB99 none; margin-left: 0px; margin-top: 0px; font-family: "myriad Pro", arial, verdana; font-size: 11px; color: #000000; }

/* Yes, Myriad Pro. If you don't have this free font installed, you REALLY need to upgrade your free Adobe Acrobat Reader! */
/* Verdana and Arial, ugh. When will someone design a simple, compact family that ships with the OS for web viewing? */
/* Go now, do it! It's painless, I promise. http://get.adobe.com/reader/ */

h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
h1 { font-size: 15px; }
h2 { font-size: 13px; }
h3 { font-size: 11px; }

p { line-height: 13px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin: 0px; }

a:link, a:visited, a:active { text-decoration: none; color: #000000; background: transparent none; }
a:hover { text-decoration: underline; color: #0000FF; background: transparent none; }
.aImg { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }


/* Header */

#banner { position:absolute; left:345px; top:0px; width:500px; height:125px; margin: 0px; padding: 0px; }

#mood { position:absolute; left:85px; top:40px; width:173px; height:80px; }


/* Left Nav Bar */

#leftNav { position:absolute; left:0px; top:190px; width:170px; height:395px; background: transparent none; color: #000000; }

.portNavItem { padding-right: 10px; text-align: right; width: 80%; margin-left: 10px; padding-top: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; border-right-width: 1px; border-right-style: solid; border-right-color: #000000; padding-bottom: 5px; }

/* There has got to be a better way to do this. Added to my 'todo' list. */
#bulletP1 { position:absolute; left:147px; top:23px; width:9px; height:9px; }
#bulletP2 { position:absolute; left:147px; top:60px; width:9px; height:9px; }
#bulletP3 { position:absolute; left:147px; top:104px; width:9px; height:9px; }
#bulletP4 { position:absolute; left:147px; top:151px; width:9px; height:9px; }
#bulletP5 { position:absolute; left:147px; top:187px; width:9px; height:9px; }
#bulletP6 { position:absolute; left:147px; top:232px; width:9px; height:9px; }
#bulletP7 { position:absolute; left:147px; top:279px; width:9px; height:9px;}

#bulletW1 { position:absolute; left:147px; top:23px; width:9px; height:9px; }
#bulletW2 { position:absolute; left:147px; top:59px; width:9px; height:8px; }
#bulletW3 { position:absolute; left:147px; top:94px; width:9px; height:9px; }
#bulletW4 { position:absolute; left:147px; top:127px; width:9px; height:9px; }
#bulletW5 { position:absolute; left:147px; top:173px; width:9px; height:9px; }
#bulletW6 { position:absolute; left:147px; top:220px; width:9px; height:9px; }
#bulletW7 { position:absolute; left:147px; top:254px; width:9px; height:9px; }
#bulletW8 { position:absolute; left:147px; top:289px; width:9px; height:9px; }

#webBtn { position:absolute; left:8px; top:324px; width:40px; height:25px; border: 1px solid #000000; text-align: center; line-height: 24px; background: #FECC09 none; color: #000000; }

#printBtn { position:absolute; left:61px; top:324px; width:40px; height:25px; border: 1px solid #000000; text-align: center; line-height: 24px; background: #FECC09 none; color: #000000; }

#artsBtn { position:absolute; left:112px; top:324px; width:40px; height:25px; border: 1px solid #000000; text-align: center; line-height: 24px; }

/* Simple Rollover */
/* This is simple, yummy, and java-free. XHTML 1.0 Valid. Thanks http://www.elated.com/articles/css-rollover-buttons/ for the tut. */
/* The 'trick" is to attach this style to your a href tag using the id feature. */
#simpleRollover { display:block; width:40px; height:25px; background:#FFFFFF none; color: #000000;}
#simpleRollover:hover {background: #FECC09 none; text-decoration:none; color:#000000; font-weight:bold; }

#plug { position:absolute; left:0px; top:590px; width:175px; height:150px; }


/* Portfolio Section */

#portfolio { position:absolute; left:170px; top:125px; width:510px; height:460px; background: url(images/portfolioImg.gif) no-repeat top transparent; color: #000000;}

#magIcon { position:absolute; left:629px; top:202px; width:30px; height:30px; text-decoration: none; }

#infoIcon { position:absolute; left:629px; top:242px; width:30px; height:30px; text-decoration: none; }

#portfolioImg { position:absolute; left:16px; top:68px; width:410px; height:300px; }

#slidesNav { position:absolute; left:16px; top:381px; width:410px; height:40px; background: url(images/lowerNav.gif) center center no-repeat transparent; color: #000000; }

.slideNavText { margin-top: 14px; text-align: center; }

/* WordPress coming soon! */

#blog { position:absolute; left:183px; top:584px; width:321px; height:152px; border-left-width: 1px; border-left-style: solid; border-left-color: #000000; overflow: hidden; padding: 10px; }

#blog p { line-height: 18px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; padding-bottom: 5px;}


/* Center Form Section */
#contactForm { position:absolute; left:680px; top:130px; width:170px; height:575px; background-image: url(images/mailIcon.gif); background-repeat: no-repeat; background-position: right 80px; }

#counter { position:absolute; left:695px; top:138px; width:50px; height:15px; }

#mailIcon { position:absolute; left:805px; top:209px; width:35px; height:25px; }

.formHolder { padding-right: 5px; text-align: left; width: 90%; margin-left: 5px; margin-top: 10px; }

.formField { width: 140px; margin-left: 10px; background: #EBEBEB none; color: #000000; }

.formItem { padding-right: 5px; text-align: left; width: 85%; margin-left: 10px; padding-top: 15px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; padding-bottom: 5px; }

.formLabel { text-align: left; width: 170px; padding-top: 10px; padding-bottom: 0px; padding-left: 10px; }

input { width: 55px; font-size: 11px; border: 1px solid #000000; background: #EBEBEB none; color: #000000; }

#skillslIcon { position:absolute; left:646px; top:590px; width:25px; height:25px; }

#skillsList { position:absolute; left:522px; top:586px; width:151px; height:159px; border-left-width: 1px; border-left-style: solid;
 border-left-color: #000000; padding-left: 10px; padding-top: 10px; }

#valid { position:absolute; left:723px; top:665px; width:88px; height:76px; z-index:1; }
 

/* Right Nav Bar */

#rightNav { height: 741px; width: 177px; position: absolute; left: 850px; top: 4px; overflow: hidden; background: #000000 none; text-align: left; color: #000000}

.resourceNavTitle, .resourceNavHead, .resourceNavItem, .resourceRSS { width: 170px; border-right-width: 1px; border-right-style: solid;  border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #000000; border-left-color: #000000;  border-right-color: #000000; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }

.resourceNavTitle { background: #FECC09 none; font-weight: bold; color: #000000; }

.resourceNavHead { background: #666666 none; font-weight: bold; color: #FFFFFF; }

.resourceNavItem { background: #CCCCCC none; color: #000000}

.resourceRSS { width: 165px; height:100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; padding: 5px; color: #000000; background-color: #FFFFC6; }

#rssIcon { position:absolute; width:30px; height:30px; left: 145px; top: 520px; float: right; }

/* Styles needed for Wired RSS Feed */
.rss_items { list-style:none; margin: 0px; padding: 0px; }
.rss_title, rss_title a, .rss_item a:link, .rss_item a:visited, .rss_item a:active { font-weight: bold; }


/* Affiliats Section */
#affiliates { position:absolute; left:0px; top:775px; width:1010px; height:370px; z-index:2; padding: 10px; text-align: center; }


/* Footer Section */
#footer { position:absolute; left:0px; top:745px; width:1027px; height:30px; color: #FFFFFF; background: #000000 none; text-align: center; visibility: visible; }

#footer p { margin-top: 8px; }