/* Centre for Fine Print Research */

/* Designed by Chesapeake www.wearechesapeake.org */

/* v.1.0 2009 */


/* U N I V E R S A L S */

/* Clear Margins and padding */

* {
	margin:0;
	padding:0;
	text-align:left;
}

img {
	border:0;
}

a, a:visited {
	outline:none;
	color:#0FF;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#06C;
	text-align: right;
}


/* P A G E */


body {
	height:100%;
	background:#000;
	text-align:center;
}

body, #twocolumnprimary, #twocolumnsecondary, #threecolumnprimary, #threecolumnsecondary, #threecolumntertiary {
	font-family:'helvetica neue', 'helvetica', 'arial', sans-serif;
	color:#FF6;
	font-size:12px;
	line-height:1.4em;
}

#wrapper {
	width:940px;
	background-color:#000;
	display:block;
	border-top:2px solid #0093D3;
	border-bottom:2px solid #CC006B;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	margin: 0 auto 20px;
}

#content {
	width:880px;
	padding:10px 30px 20px 30px;
	background-color:#000;
	display:inline-block;
}

#footer {
	width:880px;
	background:url(../images/footer.jpg) top left no-repeat #000;
	display:block;
	padding:80px 30px 10px 30px;
	margin-top:10px;
	height:41px;
	color:#ccc;
	font-size:10px;
}

/* Div holding large, 2 column spanning image */

#imagecontent {
	width:590px;
	background-color:#000;
	float:left;
	font-size:0;
	line-height:0;
}

.imagecontentimg{
	margin:0 0 15px 0;
}

/* M A S T H E A D */

#masthead {
	width:940px;
	background-color:#000;
	margin:0 0 10px 0;
}

#breadcrumbs {
	width:880px;
	background-color:#000;
	padding:0 30px 0 30px;
	margin:0 0 -5px 0;
	font-size:10px;
}

/* Holds logo and extras menu */

#logoblock {
	width:880px;
	background-color:#000;
	height:191px;
	display:block;
}

#extrasmenu {
	float:right;
	display:block;
	position:relative;
	text-align:right;
	height:110px;
}

.logo {
	float:left;
}

.uwelogo {
	margin-bottom:55px;
}


/* 2  C O L U M N  L A Y O U T */

#twocolumnprimary {
	clear:left;
	width:580px;
	float:left;
	margin:0 10px 0 0;
	padding:20px 0 20px 0;
	border-top:#1C6599 4px solid;
}

#twocolumnsecondary {
	width:280px;
	float:left;
	margin:0 0 0 10px;
	padding:20px 0 20px 0;
	border-top:#44BBE0 4px solid;
}


/* 3  C O L U M N  L A Y O U T */

#threecolumnprimary {
	width:280px;
	margin:0 10px 0 0;
	float:left;
	background-color:#000;
	padding:20px 0 20px 0;
	border-top:#1C6599 4px solid;
}

#threecolumnsecondary {
	width:280px;
	margin:0 10px 0 10px;
	float:left;
	background-color:#000;
	padding:20px 0 20px 0;
	border-top:#44BBE0 4px solid;
}

#threecolumntertiary {
	width:280px;
	margin:0 0 0 10px;
	float:left;
	background-color:#000;
	padding:20px 0 20px 0;
	border-top:#FF1F6A 4px solid;
}

/* A D D I T I O N A L  C O L U M N  S E C T I O N S */

/* Narrow column */

#primary {
	width:280px;
	background-color:#000;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
	border-top:#1C6599 4px solid;
}

#secondary {
	width:280px;
	background-color:#000;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
	border-top:#44BBE0 4px solid;
}

#tertiary {
	width:280px;
	background-color:#000;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
	border-top:#FF1F6A 4px solid;
}

#fourth {
	width:280px;
	background-color:#000;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
	border-top:#BFEF3C 4px solid;
}

#links {
	width:280px;
	background-color:#000;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
	border-top:#c3c3c3 4px solid;
}

#gallery {
	clear:left;
	width:580px;
	float:left;
	margin:0 10px 0 0;
	padding:20px 0 20px 0;
	border-top:#1C6599 4px solid;
}

	#gallery p {
		text-indent:1em;
	}


/* Column Items */
/* Line separators */

.linksitem {
	border-bottom:#CCC 1px dotted;
	padding-bottom:10px;
	margin-bottom:10px;
}

.primaryitem {
	border-bottom:#bcd0dc 1px dotted;
	padding-bottom:10px;
	margin-bottom:10px;
}

.secondaryitem {
	border-bottom:#ad956e 1px dotted;
	padding-bottom:10px;
	margin-bottom:10px;
}

/* Wide column */

/* S I T E W I D E  T Y P O G R A P H Y */

h1 {
	font-weight:normal;
	font-size:19px;
	padding-bottom:10px;
	color:#FF6;
}

h2 {
	font-weight:normal;
	font-size:19px;
	padding-bottom:10px;
	color:#FF6;
}

h3 {
	font-weight:normal;
	font-size:15px;
	padding-bottom:10px;
	color:#FF6;
}

.letterspace {
	letter-spacing:0.05em;
}

.uppercase {
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:10px;
}

strong {
	color:#225062;
	letter-spacing:.02em;
}

/* O T H E R  B I T S */

/* ENQUIRY FORM */

.formbox {
	border:1px solid #CCC;
	color:#666666;
	width:230px;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-size:12px;
	margin:0 0 15px 10px;
}

/* SEARCH BOX */

.searchbox {
	color:#666666;
	background-color:#EFF0E7;
	border:1px solid #CCCCCC;
	width:150px;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-size:10px;
	line-height:11px;
	height:11px;
	padding:2px 0 0 0;
}

/* BUTTONS */

.button {
	font-size:10px;
	line-height:10px;
	color:#FFFFFF;
	border:none;
	background-color:#ccc6bc;
	height:15px;
	margin-left:10px;
	padding:0 3px 0 3px;
}

/* LISTS */

/* Non-primary lists */

#twocolumnsecondary ul, #threecolumnprimary ul, #threecolumnsecondary ul, #threecolumnlinks ul {
	padding-left:0;
	display:inline;
}

#twocolumnsecondary li, #threecolumnprimary li, #threecolumnsecondary li, #threecolumnlinks li {
	margin:0;
	list-style:square inside;
}

/* Primary Lists */

#twocolumnprimary ul {
	padding-left:10px;
	display:inline;
}

#twocolumnprimary li {
	margin-left:10px;
	list-style:square inside;
}

/* IMAGES */

img.center {
	display: block; 
	margin: auto;
	padding:2px;
	border:1px solid #CCC;
	margin:10px;
}

img.alignright {
	float:right;
	padding:2px;
	border:1px solid #CCC;
	margin:0 0 10px 10px;
	display:inline;
}

img.alignleft {
	float: left;
	padding:2px 2px 2px 2px;
	border:1px solid #CCC;
	margin:0 10px 10px 0;
	display: inline;
}



/* M E N U */

#menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li.leveloneli { /* Top menu item */
	z-index:0;
	float: left;
	position: relative;
	padding:0;
	font-family:'helvetica', 'arial', sans-serif;
	font-size:11px;
	text-transform:none;
	color:#135b8d;
	font-weight:bold;
}

#menu li.leveloneli ul { /* second-level lists */
	display: none;
	position: absolute;
	background-color:#000;
	top: 1em;
	left: 0;
	border-bottom:3px #fffa93 solid;
	padding:5px 5px 10px 5px;
	margin:0px 0 0 -10px;
	line-height:1.2em;
	font-weight:normal;
	
	/* display: none;
	position: absolute;
	top: 1em;
	left: 0;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	font-size:10px;
	padding:5px 5px 10px 5px;
	border-bottom:3px #fffa93 solid;
	margin:0px 0 0 -10px;
	background-color:#FFF;
	z-index:-1;
	line-height:1.2em; */
}

#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#menu li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#content {
	clear: left;
}

/* Link behaviour for second level links */

.menulink a:link {
	display:inline-block;
	color:#0FF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:2px 5px 2px 5px;
	min-width:120px;
	padding:2px;
	text-align:left;
}	

.menulink a:hover {
	display:inline-block;
	color:#06C;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#000;
	margin:2px 5px 2px 5px;
	min-width:120px;
	padding:2px;
	text-align:left;
}

.menulink a:visited {
	display:inline-block;
	color:#0FF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:2px 5px 2px 5px;
	min-width:120px;
	padding:2px;
	text-align:left;
}

.menulink a:active {
	display:inline-block;
	color:#06C;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#000;
	margin:2px 5px 2px 5px;
	min-width:120px;
	padding:2px;
	text-align:left;
}

/* Link behaviour for menu top level */

a.levelone {
	text-decoration:none;
	color:#135b8d;
}	

a:visited.levelone {
	text-decoration:none;
	color:#135b8d;
}	

a:hover.levelone {
	text-decoration:none;
	background-color:#fffa93;
	color:#777;
}	

a:active.levelone {
	text-decoration:none;
	background-color:#fffa93;
	color:#666;
}

.menuseparator {
	display:inline-block;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:5px 5px 2px 5px;
	min-width:120px;
	padding:2px;
	text-align:left;
}

#menu {
	width:880px;
	font-size:11px;
	line-height:15px;
	color:#999;
	border-top:#bcd0dc 1px solid;
	border-bottom:#bcd0dc 1px solid;
	padding:10px 30px 10px 30px;
	height:17px;
	margin:5px 0 10px 0;
}


#search {
	width:300px;
	float:right;
	text-align:right;
	height:17px;
	vertical-align:top;
}


/* S T R E A M S */

/* Streams */

/* I N D U S T R Y */

.industry {
	padding:0 0 0 20px;
	margin:15px 0 10px;
	font-size:15px;
	background:url(../images/navigation/industry-icon.gif) left center no-repeat;
	display:block;
	color:#000;
}

	.industry a, .industry a:visited {
		color:#000;
	}
	
	.industry a:hover {
		color:#999;
	}



/* A C A D E M I A */

.academia {
	padding:0 0 0 20px;
	margin:15px 0 10px;
	font-size:15px;
	background:url(../images/navigation/academia-icon.gif) left center no-repeat;
	display:block;
	color:#000;	
}

	.academia a, .academia a:visited {
		color:#000;
	}
	
	.academia a:hover {
		color:#999;
	}

/* A R T I S T S  &  P R I N T M A K E R S */

.artistsprintmakers {
	padding:0 0 0 20px;
	margin:15px 0 10px;
	font-size:15px;
	background:url(../images/navigation/artprint-icon.gif) left center no-repeat;
	display:block;
	color:#000;	
}

	.artistsprintmakers a, .artistsprintmakers a:visited {
		color:#000;
	}
	
	.artistsprintmakers a:hover {
		color:#999;
	}

/* S T U D I O S */

.studios {
	padding:0 0 0 20px;
	margin:15px 0 10px;
	font-size:15px;
	background:url(../images/navigation/studios-icon.gif) left center no-repeat;
	display:block;
	color:#000;	
}

	.studios a, .studios a:visited {
		color:#000;
	}
	
	.studios a:hover {
		color:#999;
	}
	
/* G A L L E R I E S */

.galleryitem {
	min-height:130px;
	width:100px;
	margin:0 15px 15px 0;
	padding:0;
	float:left;
	font-size:10px;
	line-height:1.3em;
}

.galleryitem img {
	padding:0 0 10px 0;
}

/* F R O N T  P A G E  S L I D E S H O W */

#slideshow {
	padding:0 0 15px 0;
	width:580px;
    position:relative;
    height:218px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}