/* CSS Document */

/*-----TOOLS-----*/
.clearfix {
    clear: both;
}

TODO {
    border: 1px solid red;
}

/*--------MAIN STRUCTURE--------*/
body {
    margin: 0px;
    padding: 0px;
    text-align:center;
    font-size: 62.5%;
    font-family: "Helvetica", Arial, sans-serif;
    color: #999;
}

div.wrapper {
    margin: auto;
    padding: 0px;
    width: 800px;
    text-align:left;
}

/*--------GENERIC--------*/

a img,
a:active, a:focus{
    border: none;
}

p {
    font-size: 1.3em;
    line-height: 1.4em;
    color: #999;
    background-color: #fff;
}

/*--------MASTHEAD--------*/

div.mast_head {
    width: 600px;
    margin: 30px 0px 0px 100px;
}

.mast_head ul#logo_list{
	margin: 0;
	padding: 0 0 0 12px;
	list-style-type: none;
	width: 143px;
	height: 17px;
	float: left;
}

.mast_head ul#logo_list li { 
	display: block;
	width: 143px;
	height: 17px;
	background: transparent url(../images/logo/logo_jasper_morrison_up.png) no-repeat;
}

.mast_head ul#logo_list li a{
	display: block;
	width: 143px;
	height: 17px;
	text-decoration: none;
}

.mast_head ul#logo_list li a.logo_switch{
	background: transparent url(../images/logo/logo_jasper_morrison_dwn.png) -143px -17px no-repeat;
}

.mast_head ul#logo_list li a.logo_switch:hover{
	background-position: 0 0;
    z-index: 1;
}

.mast_head ul#logo_list li a span{
	display: none;
}

img.page_title {
    float: right;
    padding: 0px 12px 0px 0px;
}

/*--------PHOTO BLOC-------*/

div.photo_bloc {
    clear: both;
    margin: 0px;
    padding: 16px 0px 0px 100px;
    width: 600px;
}

/*--------MONTH NAV--------*/

div.month_nav {
    padding: 16px 0px 0px 100px;
    width: 600px;    
}

div.prev_cont,
div.month_cont,
div.next_cont {
    float: left;
}

div.prev_cont,
div.month_cont {
    width: 12px;
}

div.prev_cont {
    margin: 1px 0px 0px 12px;
}

div.prev_cont a.prev_button,
div.next_cont a.next_button {
    display: block;
    width: 12px;
    height: 13px;
}

div.prev_cont,
div.prev_cont a.prev_button {
    background: url("../images/icon/icon_back.png") 0 0 no-repeat;
}

div.next_cont,
div.next_cont a.next_button {
    background: url("../images/icon/icon_next.png") 0 0 no-repeat;
}

div.prev_cont a.prev_button span,
div.next_cont a.next_button span{
    display: none;
}

div.prev_cont a.prev_button:hover,
div.next_cont a.next_button:hover{
    background-position: 0 -13px;
}

div.month_cont {
    width: 552px;
}

div.month_cont img {
    margin: auto;
    display: block;
}

div.next_cont {
    margin: 1px 0px 0px 0px;
}

/*--------COPY--------*/

div.copy {
    width: 576px;
    margin: 0px 100px;
    text-align:justify;
    padding: 16px 12px 20px 12px;
}

div.copy2 {
    width: 576px;
    margin: 0px 100px;
    text-align:left;
    padding: 16px 12px 20px 12px;
}