/* Table of content



----------------------------------------------------*/




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}





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

body {
font-size: .8em;
color: #333;
background-color: #fffbe7;
line-height: 120%;
text-align: center;
font-family: arial;
}

#container {
width: 850px;
background: url('../images/blank.jpg') no-repeat center -25px;
height: 630px;
margin: 0 auto;
margin-top: 20px;
border: none;
text-align: left;
/*overflow: hidden;*/
}

#content{
clear:both;
}
#wrap{
padding-top:60px;
padding-left:60px;
}
#leftContent {
float: left;
width: 276px;
margin-right:10px;
}

#rightSide {
float: left;
width: 400px;
}


h1 {
visibility: hidden;
height: 0;
}

/* NAV
----------------------------------------------------*/
#nav_shell {
margin-top: -6px;
margin-left: 50px;
height: 62px;

/*overflow: hidden;*/
}
#nav_shell img{margin-top:-5px;}


/* LEFT SIDE ----------------------------------------------------*/

#leftContent a {
color: #89a5a5;
border-bottom: 1px dotted #89a5a5;
}




#leftContent a:hover {
border-bottom: 1px dotted #333;
}
#leftContent p {
/*padding: 10px;*/
}

#leftContent img {
padding-top: 20px;
padding-left: 20px;
}



/* RIGHT SIDE ----------------------------------------------------*/

#rightSide img {
text-align: center;
}
#button_station {
display:block;
color: #432e1d;
width:242px;
font-size: 14px;
text-align:center;
padding:6px;
margin:12px;
background-color:#fffbe7;
border:1px dashed #432e1d;
}
#button_station a {
display:block;
color: #432e1d;

border-bottom: 1px solid #432e1d;
}
#button_station a:hover {
color: #4f6764;
border-bottom: 1px solid #000;
}

/* PAPER SIDEBAR ----------------------------------------------------*/

#paper {
width: 276px;
background-image: url(../images/paper_bg_long.png);
background-repeat: no-repeat;
min-height: 100px;
/*overflow: hidden;*/
}
#paper p{
margin-left:-2px; 
width:220px;  
padding-left:20px; 
padding-right:15px; 
padding-bottom:2px;
}
#paper p.welcome {
padding: 8px 18px;
}
#paper table {
width:200px; margin-left:30px; margin-top:10px; color:#57412f;
}
#paper td {
font-weight:bold;
}

#paper.about_us {
min-height:300px; 
background-image: url(../images/paper_bg_long_arrow.png); 
background-position:0 0;
}
#paper.about_us h2 {
padding-left:15px;
}




#paper_footer {
background-image: url(../images/paper_bg_bottom.png);
background-repeat: no-repeat;
height: 38px;
background-position: bottom left;
padding: 0;
margin: 0;
width: 276px;
}

div.button {
cursor:pointer;
}
#paper.about_us h2{
font-size:15px; 
font-weight:bold; 
color:#2c0f18; 
width:200px;
margin:10px 0 0 6px;
background:#fbfeff;
}
#paper.about_us p {
font-family:arial; 
line-height:120%; 
font-size:90%; 
text-align:left-justify; 

padding:10px;
width:230px; 
margin-left:10px;  
text-align:justify; 
color:#888; 
background:#fbfeff;


}
#paper.about_us b{color:#333;}
#paper.about_us p.padded{padding:40px; border:thin red solid;}
#paper.about_us p.long{padding-bottom:40px; }


/* Gallery (Our Store Page) ----------------------------------------------------*/

#mainImage {
background-image: url(../images/image_bg_400.png);
background-repeat: no-repeat;
height: 317px;
width: 410px;
}
#mainImage a.credits {
color: #bbb;
float: right;
padding-right: 21px;
font-size: 9px;
}
#mainImage img {
margin: 11px;
padding-left: 4px;
padding-top: 9px;
}

#galleryThumbs {
width: 280px;
}
#galleryThumbs a img {
padding: 7px;
background-image: url(../images/thumbs/bg.png);
}

#paper p.padded{padding-top:10px; ; margin-left:5px; width:228px;}


/* Form ----------------------------------------------------*/

input.email {
background: #e5f5f5;
color: #333;
border: 1px dotted #432e1d;
float: left;
}
input.newsletter {
background: #e5f5f5;
color: #fff;
float: right;
margin-top: -3px;
margin-left: -30px;
}
#signUp {
margin-left: 20px;
padding-top: 9px;
width: 210px;
background: #fff;
color: #333;
border-top: thin dotted #432e1d;
height: 45px;
margin-top: 10px;
}
#signUp img {
float: right;
padding-top: 3px;
display: none;
}
.signup {
margin-bottom: 6px;
}
.thank-you {margin-top:30px; margin-bottom:20px;}

.contact-thank-you {margin-top:50px;}
.contact-thank-you a {color: #89a5a5;
border-bottom: 1px dotted #89a5a5;}

#events {
text-align: center;
margin-right: 5px;
border-top: 1px dotted #888;
border-bottom: 1px dotted #888;
margin-bottom: 3px;
}

form {
padding-top: 7px;
}

table#info a {
color: #333;
border-bottom: 1px dotted #89a5a5;
}





/* Button Station ----------------------------------------------------*/

#leftContent_buttonStation {
background-image: url(../images/left_paper.png);
background-repeat: no-repeat;
height: 410px;
width:300px;
float:left;
}

#leftContent_buttonStation img.header {padding-top: 20px;
padding-left: 20px;}

#rightSide_buttonStation a {
color: #AECFD5;
}
#rightSide_buttonStation {
width: 380px;
margin: 10px 0 0 20px;
float:left;


}
img.stamp {
margin-top: -4px
}



#buttons img {
padding: 0;
margin: 0;
}
#buttons {
margin-left: 20px; 
width:247px;
}
ol {
margin:20px 0 20px 0;
color: #eee;
}
li {
padding-bottom: 8px;
}
.answer {
color: #aecfd5;
}
#rightSide {
width: 350px;
margin-right: 100px;
}
#leftContent a {
border: none;
}
#leftContent a:hover {
border: none;
}
a img {
border: none;
}
:focus {
-moz-outline-style: none;
}
</style>





/* PRESS LIST ----------------------------------------------------*/

#pressList ul {
list-style-type: none;
margin-left: 68px;
}
/*#pressList ul {
clear: both;
width: 370px;
padding: 15px 15px 15px 10px;
font-size: .9em;
}
*/
#pressList li:hover {
background-color: #fff;
}
#pressList a {
background-color: #fff;
margin: 0;
padding: 0;
}
#pressList a:hover {
background-color: transparent;
}
#pressList li {
display: block;
clear: both;
padding: 0px;
margin: 0;
}
/*#pressList li a {
line-height: 50px;
padding: 1px;
}
*/
#pressList a img {
padding: 0;
margin: 0;
height: 32px;
}

li.cbc {
background: url(../press_logos/cbc.gif) no-repeat left center;
}
li.nytimes {
background: url(../press_logos/nytimes.gif) no-repeat left center;
}
li.western_living {
background: url(../press_logos/western_living.gif) no-repeat left center;
}
li.lonely_planet {
background: url(../press_logos/lonely_planet.gif) no-repeat left center;
}
li.design_sponge {
background: url(../press_logos/design_sponge.gif) no-repeat left center;
}
li.tyee {
background: url(../press_logos/tyee.gif) no-repeat left center;
}
li.poppy_talk {
background: url(../press_logos/poppy_talk.gif) no-repeat left center;
}

li.enRoute {
background: url(../press_logos/enRoute.gif) no-repeat left center;
}


img.stamp {
margin-top: -10px;
margin-left: -12px;
width: 265px;
}


div.info {display:none;}

.ie #wrap {margin:0; padding:50px 0 0 50px; width:700px; }

.ie #leftContent{}
.ie #rightSide {margin:0;}

.ie #container {  }

.ie #nav_shell { margin-top:0px; }


/* dan@marginallyclever.com 20110717 - moved CSS from views to here. */

#press_page img.stamp {margin-top:-10px;  margin-left:-12px; width:265px;}
#press_page li a {color:gray;}
#press_page #leftContent a {background:none; color:red; margin:0; padding:0; }
#press_page #leftContent table img {padding:0; margin:0;}
#press_page #leftContent table { margin-left:22px;}
#press_page #leftContent table td a{ color:#888; top:0px; height:4px; padding:24px;}
#press_page #leftContent table td a:hover{ color:#000; top:0px; height:4px;}
#press_page td {vertical-align:middle; text-align:center;}



#about_us_page #container{background:url(../images/blank_nologo.jpg) no-repeat center -25px;}  
#about_us_page #wrap {
overflow:auto;
height:484px;
}
#about_us_page #div.info {display:none;}  



#contact_page #wrap {
padding-top:60px;
padding-left:45px;
}
#contact_page #contact {
padding:60px 0 0 0 ;
margin-top:0px;width:727px;height:386px; 
background:0px 0px url(../images/postcard3.png) no-repeat; 
}


#contact_page #info {
font-size:11px;
padding-top:21px;
}
#contact_page #signUp {float:left; margin-top:20px; margin-left:20px; background:transparent; border:none; font-size:1em;}

#contact_page input.email {}
#contact_page textarea.message { font-size:12px; border:1px dotted #aaa; background:transparent;}
#contact_page textarea.comments  {font-size:12px; border:1px dotted #aaa; background:transparent;}
#contact_page input.text_box {font-size:12px; border:1px dotted #aaa; width:163px; background:transparent;}
#contact_page form {background:transparent;  width:200px;}
#contact_page #address {padding-left:3.7em;}
#contact_page #hours {padding-left:4.2em;}
#contact_page #header{margin-top:-60px; margin-bottom:10px;}
#contact_page table#info { margin-left:0; margin-top:0;}
#contact_page .thanks {padding-top:40px; width:200px;}
#contact_page form label.form_text {margin-bottom:40px; line-height:30px; vertical-align:top;}
#contact_page input.send {margin-left:10px;}
#contact_page .error_message {color:red;}

#contact_page .ie #header{margin-top:-60px;}
#contact_page .ie #contact{background:0px 0px url(../images/postcard_ie.png) no-repeat;}
#contact_page .ie table#info { margin-left:240px; padding:0; margin: 40px 0 0 230px;}
#contact_page .ie #signUp {width:150px;height:200px; padding-right:0px; }
#contact_page .ie form {padding:0; margin-bottom:0;  height:200px; width:150px;}
#contact_page .ie textarea.message {background:transparent;}