/*
Theme Name: JYO
Theme URI: http://wordpress.org/
Description: JYO.
Version: 0.1
Author: Bernard Rienks & Swantje Haage
Author URI: http://www.webonomic.nl/
Tags: blue, custom header, fixed width, two columns, widgets

	JYO v1.5

	This theme was designed and built by Bernard Rienks,


*/ 


img{
    border:none;
}

a,a:hover, a:visited{
    color:inherit;

}
a:hover{text-decoration: underline;}
body {
    font-size: 12px;
    font-family: "Trebuchet MS", Tahoma,Verdana, Arial, Sans-Serif;
    background-color: #6f0b09;
    background-repeat: repeat;
    color: #353535;
    padding:0px;
    margin:0;
    overflow: scroll;
  }
  .patroon1{
    background-image: url(images/patroon1.png);
  }  
  .patroon2{
    background-image: url(images/patroon2.png);
  }  
 .patroon3{
    background-image: url(images/patroon3.png);
  }  
  .patroon4{
    background-image: url(images/patroon4.png);
  }  
  
ul   li {list-style: disc;}

#page {
    background-color: #ffffff;
    text-align: left;
    width:1000px;
    margin:0 auto;
    padding:0px 20px 60px 20px;
}

#header {
    padding-top:10px;
    height:70px;
    position: relative;
}
#headerimg{position: absolute;
           z-index:2;
           width:985px;
}
#headerimg #logo{
    margin:33px 0 0 105px;
    z-index:2;

}

#headerimg #imgs{
    position: absolute;
    top:50px;
    right:0px;
    width:340px;
    text-align: right;
}
#headerimg #imgs img,#headerimg #imgs object{
    margin: 0px 0px 0 5px;
}

#topmenu{
    position: absolute;
    top:0px;
    right:15px;
    color: #8a1110;}


#topmenu li{
    list-style: none;
    float:left;
    padding:0px 5px 0 5px;
    border-left: 1px solid #8a1110;
    line-height:1em;
    text-transform: uppercase;
}

#topmenu li:first-child{
    border-left: none;
}
#menuleft{
    position: relative;
    float:left;
    width:185px;
    text-align: right;
    margin:40px 0px 0 0;

    text-transform: uppercase;
    padding: 0;
    z-index:5;

}
#menuleft li  a{
    display:block;
}

#menuleft  a[title=ruimte]{
    margin-bottom:2em;
}

#menuleft li.page-item-173 a,#menuleft li.page-item-174 a,#menuleft li.page-item-175 a{
    text-transform: lowercase;

}

#menuleft a, #topmenu a{
    text-decoration: none;
    color:#5a245a;
}
#menuleft li a:hover, #topmenu li a:hover{
    text-decoration: underline;
}
#topmenu .current_page_item a{color: #8a1110;}
#menuleft .current_page_item a, #menuleft li.current-page-ancestor a,#menuleft .current-menu-item a {color: #8a1110;}

#menuleft li.current_page_item, #menuleft li.current-cat,#menuleft .current-page-ancestor,#menuleft .current-post-ancestor, #menuleft .current-menu-item
{background: url(images/circle_small.png)  right no-repeat; }

#menuleft li{
    list-style: none;
    margin:4px 0px;
    font-weight: bold;
    padding-right:10px;
    margin-right: 0px;

}

#content{
    position: relative;
    background:transparent url(images/a00_ece1ec.png) no-repeat bottom center;
    margin:0;
    width:780px;
    padding:40px 0 0 25px;
    float:left;
    border-top:2px solid  #8a1110;
    border-bottom:2px solid  #8a1110;
    margin-left:-10px;
    line-height: 1.5em;
}


/*body.wpsc-shopping-cart, 
body.single-wpsc-product, 
body.tax-wpscproductcategory {background-color: #4f443a;}

.single-wpsc-product #menuleft a, .single-wpsc-product #content a, .single-wpsc-product #topmenu a,
.wpsc-shopping-cart #menuleft a, .wpsc-shopping-cart #content a, .wpsc-shopping-cart #topmenu a,
.tax-wpscproductcategory #menuleft a, .tax-wpscproductcategory #content a, .tax-wpscproductcategory #topmenu a {color: #4f443a;}

.wpsc-shopping-cart #topmenu li,
.single-wpsc-product #topmenu li,
.tax-wpscproductcategory #topmenu li {border-color:#4f443a;}

.wpsc-shopping-cart #title,
.single-wpsc-product #title,
.tax-wpscproductcategory #title{color: #c8bfb5;}

.wpsc-shopping-cart #content, 
.single-wpsc-product #content, 
.tax-wpscproductcategory #content {background:url(http://www.jyo.nl/wp-content/themes/jyo/images/a09_efe9e1.png) no-repeat bottom center;
}*/

/*.post{border-right:1px solid  #8a1110;}*/


#sidebar{
    float:left;
    width:260px;
    padding:0px 0px 0 20px ;
    border-left: 1px solid  #8a1110;
    margin: 0px 0 0 -1px;
}

ul#sidebar>li{
    list-style: none;
    padding:0px 0px 5px 0;
    margin:0 0 20px 0;
    border-bottom: 1px solid #8a1110;
    overflow: auto;
}
ul#sidebar>li:last-child{
    border-bottom: 0px solid #8a1110;
}

#sidebar h2, #sidebar h3,.post h2{
    text-transform: uppercase;

}

.widget_recent_entries li{

}

#sidebar img{
    margin:2px 0 2px 0;
}

#sidebar td,#sidebar th{
    vertical-align:top;
}

#footer, #title{
    clear: both;

}
#footer a{
    text-decoration: none;
    color:#353535;
}
#footer a:hover{
    text-decoration:underline;
}

#title{
    padding-top:20px;
    text-align:right;
    color:#c59fc5;
    font-size:70px;
    height:34px;
    font-weight: bold;
    text-transform: lowercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width:780px;
 }

#content .post{
    width:470px;
    min-height: 500px;
    float:left;
    padding: 0 20px 0 0;
    margin:0 0 20px 0;
}

#content .post .post{
    min-height:0px;
    padding:0;
    margin:0;
}

#content a{
    text-decoration: none;
    color:#5a245a;
    font-weight: bold;
}

#content a:hover{
    text-decoration: underline;
}

#content h2, #content h3, #sidebar h2,#content h2 a,#content h2 a:visited{
    color: #8a1110;
    font-size: 14px;
    margin:0 0 3px 0;
    padding:0;
    font-weight: bold;
}

.post p, #sidebar p{
    margin: 0 0 1.5em 0;
}

#content .post small{margin:-4px 0 1.5em 0;
                     display: block;}

hr {
    color:#8a1110;
    background-color: #8a1110;
    height: 1px;
    border:none;
    margin: 20px 0;
}

.iform th {
    text-align:right;padding-right:10px;
}
table.iform{
    width:85%;
}

.iform input[type=text]{
    width:280px;
}

.iform textarea{
    width:280px;
}

.post ul, .post ol, #sidebar ol, #sidebar ul, #sidebar form{
    margin: 0 0 1.5em 0px;
}

#copy{
    color:#444;
    font-size:.8em;
    margin-left:175px;
}

.iform input[type=text],.iform textarea{
    border:2px solid #bbb;
}

input:focus,textarea:focus{
    border:2px solid #8a1110;
}

.navigation{
    clear: both;
    font-size:.9em;
}

.widget_JYO_Quote {
    background:url(images/quote2-1.png) no-repeat bottom right;
    font-style: italic;

}
.widget_JYO_Quote em{
    font-style: normal;
}
.r {text-align: right;
    padding-right:10px;
}

.widget_JYO_Quote span{
    padding:16px 10px 0 10px;
    margin-left:-10px;display: block;
    background:url(images/quote2.png) no-repeat top left;

}

.widget_search input[type=text] {
    width:100px;
}

#content .widget_JYO_Quote a:hover {
    /*text-decoration: none;*/
}
.widget_JYO_Newsletter_feed form{
    margin:0px;
}
td,th{padding:0px;}
table {width:100%;
       margin: 0 0 1.5em 0;
       border-spacing: 0px;}
table th{text-align: left;
         width:70px;}


.jyo_gallery td{background-color:transparent;
                vertical-align: top;
                padding:2px;color:white;
                width:40%

}
#content .jyo_gallery td a {color:#000;}
.jyo_gallery {border-spacing: 20px;}
.jyo_gallery b {float:left;
}
.jyo_gallery img{display: block;
                 margin:0 auto;
}


/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 0px;
    margin: 0 0 6px 10px;
    display: inline;
}

img.alignleft {
    padding: 0px;
    margin: 0 10px 6px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}
/* End Images */

/* wp-ecommerce*/
.wpsc_category_details{
    margin-bottom: 1em;
   
}

.default_product_display .imagecol{
    float:left;
    padding-right:1em;
    margin-bottom: 2px;
    
}
.default_product_display h2.prodtitle {
    margin-left:140px;
}
.default_product_display{
    clear:both;
    margin-bottom:1.5em;
     overflow: hidden;
}
.wpsc_buy_button_container{
    text-align: right;
    margin-top:-1em;
    
}
.default_product_display p{
/*    margin:0;*/
}
.wpsc_loading_animation{
    float:left;
}
.wpsc_checkout_forms .validation-error {
    color:red;
}
.socialmedia img{
    opacity:.8;
}
    .socialmedia img:hover{
    opacity:1;
}