body { font-family: Arial, Verdana; font-size: 10pt; color: #444; line-height: 1.5em; margin: 0; }
img { border: 0; }
a { text-decoration: none; color: #148cdf; }
.clear { clear: both; }

#container { width: 960px; margin: 0 auto; }
#container.grid { background: #fff url(../grid.png) repeat-y; }
#header { margin: 20px 0 40px; padding: 2px 0 2px; }
#header h1 { font: 18pt "URW Gothic L" sans-serif; color: #2e3436; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); }
#header h1 strong { color: #148cdf; font-weight: normal; }
#header h1 a { text-indent: -1000em; display: block; width: 177px; height: 20px; background: #fff url(../gfx/logo.png) no-repeat; }
#nav { list-style: none; margin: 0; float: right; font-family: Verdana; font-size: .9em; margin-top: 15px; }
#nav li { float: left; padding: 3px 5px 1px; margin: 0 10px; text-transform: uppercase; }
#nav li a { color: #444; display: inline-block; }
#nav li a:hover { color: #148cdf; }
#nav li.current { font-weight: bold; border-bottom: 0px solid #444; }
#nav li.current a { color: #148cdf; }

#footer { margin: 20px 0 30px; padding: 0; border-top: 1px dotted #ddd; clear: both; }
#footer p { color: #777; font-size: .8em; margin: 0; }
#contact { float: right; color: #666; background-color: #fcfcfc; width: 275px; padding: 1em 20px; margin-bottom: 15px; }
#contact h4 { color: #666; margin: 0 0 .5em 0; }
#contact dl { margin: 0; }
#contact dt { float: left; width: 5em; margin-bottom: .2em; }
#contact dd { margin-bottom: .2em; }

.clear { clear: both; }
#intro { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; margin: -15px 0 15px 0; padding: 10px 0; height: 154px; background: transparent url(../gfx/avatar.jpg) no-repeat right center; }
#intro p { padding-top: 20px; margin: 0 160px 0 0; font-family: "URW Gothic L", sans-serif; font-size: 18pt; line-height: 1.5em; }
#intro p strong { font-weight: bold; }
#sidebar { width: 300px; float: right; font-size: .9em; margin-left: 14px; padding-left: 15px; border-left: 1px dotted #ddd; min-height: 400px; height: auto !important; height: 400px; }
#sidebar p { margin-top: 0; }

#content h2 { font-family: Trebuchet MS, sans-serif; font-size: 2.5em; color: #222; padding-bottom: .4em; border-bottom: 1px dotted #ddd; margin-top: 0; }
#content h6 { font-size: .8em; margin: 0 0 1em; color: #148cdf; font-weight: normal; font-style: italic; }
#content pre { background-color: #333; color: #d0d0d0; padding: .5em; border: 1px solid #eee; }
#content h3 { text-transform: inherit; font-size: 1.1em; font-family: Trebuchet MS; margin-top: 0; }
#content h4 { color: #148cdf; margin-bottom: .2em;  }
#content h4+p { margin-top: 0; }
#main { width: 630px; float: left; }
#main.full { width: 100%; float: none; }

.photo { float: left; margin: 0 15px 22px 0; }
#works a { float: left; margin-bottom: 22px; }
#works a.odd { margin-right: 15px; }
#works a.last-row { margin-bottom: 0; }
#last-blog-entries { float: right; width: 300px; padding-left: 15px; border-left: 1px dotted #ddd; min-height: 400px; }
#last-blog-entries .date { color: #aaa; font-style: normal; font-size: .8em; float: right; }

#item-description { width: 340px; }
#about-info { margin-left: 330px; }
ul { list-style: square; }

#portfolio-nav { float: right; }
#portfolio-nav a { display: inline-block; padding: .3em .7em; border: 1px dotted #ddd; background-color: #fff; border-radius: 5px; color: #555; font-weight: bold; margin-top: -4px; }

#item-gallery { float: right; width: 605px; position: relative; }
#item-gallery .items { width: 525px; height: 485px; overflow: hidden; margin: 0 40px; }
#item-gallery .items img { float: left; width: 525px; }
#item-gallery .controls { position: absolute; top: 240px; width: 605px; }
#item-gallery .controls a { text-indent: -100em; color: #999; position: absolute; display: block; width: 29px; height: 29px; cursor: pointer; }
#item-gallery .controls a.prev { left: 0; background: transparent url(../gfx/nav.png) no-repeat 0 0; }
#item-gallery .controls a.next { right: 0; background: transparent url(../gfx/nav.png) no-repeat -29px 0; }
#item-gallery .controls a.prev:hover { background-position: 0 -29px; }
#item-gallery .controls a.next:hover { background-position: -29px -29px; }