/* Tablet Layout: 760px / 19 columns
-------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 991px) {

#wrapper, #header-image {
width: 760px;
}
#vertalign { /* vertical center hack */
height: 50%;
margin-top: -456px;
}

#header {
height: 52px;
background: url(../img/bg/760/wrapper-head-bg.jpg) no-repeat;
}
#container {
min-height: 780px;
background: url(../img/bg/760/wrapper-bg.jpg) repeat-y;
}
#footer {
height: 34px;
background: url(../img/bg/760/wrapper-foot-bg.jpg) no-repeat;
}

/* header ----------------------------------------------------------- */
#access {
left:;
top: 18px;
}

/* main ----------------------------------------------------------- */
#container {
width: 720px;
}
.gallery-title, 
#section-title, 
.page-id-17 .entry-title, 
.page-template-guestbook-php .entry-title,
.page-template-contact-php .entry-title {
top: 143px;
}
.single .hentry, .page .hentry {
width: 580px;
min-height: 749px;
margin: 0 40px 0 100px;
}
/*
#primary, #secondary {
float: right;
width: 200px;
font-size: 1.4em;
}
#primary ul ul, #secondary ul ul {
width: 170px;
border-top: 1px dotted #d82d35;
}
#primary ul ul li, #secondary ul ul li {
padding: 10px 0;
border-bottom: 1px dotted #d82d35;
}
#primary {
padding-top: 148px;
}
*/
#primary {
padding-top: 40px;
margin: 0 -250px 0 40px;
width: 160px;}
#primary ul ul li {
}

#nav-below {
width: 680px;
margin-top: 16px;
}


/* footer ----------------------------------------------------------- */
#footer-widget-area {
width: 760px;
top: 40px;
}
#footer-widget-area ul li a {
padding: 10px 14px;
}

#menu-footmenu li:hover > ul {
display: none;
}


/* HOMEPAGE -------------------------------------------------------------- */
.home #vertalign{height:50%; margin-top:-220px}
.home #container, .home .hentry{min-height: 1px}

.home #access, .home #access ul{width:760px; height:360px}
.home #access{top:40px; background:url(../img/branding/home/760/intro-760.jpg) no-repeat}
.home #access ul{background:url(../img/branding/home/760/intro-760.png) no-repeat}
.home .p-link, .home .o-link, .home .n-link, .home .t-link, .home .i-link, .home .a-link, .home .c-link, .home .prev-link, .home .home-link, .home .next-link, .home .gaga-link{text-indent:-9999px}

.home .p-link a, .home .o-link a, .home .n-link a, .home .t-link a, .home .i-link a, .home .a-link a, .home .c-link a, .home .prev-link a, .home .home-link a, .home .next-link a{position:absolute; height:360px; top:0}
.home .p-link a:hover, .home .o-link a:hover, .home .n-link a:hover, .home .t-link a:hover, .home .i-link a:hover, .home .a-link a:hover, .home .c-link a:hover, .home .prev-link a:hover, .home .home-link a:hover, .home .next-link a:hover{position:absolute; height:360px; width:154px}

.home .p-link a{left:40px; width:102px}
.home .p-link a:hover{left:11px; background:url(../img/branding/home/760/p-link-over.png) no-repeat}

.home .o-link a{left:145px; width:101px}
.home .o-link a:hover{left:116px; background:url(../img/branding/home/760/o-link-over.png) no-repeat}

.home .n-link a{left:250px; width:103px}
.home .n-link a:hover{left:222px; background:url(../img/branding/home/760/n-link-over.png) no-repeat}

.home .t-link a{left:356px; width:104px}
.home .t-link a:hover{left:330px; background:url(../img/branding/home/760/t-link-over.png) no-repeat}

.home .i-link a{left:463px; width:46px}
.home .i-link a:hover{left:408px; background:url(../img/branding/home/760/i-link-over.png) no-repeat}

.home .a-link a{left:512px; width:103px}
.home .a-link a:hover{left:483px; background:url(../img/branding/home/760/a-link-over.png) no-repeat}

.home .c-link a{left:617px; width:103px}
.home .c-link a:hover{left:589px; background:url(../img/branding/home/760/c-link-over.png) no-repeat}

.home .gaga-link{left:475px; top:312px; width:131px; height:118px}
.home .gaga-link a{width:131px; height:118px; background:url(../img/branding/home/760/gaga-link.png) no-repeat}
.home .gaga-link a:hover{background:url(../img/branding/home/760/gaga-link-over.png) no-repeat}

/* GALLERY ----------------------------------------------------------- */
.page-template-gallery-php #header {
height: 240px;
background: url(../img/bg/760/sketch-head-bg.jpg) no-repeat;
}
.page-template-gallery-php #container {
background: url(../img/bg/760/sketch-bg.jpg) repeat-y;
padding: 0;
width: 760px;
min-height: 610px;
}
.page-template-gallery-php #footer {
clear: both;
height: 55px;
background: url(../img/bg/760/sketch-foot-bg.jpg) no-repeat;
}
.page-template-gallery-php #footer-widget-area {
width: 720px;
left: 20px;
top: 46px;
text-align: center;
}

#slideshow-container {
width: 740px;
height: 800px;
overflow: visible;
margin: -240px auto 0 auto;
}
#slideshow, #controls {
top: 240px;
left: 25px;
}
#slideshow, span.image-wrapper, a.advance-link  {
width: 690px;
height: 580px;
}
#controls, .nav-controls  {
width: 684px;
height: 636px;
}
a.advance-link img {
max-width: 684px;
max-height: 580px;
}
#thumbs {
left: 260px;
top: 50px;
width: 464px;
height: 130px;
margin-right: -2px;
}
ul.thumbs {
height: 116px;
overflow: hidden;
}
ul.thumbs li, ul.thumbs li img {
width: 52px !important;
height: 52px !important;
}
#caption {
left: 25px;
top: 820px;
width: 690px;
text-align: center;
}
#caption .caption {
width: 670px;
height: 35px;
}
#caption .image-title {
width: 100%;
background: none;
}
#caption .image-excerpt,
#caption .image-description {
width: inherit;
display: inline;
line-height: 14px;
margin: 0 10px;
}
#caption,
#caption .image-title,
#caption .image-excerpt,
#caption .image-description {
line-height: 1em;
}
#caption .image-excerpt {
color: #333;
}
#caption .image-description {
color: #666;
}

/* NEWS -------------------------------------------------------------- */
.blog #header, .single-post #header {
height: 114px;
background: url(../img/bg/760/paper-head-bg.jpg) no-repeat;
}
.blog #container, .single-post #container {
background: url(../img/bg/760/paper-bg.jpg) repeat-y;
padding: 0 0 0 38px;
width: 722px;
}
.blog #footer, .single-post #footer {
clear: both;
height: 60px;
background: url(../img/bg/760/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-760.png) no-repeat;
}

.blog #section-title, .single-post #section-title {
position: absolute;
display: block;
left: 212px;
top: 44px;
width: 506px;
height: 56px;
}
.blog #section-title .entry-title, .single-post #section-title .entry-title {
display: block;
width: 506px;
height: 56px;
background: url(../img/headers/header-news-760.png) no-repeat;
}

.blog .hentry {
width: 330px;
margin: 0 20px 16px 0;
}
.blog .hentry:nth-child(3n+1) {
clear: both;
}
.news-thumb img {
max-width: 330px;
}
.blog .hentry:first-child {
margin: 0 16px 16px 174px;
}
.news-latest {
width: 506px!important;
}
.header-image img {
max-width: 506px;
}
.paged .hentry {
width: 158px;
min-height: 420px;
margin: 0 16px 0 0;
}
.paged .hentry .news-thumb img {
max-width: 158px;
}
.paged .hentry:first-child {
margin: 0 16px 0 174px;
}
.paged .hentry:nth-child(3n+1) {
clear: none;
}

.blog #nav-below {
font-size: 1.4em;
}

/* single -------------------------------------------------------------- */
.single-post .entry-title {
width: 580px;
}
.featured-image {
margin: 0 0 12px 0px;
}
.featured-image img {
max-width: 505px;
}
.single-post #spacer {
display: block;
float: left;
width: 74px;
height: 404px;
}
.single-post .entry-date {
clear: both;
}

/* TAKE-OUT -------------------------------------------------------------- */
.page-template-takeout-php #header, .single-takeout #header {
height: 154px;
background: url(../img/bg/760/takeout-head-bg.jpg) no-repeat;
}
.page-template-takeout-php #container {
background: url(../img/bg/760/takeout-bg.jpg) no-repeat;
padding: 0 0 0 36px;
width: 724px;
height: 624px;
min-height: 624px;
}
.page-template-takeout-php #footer, .single-takeout #footer {
clear: both;
height: 60px;
background: url(../img/bg/760/takeout-foot-bg.jpg) no-repeat;
}

.page-template-takeout-php #section-title, .single-takeout #section-title {
position: absolute;
display: block;
left: 225px;
top: 43px;
width: 502px;
height: 73px;
}
.page-template-takeout-php #section-title .entry-title, .single-takeout #section-title .entry-title {
display: block;
width: 502px;
height: 73px;
background: url(../img/headers/header-takeout-760.jpg) no-repeat;
}

#takeout .hentry, .paged #takeout .hentry {
width: 326px;
height: 208px;
margin: 0 36px 0 0;
}
#takeout .hentry a {
left: 32px;
top: 23px;
width: 263px;
height: 159px;
background: url(../img/bg/760/takeout-door.png) no-repeat;
}
#takeout .hentry a:hover {
background: url(../img/bg/760/takeout-door-over.png) no-repeat;
}

.takeout-thumb {
left: 32px;
top: 23px;
width: 263px;
height: 159px;
}
.takeout-thumb img {
max-width: 266px;
}

#takeout h2.entry-title {
font-size: 2em;
margin: 30px 0 0 0;
}
.takeout .item {
font-size: 1.3em;
}
.takeout .price {
font-size: 1.3em;
}

.page-template-takeout-php #nav-below, .single-takeout #nav-below {
width: 694px;
}

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

/* wp-pagenavi */
.page-template-takeout-php #page-nav {
top: 644px;
width: 694px;
}


/* single */
.single-takeout #container {
padding: 0 0 0 36px;
width: 724px;
min-height: 390px;
}
.single-takeout .hentry {
margin: 0;
width: 688px;
}

/* AUTOBIO, GUESTBOOK, RECOMMENDED -------------------------------------------------------------- */
.page-template-autobio-php #header, .page-template-guestbook-php #header, .page-template-recommended-php #header {
height: 190px;
background: url(../img/bg/760/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/760/book-bg.jpg) repeat-y;
}
.page-template-autobio-php #footer, .page-template-guestbook-php #footer, .page-template-recommended-php #footer {
height: 50px;
background: url(../img/bg/760/book-foot-bg.jpg) no-repeat;
}

#menu-autobio {
left: 220px;
top: 114px;
width: 520px;
font-size: 1.8em;
text-align: right;
}
#menu-autobio li {
display: inline-block;
min-width: 40px;
margin: 0 14px;
background: none;
}

/* AUTOBIO -------------------------------------------------------------- */
.page-template-autobio-php #section-title, .single-autobio #section-title {
left: 215px;
top: 190px;
}

.page-template-autobio-php .hentry {
margin: 44px 0 0 100px!important;
width: 530px;
}

.page-template-autobio-php .hentry .entry-title, .page-template-autobio-php .hentry .entry-content {
float: left;
width: 530px;
}
.page-template-autobio-php .featured-image {
width: 530px;
margin: 0;
}

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

.page-template-autobio-php #page-nav {
margin: 10px 0 10px 100px;
width: 530px;
}


/* GUESTBOOK -------------------------------------------------------------- */
.page-template-guestbook-php #section-title {
left: 236px;
top: 30px;
width: 310px;
height: 75px;
}
.page-template-guestbook-php #section-title .entry-title {
display: block;
width: 310px;
height: 75px;
background: url(../img/headers/header-guestbook-760.png) no-repeat;
}

.page-template-guestbook-php .hentry {
min-height: 0;
}

#respond {
height: 336px;
margin-left: 198px;
width: 448px;
}
#reply-title {
top: 0;
font-size: 2.4em!important;
}
#respond p {
margin: 8px 0 0 0;
}
.respond-left {
bottom: 210px;
width: 400px;
}
.respond-left label {
width: 50px;
margin: 6px 0 0 0;
}
#respond input {
padding: 2px 3px;
}
.comment-form-comment, .form-submit {
left: 0;
}
/* comments */
#comments {
width: 725px;
}
#comments-title {
margin: 10px 0 6px 240px !important;
font-size: 2.1em!important;
}
ul.commentlist {
overflow: hidden;
padding: 0 0 0 120px;
width: 640px;
}
ul.commentlist li {
width: 256px;
}
ul.commentlist li:nth-child(4n+1) {
clear: none;
}
ul.commentlist li:nth-child(2n+1) {
clear: both;
}
#comments .navigation {
padding: 0 36px 0 120px;
margin: 10px 0;
}
#comments .navigation a {
padding: 8px;
}

/* RECOMMENDED -------------------------------------------------------------- */
.page-template-recommended-php #container {
width: 654px;
padding: 0 0 0 106px;
}

.page-template-recommended-php #section-title {
left: 226px;
top: 30px;
width: 310px;
height: 79px;
}
.page-template-recommended-php #section-title .entry-title {
display: block;
width: 310px;
height: 79px;
background: url(../img/headers/header-recommended-760.png) no-repeat;
}

.page-template-recommended-php .hentry {
width: 160px;
min-height: 1px;
margin: 0 56px 16px 0;
}
.page-template-recommended-php .hentry p:first-child {
width: 160px;
}

/* CONTACT -------------------------------------------------------------- */
.page-template-contact-php #header {
background: url(../img/bg/760/contact-head-bg.jpg) no-repeat;
height: 257px;
}
.page-template-contact-php #container {
background: url(../img/bg/760/contact-bg.jpg) no-repeat;
min-height: 609px;
padding: 0;
}
.page-template-contact-php #footer {
background: url(../img/bg/760/contact-foot-bg.jpg) no-repeat;
}

.page-template-contact-php #menu-autobio {
left: 220px;
top: 114px;
width: 520px;
font-size: 1.8em;
text-align: right;
}

.page-template-contact-php #section-title {
left: 200px;
top: 180px;
}

.page-template-contact-php .hentry {
min-height: 1px;
}

#contactform {
left: 150px;
top: 106px;
width: 470px;
}

.CleanContact input[type="text"] {
width: 320px;
margin: 0 0 15px 0;
}
.CleanContact input[type="text"], .CleanContact label {
line-height: 32px;
}
#clean_contact_from_name {
margin: 7px 0 15px 0;
}
.label-msg {
margin: 29px 0 -8px 0;
}
.CleanContact textarea {
height: 312px;
}



/* ERROR 404 -------------------------------------------------------------- */
#img404 {
width: 700px;
height: 800px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.error404 #content img {
max-width: 700px;
}
.error404 #access {
left: 460px;
top: 100px;
}
#txt404 {
left: 480px;
top: 200px;
}


}