html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#222; }

a { color:#499; border-bottom:1px solid #499; text-decoration:none; }
a:hover { border:none; }
ul li { line-height:1.4em; }
ol li { line-height:1.4em; }
h1, h2, h3, h4, h5, h6 { padding:0 20px; }
h1, h2, h3 { font-family:Georgia, Times New Roman, serif; }
h1 { font-size:28px; color:#d16e62; letter-spacing:-.02em; }
h2 { font-size:18px; color:#888; letter-spacing:-.02em; }
h3 { font-size:18px; color:#d16e62; letter-spacing:-.02em; line-height:1.4em;  }
hr {  }
ol { padding:0 20px 1.4em 20px; line-height:1.4em; }
p { padding:0 20px 1.4em 20px; line-height:1.4em; }
strong { font-weight:bold; color:#222; }
ul { padding:0 20px 1.4em 20px; line-height:1.4em; }

/*button, a.button { background:transparent url(button.gif) no-repeat top right; text-transform:uppercase; border:none; font-weight:bold; font-size:10px; padding:0 0 0 6px; margin:0 0 0 0; float:left; }
button span, a.button span { background:transparent url(button.gif) no-repeat top left; color:#fff; margin:0 6px 0 0; padding:3px 6px 6px 0; display:block; }*/

button, a.button { background-color:#d16e62; text-transform:uppercase; border:none; font-weight:bold; font-size:11px; padding:6px 0 2px 10px; }
button span, a.button span { background-color:#d16e62; color:#fff; padding:0 10px 0 0; }

#wrapper { margin:0 auto; text-align:center; }

#header { background-color:#444; border-bottom:22px solid #c7ecec; }
#header .wrapper { width:900px; margin:0 auto; position:relative; }
#header #logo { margin:10px 0; }
#header a { border:none; }
#header form#search { position:absolute; top:20px; right:20px;}
#header form#search input {  }
#header .nav { float:right; }
#header .nav li { float:left; padding:8px 0 0 35px; }
#header .nav li a { text-transform:uppercase; font-size:11px; font-weight:bold; color:#444; text-decoration:none; }
#header .nav li a:hover { border-bottom:1px solid #444; }

#content { border-top:1px solid #93cfcf; margin:0 auto; padding:25px 0; }
#content .wrapper { width:900px; margin:0 auto; }

#main { width:520px; float:left; }

#side { width:300px; float:right; }

#footer { clear:both; background-color:#444; border-top:20px solid #fff; }
#footer .wrapper { width:900px; margin:0 auto; }
#footer p { color:#fff; padding:10px 20px; }
#footer a { color:#fff; }

#side h3, #home #main h3 { font-family:Helvetica, Arial, sans-serf; text-transform:uppercase; font-size:11px; color:#444; font-weight:bold; border-bottom:1px solid #d16e62; 
padding-bottom:5px; margin-bottom:10px; }
#side ul { margin:0 0 30px 0; }
#side ul li { margin-bottom:5px; }
#side ul li a { border:none; }
#side ul li a:hover { border-bottom:1px solid #499; }
#side .comment p.author { color:#999; font-size:11px; padding-bottom:.6em; }
#side .comment p.author a { font-size:11px; font-weight:bold; }
#side .comment p { font-size:11px; color:#444; }

#side table td ul { margin:0 0 30px 0; }
#side table td ul li { margin-bottom:5px; }
#side table td ul li a { border:none; }
#side table td ul li a:hover { border-bottom:1px solid #499; }

.actions li { float:left; border-right:1px solid #999; padding:0 1.1em 0 0; margin:0 0 0 1.1em; }
.actions .last { border:none; }

#home #about-psp { background:url(home-about-psp-bg.png) no-repeat left top; height:172px; width:900px; margin:0 0 30px 0; }
#home #about-psp h1 { font-size:18px; color:#444; padding:40px 335px 0 40px; line-height:32px; }
#home #about-psp a { font-size:18px; }
#home #featured-projects {  }
#home .project { width:50%; float:left; }
#home .project h4 a, #side .news h4 a { font-family:Georgia, Times New Roman, serif; font-size:18px; color:#d16e62; letter-spacing:-.02em; line-height:1.4em; border-bottom:1px solid #d16e62; }
#home .project h4 a:hover, #side .news h4 a:hover { border-bottom:none; }
#home .project h5 { font-family:Georgia, Times New Roman, serif; font-size:15px; color:#999; letter-spacing:-.02em; line-height:1.4em; padding-top:2px; padding-bottom:5px; }
#home #recent-activity { clear:left; padding-top:20px; }
#home #recent-activity blockquote { border-bottom:1px solid #fcc; margin:0 0 10px 0; }
#home #recent-activity .title { font-family:Georgia, Times New Roman, serif; font-size:15px; padding-bottom:5px; }
#home #recent-activity .body {  }
#home #recent-activity .details { font-size:11px; color:#999; } 

#side .news .details { color:#999; padding-top:1em; }
#side .news .body {  }

.pattern h4 { font-weight:bold; font-size:13px; color:#999; }
.pattern .head { position:relative; border:solid #d16e62; border-width:1px 0 1px 0; padding-top:10px; margin-bottom:1.4em;}
.pattern .head h1 { width:300px; }
.pattern .head h2 { width:300px; }
.pattern .head ul { margin:15px 0 0 0; }
.pattern .head li { font-size:11px; color:#999; }
.pattern .head li a { font-size:11px; font-weight:bold; }
.pattern .head .button { position:absolute; top:10px; right:20px; }
.pattern .intro p { font-size:14px; }
.pattern .context { background-color:#edf0f0; padding:10px 0 0 0; margin-bottom:1.4em; }
.pattern .context p, .pattern .context p * { font-family:Georgia, Times New Roman, serif; }