/* universal */

.col1, .col2 .col3 { 
	background: url(images/column-bg.png) #fff;
	
	
}

.col1 a, .col2 a, .col3 a { border: none;}
.col1 img, .col2 img, .col3 img { border: none;}


/* blog style 3-column */
#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* 3 column blog style settings */
	.blogstyle {
	    background:#fff url(../images/faux-column.png) repeat-y;    	/* Right column background colour */
	    text-align: left;
		
	}
    .blogstyle .colmid {
        float:left;
        width:200%;
        margin-left:-150px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */

    }
    .blogstyle .colleft {
        float:left;
        width:100%;
        margin-left:-270px; 	/* Width of centre column */
        background:#fff;    	/* Left column background colour */

    }
    .blogstyle .col1wrap {
        float:left;
	    width:50%;
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */

	}
	.blogstyle .col1 {
        margin:0 40px 0 365px;	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:100%;
	    overflow:visible;
		z-index: 3;
	}
    .blogstyle .col2 {
        float:right;
        width:230px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        left:260px;         	/* Width of the left-had side padding on the left column */
        z-index: 2;

    }
    .blogstyle .col3 {
        float:right;
        width:120px;        	/* Width of right column content (right column width minus left and right padding) */
        position:relative;
        left:645px;



    }

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}


/**** two column ****/
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
/* 2 column right menu settings */
.rightmenu {
   /*  background: url(../images/column-bg.png) repeat-x #fff; */
    background: #fff;

}
.rightmenu .colleft {
    float:left;
    width:205%;
    margin-left:-200px;
    position:relative;
    right:100%;
    background:#fff;
/*     border: 1px solid #000; */
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 40px 0 220px;
    overflow:visible;
    text-align: left;
    z-index: 3;
}
.rightmenu .col2 {
    float:right;
    width:109px;
    position:relative;
    left:137px;
    border-left: 1px dotted #999;
    z-index: 2;
}

.rightmenu .col3 {
	display: none;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
	border-top:1px solid #000;
}
#footer p {
    padding:10px;
    margin:0;
}

#artist-year-select {
	margin-top: 1em;
	padding: 1em;
	border: 1px solid #999;
	background: #eee;
}

/* --> */
</style>
<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
    width:100%;
}
</style>
<![endif]-->