/* SUPER GLOBALS */
*{padding:0px; margin:0px;}
.displace {position:absolute; left:-5000px;}
a img {border:none;}
.noborder {border:none;}
h2 {font-weight:bold; font-size:1.8em; letter-spacing:-0.075em; text-shadow:1px 1px 1px #999999; color:#36393D; margin:2px 0px 0px 5px; float:left;}
h3 {font-size:2.2em;}
h4 {font-size:1.8em; margin-bottom:5px;}

/* GLOBAL STRUCTURE */
body {font-family:Arial, Helvetica, sans-serif; background:url(img/bg.png) repeat-x #787878; font-size:62.5%;}
#wrapper {width:907px; height:auto; margin:0 auto; -moz-box-shadow:10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888;}
#headwrap {background:url(img/headbg.png) repeat-x;}
#header {height:160px; width:895px; margin:0 auto;}
#headleft {background-image:url(img/header.png); height:160px; width:364px; float:left;}
#allcontent {width:895px; float:left; height:auto; background:url(img/contentbg.png) repeat;}
#contentshadow {width:895px; height:20px; background:url(img/contentshadow.png) repeat-x;}
#content {height:auto;}
#leftcolumn {margin:0px 10px 0px 10px; float:left; height:auto; width:610px;}
#rightcolumn {margin:0px 20px 10px 0px; float:right; height:auto; width:230px;}
#footerwrap {width:895px; height:35px; background:url(img/footerbg.png) repeat-x; float:left; margin:0px 0px 10px 0px;}
#copy {color:#FFFFFF; font-weight:bold; font-size:1.2em; margin:10px 10px 0px 0px; height:30px; float:right;}
#validate {margin:0px 0px 10px 325px; width:300px; height:32px; float:left;}

/* GEORGIA TITLES*/

.feedlink, .feedposted, #copy, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif;}

/* NAVIGATION GENERICS */
#navigation {margin:120px 0px 0px 0px; height:35px; width:531px; list-style:none; float:left;}
#navigation li {float:left;}
#navigation li a {height:35px; float:left; outline:none;}
#navigation li a:focus {outline:dotted 1px #CDEB8B;}
#navigation span {left:-5000px; position:absolute;}
#nav1 a {width:75px; background:url(../img/styling/nav-sprite.png); background-position:0px 0px;}
#nav1 a:hover, #nav1 .cur {background-position:0px +35px;}
#nav2 a {width:141px; background:url(../img/styling/nav-sprite.png); background-position:-75px 0px; }
#nav2 a:hover, #nav2 .cur {background-position:-75px +35px;}
#nav3 a {width:66px; background:url(../img/styling/nav-sprite.png); background-position:-216px 0px; }
#nav3 a:hover, #nav3 .cur {background-position:-216px +35px;}
#nav4 a {width:100px; background:url(../img/styling/nav-sprite.png); background-position:-282px 0px; }
#nav4 a:hover, #nav4 .cur {background-position:-282px +35px;}
#nav5 a {width:62px; background:url(../img/styling/nav-sprite.png); background-position:-382px 0px; }
#nav5 a:hover, #nav5 .cur {background-position:-382px +35px;}
#nav6 a {width:87px; background:url(../img/styling/nav-sprite.png); background-position:-444px 0px; }
#nav6 a:hover, #nav6 .cur {background-position:-444px +35px;}


/* FOOTER GENERICS */
.footer-generics a { height:30px; float:left; outline:none; margin: 0px; padding: 0px;}
#foot1 a:hover, #foot2 a:hover, #foot3 a:hover {background-position:0 +33px;}
.footer-generics a:focus {outline:dotted 1px #CDEB8B;}

/* FOOTER SPECIFICS */
#foot1 a { background:url(img/styling/navigation/normal/accessibility.png); width:108px;}
#foot1tag a {background:url(img/styling/navigation/tag/accessibilitytag.png); width:108px;}
#foot2 a {background:url(img/styling/navigation/normal/links.png); width:57px;}
#foot2tag a {background:url(img/styling/navigation/tag/linkstag.png); width:57px;}
#foot3 a {background:url(img/styling/navigation/normal/tc.png); width:52px;}
#foot3tag a {background:url(img/styling/navigation/tag/tctag.png); width:52px;}

/* ADOBE ICON GENERICS */

/* ADOBE ICON SPECIFICS */
.app-title {color:#36393D; font-size:1.2em; font-weight:bold; float:left;}
.app-list {list-style:none; float:left; width:400px; height:30px;}
.app-list li a {margin:-2px 2px 0px 2px; height:20px; width:20px; float:left;}
.app-list li a span {position:absolute; left:-5000px;}

.icon1 {background:url(img/styling/app-sprite.png) no-repeat; background-position:0px 0px;}
.icon1:hover {background-position:0px -20px;}
.icon2 {background:url(img/styling/app-sprite.png) no-repeat; background-position:-20px 0px;}
.icon2:hover {background-position:-20px -20px;}
.icon3 {background:url(img/styling/app-sprite.png) no-repeat; background-position:-40px 0px;}
.icon3:hover {background-position:-40px -20px;}
.icon4 {background:url(img/styling/app-sprite.png) no-repeat; background-position:-60px 0px;}
.icon4:hover {background-position:-60px -20px;}
.icon5 {background:url(img/styling/app-sprite.png) no-repeat; background-position:-80px 0px;}
.icon5:hover {background-position:-80px -20px;}
.icon6 {background:url(img/styling/app-sprite.png) no-repeat; background-position:-100px 0px;}
.icon6:hover {background-position:-100px -20px;}
.icon7 {background:url(img/styling/app-sprite.png) no-repeat; background-position:-120px 0px;}
.icon7:hover {background-position:-120px -20px;}
.icon8 {background:url(img/styling/app-sprite.png) no-repeat; background-position:-140px 0px;}
.icon8:hover {background-position:-140px -20px;}

/* TWITTER */
.twitter-updates {list-style:none; padding:7px; font-size:1.1em;}
.twitter-updates li {margin-bottom:7px; padding-bottom:7px; border-bottom:1px dashed;}
.twitter-updates a {color:#009900; text-decoration:none;}
.twitter-updates a:hover {color:#00CC33; text-decoration:underline;}
.twitter-updates img {margin:2px 5px 0px 0px; float:left;}
.twit_date {margin-left:5px; color:#999999; font-size:1em;}

/* RIGHT HAND COLUMN */
.sidebartop{background:#CDEB8B; height:27px;}
.rss {width:27px; height:27px; background:url(img/rss.png); float:right; margin-right:2px;}
.rss span {position:absolute; left:-5000px;}
.feedbox {border:#CDEB8B 2px solid; background:#FFFFFF; height:auto; width:auto; margin:0px 0px 10px 0px;}

/* LATEST WORK / LATEST BLOG */
#blog-list, #work-list {list-style:none;}
#blog-list li, #work-list li {margin:0px 8px; border-bottom:dashed 1px; padding:10px 0px; height:40px;}
#blog-list .clear, #work-list .clear {border-bottom:none;}
#blog-list li a, #work-list li a {text-decoration:none; font-weight:bold; font-size:1.1em; color:#36393D; font-family:Georgia, "Times New Roman", Times, serif; float:left;}
#blog-list li a span, #work-list li a span {color:#999999; font-weight:normal; font-size:0.9em; display:block; width:112px;}
#blog-list li a:hover, #work-list li a:hover {text-decoration:none; font-weight:bold; color:#7f7f7f;}
#blog-list li a img, #work-list li a img {float:left; width:40px; height:40px; background-color:#FFFFFF; border:1px solid #999999; margin-right:5px;}

.linkcontent {height:100px; margin:10px 10px 0px 10px;}

/* NETWORKING*/
#network-list {list-style:none;}
#network-list li {float:left;}
#network-list li a {width:34px; height:35px; margin:0px 3px 7px 3px; float:left;}
#network-list li a span {position:absolute; left:-5000px;}
.net-facebook {background:url(img/styling/network-sprite.png) no-repeat; background-position:0px 0px;}
.net-twitter {background:url(img/styling/network-sprite.png) no-repeat; background-position:-34px 0px;}
.net-myspace {background:url(img/styling/network-sprite.png) no-repeat; background-position:-68px 0px;}
.net-stumbleupon {background:url(img/styling/network-sprite.png) no-repeat; background-position:-102px 0px;}
.net-delicious {background:url(img/styling/network-sprite.png) no-repeat; background-position:-137px 0px;}
.net-lastfm {background:url(img/styling/network-sprite.png) no-repeat; background-position:-172px 0px;}

#new {border:#666666 1px solid; background:#36393D; color:#CDEB8B; font-weight:bold; width:100px; height:30px;}
.new {border:#666666 1px solid; background:#36393D; color:#CDEB8B; font-weight:bold; width:100px; height:28px;}
.new:hover {border:#999999 1px solid; background:#505459; color:#FFFFFF; font-weight:bold; width:100px; height:28px;}
#newtext {margin:4px 13px 0px 13px;}
.worktitle {height:auto; width:605px;}
.worktitle a{color:#36393D; text-decoration:none;}
.worktitle a:hover {color:#666666; text-decoration:none;}
.workspace {margin:0px 0px 10px 10px; padding-bottom: 5px; height:auto; width:605px; border-bottom:1px solid #36393D; float:left;}
.workspace h4 {font-weight:bold; font-size:2.2em; margin-title:2px;}
.workspace h3 {font-weight:bold; font-size:2.2em; color:#999999; margin:2px 0px 0px 5px;}
.workbanner {height:100px; width:600px; margin:5px 10px 10px 0px; border:#999999 1px solid; background-color:#FFFFFF;}
.workbanner:hover {height:100px; width:600px; margin:5px 10px 10px 0px; border:#CCCCCC 1px solid; background-color:#FFFFFF;}
.workbannerwrap {height:90px; width:590px; margin:5px 5px 5px 5px;}

.bloglist h3 {font-size:2.2em;}
.icontitle {font-weight:bold; font-size:75%; color:#36393D; margin:8px 10px 0px 0px; float:left;}
.workwrap {height:auto; width:auto; margin:10px 10px 10px 10px; float:left;}

#desc-wrapper {margin-left:10px;}

#accordion {margin:0px 0px 0px 10px; height:auto; width:605px; background:#CCCCCC;}
.qualtitle {background:url(img/footerbg.png) repeat-x; width:605px; height:30px;}
#accordion h3 a {margin-left:10px; color:#FFFFFF; text-decoration:none;}
#accordion h3 a:hover {color:#CDEB8B; text-decoration:none;}
#accordion p{margin:10px 0px 0px 20px; font-weight:bold; font-size:1.4em;}

.taglink{font-size:85%; color:#009900; text-decoration:none; font-variant:small-caps;}
.taglink:hover{font-size:85%; color:#00CC33; text-decoration:underline; font-variant:small-caps;}
.weblink{font-size:100%; color:#009900; text-decoration:none;}
.weblink:hover{font-size:100%; color:#00CC33; text-decoration:none;}
.tagalign {height:30px; width:600px; margin:0px 0px 0px 0px; float:left;}
.tagalign h3 {font-weight:bold; font-size:75%; color:#36393D;}
.lastlongwrap {float:left; margin:3px 3px 3px 3px; width:156px; height:82px; border:#999999 1px solid; background-color:#FFFFFF;}
.lastlongwrap:hover {float:left; margin:3px 3px 3px 3px; width:156px; height:82px; border:#CCCCCC 1px solid; background-color:#FFFFFF;}
.lasthighwrap {float:left; margin:3px 3px 3px 3px; width:114px; height:156px; border:#999999 1px solid; background-color:#FFFFFF;}
.lasthighwrap:hover {float:left; margin:3px 3px 3px 3px; width:114px; height:156px; border:#CCCCCC 1px solid; background-color:#FFFFFF;}
.lastimg {margin:3px;}
#workdesc {margin-bottom:30px; width:605px; height:auto; float:left; color:#36393D;}
#workdesc h4 {font-weight:bold; text-decoration:underline; font-size:1.2em;  margin:0px 0px 10px 10px;}
#workdesc li {font-size:1.2em; list-style:inside square; margin:0px 0px 2px 18px;}
#workdesc p {margin-bottom:10px; font-size:1.4em; line-height:1.4em;}
.qualspace {height:550px;}
.qualspace table {margin:20px 0px 0px 20px; font-size:1.2em}

#sendstatus {margin:10px 10px 10px 10px; width:600px; height:51px;}
#sendicon {width:80px; height:51px; float:left;}
#sendicon {width:80px; height:51px; float:left;}
#sendtext {width:400px; margin:15px 0px 0px 10px; font-weight:bold; font-size:70%; color:#36393D; float:left;}
.pagenavtext1 {font-size:90%; color:#CDEB8B; font-weight:bold; padding:3px 13px 6px 13px; background:#36393D; border:#666666 1px solid; float:left;}
.pagenavtext1:hover{font-size:90%; color:#FFFFFF; font-weight:bold; padding:3px 13px 6px 13px; background:#464a4f; border:#666666 1px solid; float:left;}
.pagenavtext2 {font-size:90%; color:#CDEB8B; font-weight:bold; padding:3px 13px 6px 13px; background:#36393D; border:#666666 1px solid; float:right;}
.pagenavtext2:hover{font-size:90%; color:#FFFFFF; font-weight:bold; padding:3px 13px 6px 13px; background:#464a4f; border:#666666 1px solid; float:right;}
.pagenavemp1 {width:80px; height:26px; background:#CCCCCC; border:#999999 1px solid; float:left;}
.pagenavemp2 {width:80px; height:26px; background:#CCCCCC; border:#999999 1px solid; float:right;}
.pagenavtextemp {font-size:90%; color:#999999; font-weight:bold; margin:3px 8px 0px 8px;}
.pagenumtextemp {font-size:90%; color:#999999; font-weight:bold; padding:5px 5px 4px 5px; background:#CCCCCC; border:solid 1px #999999; margin:0px 3px 0px 3px; float:left;}
.pagenumtext a {text-decoration:none; font-size:90%; color:#CDEB8B; font-weight:bold; padding:5px 5px 4px 5px; background:#36393D; border:#666666 1px solid; margin:0px 3px 0px 3px; float:left;}
.pagenumtext a:hover {text-decoration:none; font-size:90%; color:#FFFFFF; font-weight:bold; padding:5px 5px 4px 5px; background:#464a4f; border:#666666 1px solid; margin:0px 3px 0px 3px; float:left;}
#pagenumwrap {width:168px; margin:0px 3px 0px 135px; float:left;}
#navsection {width:605px; height:28px; margin:0px 10px 10px 10px; padding-bottom:10px;}
th a {text-decoration:none; color:#FFFFFF;}
th a:hover {text-decoration:none; color:#F3F3F3;}
th a:visited {text-decoration:none; color:#FFFFFF;}
.skillbox {margin:10px 0px 20px 10px;}
.skillbox li {font-size:1.4em; list-style:inside square; margin-bottom:3px;}
.blogsection {height:40px; width:210px; margin:7px 5px 0px 5px;}
.banstyle {border:#999999 1px solid; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:10px 0px 10px 0px;}
.banstyle:hover {border:#CCCCCC 1px solid; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:10px 0px 10px 0px;}
.imgright {border:#999999 1px solid; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:0px 0px 10px 10px; float:right;}
.imgblogleft {border:#999999 1px solid; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:0px 20px 20px 10px; float:left;}
.imgleft {border:solid 1px #36393D; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:10px 20px 10px 0px; float:left; width:125px; height:98px;}
.imgleft:hover {border:#999999 1px solid; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:10px 20px 10px 0px; float:left;}

#opener p {font-size:1.4em; color:#36393D; margin:0px 10px 10px 10px;}
#opener a{color:#009900; text-decoration:none;}
#opener a:hover{ color:#00CC33; text-decoration:none;}
#bloghead {float:left; width:610px; margin-bottom:20px;}
#blogfoot {float:left; width:600px; margin: 0px 0px 20px 10px;}
#blogopener {font-weight:bold; font-size:1.4em; line-height:1.4em; color:#36393D; float:left; width:300px; margin-top:10px;}
#blogbody {color:#36393D; margin:0px 30px 20px 30px;}
#blogbody a{color:#009900; text-decoration:none;}
#blogbody a:hover{color:#00CC33; text-decoration:underline;}
#blogbody p {margin-bottom:10px; font-size:1.4em; line-height:1.4em;}
.bloglist {height:200px; width:605px; margin:0px 5px 10px 10px; border-bottom:solid 1px #36393D;}
.bloglist h3 {margin:2px 0px 0px 5px;}

/* CALENDAR */
.datebox {height:50px; width:50px; float:left; background:url(img/datebox.png); margin:0px 10px 10px 0px; font-family:Arial, Helvetica, sans-serif;}
.monthwrap {height:10px; width:50px; margin:4px 0px 0px 0px; text-align:center; font-size:0.9em; font-weight:bold; color:#FFFFFF;}
.daywrap {height:30px; width:30px; margin:6px auto 0px auto; text-align:center; font-size:2em; font-weight:bold; color:#36393D;}

.texttitle {font-weight:bold; color:#36393D; text-decoration:none; margin:0px;}
.texttitle:hover {font-weight:bold; color:#666666; text-decoration:none; }
.summary {font-size:1.2em; width:300px; margin:15px 30px 10px 0px; float:left; color:#36393D}
.browser {margin:10px 0px 10px 0px;}
.browser li {list-style:none;  margin:0px 0px 5px 10px;  font-size:80%;}
.spacedp {margin:10px 10px 5px 10px;}
.insertwrapleft {width:auto; height:auto; margin:0px 10px 0px 0px; position:static; float:left; padding-bottom:10px;}
.insertwrapright {width:auto; height:auto; margin:0px 0px 0px 10px; position:static; float:right; padding-bottom:10px;}
.flashwrap {min-width:250px; height:auto; margin:0px 0px 5px 0px;}
.blogimg-wrap {width:auto; height:auto; float:left;}
.blogimg {padding: 5px; border:#999999 1px solid; margin: 0px 15px 5px 0px; background:#FFFFFF;}
.blogimg:hover {border:#CCCCCC 1px solid;}
.blogimg-caption {font-size:65%; text-align:center; margin:0px 0px 10px 0px;}
.captionwrap {width:250px; height:auto;  font-size:1.2em; text-align:center;}
#blogbody li {font-size:1.4em; list-style:inside square; margin:2px 0px 2px 18px;}
.article-list {font-size: 130%;}

.link-wrap {width:605px; height:auto; margin:0px 0px 10px 10px; border-bottom:solid 1px #36393D; float:left;}
.link-img {border:solid 1px #999999; background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:10px;  float:left; width:125px; height:98px;}
.link-title {color:#36393D; font-size:90%; float:left; margin-top:10px;}
.link-summary {width:425px; margin:5px 5px 0px 5px; float:left; font-size:60%; min-height:90px;}
.link-urlwrap {float:right; margin:5px 10px 10px 0px;}
.link-url {font-weight:bold; font-size:70%; margin-left:20px;}
.blog-item {height:auto; width:auto; margin-bottom:10px; float:left; border-bottom:1px solid #999999;}
.blog-item p {font-size:1.4em; line-height:1.4em;}

/* TAGS */
.tag-list {list-style:none; display:inline;}
.tag-list li {display:inline;}
.tag-wrap {margin-top:0px;}
.tag-link {margin:0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; color:#009900; font-size:1.2em;}
.tag-title {color:#36393D; font-size:1.2em; font-weight:bold;}

/* CONTACT FORM */
#contact-form {margin:0px 0px 0px 5px; font-weight:bold;}
#contact-form ul {list-style:none;}
#contact-form li {margin-bottom:10px; }
#contact-form label {font-size:1.2em; margin:6px 5px 0px 0px; color:#36393D; width:100px; float:left;}
#contact-form em {color:#CC0000;}
#contact-form input {border:1px solid #787878; height:25px; background:url(img/styling/inputbg.png) repeat-x #FFFFFF; width:180px; font-size:1.2em; padding-left:5px;}
#contact-form textarea {border:1px solid #787878; height:200px; padding: 5px; background:url(img/styling/textareabg.png) repeat-x; width:300px; float:left; font-size:1.2em; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
.contact-btn {width: 400px; margin:0px 0px 0px 80px; padding-top:20px;}
#contact-form input[type=image] {width:70px; height:24px; background:none; border:none;}
.formvalidate {margin:7px 20px 0px 0px; font-weight:bold; font-size:70%; color:#CC0000; float:right;}