/*  
Theme Name: Café Ipanema
Theme URI: http://ipanema.nl/
Description: Café Ipanema standard theme, includes mailing list functionality
Version: 1.1
Author: Barry Ceelen
Author URI: http://multipop.org
*/

@import url("reset.css");
@import url("style-fonts.css");

* {
padding: 0px;
margin: 0px;
}

body {
background:#393939 url(images/bg-body-sidebar.gif) left top repeat-y;
min-width:960px; /* doesn't work for older ie, but else keeps the header & subcontent from shrinking */
}

.hidden {
display:none;
}

#header {
width:100%;
height:90px;
background:#000;
float:left;
}

#header h1 {
width:310px;
height:90px;
float:left;
background:#000;
}

#header h1 a {
background:#000 url(images/bg-logo.gif) no-repeat bottom center;
width:310px;
height:90px;
display:block;
}

#header h1 a span {
display:none;
}

#sidebar {
width:310px;
height:750px; /* 720px + 30px top padding for black background */
background:#000;
overflow:hidden;
position:absolute;
left:0px;
top:90px
}

.maaszijde {
color:#fff;
float:right;
display:inline;
line-height:90px;
margin:0 45px 0 0;
}

#container {
background:#fff url(images/bg-body-sidebar.gif) left top repeat-y;
float:left;
width:100%;
}

#content {
float:left;
width:960px;
}

#subcontent {
float:left;
width:100%;
}

#footer {
float:left;
display:inline;
margin-left:310px;
height:50px;
}

/* ******************************************************* Post */

.post {
float:right;
display:inline;
width:650px;
padding:0 0 20px 0;
}

.with-sidebar {
width:449px !important;
margin-left:0px !important;
}

.edit-link {
font-size:12px;
margin:0 0 10px 30px;
display:block;
}

#kitchen a.post-edit-link {
color:#00ACFF;
text-decoration:none;
}

#kitchen a:hover.post-edit-link {
color:#fff;
}

/* ******************************************************* Post Sidebar */

#sidebar-post {
border-right:1px dotted #ccc;
float:left;
display:inline;
margin:0 0 30px 310px;
padding:30px 0 0 0;
}

.widget {
padding:0 0 20px 0;
width:200px;
}

.widget h2 {
background:#C55038 none repeat scroll 0 0;
color:#f1f1f1;
display:inline;
font-size:10px;
letter-spacing:0.6px;
line-height:20px;
margin:0;
padding:4px 5px 2px 30px;
text-transform:uppercase;
}

.widget h3 {
color:#444;
font-size:12px;
font-weight:bold;
margin:20px 0 -10px 0;
padding:2px 5px 2px 30px;
}

.widget p {
color:#444;
font-size:13px;
line-height:18px;
margin:20px 10px 0 30px;
}

.widget p a {
color:#444;
text-decoration:none;
padding-left:2px;
}

.widget p a:hover {
color:#00ACFF;
text-decoration:underline;
}

.widget form {
margin:20px 0 0 30px;
}

.widget input {
margin:0 0 6px 0;
}

/* ******************************************************* Navigation */

#navigation {
height:60px;
width:100%;
border-bottom:1px dotted #ccc;
background:#fff;
float:left;
}

#navigation ul {
height:40px;
background:#fff;
margin:0 0 0 330px;
padding:0px;
float:left;
display:inline;
}

#navigation ul li {
display:inline;
}

#navigation ul li a {
font-family:Helvetica,Arial,sans-serif;
font-size:116%;
font-weight:bold;
line-height:63px;
padding:8px 10px 5px;
text-decoration:none;
white-space:nowrap;
color:#000;	
}

.current_page_item a {
color:#fff !important;
background:#00acff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

/* ******************************************************* Menukaart */

#kitchen {
padding:25px 0 0;
margin-left:310px;
}

#kitchen strong {
background:#929292 none repeat scroll 0 0;
font-size:12px;
font-weight:normal;
margin:0 0 0 0;
padding:6px 16px 4px 28px;
text-transform:uppercase;
}

#kitchen ul {
margin:25px 0 25px 0;
}

#kitchen ul li {
border-top:1px solid #444444;
border-bottom:1px solid #444444;
color:#CCCCCC;
font-size:14px;
margin-top:-1px;
padding:6px 0 4px 30px;
position:relative;
}

#kitchen ul li strong {
display:block !important;
font-size:14px !important;
font-weight:normal !important;
margin:4px 0 5px !important;
padding:0px !important;
background:none !important;
text-transform:none !important;
}

.ingredienten {
display:block;
font-size:12px;
font-weight:normal;
margin:0 0 4px;
padding-right:60px;
}

.prijs {
font-size:12px;
left:542px;
position:absolute;
top:10px;
}

/* ******************************************************* Home page subcontent */

#homestuff {
margin-left:310px;
}

#homestuff h3 {
float:left;
display:inline;
background:#929292 none repeat scroll 0 0;
font-size:12px;
font-weight:normal;
margin:20px 0;
padding:6px 16px 4px 28px;
text-transform:uppercase;
}

#homestuff ul {
margin:0 0 0 0;
}

#homestuff ul li {
float:left;
display:inline;
width:100%;
min-width:700px; /* I know, doesn't always work, just a temporary patch */
margin-top:-1px;
padding:7px 0 10px 0;
border-top:1px solid #444;
border-bottom:1px solid #444;
color:#ccc;
font-size:14px;
}


#homestuff ul li h4 {
float:left;
font-size:14px;
width:190px;
text-align:right;
}

#homestuff ul li strong {
clear:right;
float:left;
display:inline;
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
width:475px;
}

#homestuff ul li p {
float:left;
display:inline;
width:475px;
margin:0 0 0 10px;
font-size:13px;
line-height:15px;
}

#homestuff ul li p a {
color:#ccc;
}

#homestuff ul li img {
display:none;
}

#homestuff ul li small {
display:block;
font-size:11px !important;
margin:6px 0 0 0;
padding:5px 0 0;
width:475px;
}

#homestuff ul li small a {
color:#ccc;
text-decoration:none;
}

#homestuff ul li small a:hover {
color:#fff;
text-decoration:none;
}

/* ******************************************************* Nieuwsbrief */

#subscription-form {
width:100%;
float:left;
background:#e1e1e1;
border-top:1px solid #e2e2e2;
}

#subscription-form h3 {
color:#444;
display:inline;
float:left;
font-size:14px;
line-height:55px;
margin:0 10px 0 340px;
}

.error, .success {
float:left;
line-height:53px;
}

.error span, .success span {
font-size:11px;
letter-spacing:0.4px;
margin:0 0 0 10px;
padding:6px 8px 4px 19px;
text-transform:uppercase;
}

.error span {
background:transparent url(images/bg-arrow-error.gif) no-repeat scroll left center;
color:#fff;
}

.success span {
background:transparent url(images/bg-arrow-success.gif) no-repeat scroll left center;
color:#fff;
}

#newsletterForm {
float:left;
line-height:53px;
}

#newsletterLoading {
float:left;
line-height:55px;
margin-left: 10px;
}


/* ******************************************************* Agenda */

#agenda {
margin-left:310px;
}

#agenda h3 {
float:left;
display:inline;
background:#929292 none repeat scroll 0 0;
font-size:12px;
font-weight:normal;
margin:20px 0;
padding:6px 16px 4px 28px;
text-transform:uppercase;
width:20px;
}


#agenda ul {
margin:0 0 0 0;
}

#agenda ul li {
float:left;
display:inline;
width:100%;
margin-top:-1px;
padding:7px 0 10px 0;
border-top:1px solid #444;
border-bottom:1px solid #444;
color:#ccc;
font-size:14px;
}


#agenda ul li h4 {
float:left;
font-size:14px;
width:62px;
text-align:right;
}

#agenda ul li strong {
clear:right;
float:left;
display:inline;
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
width:475px;
}

#agenda ul li p {
float:left;
display:inline;
width:475px;
margin:0 0 0 10px;
font-size:13px;
line-height:15px;
}

#agenda ul li p a {
color:#ccc;
}

#agenda ul li img {
display:none;
}

#agenda ul li small {
display:block;
font-size:11px !important;
margin:6px 0 0 0;
padding:5px 0 0;
width:475px;
}

.vcallink {
margin-right:3px;
}

#agenda ul li small a {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#4d4d4d;
border:1px solid #666666;
color:#ccc;
padding:2px 3px 0 2px;
text-decoration:none;
}

#agenda ul li small a:hover {
background:#ccc;
color:#4d4d4d;
text-decoration:none;
}

#add-calendar-item-button {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:#00FFFF none repeat scroll 0 0;
color:#444;
float:left;
font-size:12px;
font-weight:bold;
margin:20px 0 0 70px;
padding:4px 6px 6px 7px;
text-decoration:none;
}

#agenda-link {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:#00FFFF none repeat scroll 0 0;
color:#444;
float:left;
font-size:12px;
font-weight:bold;
margin:20px 0 0 200px;
padding:6px 10px 6px 7px;
text-decoration:none;
}

/* ******************************************************* Google Map */

#googlemap {
width:310px;
height:720px;
position:absolute;
left:0px;
top:125px;
overflow:hidden;	
}

#googlemap-overlay {
width:10px;
height:720px;
position:absolute;
left:300px;
top:125px;
background:url(images/gmap-overlay-shadow.png);
}

.ipanema-label {
width:74px;
height:47px;
background:url(images/flag-ipanema.gif) no-repeat left top;
display:block;
}

/* ******************************************************* Multipop Link */

#footer {
width:650px;
}

#footer p {
background:#ccc none repeat scroll 0 0;
border-top:1px solid #bbb;
color:#000;
float:right;
font-size:10px;
margin-top:0;
padding:7px 8px 5px;
text-transform:uppercase;
}

#footer p a {
color:#000;
text-decoration:none;
}

#footer p a:hover {
text-decoration:underline;
}