/* ======================================================================

   Skansonia.css
   papaya.pariah@gmail.com
   (c) 2009, All Rights Reserved.

   Stylesheet prepared by Timmy Christensen
   papayapariah.com

 ======================================================================== */

/*----------------------------------------------------------------------- 
    Basic Styles
 ------------------------------------------------------------------------ */

body {
    background: #271D13 url(../img/body_bg.gif) center 36px repeat;
    font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
    text-align: center;     /* IE fix, gets set to left in the container. */
}

a:link, a:visited, a:hover, a:active { color: #537FB5; }
address { margin-bottom: 1.0em; }
blockquote { padding: 0 20px; }
form { margin-bottom: 3.0em; }
h1, h2 { margin: 0 auto; width: 850px; }
h1 { background: #FFF url(../img/h1_bg.gif) center top no-repeat; height: 52px; margin-bottom: 10px; }
h2 { background: #FFF url(../img/h2_bg.gif) center top no-repeat; height: 47px; }
h4 { font-size: 1.25em; }
h6 { font-size: 1.0em; margin-bottom: 1.0em; }
h1 span, h2 span { display: none; }
img {
    background: #FFF;
    border: 1px solid #BCA67F;
    display: block;
    margin: 0 auto;
    padding: 2px;
}
input { display: block; }
input#name, input#mail { width: 200px; }
input#subject { width: 313px; }
label { font-size: 1.2em; font-weight: bold; }
noscript { display: inline; }
textarea { width: 313px; } 

.list-heading { margin: -1.5em 0 1.5em 2.0em; padding-top: 0.25em; }

dl#contact-info dt, dl#contact-info dd { display: left; float: left; }
dl#contact-info dt { clear: left; width: 80px; }
dl#contact-info dd { padding-left: 0; }

/*----------------------------------------------------------------------- 
    Basic Layout
 ------------------------------------------------------------------------ */

div.container {
    background: #FFF;
    margin: 0 auto;
    padding-top: 2.5em;
    position: relative;
    text-align: left;
    width: 850px;
}

div#body { margin-top: 3.0em; }


/*----------------------------------------------------------------------- 
    Navigation Layout
 ------------------------------------------------------------------------ */

ul#nav {
    border-top: 1px solid #C9B698;
    border-bottom: 1px solid #C9B698;
    font-size: 1.2em;
    height: 27px;
    list-style: none;
    margin: 22px 60px 1.0em 155px;
}
* html ul#nav { margin-top: 0; }
ul#nav li { display: block; float: left; margin-left: 0; }
ul#nav a {
    color: #343521;
    display: block;
    padding: 5px 10px 4px;
    text-decoration: none;
}
ul#nav a:hover { background: url(../img/hover_bg.png) left top repeat-x; }
ul#nav li#home {
    background: #FFF;
    border: none;
    left: 60px;
    position: absolute;
}
ul#nav li#home a {
    background: #5B5315 url(../img/home_bg.png) center center no-repeat;
    color: #FFF;
    padding: 5px 0 4px 0;
    text-align: center;
    width: 64px;
}


/*----------------------------------------------------------------------- 
    Columns Layout
 ------------------------------------------------------------------------ */

div#columns { background: #EEE8C5; color: #554E19; padding: 1.5em 60px; }
div#columns h3 { border-bottom: 1px solid #BCA67F; color: #95733A; }

div.col { float: left; margin-right: 30px; width: 250px; }
div.col hr {
    background: transparent url(../img/hr_bg.png) left top no-repeat;
    border: none;
    display: block;
    height: 14px;
    margin: 3.0em auto 4.5em;
    width: 244px;
}

div.main { width: 450px; margin-right: 0; }
div.main hr {
    background: transparent url(../img/main_hr_bg.jpg) left top no-repeat;
    height: 18px;
    width: 450px;
}


/*----------------------------------------------------------------------- 
    Margins Layout
 ------------------------------------------------------------------------ */

div.margin {
    background: url(../img/margin_bg.gif) -50px -47px repeat;
    bottom: 47px;
    left: -24px;
    position: absolute;
    top: 47px;
    width: 24px;
}
div.margin + div.margin { background-position: 75px -47px; left: auto; right: -24px; }
* html div.margin { display: none; }


/*----------------------------------------------------------------------- 
    Footer Layout
 ------------------------------------------------------------------------ */

div#footer {
    background: none;
    color: #ECE8B2;
    margin-top: 1.0em;
    margin-bottom: 3.0em;
    padding-top: 0;
    position: relative;
}
div#footer a { color: #ECE8B2; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer div.left { float: left; }
div#footer h4 { font-weight: normal; margin-bottom: 0; }
div#footer ul {
    display: block;
    list-style: none;
    margin-top: 1.5em;
    position: absolute;
    right: 0;
    top: 0;
}
div#footer li { display: block; float: left; margin-left: 7px; }
div#footer li + li:before { content: "•"; margin-right: 7px; }


/*----------------------------------------------------------------------- 
    Page Layouts
 ------------------------------------------------------------------------ */

div#contact h6, div#contact address, div#contact p { margin-bottom: 0; }

/*----------------------------------------------------------------------- 
    Index Gallery Layout
 ------------------------------------------------------------------------ */

div#index-gallery { float: none; height: 487px; margin-bottom: 1.5em; width: 730px; }
div#index-controls, div#index-thumbs { display: none; }

div#index-slideshow span.image-wrapper { width: 730px; }
div#index-slideshow span.image-wrapper a { display: block; }
div#index-slideshow span.image-wrapper a img { width: 724px; }

/*

<-- Styles for thumbs and navigation controls -->

div#index-controls {
    background: url(../img/main_hr_bg.jpg) center top no-repeat;
    height: 42px;
    margin-top: 1.0em;
    margin-bottom: 0;
    width: 450px;
}
div#index-controls div.nav-controls { bottom: 0; height: 18px; top: auto; }
div#index-controls div.ss-controls { padding-top: 24px; }

div#index-thumbs { margin: 0; width: 450px; }
div#index-thumbs div.pagination { display: none; }
div#index-thumbs ul.thumbs { width: 450px; }
div#index-thumbs ul.thumbs li { margin: 0 2px 2px 0; }

*/

div#index img#gallery-decoration { border: none; padding: 0; }
div#index p { margin: 1.5em 0; text-align: center; }


/*----------------------------------------------------------------------- 
    Gallery Layout
 ------------------------------------------------------------------------ */

div#gallery h3 { clear: both; margin-bottom: 2.0em; }

div.gallery-adv, div.thumbs-adv { float: right; margin-bottom: 2.0em; }
div.gallery-adv { width: 450px; }

div.thumbs-adv { margin-right: 30px; width: 250px; }
div.thumbs-adv div.pagination { height: 1.5em; margin-bottom: 8px; }
div.thumbs-adv div.pagination a, div.thumbs-adv div.pagination span.current {
    display: block;
    float: left;
    margin-right: 3px;
    padding: 0 4px;
}


/*----------------------------------------------------------------------- 
    Controls Layout
 ------------------------------------------------------------------------ */

div.controls-adv { margin-bottom: 0.5em; position: relative; }
div.controls-adv div.ss-controls { width: 446px; }
div.controls-adv div.nav-controls { position: absolute; right: 0; top: 0; }
div.controls-adv div.nav-controls a.prev { padding-right: 10px; }


/*----------------------------------------------------------------------- 
    Slideshow Layout
 ------------------------------------------------------------------------ */

div.slideshow-adv span.image-wrapper { display: block; width: 450px; }
div.slideshow-adv span.image-wrapper a img { width: 440px; }


/*----------------------------------------------------------------------- 
    Thumbs Layout
 ------------------------------------------------------------------------ */

ul.thumbs { clear: left; width: 250px; }
ul.thumbs li {
    background: none;
    border: 1px solid #CCC;
    display: block;
    float: left;
    list-style: none;
    margin: 0 10px 5px 0;
    opacity: 0.67;
    padding: 2px;
    width: 104px;
}
ul.thumbs li.selected { background: #000; opacity: 1; }

ul.thumbs li a.thumb { border: 2px solid #FFF; display: block; height: 66px; overflow-y: hidden; }
ul.thumbs li a.thumb:focus { outline: none; }
ul.thumbs li a img { background: none; border: none; display: block; padding: 0; width: 100px; }


/*----------------------------------------------------------------------- 
    Menus Layout
 ------------------------------------------------------------------------ */

div#menus h5 { font-size: 1.2em; margin-bottom: 1.0em; }

h4.pasta-heading { margin-bottom: 0.5em; }
h6.choice { margin-bottom: 0; }


/*----------------------------------------------------------------------- 
    Reviews Layout
 ------------------------------------------------------------------------ */

div#reviews blockquote, div#reviews blockquote p { margin-bottom: 0.25em; }
div#reviews h4 { margin-bottom: 0.25em; }
div#reviews h6 { margin-right: 20px; margin-bottom: 2.5em; text-align: right; }


/*----------------------------------------------------------------------- 
    Resources Layout
 ------------------------------------------------------------------------ */

div#resources h4 { margin-bottom: 0.25em; }


/*----------------------------------------------------------------------- 
    Contact Layout
 ------------------------------------------------------------------------ */

div.message {
    background: #ECE391;
    border: 1px solid #BCA67F;
    font-size: 1.2em;
    margin-bottom: 1.5em;
    padding: 10px;
}

textarea#message { border-color: #727272 #B4B4B4 #DADADA; }

iframe#google-map {
    background: #FFF;
    border: 1px solid #BCA67F;
    height: 360px;
    padding: 4px;
    width: 440px;
}

div#recaptcha_widget_div { margin-bottom: 1.0em; }