* { margin: 0; padding: 0; border: none; }

body { margin: 0 auto; margin-top: 15px; background: url(images/bg.jpg) repeat-x; background-color: #40454b; }

a { text-shadow: #b6b6b6 0px 1px 1px; }

#top { background: url(images/bgtop.png) no-repeat top center; height: 19px; width: 970px; margin: 0 auto; padding: 0 10px 0px 20px; }


#container { background: url(images/bg.png) repeat-y left top; width: 960px; margin: 0 auto 0 auto; padding: 0 20px 0 20px; position: relative; overflow: hidden; }


#header { background: url(images/bgtopwhite.jpg) repeat-x left top; width: 960px; margin: 0 auto; position: relative; }

#header ul { list-style: none; position: absolute; right: 0; top: 45px; }
#header ul li { display: inline; padding-right: 30px; }
#header ul li a { text-decoration: none; text-transform: uppercase; font-family: Verdana; font-size: 12px; color: #40454b; }
#header ul li a:hover { color: #c3431c; }
#header ul li a.current { color: #c3431c; }



#sectiontitle { background: url(images/titleweb.jpg) no-repeat; height: 260px; width: 960px; position: relative; }
#sectiontitle.min { height: 48px; }

#sectiontitle img { cursor: pointer; position: relative; left: 15px; top: 13px; }

#sectiontitle a.min { text-decoration: none; font-family: Verdana; font-size: 10px; color: #40454b; }
#sectiontitle a.min:hover { color: #c3431c; }

#sectiontitle ul { list-style: none; position: absolute; right: 0; top: 15px; }
#sectiontitle ul li { display: inline; padding-right: 30px; }
#sectiontitle ul li a { text-decoration: none; text-transform: uppercase; font-family: Verdana; font-size: 12px; color: #fafafa; }
#sectiontitle ul li a:hover { color: #c3431c; }
#sectiontitle ul li a.current { color: #c3431c; }

#sectiontitle h1 { margin: 0; margin-bottom: -8px; text-align: center; font-size: 60px; text-transform: uppercase; font-family: Georgia; font-weight: lighter; color: #fafafa; padding-top: 85px; text-shadow: #5F5F5F 2px 2px 3px; }
#sectiontitle h1.min { position: relative; z-index: -1; }

#sectiontitle h3 { text-transform: uppercase; font-family: Georgia; font-weight: lighter; color: #fafafa; position: relative; text-align: center; text-shadow: #5F5F5F 2px 2px 3px; }
#sectiontitle h3.min { position: relative; z-index: -1; }

/*
#sectiontitle h3.logo { left: 690px; }
#sectiontitle h3.print { left: 587px; }
#sectiontitle h3.da { left: 663px; }
*/

#sectiontitle h4 { margin: 0; margin-bottom: -8px; text-align: center; font-size: 16px; text-transform: uppercase; font-family: Georgia; font-weight: lighter; color: #fafafa; text-shadow: #5F5F5F 2px 2px 3px; }


#filler { float: left; display: inline; background-color: #eee; margin-left: 15px; margin-bottom: 15px; border: 1px solid #fafafa; width: 927px; }
#filler.down { margin-top: 15px; }

#content { padding-top: 15px; font-family: Verdana; color: #40454b; overflow: hidden; }
#content.home { height: 314px; }

#content ul { list-style: none; }
#content ul li { float: left; display: inline; width: 298px; background-color: #eee; margin-left: 15px; margin-bottom: 15px; border: 1px solid #fafafa; }
#content ul li.wide { width: 613px; }
#content ul li.big { width: 930px; }
#content ul li.medium { float: left; position: relative; left: 192px; width: 513px; border: none; }


#content ul li img { margin-left: 7.5px; margin-top: 7.5px; }

#content h2 { font-size: 14px; font-weight: bold; margin-top: 3px; }
#content p { font-size: 12px; margin-bottom: 10px; }
#content h2, p { margin-left: 12px; }
#content .inline { margin-left: 65px; }

#content ul li a.details { float:right; position: relative; background:url(images/viewdetails.jpg) left top no-repeat; text-indent: -9999px; width: 86px; height: 28px; top: 7px; right: 10px; }
#content ul li a.details:hover { background:url(images/viewdetails.jpg) left bottom no-repeat; }

#content ul li a.viewsite { float:right; position: relative; background:url(images/viewsite.jpg) left top no-repeat; text-indent: -9999px; width: 86px; height: 28px; top: 7px; right: 10px; }
#content ul li a.viewsite:hover { background:url(images/viewsite.jpg) left bottom no-repeat; }

#content h3.home { float: right; clear: both; background: url(images/featuredwork.jpg) no-repeat center left; text-indent: -9999px; font-family: Georgia; width: 608px; font-size: 20px; margin-bottom: 15px; margin-right: 15px; padding-bottom: 5px; color: #c3431c; text-transform: uppercase;  background-color: #eee; font-weight: normal; padding-left: 5px; padding-top: 5px; border: 1px solid #fafafa; }

#content ul li.featured { float: right; margin: 0; margin-right: 15px; }


#digg-widget-container ul { float: left; }
#digg-widget-container ul li { background-color: #fff; }
#digg-widget-container ul li a span, #digg-widget-container ul li a { font-size: 10px; text-decoration: none; color: #40454b; float: right; }
#digg-widget-container ul li a span:hover { text-decoration: none; color: #c3431c; }
#digg-widget-container ul li h3 a { font-size: 12px; color: #80B1EB; float: left; }


#content h4 { font-family: Georgia; font-size: 36px; color: #c3431c; text-align: center; padding-bottom: 5px; padding-top: 15px; }
#content h5 { text-align: center; font-weight: normal; padding-bottom: 5px; font-size: 14px; }
#content h6 { text-align: center; font-weight: normal; padding-bottom: 25px; font-size: 14px; }

#content h2.form { margin-left: 15px; padding-top: 10px; color: #c3431c; }
#content h2.forminfo { margin: 0; margin-left: 13px; margin-bottom: 10px; color: #c3431c; }

.req { color: #c3431c; }



form { float: left; font-size: 12px; line-height: 25px; padding: 15px; padding-bottom: 0; }
form p { margin: 0; padding: 0; }
input, textarea { font-family: Verdana; font-size:12px; color:#404040; padding: 5px; border: 1px solid #80B1EB; margin-bottom: 15px; margin-left: 15px; background: url(images/forminputbg.png) top left repeat-x; }
input { margin-left: 13px; }
input.name { margin-left: 60px; }
input.submit { margin-left: 115px; background: url(images/submit.jpg) no-repeat top left; text-indent: -9999px; width: 86px; height: 28px; border: none; cursor: pointer; }
input.submit:hover { background: url(images/submit.jpg) no-repeat bottom left; cursor: pointer; }

input.back { margin-left: 422px; background: url(images/goback.jpg) no-repeat top left; text-indent: -9999px; width: 257px; height: 28px; border: none; text-align: center; }
input.back:hover { background: url(images/goback.jpg) no-repeat bottom left;}

textarea { margin-left: 115px; margin-top: -32px; height: 199px; width: 380px; }

#formfiller { float: left; display: inline; background-color: #eee; margin-left: 15px; margin-bottom: 15px; border: 1px solid #fafafa; width: 540px; }

#forminfo { float: left; width: 375px; position: relative; height: 422px; }



#twitter_div { background: url(images/twitterific.png) no-repeat top left; background-position: 10px 10px; background-color: #eee; float: left; position: absolute; left: 12px; bottom: 0; width: 375px; }

#twitter_div h2 { margin-left: 105px; font-family: Verdana; font-size: 14px; color: #c3431c; margin-top: 10px; }
#twitter_div ul { margin-left: 90px; }
#twitter_div ul li { border: 0; font-size: 12px; width: 260px; padding-right: 10px; }



#hometext { float: left; clear: right; margin-left: 15px; padding: 10px; padding-top: 0; width: 280px; position: relative; top: -48px; line-height: 107%; }
#hometext p { margin: 0; padding-bottom: 7px; }
#hometext a, #content a { color: #80B1EB; text-decoration: none; }
#hometext a:hover, #content a:hover { color: #c3431c; }



#skip { float: left; width: 100%; }
#skip ul { float: left; margin-left: 52px; margin-top: 20px; }

#skip ul li { display: inline; }

#skip ul li a { margin-left: 43px; }

#skip ul li a.goto_logo { margin-left: 0; float: left; position: relative; background:url(images/goto_logo.jpg) left top no-repeat; text-indent: -9999px; width: 257px; height: 36px; }
#skip a.goto_logo:hover, #skip ul li a.goto_logo_a:hover { background:url(images/goto_logo.jpg) left bottom no-repeat; }
#skip ul li a.goto_logo_a { float: left; position: relative; background:url(images/goto_logo.jpg) left top no-repeat; text-indent: -9999px; width: 257px; height: 36px; }


#skip ul li a.goto_web { margin-left: 0; float: left; position: relative; background:url(images/goto_web.jpg) left top no-repeat; text-indent: -9999px; width: 257px; height: 36px; }
#skip a.goto_web:hover { background:url(images/goto_web.jpg) left bottom no-repeat; }

#skip ul li a.goto_print { float: left; position: relative; background:url(images/goto_print.jpg) left top no-repeat; text-indent: -9999px; width: 257px; height: 36px; }
#skip a.goto_print:hover { background:url(images/goto_print.jpg) left bottom no-repeat; }

#skip ul li a.goto_digital { float: left; position: relative; background:url(images/goto_digital.jpg) left top no-repeat; text-indent: -9999px; width: 257px; height: 36px; }
#skip a.goto_digital:hover { background:url(images/goto_digital.jpg) left bottom no-repeat; }


#skip ul li a.goback_web { float: left; position: relative; left: -80px; background:url(images/goback_web.jpg) left top no-repeat; text-indent: -9999px; width: 323px; height: 36px; }
#skip a.goback_web:hover { background:url(images/goback_web.jpg) left bottom no-repeat; }

#skip ul li a.goback_print { float: left; position: relative; left: 225px; background:url(images/goback_print.jpg) left top no-repeat; text-indent: -9999px; width: 323px; height: 36px; }
#skip a.goback_print:hover { background:url(images/goback_print.jpg) left bottom no-repeat; }

#skip ul li a.goback_digital { float: left; position: relative; left: -80px; background:url(images/goback_digital.jpg) left top no-repeat; text-indent: -9999px; width: 323px; height: 36px; }
#skip a.goback_digital:hover { background:url(images/goback_digital.jpg) left bottom no-repeat; }



#footer { color: #40454b; font-size: 12px; font-family: Verdana; float: left; height: 89px; width: 960px; background:url(images/bg_footer.jpg) repeat-x; margin-top: 40px; padding: 15px 0 15px; background-color: #a8a9a9; }

#footer.home { margin-top: 12px; }
#footer.contact { margin-top: 0px; }
#footer.portfoliofooter { margin-top: 0px; }

#footer h4 { color: #c3431c; font-weight: normal; font-size: 12px; padding-bottom: 3px; }

#footer ul { list-style: none; padding-top: 7px; }

#footer ul li { float: left; width: 185px; line-height: 90%; }

#skills { float: left; padding-left: 20px; width: 400px; }

.space { padding-top: 3px; }



#cv { float: left; padding-top: 20px; }
#cv a { margin-top: 20px; color: #c3431c; text-decoration: none; }
#cv a:hover { color: #832210; }

#cv img { position: relative; top: 8px; left: -5px; }



#email { padding-top: 20px; float: right; width: 175px; height: 87px; }

#email a { margin-top: 20px; color: #c3431c; text-decoration: none; }
#email a:hover { color: #832210; }

#email p { margin: 0; padding-top: 7px; width: 150px; line-height: 11px; }

#me { float: right; background: url(images/me.jpg) no-repeat right center; width: 87px; height: 87px; margin-right: 15px; }


#bottom { background: url(images/bg_footershadow.png) no-repeat top center; height: 19px; width: 970px; margin: 0 auto; margin-bottom: 20px; }


#nonblog #twitter_div h2 a { color: #c3431c; font-weight: bold; font-size: 14px; padding: 0; margin: 0; padding-bottom: 0; margin-left: 10px; font-family: Verdana; }
#nonblog #twitter_div h2 a:hover { color: #80B1EB; text-decoration: none; }

#nonblog #twitter_div { width: 290px; margin: -8px 0 45px 0; }

#nonblog #twitter_div ul { margin: -5px 0 0 0; list-style: none; line-height: 1.4em; }
#nonblog #twitter_div ul li { color: #40454b; border: 0; font-size: 11px; width: 275px; padding: 0 0px 5px 0; margin: 0 0 5px 0; font-family: Verdana; border-bottom: 1px solid #D0C1C1; }

#nonblog #twitter_div ul li a { color: #c3431c; }
#nonblog #twitter_div ul li a:hover { color: #80B1EB; text-decoration: none; }

#nonblog #twitter_update_list { margin: 0; padding: 0 0 0 10px;; }

.friendfeed { border: none !important; }


