/*
Theme Name: Nivon Watersport
Theme URI: http://nivonwatersport.nl/
Description: Het nieuwe thema voor de Nivon Watersport Wordpress site
Author: Matthis de Wit
Version: 0.1
License: Private
Tags: blue, white, two-columns, fixed-width, custom-header
*/
  @font-face {
    font-family: 'VAGRoundedBTRegular';
    src: url('fonts/vag_rounded_bt-webfont.eot');
    src: url('fonts/vag_rounded_bt-webfont.ttf') format('truetype'),
         url('fonts/vag_rounded_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vag_rounded_bt-webfont.woff') format('woff'),
         url('fonts/vag_rounded_bt-webfont.svg#VAGRoundedBTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  /* ---------------------------------------------------- RESET -----------------------------------------------------*/
  
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  h1,h2,h3,h4,h5,h6,h7,ul,p { padding:0; margin:5px 0; font-weight:normal; font-size:1em; }
  a, a:link { color:inherit; }
  a img { border:none; }
  .clear { clear:both !important; }

  html { overflow-y: scroll; }
  body { padding:0; margin:0; font-size:12px; font-family:Arial;  background:url(images/Bottom_texture.gif) repeat top center; }
  
  h1 { font-family:'VAGRoundedBTRegular',Arial; color:#e65a00; font-size:30px; }
  h2 { font-family:'VAGRoundedBTRegular',Arial; background-color:#3264c8; background-image:url(images/h2_rounded.gif); background-position:top right; background-repeat:no-repeat; color:white; font-size:22px; padding:8px 13px; line-height: 28px; overflow:hidden;
    /* border-radius-es */
    -khtml-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;
  }
  .borderradius h2 { background-image:none; background-color:#3264c8; }
  h3 { font-family:'VAGRoundedBTRegular',Arial; color:#e65a00; font-size:18px; }
  h4 { font-family:'VAGRoundedBTRegular',Arial; color:#e65a00; font-size:15px; }
  #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar h7, #sidebar h1 a, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a, #sidebar h5 a, #sidebar h6 a, #sidebar h7  a { color:white; text-decoration:none; }
  #sidebar h1 a:hover, #sidebar h2 a:hover, #sidebar h3 a:hover, #sidebar h4 a:hover, #sidebar h5 a:hover, #sidebar h6 a:hover, #sidebar h7  a:hover { text-decoration:underline; }
  
  h1 a, h3 a, h4 a, h5 a, h6 a, h7 a { text-decoration:none; color:#e65a00; }
  h2 a { color:white; text-decoration:none; }
  a:link:hover { text-decoration:underline; }
  
  /* ------------------------------------------------- MAIN HEADER --------------------------------------------------*/
  
  #main { width:800px; margin:auto; position:relative; padding:50px 0; }
  #header { position:relative; height:163px; }
  #header h1 { visibility:hidden; position:absolute; top:0; left:0; }
  #header img { display:block; position:absolute; top:0; left:0; }
  
  /* -------------------------------------------------- MAIN MENU ---------------------------------------------------*/
  
  #mainmenu { position:absolute; left:40px; bottom:0; z-index:2; list-style:none; margin:0; font-family:'VAGRoundedBTRegular',Arial; font-size:12px;}
  #mainmenu li { float:left; height:23px; padding:0 11px; position:relative; border-bottom:solid 1px white; margin-left:-1px; }
  #mainmenu li a { display:inline-block; border-top:solid 1px white; text-decoration:none; color:white; background:#3264c8; padding:4px 4px 3px 4px; text-transform:lowercase; height:15px; }
  #mainmenu li .r, #mainmenu li .l { background-image:url(images/mainmenu_rounded.gif); }
  #mainmenu li .l { position:absolute; top:0; left:0; background-position: top right !important; height:100%; width:11px; }
  #mainmenu li .r { position:absolute; top:0; right:0; background-position: top left !important; height:100%; width:11px; }
  #mainmenu li:hover a { background:#ff9900; }
  #mainmenu li:hover .r, #mainmenu li:hover .l { background-image:url(images/mainmenu_rounded_hover.gif); }
  #mainmenu li:hover ul { display:block; }
  #mainmenu ul { display:none; position:absolute; top:100%; left:0; background:#ff9900; list-style:none; margin:0; padding:0; font-family:arial; font-weight:bold; }
  #mainmenu ul li { float:none; padding:0; margin:0; height:auto; width:182px; border:none !important; }
  #mainmenu ul li a { padding:5px 10px; margin:0; text-transform:none; height:auto !important; border-top:solid 1px white !important; display:block; }
  #mainmenu ul li a:hover { color:black; }
  #mainmenu ul .r, #mainmenu ul .l{ display:none !important; }
  
  .borderradius #mainmenu li { height:22px; border:solid 1px white; background:#3264c8;
    /* border-radius-es */
    -khtml-border-top-left-radius:10px; -khtml-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px;
  }
  .borderradius #mainmenu li:hover { background:#ff9900; }
  .borderradius #mainmenu li a { border:none; }
  .borderradius #mainmenu li .r, .borderradius #mainmenu li .l { display:none; }
  .borderradius #mainmenu ul li { height:auto !important; }
  .borderradius #mainmenu ul li a { padding:5px 10px; }
  
  
  /* ----------------------------------------------- NIVON JONG MENU -------------------------------------------------#mainmenu>li>a .msie-fix{ position:relative; top:2px; }*/
  
  .nivonjongmenu { list-style:none; position:absolute; top:0; left:40%; margin:0; width:30%; z-index:3; }
  .nivonjongmenu li { float:left; }
  .nivonjongmenu a { display:block; height:25px; }
  .nivonjongbtn { width:96px; background-image:url(images/nivonjong.gif); }
  .nivonjongcontactbtn { width:81px; background-image:url(images/contact.gif); }
  .nivonjongbtn:hover { background-image:url(images/nivonjongover.gif); }
  .nivonjongcontactbtn:hover { background-image:url(images/contactover.gif); }

  /* ---------------------------------------------------- LAYOUT ----------------------------------------------------*/
  #content-wrapper { background-image:url('images/faux_sidebar.gif'); background-color:white; overflow:auto; width:100%; }
  #sidebar { width:160px; padding:5px 20px 20px; float:left; background:#00aadd; }
  #sidebar .full-sidebar { margin:auto -20px; }
  
  #sidebar a { text-decoration:none; }  
  #sidebar a:hover { text-decoration:underline; }  

  .sidebar { list-style:none; padding:0; margin:0; }
  .sidebar>li>ul { padding-left:20px; }
  
  #content { float:right; width:560px; padding:5px 20px; }
  #content * { max-width:100%; }
  
  #footer { padding-top:3px; height:17px; background:white; background:#D6DEE6; text-align:center; clear:both; position:relative; font-size:10px;
    /* border-radius-es */
    -khtml-border-bottom-right-radius: 20px; -khtml-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;
  }
  #footer .l, #footer .r { position:absolute; bottom:0; height:20px; width:20px; background:url('images/footer_rounded.gif'); }
  #footer .l { left:0; background-position:top right; }
  #footer .r { right:0; background-position:top left; }
  .borderradius #footer .l, .borderradius #footer .r { display:none; }
  
  /* ----------------------------------------------------- POSTS ----------------------------------------------------*/
  
  .post { clear:both; margin:10px 0; overflow:hidden; border-top:solid 1px #eee; position:relative; min-height:218px; }
  .post.single { border:none; }
  .post-extra { width:170px; float:left; padding-right:10px; text-align:right; overflow:hidden; }
  .post.single .post-extra { width:82px; height:82px; }
  .post-extra img.post-image { display:block; margin:5px 0; }
  .post-extra .spacer { margin-top:5px; }
  .post-head .spacer { float:left; width:10px; height:40px; }
  .post-extra .addthis_toolbox { margin-left:13px; }
  .addthis_toolbox a.size32 { height:32px; width:32px; }
  .addthis_toolbox a.addthis_button_facebook_like { padding:0 0 0 2px; width:46px; }
  .post-content { margin-left:180px; }
  .post .atclear { clear:left !important; }
  .post.single .atclear { clear:none !important; }
  .post .date { position:absolute; left:0; top:100%; width:170px; margin-top:-14px; text-align:right; color:#AAA; }
  .post.single .date { position:relative; left:0;top:0; margin:3px 10px 0 0; width:160px; float:left; text-align:left; }
  .post .date-wrapper { float:left; padding:6px 0 0 10px; width:350px; }

  body.home .post .alignleft, body.home .post .alignright { display:none; }

   .widget.widget_text ul {
      padding-left:1em;
      list-style:disc;
      color:white;
      font-size:11px;
   }
  
  /* ------------------------------------------- WORDPRESS POST CONTENT ----------------------------------------- */

blockquote { font-style:italic; border-left:solid 1px #DDD; padding-left:5px; }
.more-link { float:right; }
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
  /* ------------------------------------------ FBAlbums ----------------------------------------------------------- */
  
  #FBAlbums a { color:#e65a00; text-decoration:none; } 
  #FBAlbums a:hover { text-decoration: underline; }