/* -----------------------------------------------------------------------------------------------------------------------
1240-40 grid / peterpontiac.nl
--------------------------------------------------------------------------------------------------------------------------
by jwnieuwenhuizen
http://grafxmfg.nl 
copyleft! 
----------------------------------------------------------------------------------------------------------------------- */

html, body {
height:100%;
margin:0;
padding:0;
}

body {
font-size: 62.5%;
color: #333;
background: #200;
}

/* HIDDEN ELEMENTS ---------------------------------------------- */
.hidden, .screen-reader-text, .form-allowed-tags, #site-title, #site-description {
/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */ 
position: absolute;
overflow: hidden;
clip: rect(0,0,0,0); /* because 'height: 0' doesn't have any fun in IE5.5 */ 
height: 0!important; /* because clip doesn't have any fun in IE6 */ 
}

/* Default Layout: 920px / 23 columns
-------------------------------------------------------------------------------------------------------------------------- */
#vertalign { /* vertical center hack */
float: left;
width: 100%;
height: 50%;
margin-top: -275px;
}

#wrapper {
position: relative;
clear: both;
width: 920px;
min-height: 540px;
margin: 0px auto;
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
z-index: 1;
}
#header {
height: 60px;
background: url(../img/bg/920/wrapper-head-bg.jpg) no-repeat;
position: relative;
}
#container {
background: url(../img/bg/920/wrapper-bg.jpg) repeat-y;
}
#footer {
clear: both;
height: 40px;
background: url(../img/bg/920/wrapper-foot-bg.jpg) no-repeat;
}

#bg-img {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
#bg-img img {
min-width: 100%;
width: auto;
min-height: 100%;
height: auto;
}

/* header ----------------------------------------------------------- */
#masthead {
}
#branding {
}
/* TOP MENU */
#access {
position: absolute;
left: 32px;
top: 20px;
width: 177px;
height: 124px;
background: url(../img/branding/access/logo.png) no-repeat;
z-index: 200;
}


/* main ----------------------------------------------------------- */
#main {
clear: both;
}
#container {
position: relative;
float: left;
width: 880px;
min-height: 430px;
padding: 20px 0 0 40px;
z-index: 9;
}
#spacer {
display: none;
}
.hentry {
float: left;
margin: 0 40px 30px 0;
}
.single .hentry, .page .hentry  {
width: 580px;
margin: 0 0 0 214px;
}
#primary, #secondary {
position: relative;
float: left;
width: 200px;
margin: 0 -250px 0 20px;
z-index: 10;
}
#primary {
padding-top: 30px;
}
#primary ul {
text-align: center;
}
#primary .widget-title {
font-size: 1.6em;
line-height: 22px;
color: #d82d35;
text-transform: uppercase;
background: url(../img/various/widget-title.png) no-repeat;
}
#primary ul ul li {
font-size: 1.5em;
background: url("../img/aro/divider-oldstyle.png") center top no-repeat;
padding: 10px 0 2px 0;
}
#primary ul ul li:first-child {
background: none;
}
#primary ul ul li a {
}
#secondary {
clear: right;
}
#nav-below {
clear: both;
float: left;
width: 840px;
margin-top: 16px;
font-size: 1.7em;
text-transform: uppercase;
overflow: hidden;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-below a {
padding: 8px 0;
color: #d82d35;
}
#nav-below a:hover {
color: #3835dd;
}
.nav-previous .meta-nav, .nav-next .meta-nav {
display: block;
width: 30px;
height: 15px;
}
.nav-previous a .meta-nav {
float: left;
margin: 1px 6px 0 0;
background: url(../img/aro/nav-prev.png) no-repeat;
text-indent: -9999px;
}
.nav-previous a:hover .meta-nav {
background: url(../img/aro/nav-prev-over.png) no-repeat;
}
.nav-next a .meta-nav {
float: right;
margin: 1px 0 0 6px;
background: url(../img/aro/nav-next.png) no-repeat;
text-indent: 9999px;
}
.nav-next a:hover .meta-nav {
background: url(../img/aro/nav-next-over.png) no-repeat;
}

/* footer ----------------------------------------------------------- */
#colophon {
position: relative;
padding: 4px 40px 14px 40px;
}
#site-info {
position: relative;
float: right;
width: 145px;
}
#site-info a {
display: block;
float: right;
width: 110px;
height: 10px;
text-indent: -9999px;
background: url(../img/branding/logo-footer.png) no-repeat;
}
#site-info a:hover {
background: url(../img/branding/logo-footer-over.png) no-repeat;
}
.copyright {
display: block;
float: left;
width: 35px;
height: 10px;
text-indent: -9999px;
background: url(../img/branding/copyright2011.png) no-repeat;
}
/* FOOTER MENU */
#footer-widget-area {
position: absolute;
right: 0;
top: 36px;
width: 920px;
height: 20px;
text-align: center;
}

/* ENTRY-TITLES -------------------------------------------------------------- */
.gallery-title, 
#section-title {
position: absolute;
left: 20px;
top: 150px;
z-index: 201;
}
.page-id-7 .entry-title,
.page-id-9 .entry-title,
.page-id-15 .entry-title,
.page-id-19 .entry-title,
.page-id-37 .entry-title,
.gallery-title a, #section-title a, .page-id-17 .entry-title a {
display: block;
width: 200px;
height: 44px;
text-indent: -9999px;
margin: 0!important;
}
.page-id-7 .entry-title {
background: url(../img/headers/header-portfolio.png) no-repeat;
}
.page-id-9 .entry-title {
background: url(../img/headers/header-othermedia.png) no-repeat;
}
.page-id-15 .entry-title {
background: url(../img/headers/header-illustration.png) no-repeat;
}
.page-id-19 .entry-title {
background: url(../img/headers/header-cutestuff.png) no-repeat;
}
.page-id-37 .entry-title {
background: url(../img/headers/header-gaga.png) no-repeat;
}

/* HOMEPAGE -------------------------------------------------------------- */
body.home {
background: #200;
}
.home #vertalign { /* vertical center hack */
margin-top: -220px;
}
.home #wrapper {
min-height: 440px;
}
.home #wrapper,
.home #header,
.home #container,
.home #primary,
.home #secondary {
background: #200;
}
.home #main {
background: none;
}
.home #footer {
display: none;
}
.home .home-link {
display: none;
}

.home #container h1, .home .entry-content p  {
color: #200;
}


/* GALLERY -------------------------------------------------------------- */
.page-template-gallery-php #header {
height: 50px;
background: url(../img/bg/920/sketch-head-bg.jpg) no-repeat;
}
.page-template-gallery-php #container {
background: url(../img/bg/920/sketch-bg.jpg) repeat-y;
padding: 0;
width: 920px;
}
.page-template-gallery-php #footer {
clear: both;
height: 40px;
background: url(../img/bg/920/sketch-foot-bg.jpg) no-repeat;
}
.page-template-gallery-php #footer-widget-area {
width: 680px;
text-align: left;
}

/* NEWS -------------------------------------------------------------- */
.blog #header, .single-post #header {
height: 130px;
background: url(../img/bg/920/paper-head-bg.jpg) no-repeat;
}
.blog #container, .single-post #container {
background: url(../img/bg/920/paper-bg.jpg) repeat-y;
padding: 0 0 0 34px;
width: 886px;
}
.blog #footer, .single-post #footer {
clear: both;
height: 90px;
background: url(../img/bg/920/paper-foot-bg.jpg) no-repeat;
}
.blog #footer-widget-area, .single-post #footer-widget-area {
top: 8px;
padding: 0 0 8px 0;
background: url(../img/various/news-footertop.png) no-repeat;
}

.blog #section-title, .single-post #section-title {
position: absolute;
display: block;
left: 248px;
top: 45px;
width: 626px;
height: 70px;
}
.blog #section-title .entry-title, .single-post #section-title .entry-title {
display: block;
width: 626px;
height: 70px;
background: url(../img/headers/header-news.png) no-repeat;
}

.blog .hentry {
width: 198px;
margin: 0 16px 0px 0;
}
.news-thumb img {
max-width: 198px;
}
.blog .hentry:first-child {
margin: 0 16px 16px 214px;
font-size: 1.14em;
}
.news-latest {
width: 626px!important;
}
.header-image img {
max-width: 626px;
}
.paged .hentry {
width: 198px;
min-height: 440px;
margin: 0 16px 0 0;
}
.paged .hentry:first-child {
margin: 0 16px 0px 214px;
font-size: 1em;
}
.blog .entry-date, .single-post .entry-date {
color: #3835dd;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.blog .entry-title, .single-post .entry-title {
margin: 4px 0 4px 0!important;
font-size: 2.8em!important;
line-height: 0.85em;
text-transform: uppercase;
hyphens: auto;
}

.news-latest .entry-title {
font-size: 3.6em!important;
}

/* single */
.single-post .entry-title {
clear: none;
font-size: 3.6em!important;
width: 626px;
}
.featured-image {
float: right;
margin: 0 -46px 12px 20px;
}
.featured-image img {
max-width: 426px;
}
.single .entry-content p:first-child {
font-size: 1.5em;
}
.single .entry-content img {
max-width: 580px;
}
 

/* TAKEOUT -------------------------------------------------------------- */
.page-template-takeout-php #header, .single-takeout #header {
height: 156px;
background: url(../img/bg/920/takeout-head-bg.jpg) no-repeat;
}
.page-template-takeout-php #container {
background: url(../img/bg/920/takeout-bg.jpg) no-repeat;
padding: 0 0 0 32px;
width: 888px;
height: 340px;
min-height: 340px;
}
.page-template-takeout-php #footer, .single-takeout #footer {
clear: both;
height: 50px;
background: url(../img/bg/920/takeout-foot-bg.jpg) no-repeat;
}

.page-template-takeout-php #section-title, .single-takeout #section-title {
position: absolute;
display: block;
left: 231px;
top: 33px;
width: 661px;
height: 94px;
}
.page-template-takeout-php #section-title .entry-title, .single-takeout #section-title .entry-title {
display: block;
width: 661px;
height: 94px;
background: url(../img/headers/header-takeout-920.jpg) no-repeat;
}

#takeout .hentry, .paged #takeout .hentry {
position: relative;
width: 264px;
height: 170px;
min-height: 170px;
margin: 0 32px 0 0;
}

#takeout .hentry a {
position: absolute;
left: 25px;
top: 17px;
width: 214px;
height: 131px;
text-indent: -9999px;
overflow: hidden;
background: url(../img/bg/920/takeout-door.png) no-repeat;
z-index: 51;
}
#takeout .hentry a:hover {
text-indent: 0;
background: url(../img/bg/920/takeout-door-over.png) no-repeat;
}

.takeout-thumb {
position: absolute;
left: 26px;
top: 18px;
width: 213px;
height: 130px;
overflow: hidden;
z-index: 50;
}
.takeout-thumb img {
max-width: 214px;
}

#takeout h2.entry-title {
color: #d82d35!important;
font-size: 2em;
margin: 30px 0 0 0;
text-align: center;
}
.takeout .item {
font-size: 1.3em;
padding: 4px 8px;
text-align: center;
}
.takeout .price {
font-size: 1.3em;
padding: 4px 8px;
text-align: center;
}

.page-template-takeout-php #nav-below, .single-takeout #nav-below {
width: 856px;
margin-bottom: -32px;
}

.page-template-takeout-php #footer-widget-area, .single-takeout #footer-widget-area {
top: 50px;
}

.page-template-takeout-php #page-nav {
position: absolute;
top: 360px;
width: 856px;
text-align: center;
}

/* single */
.single-takeout #container {
background: none;
padding: 0 0 0 32px;
width: 888px;
min-height: 390px;
color: #fff;
}
.single-takeout .hentry {
margin: 0;
width: 856px;
}
.takeout-image {
float: left;
margin: 20px 20px 20px 0;
}
.takeout-image img {
max-width: 620px;
}
.single-takeout h2.entry-title {
clear: none;
font-size: 3em!important;
color: #d82d35!important;
margin: 18px 0 0 0!important;
}

/* AUTOBIO, GUESTBOOK, RECOMMENDED -------------------------------------------------------------- */
.page-template-autobio-php #header, .page-template-guestbook-php #header, .page-template-recommended-php #header {
background: url(../img/bg/920/book-head-bg.jpg) no-repeat;
}
.page-template-autobio-php #container, .page-template-guestbook-php #container, .page-template-recommended-php #container {
background: url(../img/bg/920/book-bg.jpg) repeat-y;
}
.page-template-autobio-php #footer, .page-template-guestbook-php #footer, .page-template-recommended-php #footer {
background: url(../img/bg/920/book-foot-bg.jpg) no-repeat;
}

#menu-autobio {
position: absolute;
left: 220px;
top: 35px;
width: 180px;
margin: 0;
font-size: 1.3em;
text-align: center;
z-index: 10;
}

/* AUTOBIO -------------------------------------------------------------- */
.page-template-autobio-php #section-title, .single-autobio #section-title {
position: absolute;
display: block;
left: 500px;
top: 45px;
width: 370px;
height: 55px;
}
.page-template-autobio-php #section-title .entry-title, .single-autobio #section-title .entry-title {
display: block;
width: 370px;
height: 55px;
background: url(../img/headers/header-autobio.png) no-repeat;
}

.page-template-autobio-php .hentry {
margin: 30px 0 0 0px!important;
width: 830px;
}

.page-template-autobio-php .hentry .entry-title, .page-template-autobio-php .hentry .entry-content {
float: right;
width: 370px;
}
.page-template-autobio-php .hentry .entry-title {
color: #d82d35!important;
text-align: center;
padding: 0 10px 11px 0;
}
.page-template-autobio-php .hentry p:first-child {
font-size: 1.6em;
}
.page-template-autobio-php .hentry p:first-child:first-letter {
float: left;
font-size: 3.2em;
margin: 6px 0 0 0;
color: #d82d35;
}

.page-template-autobio-php .featured-image {
float: left;
width: 370px;
margin: 60px 0 0 8px;
text-align: center;
}
.page-template-autobio-php .featured-image img {
max-width: 370px;
}
.page-template-autobio-php .featured-image-caption {
padding: 6px 0;
color: #666;
}
.page-template-autobio-php .image-title {
font-size: 1.6em;
margin: 2px 0;
}
.page-template-autobio-php .image-description {
margin: 2px 0;
color: #999;
}

.page-template-autobio-php .entry-content img {
max-width: 370px;
}

.page-template-autobio-php #page-nav {
clear: both;
float: left;
margin: 30px 0 0 460px;
width: 370px;
text-align: center;
}
.page-template-autobio-php .wp-pagenavi a, .wp-pagenavi span {
color: #999;
}

/* GUESTBOOK -------------------------------------------------------------- */
.page-template-guestbook-php #header {
background: url(../img/bg/920/book-head-bg.jpg) no-repeat;
}
.page-template-guestbook-php #container {
background: url(../img/bg/920/book-bg.jpg) repeat-y;
}
.page-template-guestbook-php #footer {
background: url(../img/bg/920/book-foot-bg.jpg) no-repeat;
}

.page-template-guestbook-php #section-title {
position: absolute;
display: block;
left: 500px;
top: 38px;
width: 370px;
height: 100px;
}
.page-template-guestbook-php #section-title .entry-title {
display: block;
width: 370px;
height: 100px;
background: url(../img/headers/header-guestbook.png) no-repeat;
}

#respond {
position: relative;
margin-left: 185px;
height: 260px;
width: 695px;
}
#reply-title {
position: absolute;
top: 77px;
}
#respond p {
margin: 4px 0 0 0;
}
#respond .logged-in-as {
position: absolute;
top: 100px;
}
.respond-left {
position: absolute;
left: 0;
bottom: 50px;
width: 260px;
}
.respond-left label {
float: left;
width: 200px;
margin: 0 0 4px 0;
color: #999;
}
.comment-form-comment {
position: absolute;
left: 275px;
bottom: 49px;
width: 370px;
}
.comment-form-comment label {
float: left;
width: 300px;
margin: 0 0 4px 0;
color: #999;
}
#respond input, #respond textarea {
background: none;
border: 1px solid #ccc;
}
.respond-left input {
padding: 1px 3px;
}
#respond textarea {
width: 360px;
height: 116px;
padding: 5px;
font-size: 1.2em;
}
.form-submit {
position: absolute;
left: 273px;
bottom: 20px;
}
#respond .form-submit input {
display: block;
width: 50px;
height: 24px;
text-indent: -9999px;
overflow: hidden;
background: url(../img/aro/send.png) top center no-repeat;
border: none;
}
#respond .form-submit input:hover {
background: url(../img/aro/send-over.png) top center no-repeat;
}

/* comments */
#comments {
margin: 0 0 0 -40px;
background: url(../img/bg/000-10.png) ;
padding: 6px 0;
overflow: hidden;
}
#comments-title {
text-align: left;
margin: 8px 0 4px 56px!important;
}
#comments-title em {
font-style: normal;
color: #d82d35;
}
ul.commentlist {
padding: 0 0 0 56px;
width: 864px;
overflow: hidden;
}
ul.commentlist li {
position: relative;
display: inline-block;
float: left;
width: 160px;
margin: 0 56px 16px 0;
padding: 12px 0 0 0;
border-top: 1px dotted #d82d35;
}
ul.commentlist li:nth-child(4n+1) {
clear: both;
}

cite {
font-size: 2em;
line-height: 0.9em;
color: #d82d35;
}
.says {
color: #666;
font-size: 1.6em;
margin: 0 0 0 3px;
}
.avatar {
float: right;
}
.comment-await-mod {
padding: 3px 4px 4px 4px;
margin: 6px 0 0 0;
border: 1px solid #ccc;
color: #888;
text-align: center;
background: #fff;
}
.comment-meta {
margin: 4px 0 0 0;
}
.comment-meta a {
color: #888;
padding: 4px 0;
}
.comment-meta a:hover {
color: #d82d35;
}
.comment-body {
font-size: 1.3em;
line-height: 1.4em;
padding: 6px 0 0 0;
}

#comments .navigation {
padding: 0 40px;
font-size: 1.7em;
text-transform: uppercase;
}
#comments .navigation a {
color: #d82d35;
}
#comments .navigation a:hover {
color: #3835dd;
}


/* RECOMMENDED -------------------------------------------------------------- */
.page-template-recommended-php #container {
width: 864px;
padding: 100px 0 0 56px;
min-height: 340px;
}

.page-template-recommended-php #section-title {
position: absolute;
display: block;
left: 500px;
top: 38px;
width: 358px;
height: 92px;
}
.page-template-recommended-php #section-title .entry-title {
display: block;
width: 358px;
height: 92px;
background: url(../img/headers/header-recommended.png) no-repeat;
}

.page-template-recommended-php .hentry {
width: 160px;
margin: 0 56px 16px 0;
text-align: center;
}
.page-template-recommended-php .hentry img {
max-width: 160px;
max-height: 160px;
}

.page-template-recommended-php .hentry p:first-child {
display: table-cell;
width: 160px;
height: 160px;
vertical-align: middle;
margin: 0;
}

/* CONTACT -------------------------------------------------------------- */
.page-template-contact-php #header {
background: url(../img/bg/920/contact-head-bg.jpg) no-repeat;
}
.page-template-contact-php #container {
background: url(../img/bg/920/contact-bg.jpg) no-repeat;
}
.page-template-contact-php #footer {
background: url(../img/bg/920/contact-foot-bg.jpg) no-repeat;
}

.page-template-contact-php #section-title {
position: absolute;
display: block;
left: 300px;
top: 14px;
width: 350px;
height: 149px;
}
.page-template-contact-php #section-title .entry-title {
display: block;
width: 350px;
height: 149px;
background: url(../img/headers/header-contact.png) no-repeat;
}

.page-template-contact-php #menu-autobio {
position: absolute;
left: 30px;
top: 150px;
width: 180px;
margin: 0;
font-size: 1.3em;
text-align: center;
z-index: 10;
}

/* CLEAN CONTACT */
#contactform {
position: absolute;
left: 310px;
top: 118px;
text-align: left;
border: 0;
width: 336px;
color: #aca69c;
}
.CleanContact input[type="text"] {
width: 247px;
margin: 0 0 7px 0;
padding: 0 3px;
font-size: 1.3em;
line-height: 24px;
color: #333;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
}
.CleanContact input[type="submit"] {
display: block;
width: 100%;
height: 24px;
margin: 8px 0 0 0;
text-indent: -9999px;
overflow: hidden;
background: url(../img/aro/send.png) top center no-repeat;
border: 0px;
}
.CleanContact input[type="submit"]:hover {
background: url(../img/aro/send-over.png) top center no-repeat;
}
.CleanContact label {
display: block;
float: left;
clear: both;
width: 50px;
line-height: 23px;
}
.label-msg {
margin: 15px 0 0 0;
}
.CleanContact textarea {
width: 100%;
height: 204px;
margin: 0 0 .2em 0;
padding: 3px;
font-size: 1.3em;
line-height: 23px;
color: #333;
border-top: 1px dotted #aca69c;
border-left: none;
border-right: none;
border-bottom: 1px dotted #aca69c;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
}
.CleanContact label em {
font-weight: bold;
font-style: normal;
color: #aca69c;
margin: 0 0 0 3px;
}
.CleanContact_msg {
font-size: 1.2em;
padding: 1em;
}
.CleanContact_msg.ok{
background-color: #fff;
border: 1px solid #d82d35;
color: #666;
margin: 2em 0 2em 0;
}
.CleanContact_msg.err{
background-color: #fff;
border: 1px solid #d82d35;
color: #666;
}
#clean_contact_from_name, #clean_contact_from_email, #clean_contact_subject {
border-bottom: 1px dotted #aca69c;
}

/* ERROR 404 -------------------------------------------------------------- */
#img404 {
width: 880px;
height: 430px;
z-index: 5;
}
.error404 #content img {
max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
}
#txt404 {
position: absolute;
left: 520px;
top: 150px;
width: 350px;
margin: 0;
z-index: 6;
}
.error404 #access {
left: 500px;
top: 70px;
}

/* facebook */
.fb_edge_widget_with_comment {
position: absolute!important;
bottom: 30px;
}