/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/

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

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Info boxes

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Conatct Form 

7. LAYOUTS
-7.1 Site Width
-7.2 two-col-left
-7.3 two-col-right
-7.4 three-col-left
-7.5 three-col-middle
-7.6 three-col-right

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

body {
/*background-image:url("http://www.marcelvanderlaan.nl/wp-content/themes/canvas/images/background.png");*/
background-position:center top;
background-repeat:repeat;
border-top:23px solid #F0F0F0;
}

#header {
background-position:center top;
background-repeat:no-repeat;
border:0 solid;
margin-bottom:0;
margin-top:0;
padding-bottom:30px;
padding-top:25px;
}

#navigation {
border-bottom:1px solid #DBDBDB;
font:14px/14px Helvetica,Arial,sans-serif;
margin-bottom:30px;
margin-top:0;
padding:5px 0;
}

.nav li {
float:left;
margin-right:5px;
width:auto;
}

#navigation ul.rss li a {
color:#3088FF;
text-decoration:none;
}

.post-more {
border-bottom:1px solid #DBDBDB;
border-top:1px solid #DBDBDB;
color:#868686;
clear:both;
font:14px/16px Helvetica,sans-serif;
padding:10px 0;
text-transform:none;
}

.post-more span.read-more {
	text-transform:none;
}

.post-more p.tags {
background:url("images/ico-tag.png") no-repeat scroll left center transparent;
clear:both;
margin-bottom:20px;
padding-left:25px;
float:right;
}

.post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {
color:#222222;
font:24px/1.2em Helvetica,sans-serif;
}

.post-meta, .post-meta .post-author a {
color:#868686;
font:12px/1.2em Helvetica,Tahoma,sans-serif;
}

.post-more a {
	color:#555555;
}

.post-more {
border:none;
padding:10px;
background:none repeat scroll 0 0 #F0F0F0;
-moz-border-radius:8px 8px 8px 8px;
}

.entry, .entry p {
color:#555555;
font:15px/1.5em Georgia,serif;
}

.widget {
-moz-border-radius:0 0 0 0;
color:#555555;
font:12px/1.5em Helvetica,sans-serif;
padding:10px;
background:none repeat scroll 0 0 #F0F0F0;
-moz-border-radius:8px 8px 8px 8px;
}

.widget h3 {
border-bottom:none;
color:#555555;
font:normal 14px/1.5em Helvetica,sans-serif;
margin:0 0 10px;
padding:0 0 0px;
text-transform:none;
}

#tabs {
-moz-border-radius:8px 8px 8px 8px;
}

#tabs {
background:none repeat scroll 0 0 #f0f0f0;
display:block;
height:auto;
margin-bottom:30px;
padding:5px;
}

#tabs .inside li a {
color:#555555;
font:normal 12px/1.5em Helvetica,serif;
}

#tabs .inside li span.meta , #tabs ul.wooTabs li a {
color:#555555;
display:inline;
font:11px/20px Helvetica,sans-serif;
text-transform:none;
}

#tabs ul.wooTabs li a {
color:#555555;
display:inline;
font:13px/20px Helvetica,sans-serif;
text-transform:none;
}

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
body, p, .entry, .entry p { font-family:Helvetica, Georgia, sans-serif;}
.main-latest {font-size:11px; padding:15px 15px; border:1px solid #e6e6e6; border-width:1px 0 4px; margin: 0 0 40px; }
.post-meta{margin: 0px 0 10px 0; text-transform:lowercase;}
.post .title, .page .title  { font:normal bold 24px/24px Arial, Helvetica, sans-serif;position:relative; margin: 0 0 10px; }
.main-latest .title {font:normal bold 24px/24px Arial, Helvetica, sans-serif;position:relative;margin: 0 0 0 0;}
.main-latest .title a:link, .main-latest .title a:visited{ color:#c8c8c8; }
#main{width:100%; float:left; display:inline; }

#loopedSlider a.previous  { position:absolute; top:45%; left:-40px; opacity:0.8;}
#loopedSlider a.next { position:absolute; top:45%; right:-40px; opacity:0.8;}

#featured {
width:940px;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
}

#featured .header {
width:260px;
height:170px;
display:inline;
float:left;
margin-left:10px;
margin-right:20px;
position:relative;
}

#featured .featured-widgets {
	width:640px;
	display:inline;
}

#featured #items {
	position:relative;
}

#featured .item {
background:none repeat scroll 0 0 #F0F0F0;
-moz-border-radius:8px 8px 8px 8px;
float:left;
height:170px;
margin-right:20px;
padding:13px;
width:174px;
}

#featured .last {
margin-right:0;
}

#featured .header h3 {
	display:none;
}

#main .right {
	float:right;
    width:500px;
	padding-bottom:25px;
}



.header {
color:#222222;
font:24px/1.5em Georgia,serif;
line-height:1.2em;
margin:0 0 30px;
padding:0;
text-align:left;

}
.header h3, .products h3, .headlines h3 {
	display:none;
}

.products {
float:left;
margin:0 20px 30px 0;
width:230px;
}



.headlines {
background:none repeat scroll 0 0 #F0F0F0;
-moz-border-radius:8px 8px 8px 8px;
float:left;
margin:0 20px 30px 0;
width:200px;
padding:13px;
}

.headlines li {
	margin-bottom:10px;
}

#main .left {
	float:left;
	overflow:hidden;
	width:400px;
	padding-bottom:25px;
}



.divider {
border-top:1px solid #CCCCCC;
clear:both;
margin:25px 0;
}

.showcase {
	margin-top:25px;
}

#search { background:url(images/search-bg.png) no-repeat; height:28px; width:191px; margin-top:3px; position:relative; }
#search input { background:none; border:none; padding:7px 25px 8px 12px; width:156px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#555; }
#search input.submit { position:absolute; right:8px; top:6px; width:15px; height:16px; padding:0; margin:0; }

.fr {
	float:right;
}

#content {
padding:10px 0 40px;
position:relative;
}