/* Wide Mobile Layout: 480px / 12 columns
-------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {

#wrapper {
width: 480px;
}
#vertalign { /* vertical center hack */
height: 6px;
margin-top: 0;
}

#header {
height: 38px;
background: url(../img/bg/480/wrapper-head-bg.jpg) no-repeat;
}
#container, #primary, #secondary {
background: url(../img/bg/480/wrapper-bg.jpg) repeat-y;
}
#footer {
height: 27px;
background: url(../img/bg/480/wrapper-foot-bg.jpg) no-repeat;
}

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

/* main ----------------------------------------------------------- */
#container {
width: 460px;
padding: 180px 0 0 20px;
}
.gallery-title, 
#section-title, 
.page-id-17 .entry-title, 
.page-template-guestbook-php .entry-title,
.page-template-contact-php .entry-title {
left: 140px;
top: 172px;
}
.hentry, .hentry:first-child, .single .hentry, .page .hentry {
width: 430px;
}
#primary, #secondary {
width: 460px;
padding-left: 20px;
margin: 0;
}
#primary {
width: 460px;
padding-top: 148px;
}
#primary ul li, #secondary ul li {
float: left;
width: 210px;
margin-right: 20px;
}
#primary ul li.widget_search {
width: 440px;
text-align: center;
}
#nav-below {
width: 440px;
}

/* footer ----------------------------------------------------------- */
#footer-widget-area {
top: 24px;
width: 480px;
}
#footer-widget-area ul li a {
padding: 14px 0;
width: 480px;
}
#bg-img {
display: none;
}


/* HOMEPAGE -------------------------------------------------------------- */
.home #access, .home #access ul{width:480px; height:320px}
.home #access{background:url(../img/branding/home/480/intro-480.jpg) no-repeat}
.home #access ul{background:url(../img/branding/home/480/intro-480.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:220px; top:50px}
.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; top:50px; height:220px; width:154px}

.home .p-link a{left:20px; width:66px}
.home .p-link a:hover{left:4px; background:url(../img/branding/home/480/p-link-over.png) no-repeat}

.home .o-link a{left:88px; width:66px}
.home .o-link a:hover{left:48px; background:url(../img/branding/home/480/o-link-over.png) no-repeat}

.home .n-link a{left:156px; width:67px}
.home .n-link a:hover{left:115px; background:url(../img/branding/home/480/n-link-over.png) no-repeat}

.home .t-link a{left:225px; width:66px}
.home .t-link a:hover{left:184px; background:url(../img/branding/home/480/t-link-over.png) no-repeat}

.home .i-link a{left:294px; width:30px}
.home .i-link a:hover{left:232px; background:url(../img/branding/home/480/i-link-over.png) no-repeat}

.home .a-link a{left:325px; width:67px}
.home .a-link a:hover{left:285px; background:url(../img/branding/home/480/a-link-over.png) no-repeat}

.home .c-link a{left:394px; width:66px}
.home .c-link a:hover{left:321px; background:url(../img/branding/home/480/c-link-over.png) no-repeat}

.home .gaga-link{left:284px; top:244px; width:131px; height:92px}
.home .gaga-link a{width:131px; height:92px; background:url(../img/branding/home/480/gaga-link.png) no-repeat}
.home .gaga-link a:hover{background:url(../img/branding/home/480/gaga-link-over.png) no-repeat}

/* gallery ----------------------------------------------------------- */
.page-template-gallery-php #header {
height: 264px;
background: url(../img/bg/480/sketch-head-bg.jpg) no-repeat;
}
.page-template-gallery-php #container {
background: url(../img/bg/480/sketch-bg.jpg) no-repeat;
padding: 0;
width: 480px;
min-height: 380px;
}
.page-template-gallery-php #footer {
clear: both;
height: 55px;
background: none;
}
.page-template-gallery-php #footer-widget-area {
width: 480px;
left: 0px;
top: 10px;
}

#slideshow-container {
width: 480px;
height: 540px;
overflow: visible;
}
#slideshow, #controls {
top: 0px;
}
#slideshow, span.image-wrapper, a.advance-link  {
width: 464px;
height: 294px;
}
#controls, .nav-controls  {
width: 460px;
height: 374px;
}
a.advance-link img {
max-width: 440px;
max-height: 280px;
}
#thumbs {
top: 404px;
width: 440px;
height: 126px;
margin: 0 auto;
}
ul.thumbs {
width: 440px;
height: 110px;
}
ul.thumbs li, ul.thumbs li img {
width: 49px !important;
height: 49px !important;
}
#caption {
top: 290px;
width: 480px;
text-align: center
}
#caption .image-title,
#caption .image-excerpt,
#caption .image-description {
width: 450px;
}


/* NEWS  ----------------------------------------------------------- */
.blog #header, .single-post #header {
height: 250px;
background: url(../img/bg/480/paper-head-bg.jpg) no-repeat;
}
.blog #container, .single-post #container {
background: url(../img/bg/480/paper-bg.jpg) repeat-y;
padding: 0 0 0 23px;
width: 457px;
}
.blog #footer, .single-post #footer {
clear: both;
height: 40px;
background: url(../img/bg/480/paper-foot-bg.jpg) no-repeat;
}
.blog #footer-widget-area, .single-post #footer-widget-area {
top: 20px;
padding: 12px 0;
background: url(../img/various/news-footertop-480.png) no-repeat;
}

.blog #section-title, .single-post #section-title {
position: absolute;
display: block;
left: 23px;
top: 180px;
width: 440px;
height: 50px;
}
.blog #section-title .entry-title, .single-post #section-title .entry-title {
display: block;
width: 440px;
height: 50px;
background: url(../img/headers/header-news-480.png) no-repeat;
}

.blog .hentry {
width: 205px;
margin: 0 20px 20px 0;
}
.blog .hentry:nth-child(3n+1) {
clear: both;
}
.news-thumb img {
max-width: 205px;
}
.blog .hentry:first-child {
margin: 0;
}
.news-latest {
width: 430px!important;
}
.header-image img {
max-width: 430px;
}
.paged .hentry {
width: 205px;
margin: 0 20px 20px 0;
}
.paged .hentry:first-child {
margin: 0 20px 20px 0;
}
.paged .hentry:nth-child(3n+1) {
clear: none;
}
.paged .hentry:nth-child(2n+1) {
clear: both;
}
.news-thumb, .entry-title, .entry-date {
text-align: center;
}

/* single */
.single-post .entry-title {
width: 430px;
font-size: 3em!important;
}
.featured-image {
margin: 0 0 12px 0;
}
.featured-image img {
max-width: 430px;
}
.single .entry-content img {
max-width: 430px;
}


/* TAKE-OUT -------------------------------------------------------------- */
.page-template-takeout-php #header, .single-takeout #header {
height: 260px;
background: url(../img/bg/480/takeout-head-bg.jpg) no-repeat;
}
.page-template-takeout-php #container {
background: url(../img/bg/480/takeout-bg.jpg) no-repeat;
padding: 0 0 0 40px;
width: 440px;
height: 1536px;
min-height: 1536px;
}
.page-template-takeout-php #footer, .single-takeout #footer {
clear: both;
height: 70px;
background: url(../img/bg/480/takeout-foot-bg.jpg) no-repeat;
}

.page-template-takeout-php #section-title, .single-takeout #section-title {
position: absolute;
display: block;
left: 36px;
top: 174px;
width: 408px;
height: 63px;
}
.page-template-takeout-php #section-title .entry-title, .single-takeout #section-title .entry-title {
display: block;
width: 408px;
height: 63px;
background: url(../img/headers/header-takeout-480.jpg) no-repeat;
}

#takeout .hentry, .paged #takeout .hentry {
width: 400px;
height: 256px;
margin: 0;
}

#takeout .hentry a {
left: 39px;
top: 27px;
width: 323px;
height: 197px;
background: url(../img/bg/480/takeout-door.png) no-repeat;
}
#takeout .hentry a:hover {
background: url(../img/bg/480/takeout-door-over.png) no-repeat;
}

.takeout-thumb {
left: 39px;
top: 27px;
width: 323px;
height: 197px;
}
.takeout-thumb img {
max-width: 324px;
}

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

.page-template-takeout-php #nav-below {
width: 400px;
}

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

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


/* single */
.single-takeout #container {
padding: 0 0 0 20px;
width: 440px;
min-height: 390px;
}
.single-takeout .hentry {
margin: 0;
width: 450px;
min-height: 390px;
}
.takeout-image {
float: left;
margin: 14px 20px 10px 0;
width: 440px;
text-align: center;
}
.takeout-image img {
max-width: 440px;
max-height: 320px;
}

.single-takeout #nav-below {
width: 440px;
}

/* AUTOBIO, GUESTBOOK, RECOMMENDED -------------------------------------------------------------- */
.page-template-autobio-php #header, .page-template-guestbook-php #header, .page-template-recommended-php #header {
height: 405px;
background: url(../img/bg/480/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/480/book-bg.jpg) repeat-y;
width: 410px;
padding: 0px 0 0 70px;
}
.page-template-autobio-php #footer, .page-template-guestbook-php #footer, .page-template-recommended-php #footer {
height: 45px;
background: url(../img/bg/480/book-foot-bg.jpg) no-repeat;
}

#menu-autobio {
left: 124px;
top: 175px;
width: 240px;
font-size: 1.8em;
text-align: center;
}
#menu-autobio li {
display: block;
min-width: 200px;
margin: 0 14px;
}

/* AUTOBIO -------------------------------------------------------------- */
.page-template-autobio-php #container {
}

.page-template-autobio-php #section-title, .single-autobio #section-title {
left: 66px;
top: 340px;
width: 370px;
height: 55px;
}
.page-template-autobio-php #section-title .entry-title, .single-autobio #section-title .entry-title {
width: 370px;
height: 55px;
background: url(../img/headers/header-autobio.png) no-repeat;
}

.page-template-autobio-php .hentry {
margin: 0 0 0 0!important;
width: 370px;
}
.page-template-autobio-php .hentry .entry-title, .page-template-autobio-php .hentry .entry-content {
float: left;
width: 370px;
}

.page-template-autobio-php .featured-image {
width: 370px;
}
.page-template-autobio-php .featured-image img {
max-width: 300px;
}

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

.page-template-autobio-php #page-nav {
float: left;
margin: 20px 0 0 -10px;
text-align: center;
width: 390px;
}

/* GUESTBOOK -------------------------------------------------------------- */
.page-template-guestbook-php #container {
min-height: 400px;
}

.page-template-guestbook-php #section-title {
left: 135px;
top: 334px;
}

#respond,
#reply-title,
.respond-left,
.respond-left label,
.comment-form-comment,
.comment-form-comment label,
.form-submit,
#comments-title,
ul.commentlist,
ul.commentlist li {
width: 370px;
}

#respond {
height: 380px;
margin-left: 0;
}
#reply-title {
top: 0;
text-align: center;
}
.respond-left,
.respond-left input,
.comment-form-comment label {
text-align: center;
}
.respond-left {
bottom: 230px;
}
.respond-left input {
padding: 3px 2px
}
.comment-form-comment {
left: 0;
bottom: 50px;
}
textarea#comment {
width: 358px;
height: 140px;
}
.form-submit {
left: 0;
bottom: 16px;
text-align: center;
font-size: 1.4em;
}
.form-submit input {
padding: 0 4px 2px 4px;
}

/* comments */
#comments {
margin: 0 0 0 -70px;
width: 458px
}
#comments-title {
margin: 8px 0 4px 50px !important;
text-align: center;
}
ul.commentlist {
padding: 0 0 0 70px;
}
#comments .navigation {
width: 390px;
padding: 0 0 0 60px;
}

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

.page-template-recommended-php #section-title {
left: 135px;
top: 334px;
}

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

/* CONTACT -------------------------------------------------------------- */
.page-template-contact-php #header {
background: url(../img/bg/480/contact-head-bg.jpg) no-repeat;
height: 357px;
}
.page-template-contact-php #container {
background: url(../img/bg/480/contact-bg.jpg) repeat-y;
min-height: 299px;
}
.page-template-contact-php #footer {
background: url(../img/bg/480/contact-foot-bg.jpg) no-repeat;
}

.page-template-contact-php #section-title {
left: 120px;
top: 313px;
width: 240px;
height: 150px;
}
.page-template-contact-php #section-title .entry-title {
width: 240px;
height: 150px;
background: url(../img/headers/header-contact-320.png) no-repeat;
}

.page-template-contact-php #menu-autobio {
left: 124px;
top: 165px;
width: 240px;
font-size: 1.8em;
text-align: center;
}

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

#contactform {
left: 50px;
top: 125px;
width: 394px;
}

.CleanContact input[type="text"] {
width: 320px;
margin: 0 0 6px 0;
}
.CleanContact input[type="text"], .CleanContact label {
line-height: 23px;
}
#clean_contact_from_name {
margin: 0px 0 6px 0;
}
.label-msg {
margin: 20px 0 -3px 0;
}
.CleanContact textarea {
height: 204px;
}
.CleanContact input[type="submit"] {
margin: 3px 0 0 0;
width: 380px;
}


/* ERROR 404 -------------------------------------------------------------- */
#img404 {
width: 460px;
height: 320px;
display: table-cell;
vertical-align: bottom;
text-align: center;
}
.error404 #content img {
max-width: 440px;
margin: 0 0 20px 0;
}
.error404 #access {
left: 151px;
top: 38px;
}
#txt404 {
left: 20px;
top: 140px;
width: 440px;
text-align: center;
}

}

/* Retina media query.
Overrides styles for devices with a 
device-pixel-ratio of 2+, such as iPhone 4.
--------------------------------------------------------------------------------------------------------------------------

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

#wrapper {

}

} */