@charset "utf-8";

@import url("reset.css");

/* Global */

body{background: #454545;}

#container{
	min-width: 660px;
	max-width:  960px;
	margin: 15px auto;
	}

#skip{
	display: none;
	}

div.hr {
	clear: both;
  height: 15px;
  padding: 15px 0;
  background: transparent url('../img/short-line.jpg') no-repeat scroll center;
}
div.hr hr {
  display: none;
}

.clear{
	clear: both;
	}

/* Header and Navigation */

#head{
	padding-top: 35px;
	background: url('../img/heading.jpg') no-repeat top center;
	margin-bottom: 60px;
	}
.navigation{
	height: 35px;
	background: url('../img/line.jpg') no-repeat bottom center;
	}

.navigation ul{
	display:block;
	width: 660px;
	margin: 0 auto;
	}
.navigation li{
	float: left;
	padding-right: 53px;
	}
.navigation li:last-child, .navigation .end{
	padding-right:0;
	}
.navigation .current li{
	font-weight: normal;
	}
.navigation li a{
	text-decoration: none;
	color: #fff;
	}
.navigation li a:hover{
	color:#bbb;
	background:none;
	}

.navigation li a.current{
	color: #8a8566;
	} 

/* Footer */

.footer{
	clear: both;
	height: 40px;
	padding-top: 12px;
	background: url('../img/line.jpg') no-repeat top center;
	margin-bottom: 20px;
	}

.footer .navigation{
	background: url('../img/short-line.jpg') no-repeat bottom center;
	}

/* Typography */

*{font-family: "Trebuchet MS",Tahoma,Arial,Helvetica; font-size: 14px; color: #e6e6e6;}

h1,h2{font-weight: bold; margin-bottom: 20px;}
h1{font-size: 20px;}

body#home h1{font-family: "Monotype Corsiva"; font-size: 65px; text-align: center; font-weight: normal;}
body#home .paintings a,
body#home .drawings a {font-size: 18px;}

p{margin-bottom: 16px; line-height: 18px;}

.navigation li a{font-size: 18px;}

blockquote{background: url('../img/blockquote.jpg') no-repeat top left; padding-top: 20px; margin-top: 10px; font-weight: bold; font-style: italic;}
blockquote p{background: url('../img/blockquote.jpg') no-repeat bottom left; padding-bottom: 20px; margin-bottom: 10px;}

a, #main_content a {color: #EEEEEE;}

a:hover{color: #bbb;}

/* Content */

#content{
	width: 660px;
	margin:0 auto 60px;
	}

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

body#background .learn-to-play{
	float: right;
	border: 3px solid #ceccb3;
	margin-left: 20px;
	}

body#background .two-figures{
	float: left;
	border: 3px solid #ceccb3;
	margin-right: 20px;
	}

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

body#home #content{
	width: 960px;
	}

body#home .drawings,body#home .paintings{
	float: left;
	width: 460px;
	}

body#home .drawings, .link-drawings{
	text-align: left;
	padding-left: 20px;
	}

body#home .paintings, .link-paintings{
	text-align: right;
	padding-right: 20px;
	}

body#home .drawings a,body#home .paintings a{
	text-decoration: none;
	display:block;
	}

.link-paintings,.link-drawings{
	float: left;
	width: 460px;
	margin-top: 20px;
	}	

/*---------------------*/
body#portfolio #content{
	width: 960px;
	float: left;
	position: relative;	
	}

body#portfolio .information{
	display:block;
	width: 267px;
	float: left;
	text-align: right;
	margin-right: 60px;
	}

body#portfolio .information h1{
	background: url('../img/line-267.jpg') no-repeat bottom right;
	padding-bottom: 15px;
	}

body#portfolio #content img{
	float: left;
	}

/*---------------------*/
body#portfolio-display #content{
	width: 960px;
	}

.portfolio-link{
	width: 320px;
	float: left;
	height: 250px;
	text-align:center;
	line-height:250px;
	}

.portfolio-link img{
	vertical-align:middle;
	}