@charset "UTF-8";
@import url("colorbox.css");
/* CSS Document */

/* 	Dan Jone Sculpture Website
	By Christian Betts - October 2011
	www.danjonesculpture.co.uk
	www.christianbetts.com
*/
	

/******* BODY HTML ********/

body, html {
	margin:0;
	height:100%;
	width:100%;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;

}

/******* MASTEHAD AND NAVI ********/

#nav-block {
	width:940px;
	height:158px;
	/*background-position:0px 45px;
	background-image:url(images/masthead/masthead.png);
	background-repeat:no-repeat;*/
	border-bottom: 1px solid rgb(92,92,92);
	/*padding-bottom:45px;*/

}

/* SET FOR ABSOLUTE POSTIONING OF ELEMENTS */

.absolute-wrapper { 
	position:absolute;
}


#logo {
	width:198px;
	height:70px;
	background-image:url(images/masthead/logo.png);
	background-repeat:no-repeat;
	position:absolute;
	top:45px;
	left:0px;
}

/******** NAV LINK CLASSES *********/

.nav {
	text-decoration:none;
}

.nav a:link {
	color:rgb(77,77,77);
	text-decoration:none;
	display:inline-block;
	padding:2.6px 3px 2.6px 3px;
}

.nav a:hover {
	text-decoration:none;
	background-color:#ccc;
	/*color:white;
	background-color:rgb(77,77,77);*/
	border-radius: 3px;
	margin:0;
	padding:2.6px 3px 2.6px 3px;
}

.nav a:visited {
	display:inline-block;
	text-decoration:none;
	color:rgb(77,77,77);
	margin:0;
	padding:2.6px 3px 2.6px 3px;
}

.nav a:active {
	display:inline-block;
	text-decoration:none;
	color:rgb(77,77,77);
	margin:0;
	padding:2.6px 3px 2.6px 3px;
}


/********** NAV LINK CLASSES END **********/

#nav1 {
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	text-decoration:none;
	position:absolute;
	top:42px;
	left:314px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
}

#nav2 {
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	text-decoration:none;
	position:absolute;
	top:42px;
	left:648px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
}

#nav3 {
	width:67px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	text-decoration:none;
	position:absolute;
	top:42px;
	left:880px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
}


/******* WRAPPER / CONTAINER ********/

#wrapper {
	width:1020px;
	background-color:white;
	margin:auto;
}

#container {
	width:940px;
	height:1240px;
	margin:auto;
	background-color:white;
}

/******* PAGE HEADER ********/

.page-header {
	height:16px;
	width:150px;
	background-position:left;
	background-image:url(images/header/header.png);
	background-repeat:no-repeat;
	padding-top:30px;
	padding-bottom:30px;
}

/******* AJAZ CONTENT DIV ********/

#content {
	display:none;
	width:940px;
	height:980px;
	position:absolute;
}

/******* CONT WRAPPER FOR PREVOIOUS AND NEXT LINKS ********/

#continuation-wrapper {
	width:940px;
	height:auto;
}

/******* FOOTER & FOOTER COPY ********/

#footer {
	border-top: 1px solid rgb(71,71,71);
	width:940px;
	height:42px;
	margin:auto;

}

.footer-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:30px 0px 0px 0px;
	color:rgb(71,71,71)
}

/******* DIVS AND TEXT FOR PROJECT TEXTS ********/

#project-bar {
	float:left;
	width:250px;
	height:436px;
	/*background-color:#ccc;*/
	margin-left:30px;
	position:relative;
	/*border-bottom:1px solid rgb(204,204,204);*/
}

.details {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	padding-bottom:30px;
	/*background-image:url(images/sepper/sepper.png);
	background-repeat:no-repeat;
	background-position:bottom left;*/
	line-height:1.4em;
	/*background-position:left;*/
	
}

.showing {
	margin-top:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	padding-bottom:30px;
	background-image:url(images/sepper/sepper.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	line-height:1.4em;
}
	

.np {
	margin-top:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	padding-bottom:30px;
	text-decoration:none;
	line-height:1.4em;
}

.np a:link {
	color: rgb(77,77,77);
}

.np a:hover {
	text-decoration:underline;

}

.project-image {
	float:left;
}

/******* PRESS *******/

#darts {
	top:0px;
	left:0px;
	width:194px;
	height:273px;
	position:absolute;
}

#darts:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#fish {
	top:0px;
	left:220px;
	width:211px;
	height:237px;
	position:absolute;
}

#fish:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#roty {
	width:221px;
	height:284px;
	top:0px;
	left:450px;
	position:absolute;
	
}

#roty:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#reconn {
	width:254px;
	height:295px;
	top:0px;
	left:692px;
	position:absolute;
}

#reconn:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#wooly {
	width:219px;
	height:385px;
	top:291px;
	left:0px;
	position:absolute;
}

#wooly:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#tabloid {
	width:284px;
	height:259px;
	top:291px;
	left:242px;
	position:absolute;
}

#tabloid:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#korea1 {
	width:236px;
	height:265px;
	top:307px;
	left:542px;
	position:absolute;
}

#korea1:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#arts-council {
	width:131px;
	height:198px;
	top:310px;
	left:800px;
	position:absolute;
}

#arts-council:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#moby {
	width:159px;
	height:243px;
	top:703px;
	left:63px;
	position:absolute;
}

#moby:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#symposium {
	width:286px;
	height:208px;
	top:575px;
	left:240px;
	position:absolute;
}

#symposium:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#korea2 {
	width:248px;
	height:183px;
	top:595px;
	left:542px;
	position:absolute;
}

#korea2:hover {
	opacity:0.7;
	cursor:pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#times {
	width:93px;
	height:406px;
	top:533px;
	left:808px;
	position:absolute
}

#times:hover {
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	cursor:pointer;
}

/****** A links *******/

a:active {
	text-decoration:none;
	border:none;
	outline:none;
}

a:link {
	text-decoration:none;
	border:none;
	outline:none;
}

a:hover {
	text-decoration:none;
	border:none;
	outline:none;
}

a:visited {
	text-decoration:none;
	border:none;
	outline:none;
}

/******** ME *********/

.me {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	line-height:1.4em;
}
	
.me a:link {
	color:#999;
	text-decoration:none;
}
.me a:active {
	color:#999;
	text-decoration:none;
}

.me a:visited {
	color:#999;
	text-decoration:none;
}

.me a:hover {
	color:#333;
	text-decoration:underline;
}