/*  
Theme Name: Theme Wijnkoperij BonTon 900
Theme URI: http://wordpress.org/
Description: A Theme Wijnkoperij BonTon

*/



/* Main CSS Styles
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

html {
  font-size: 100%; /* IE Fix */
  }

body {
  margin: 0 auto;
  width: 900px;
  font: 0.75em  Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color: #000000;
  background: #552d09 url(images/page-background.jpg) center top no-repeat;
  }
  
#container {
  margin: 23px 0 6px 1px;
  }

#content-container {
  margin: 12px 0 0 0;
  padding: 0 0 15px 0;
  width: 900px;
  background: #ffffff url(images/middle-background.jpg) repeat-y;
  float: left;
  clear: left;
  }


/* Heading Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

h1 {
  padding: 3px 0 3px 12px;
  color: #FFFFFF;
  background: #8fca00;
  font-weight: bold;
  }
  
h2 {
  padding: 3px 0 3px 12px;
  color: #FFFFFF;
  background: #8fca00;
  font-weight: bold;
  }

h3 {
  padding: 2px 0 10px 12px;
  color: #8fca00;
  font-size: 20px;
  font-weight: bold;
  }



/* Logo Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#logo {
  padding: 0 0 0 5px;
  float: left;
  }


/* Search Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#search {
  padding: 10px 15px 0 0;
  width: 570px;
  float: right;
  text-align: right;
  }

.buttonSubmit {
  width: 64px;
  height: 24px;
  color: #FFFFFF;
  background: url(images/search.jpg);
  font-weight: bold;
  border: none;
  }


/* Header Navigation Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#navigation {
  margin: 56px 0 0 27px;
  float: left;
  font-size: 1.1em;
  }

li.first { display: inline; border: none; } 
li.page_item {display: inline; border-left: 1px solid black;  padding-left: 5px; margin-right: 3px; }

#navigation a:link {color: #000000; text-decoration: none; font-weight: bold; }

#navigation a:hover {color: #552d09; text-decoration: underline; font-weight: bold; }

#navigation a:visited {color: #000000; text-decoration: none; font-weight: bold; }


/* Left Side Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#left-side {
  padding: 0 10px 0 16px;
  font-size: 1.1em;
  float: left;
  }
  
div.left-content div, div.left-content ul { /* Some margin for the widgets */
  margin: 10px; 
  }  
  
div.left-content li {
  margin: 10px 0;
  }  

#left-side img {
  margin: 10px 0 0 0;
  padding: 3px;
  border: 1px solid #b1b1b1;
  }

.left-content {
  margin: 10px 0 0 0;
  padding: 1px;
  width: 254px;
  border: 1px solid #b1b1b1;
  background: #ffffff;
  }

.left-content2 {
  margin: 0 0 0 5px;
  padding: 0 0 20px 0;
  width: 254px;
  height: 54px;
  border: 0;
  background: #FFF;
  display: block;
  }

.link a:link {
  color: #552d09;
  text-decoration: none;
  font-weight: bold;
  }

.link a:hover {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  }

.link a:visited {
  color: #552d09;
  text-decoration: none;
  font-weight: bold;
  }


/* Right Side Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#right-side {
  float: left;
  font-size: 1.1em;
  color: #482404;
  }

#right-side img {
  margin: 0px 10px 10px -2px;
  }
  
#right-side .post img {   /* voor thumbs op nieuws pagina */
  margin: 0;
  padding-bottom: 15px;
  }
  
  
.right-content {
  margin: 10px 0 0 0;
  padding: 1px;
  width: 600px;
  border: 1px solid #b1b1b1;
  background: #ffffff;
  }

.right-content ul, .right-content ol {
  margin-left: 40px;
  list-style: disc; 
  }
  
.right-content li {
  margin: 3px 0;
  }

   
.wineBox {
  margin: 5px 0;
  width: 448px;
  float: left;
  }

.right-content p span {
display: none;
}
  
span.link-right { 
  float: right;
  margin: -20px 10px 0 0;
  }

.link a:link {
  color: #552d09;
  text-decoration: none;
  font-weight: bold;
  }

.link a:hover {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  }

.link a:visited {
  color: #552d09;
  text-decoration: none;
  font-weight: bold;
  }



/* Footer Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#footer {
  height: 43px;
  padding: 5px 18px 0 0;
  clear: both;
  text-align: right;
  font-size: 0.9em;
  color: #552d09;
  text-decoration: none;
  font-weight: bold;
  background: url(images/footer-background.jpg) no-repeat;
  }


/* Site Colors and Basic Styles Begin Below 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

p {padding: 10px 7px 10px 10px; }

a:link {color: #552d09; text-decoration: underline; font-weight: normal; }

a:hover {color: #000000; text-decoration: underline; font-weight: normal; }

a:visited {color: #552d09; text-decoration: underline; font-weight: normal; }