/* Pixel Design Palette
#666 dark grey
#999 grey
#f36 pink
===============================================================*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #f36; text-decoration: none;  }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 47px 0 0 46px; font: 66% arial,helvetica,sans-serif; color: #666; background-color: #fff; }
address { font-style: normal; }

/* Headings,text
================================================================*/
#columns p, #main p { clear: left; margin: 0 0 1.5em;  }
#columns ul, #main ul { margin: 0 0 1.5em; }
#content li { margin-bottom: 1.5em; }
ul, li { list-style: none; }

h1, h2, h3 { margin-bottom: 1.4em; color: #f36; font-weight: bold; font-size: 1em; }
h2.major { padding-top: 3.2em; }
h3, h4 { margin-bottom: 0; color: #666; font-size: 1.1em; }
h3.major { margin-bottom: 1em; padding-top: 2em; font-weight: normal; font-size: 1em; color: #666; text-decoration: underline; }
h4 { margin-bottom: 1.5em; font-weight: normal; }
h3 a, h3 a:visited { color: #666; }

/* Structure
================================================================*/
#wrapper { width: 660px; line-height: 1.5em; }

#branding { height: 47px; margin-bottom: 22px; background: url('../images/divider_pink.gif') bottom left repeat-x; }

.column, #sidebar, #columns, #main, #content { float: left; display: inline; }
#main, #columns { width: 660px; margin-bottom: 1.5em; /*border-bottom: 1px solid #f00;*/ }
#columns { padding-bottom: 1em; margin-bottom: 1em; background: url('../images/divider_grey.gif') bottom left repeat-x; }
#column1, #sidebar { width: 222px; margin-right: 20px; }
#column2 { width: 170px; margin-right: 96px; }
#column3 { width: 151px; margin-right: -3px; }
#content { width: 370px; }
.wide #content { width: 418px; }

#footer { position: relative; clear: both; padding: 0.3em 0 1em; }
#links { position: absolute; left: 244px; }
#links li { float: left; padding-right: 1em; margin-right: 0.6em; background: url(../images/divider-slash.gif) center right no-repeat; }
#links li.last { background: none; }

/* Special cases
================================================================*/

.nav li { line-height: 1.7em; }
.nav a, .nav a:visited, address a, address a:visited { color: #999; }

address { margin-bottom: 1.2em; }

.story { padding-bottom: 0.5em; margin-bottom: 1.5em; background: url('../images/divider_grey.gif') bottom left repeat-x; }
.story p { font-size: 1.1em; }

/*links styled as standard text*/
a.subtle, a.subtle:visited { color: #666; }

/*grey rather than pink links*/
a.alt, a.alt:visited { color: #999; }

/*multiple columns within content e.g. contact page*/
.column { float: left; display: inline; width: 198px; }
#content div.first { margin-right: 16px; }

.galleries img { margin-left: 0.5em; vertical-align:middle; padding-bottom: 0.7em; }

/*portfolio pages*/
.sectionPortfolio #footer { padding-top: 1.3em; background: url('../images/divider_grey.gif') top left repeat-x; }
.portfolio { clear: left; /*float: left; display: inline;*/ width: 660px; padding-top: 17px; background: url('../images/divider_grey.gif') top left repeat-x; }
.screenshot{ text-align: center; padding: 16px 0 40px; }

/*jobs page*/
#pageJobs #content p { font-size: 1.1em; }

/*contact page*/
#pageContact #content { width: 380px; }
#pageContact #content a.subtle:hover { color: #f36; }

/*google map*/
#map { clear: both; padding-bottom: 2em; }