/*
Theme Name: Design Against Crime
Theme URI: http://www.designagainstcrime.com/
Description: The new Design Against Crime theme.
Version: 2.2
Author: Itamar Ferrer & Matthew Pateman
Author URI: http://ifita.com & http://www.matthewpateman.com
Tags: multicoloured, drop down menu, jquery enabled

	Design Against Crime 2.4
	 http://www.designagainstcrime.com

	This theme was designed and built by Itamar Ferrer
	and Matthew Pateman for the Design Against Crime Website

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

::-webkit-scrollbar {
	width: 6px;
	height: 6px; 
	z-index: 999;
}

::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment { 
	display: block;
}

::-webkit-scrollbar-thumb:vertical {
	height: 20px;
	background-color: rgba(0,0,0,0.3); 
	-webkit-border-radius: 5px; 
	/*-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.9); */
} 	 	 	   

::-webkit-scrollbar-track:enabled {
	background-color: transparent;
}

::-webkit-scrollbar-track-piece {
	background-color: transparent;
	border: none;
	margin: -10px 0px -10px 0px;
}

@-webkit-keyframes pulse {

0% { -webkit-box-shadow: 0 0 3px rgba(248,39,144,.6);
}
50% { -webkit-box-shadow: 0 0 3px rgba(248,39,144,.1);
}
100% { -webkit-box-shadow: 0 0 3px rgba(248,39,144,.6);
}
}


/* Begin Typography & Colors */
body {
	font-size: 14px;
	color: #333;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	background-image:url(images/noise3.png);
	background-position:center top;
	background-repeat:repeat;
}

table, tbody, th, td {
vertical-align:top;
}

#info-text {background-image:url(images/black07.png); background-repeat:repeat; color:#FFF; float:right; margin-top:200px; padding:10px; margin-right:-10px;}

.opacity {opacity:0.5;}
.opacity:hover {opacity:1;}

#back_button{position:relative; z-index:20;}

#header {
	position:relative; z-index:10;
	background-image:url(http://www.designagainstcrime.com/wp-content/themes/designagainstcrime/images/background-lines.png); background-position:top-left; background-repeat:repeat;
	background-color:#333; height:380px; width:100%; overflow:visible; margin-bottom:70px;

-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 10px;

	}

#header_container {
	margin-left:auto;
	margin-right:auto;
}

#main {
	background-position:top center;
	background-repeat:repeat;
	font-size:14px;
	}



.container {
	width:960px; 
	margin-left: auto;
	margin-right: auto;
	}

.padding {padding-top:30px; padding-left:30px; padding-right:30px;}

.break-out-left {margin-left: -320px; max-width:none;}

.date {margin-left:10px; font-weight:300; font-color:#333; display:block; float:left; margin-top:-10px;}

.grid {
	margin-left:10px;
	margin-right:10px;
}

.grid_1 {
	width:60px;
}

.grid_2 {
	width:140px;
}

.grid_3 {
	width:220px;
}
.grid_3n {
	width:200px;
}

.grid_4 {
	width:300px;
}

.grid_5 {
	width:380px;
}

.grid_6 {
	width:460px;
}

.grid_7 {
	width:540px;
}

.grid_7n {
	width:520px;
}

.grid_8 {
	width:620px;
}

.grid_9 {
	width:700px;
}

.grid_9n {
	width:680px;
}

.grid_9l {
	width:690px;
}

.grid_10 {
	width:780px;
}

.grid_11 {
	width:860px;
}

.grid_12 {
	width:940px;
}

#image {height:300px; width:960px; margin: 0 auto; border-radius:2px; overflow:hidden; background-repeat:no-repeat; -webkit-box-shadow: 0px 0px 3px #666; -mox-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; background-size:100%; -moz-background-size:100%;}

#title {
color:#333; margin-bottom:-15px; padding:5px 40px 5px 15px; margin-top:0px; margin-left:-2px; font-size:30px;
background-color: #FAFAFA; float:left;
-webkit-box-shadow: 0px 0px 5px #000; -mox-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000;
text-shadow: #CCCCCC 1px 1px 0px;
position:relative; z-index:20;
}

#header_container {
	margin-left:auto;
	margin-right:auto;
}

#main {
	
	background-position:top center;
	background-repeat:repeat;
	font-size:14px;
	}

#main_container {
	background-color:#F0F0F0;
	width:960px; 
	padding-top:10px;
	padding-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0px 0px 3px #BCBEC0; 
	-moz-box-shadow: 0px 0px 3px #BCBEC0; 
	box-shadow: 0px 0px 3px #BCBEC0;
	border-radius:2px;
	-moz-border-radius:2px;
	overflow:hidden;
	z-index:20;
	position:relative
	}

#column_left  {
	float:left; margin: 0px 10px 0px 10px;
	text-align:left; font-size:20px; line-height:100%;
	font-weight:100;  color: #F39;
	}

.float-right {float:right;}
.float-left  {float:left;}

.margin {margin:10px;}
.margin-l-r {margin-left:10px; margin-right:10px;}
.margin-r {margin-right:10px;}

#column_right {
	float:left; margin-right:60px;
	text-align:left; margin: 0px 10px 0px 10px;
font-weight:300; line-height:150%;
	
	}

#page-header {font-size:30px; text-align:left; font-weight:300; margin:20px 10px 20px 10px; color:#666666; float:right;}

h1 {font-size:30px; text-align:left; font-weight:300; margin:20px 10px 20px 0px; color:#666666; text-shadow: 0px 1px white;}

#contact-header {font-size:30px; width:240px; text-align:left; font-weight:300; margin-bottom:20px; color:#666666; float:left; margin-left:160px;}

.contact-input {color:#333333; width:270px; padding: 5px; font-size:12px; border:none; -webkit-border-radius:3px;}

.contact-block {margin:10px;}

.contact-ul {-webkit-padding-start:0px; -moz-padding-start:0px; padding-start:0px;}
.contact-ul li {list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;}
.contact-ul li label { margin: .4em 0 0 0;line-height: 1em;width: auto;text-align: left; font-weight:300; color:#333;}



#contact-column1 {float:left; height:200px; width:145px; text-align:left; font-size:16px; font-weight:300;  color: #FF3399;}

#contact-column1 a {color:#333; font-size:14px;}

#contact-column2 {float:left; margin-left:15px; width:385px; margin-bottom:30px;}

#contact-column2-L {float:left; width:300px; height:555px; background-color:#D2D2D2; background-image:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png); background-position: top left; background-repeat: no-repeat; display:block;}
#contact-column2-R {float:left; width:140px; padding-top:30px;}

.tab {width:130px; height:50px; background-color:#DDDDDD; margin-bottom:15px; cursor:pointer;}

.big-tab {display:none;}

.active-tab {background-color:#FFF;}

#contact-column3 {float:left; margin-left:15px; width:240px;}

#contact-map {height:350px; background-color:#FFF;}
#map-overlay {height:350px; background-image:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png); background-position: top left; background-repeat: no-repeat; margin-top:-350px; z-index:2e+09; position:relative; }

#contact-frame {width:1380px; height:150px; -webkit-transition-property: margin-left; 
	-webkit-transition-duration: 0.5s; 
	-webkit-transition-timing-function: ease-in-out;}

#contact-details {width:400px; height:130px; padding:10px 30px; background-color:rgba(0,0,0,0.75); color:#FFF; font-weight:300; font-size:14px; float:left;}
#contact-details a {color:#F952A6;}
#contact-wrapper {overflow:hidden;  margin-top:-150px; z-index:2e+09; position:relative;}

#detail-back {float:left; margin:10px; margin-top:-80px; z-index:2e+20; position:relative; color:#F952A6; cursor:pointer;}
#detail-next {float:right; margin:10px; margin-top:-80px; z-index:2e+20; position:relative; color:#F952A6; cursor:pointer;}

#Email {background-image:url('images/sn/email.png');}
#Twitter {background-image:url('images/sn/twitter.png');}
#Facebook {background-image:url('images/sn/facebook.png');}
#Youtube {background-image:url('images/sn/youtube.png');}
#Flickr {background-image:url('images/sn/flickr.png');}
#Linkedin {background-image:url('images/sn/linkedin.png');}



.quote-margin-top {margin-top:56px;}

.quote-name {display:block; font-size:14px; margin-top:10px; color:#333;}

#page {
	width:960px;
	}
p {margin-top:0px;}

.carousel-entry a:link,.carousel-entry a:visited, .carousel-entry a:active {color:#666666; text-decoration:none;}
.carousel-entry a:hover {color:#FF0066; text-decoration:none;}

.normalcontent {
	
        background-color:#FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 900px;
	}



#page {

	margin: auto;
	padding: 0;

	}

#spacer1 {float:left; width:10px; height:30px;}
#spacer2 {float:left; width:10px; height:30px;}
#search {float:right; width:150px; text-align: right;}
.menubutton {
cursor:pointer;}
.clear {clear:both;}




#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}



.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

#footer {
	padding-top: 60px;
	margin-top:-40px;
	width: 100%
	clear: both; background-image: url(images/bg-home.png); background-repeat:repeat;
	position:relative; 
	z-index:10;
box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 10px;
	}

#footer_container {
	padding: 0;
	margin: 0 auto;	
	clear: both; background-image: url(images/bg-home.png); background-repeat:repeat;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}



#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	margin:0px 0px 10px 0px;
	font-weight:300;
	color:#666;
	font-size:20px;
	}

h2.pagetitle {
	font-size: 1.6em;
	}



h3 {
	 font-size:12px; margin-bottom:10px; display:block;
	margin:0px 0px 10px 0px; font-weight:300; color:#F39;
	}




.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform, #commentform textarea {
	
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	margin:10px;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



a:hover {
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 20px;
	text-align: justify;
	}

.post p {
	margin-right: 20px;
}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */


#sidebar  #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */


#sidebar form {
	margin: 0;
	}

#sidebar a:link {color:#F952A6;}
#sidebar a:active {color:#F952A6;}
#sidebar a:visited {color:#F952A6;}
#sidebar a:hover {color:#F952A6;}

/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */




.coda-slider-wrapper { padding: 0 0 0 0 }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 900px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 900px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0 0 0;}
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { color: #fff; padding: 5px; }
	
	#coda-nav-left-1 { float:left; margin-left:20px; margin-top: -340px;}
	#coda-nav-right-1 { float:right; padding-right:20px; margin-top: -340px;  margin-top: -340px;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	.coda-nav {display:none;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	.panel-wrapper {height:350px;}
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; z-index:-100; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	#coda-slider-1 {z-index:-40;}
	#codatexttext { margin-top:-400px;}
	
	#logo-wrapper{width:900px; text-align:center;}

	
	#logotext {width:150px; padding-left:20px; text-align:left; padding-top:20px; font-size:11px; }
	#logotext a:link {color:#000000; text-decoration:none;}
	#logotext a:visited {color:#000000; text-decoration:none;}
	#logotext a:active {color:#000000; text-decoraiton:none;}
	#logotext a:hover {color:#FF0066;}


	
	.panel-text { float:right; height:40px; margin-top:-100px; width:300px; padding-left:10px; height:50px; background-image:url(images/blackop70.png); color:#FFF; text-align:left;}
	
	.inside-panel {height:350px;}
	
	.panel-image {float:left;}
		
	.large { font-size:28px;}
	.medium { font-size:18px;}
	


.blog_entry {margin-top:20px;}
.blog-text {padding-top:20px;}
.blog-text p {padding: 0 0 0 0; margin: 0 0 0 0; font-size:12px; text-align: left;}
.blog-image {float:left; margin-right: 10px; 
margin-bottom:10px; 
border-width:3px;
border-style: solid;
border-color:#8B9298;}



	#collaborator_title { color:#000; width:150px; height:24px; margin-left:10px; font-size:12px; padding-top:10px; color:#666;}
	
	

	#arts-logo {height:120px;}
	#collaborators a {display:block; width:120px; float:left;}





#carousel_inner {
	float:left;/* important for inline positioning */
width:810px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
}

#carousel_ul {
position:relative;
left:-270px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:240px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;

margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px; 
padding-left:10px; 
padding-right:10px;
}

.carousel-header {
text-align:left;
height:35px;}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
}

#carousel-scroll {width:810px;}

#left_scroll 
  {
  float:left;
  background-image:url(images/arrow-left.png);
  background-repeat:no-repeat;
  margin-left:20px;
  margin-top:10px;
  height:35px; 
  width:20px; 
  }

#left_scroll:hover 
  {
  background-image:url(images/arrow-left-hover.png);
  }

#right_scroll{
float:right; 
background-image:url(images/arrow-right.png);
background-repeat:no-repeat;
margin-right:20px;
margin-top:10px;
height:35px; 
width:20px; 
}


#right_scroll:hover 
  {
  background-image:url(images/arrow-right-hover.png);
  }


#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;

}

.carousel-entry {
	text-align:left;
	color:#000;}




#collaborator-images {width:800px;}
.collaborator-image { float:left;}

#sliderbottom { margin-top:5px; height:10px; background-color:#F0F0F0; text-align:left;}

.pink1 {background-color:#F952A6;}
.pink2 {background-color:#FF3399;}
.pink3 {background-color:#FA6EA6;}

.homeimage {margin-top:-245px;}


#sub-menu { height:40px; width: 960px; /*background-color:#b2b2b2;*/ }

#sub-menu ul {
	
	position: relative;
	z-index:60;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	-o-padding-start: 0px;
	padding-start: 0px;
}
#sub-menu ul li {

   
	list-style:none;
	
	border-right:2px solid #F0F0F0;
    

	
	float:left;

	
	}

#sub-menu ul li.highlight {background-color:#F39; cursor:normal;}
#sub-menu ul li.highlight:hover {background-color:#F39;}

#sub-menu ul li:first-child a{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	}

#sub-menu ul li:last-child a{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right:none;
	}

#sub-menu ul li a {
	padding: 4px 10px;
	font-family: Helvetica;
	font-weight: bold;
	font-size:11px;
	color: #444;
	border: none;
	text-shadow: 0 1px 1px rgba(255,255,255,.85);
    
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0% 100% 90deg,#bbb, #fff);
    

    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);

	}

#sub-menu_container {
	width:960px;
	height:40px;
	position: relative;
	z-index:60;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:auto;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	-o-padding-start: 0px;
	padding-start: 0px;
}

#sub-menu_container li {
padding: 5px 10px; 
float:left; list-style:none; display:block; font-size:14px; align:center; color:#333; cursor:pointer; 
background-color: #FAFAFA;

border-right:1px solid rgba(255, 255, 255, 0.796875);
border-bottom: 1px solid rgba(255, 255, 255, 0.796875);
border-top: 1px solid rgba(0, 0, 0, 0.0976562);
}

#sub-menu_container li:first-child {
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

#sub-menu_container li:last-child {
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}

#sub-menu li a.highlight {
	background-color:#F0F0F0; 
	color:#FFF; 
	cursor:default;
	text-shadow: 0 1px 1px rgba(10,10,10,.85);
	
 
    
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    
    color-stop(0.37, rgb(237,46,141)),
color-stop(0.65, rgb(211,26,106))
);
background-image: -moz-linear-gradient(
    center bottom,
    
    rgb(237,46,141) 65%,
rgb(211,26,106) 37%
);
    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

#sub-menu_container li:hover {background-color:rgba(102,102,102,0.6); color:#FFF;}


#sub-menu_container li.highlight:hover {background-color:#F0F0F0; color:#333; cursor:default;}

.teampage {width:960px; padding-top:20px; margin-left: auto; margin-right:auto; }

#blocks {width:750px; margin-left:150px; padding-top:20px;}

.block {width: 280px; height:220px; float:left; text-align:left; margin:10px; padding:10px; overflow:hidden; background:
url(http://www.designagainstcrime.com/wp-content/uploads/2011/02/grey-corner.png) top left no-repeat; display:block;
-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;

}

.blog {width: 280px; height:200px; float:left; text-align:left; margin:10px; padding:10px; overflow:hidden; background:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png) top left no-repeat; display:block;
-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;

}

.archive_block {width: 120px; height:100px; float:left; text-align:left; margin:10px 10px 10px 10px; padding:10px; overflow:hidden; background:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png) top left no-repeat; display:block;
-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;

}

.block:hover {background-color:#D2D2D2;}

.block_title { font-size:20px; display:block;}

.dac_projects_title {display:block; background-color:rgba(0,0,0,0.7); padding:10px; margin-left:-10px; color:#FFF; font-size:16px; height:150px; margin-top:190px; -webkit-transition-property: margin-top; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: linear, ease-in; width:280px;}


.student_projects_title {display:block; background-color:rgba(0,0,0,0.7); padding:10px; margin-left:0px; color:#FFF; font-size:16px; height:150px; margin-top:180px; -webkit-transition-property: margin-top; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: linear, ease-in; width:200px;}

.blog_title {
	display:block;
	background-color:#666;
	background:rgba(0,0,0,0.7);
	width:280px;
	padding:10px;
	margin-left:-10px;
	color:#FFF;
	font-size:16px;
	height:150px;
	margin-top:170px;

	-webkit-transition-property: margin-top; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;


	-moz-transition-property: margin-top; 
	-moz-transition-duration: 0.3s; 
	-moz-transition-timing-function: linear, ease-in;
	}

a .block {color:#333; text-decoration:none;}
a:hover {text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}

a .block .block_title {color:#FF3399; text-decoration:none;}

.block_position {color:#B22472; font-size:12px; margin-bottom:10px; display:block;}
.block_exerpt {font-size:12px; display:block; margin-top:10px; line-height:1.5;}
.block_photo {float:left; width:80px; background:#B2B2B2; height:120px; margin-right:10px; margin-bottom:10px; display:block;}

.popup-main  {width:500px; height:290px; padding-top:10px; background:#FFF;}
.popup-left {width:110px; height:280px; padding-top:10px; float:left;}
.popup-right {width:390px; height:290px; float:left; background: #F0F0F0;}

.popup-tab {width:100px; padding:5px; margin-bottom:5px; margin-top:0px; background:#B2B2B2; font-size:12px;}
.popup-name {margin-right:50px; font-size:24px; color:#666;}

.popup-position {color:#B22472;}

.active-popuptab {background:#F0F0F0; color:#F39;}

.popup-tab-main {display:none; width:370px; height:270px; padding:10px; overflow:hidden;}

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow-x: hidden;
overflow-y: scroll;

	/* vertical scrollables have typically larger height than width but not now */
	height: 230px;
	width: 370px;
}

/* root element for scrollable items */
.scrollable .scroll-content {
	position:absolute;
	top:0;
	font-size:12px;


 
 overflow:auto;

	/* this time we have very large space for the height */
	
}

.up {width:370px; height:10px; background-image:url(images/up.png); background-position: right; background-repeat:no-repeat; cursor:pointer;}
.up:hover {background-image:url(images/up2.png);}

.down {width:370px; height:10px; background-image:url(images/down.png); background-position: right; background-repeat:no-repeat; cursor:pointer;}
.down:hover {background-image:url(images/down2.png);}

.w350 {width:370px;}

.acc-tab-old {margin-left:10px; margin-right:10px; height:30px; font-size:18px; cursor:pointer;}

.acc-tab {
cursor:pointer; margin-left:10px;
display:block; width:910px; height:24px; text-align:left; padding-left:30px; color:#FFF; padding-top: 3px;
background:
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.30, rgb(211,0,106)),
    color-stop(0.71, rgb(248,39,143))
);

background: 
-moz-linear-gradient(
    center bottom,
    rgb(211,0,106) 30%,
    rgb(248,39,143) 71%

);
margin-top:5px;
margin-bottom:5px;
}

.publication {
	float:left; 
	margin:10px; 
	height:220px; 
	text-align:left; 
	overflow:hidden; 
	background:url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png) top left no-repeat;
	display:block;

	-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;
	}

.publ-img {float:left;padding:10px 0px 10px 10px; width:100px; display:block;}
.publ-info {float:right; padding:20px 20px 10px 10px; width:320px; display:block; color:#666; font-size:12px; font-weight:300;}

.publ-type {display:block; font-weight:300; font-size:10px; color:#666; }
.publ-title {display:block; font-size:16px; color:#F952A6; }

.publication:hover {
	background-color:#d2d2d2;
	}

.paper_thumb {
	float:left;
	margin:10px;
	width:87px;
	height:114px;
	}

.paper_desciption {
	float: right;
	margin:10px;
	width:173;
	color:#333;
	font-size:14px;
	margin:10px;
	}

	.large { font-size:28px;}
	.medium { font-size:18px;}
	
	#blog_title { background-color:#FF0066; color:#FFF; width:150px; height:24px; margin-left:20px; font-size:16px; padding-top:4px;}
	
	#collaborator_title { color:#000; width:150px; height:24px; margin-left:20px; font-size:12px; padding-top:4px;}
	
	






#projects-left { width:150px; height:200px; float:left;}
#projects-right {width:680px; margin-left:auto; margin-right:auto;}

#projects-right-quote {float:left; margin: 0px 10px 20px 10px; color:#666666; font-size:30px; font-weight:300;}

#projects-right-agreement {float:left; margin-left:20px; margin-top:-10px; margin-bottom:20px; color:#666666; font-size:14px; font-weight:300;}

#projects-right-large {width: 320px; height:320px; float:left; margin-left:20px; vertical-align:bottom; display:block;}

#projects-right-small {width: 150px; height:150px; float:left; margin-left:20px; margin-bottom:20px; display:block;}

#project-large-spacing {
   height:170px;
   display:block;
}

.project-title {
   background: rgb(0, 0, 0); /* The Fallback */
   background: rgba(0, 0, 0, 0.5);
   height:20px;
   margin-left:0px;
   margin-right:0px;
   margin-top:127px;
   padding-top: 3px;
   padding-left:6px;
   font-size:14px;
   display: block;
}

.project-link {
   color:#FFF;
   text-decoration:none;
}

.project-excerpt {
display:none;
   height:47px;   
   background: rgb(0, 0, 0); /* The Fallback */
   background: rgba(0, 0, 0, 0.5);
   padding:6px; font-size:12px; font-weight:100;
}

.project_name {font-weight:500; color:#F39; font-size:24px; display:block;}
.project_title{font-weight:500; color:#666; font-size:14px; display:block; height:20px;}
.project_excerpt {font-weight:300; color:#666; font-size:12px; display:block; margin-top:5px; height:200px; font-style:italic;}

.projects-student {width: 220px; height:220px; margin-left:10px; margin-right:10px; margin-bottom:10px; margin-top:10px; display:block; background-repeat:no-repeat; overflow:hidden;}

.project-student-title {
   color:#333333;
   width:220px;
   padding-top: 3px;
   padding-left:6px;
   font-size:14px;
   display: block;
}

.tablelines .acc-tab {
	margin-left: 0 !important;
}

.tablelines ul {
list-style:none;
-webkit-padding-start: 0px;
-moz-padding-start: 0px;
padding-start: 0px;

}

.tablelines ul li {padding:5px 10px;}

.tablelines ul li:nth-child(even) {
background-color:#F0F0F0;
}

.tablelines ul li:nth-child(odd) {
background-color:#e2e2e2;
}

.exhibition p {margin-bottom:0px;}

div.exhibition_tab {
padding:10px;
}

div.exhibition_tab:nth-child(even) {
background-color:#F0F0F0;
}

div.exhibition_tab:nth-child(odd) {
background-color:#e2e2e2;
}

.tablelines span {display:block; width:190px; height:24px; text-align:left; padding-left:30px; color:#FFF; padding-top: 3px;
background:
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.30, rgb(211,0,106)),
    color-stop(0.71, rgb(248,39,143))
);

background: 
-moz-linear-gradient(
    center bottom,
    rgb(211,0,106) 30%,
    rgb(248,39,143) 71%

);

}

#menu {font-size:14px; height:41px; vertical-align:middle; color:#FFF; padding:30px 0 0 0; position:relative; z-index: 200; margin-bottom:20px;}

.menubutton {background-image:url(images/button-color.png); background-position: top left; background-repeat:no-repeat;} 

#spacer1 {float:left; width:10px; height:30px;}
#spacer2 {float:left; width:10px; height:30px;}

#jsddm
{	margin: 0;
	padding: 0;
	height:39px; 
	float:left;
	z-index:50; -webkit-padding-start: 0px;}
	
#jsddm li
	{
	float: left;
	list-style:none;

	background-image:url(images/banner.png);
	background-position: -20px 0px;

	border-bottom: 1px solid rgba(100, 100, 100, 0.8);
	border-right: 1px solid rgba(0, 0, 0, 0.5);

	font-family: helveticaneue, 'helvetica neue', helveticaneueroman, helveticaneue-roman, 'helvetica neue roman', helvetica, arial, texgyreherosregular, tahoma, geneva, sans-serif;

	}

#jsddm li:hover
	{
	background-position: -20px 43px;
	}
	
#jsddm li:first-child
	{	
	background-position: 0px 0px;
	border-bottom-left-radius:2px;
	-moz-border-bottom-left-radius:2px;
	}

#jsddm li:first-child:hover
	{	
	background-position: 0px 43px;
	}

#jsddm li:last-child
	{	
	border-bottom-right-radius:2px;
	border-top-right-radius:2px;
	-moz-border-bottom-right-radius:2px;
	-moz-border-top-right-radius:2px;
	border-right:none;
	}

#jsddm li:last-child:hover
	{	
	background-image:url(images/banner.png);
	background-position: -20px 0px;
	}

#jsddm li a
	{
	display: block;
	text-decoration: none;
	padding: 9px 11px;
	
	font-size:15px;	
	text-shadow: #3F3F38 1px 1px 0px;
	color:#FFF;
	height:21px;
	text-decoration:none;
	white-space: nowrap;		
	}

#jsddm li input[type=text]
	{	
	width:120px;
	text-decoration: none;
	margin-top:6px;
	padding: 2px;
	font-size:13px;
	border:none;
	background-color:#FFF;
	border-radius:2px;
	color:#3F3F38;
	height:21px;
	text-decoration:none;
	white-space: nowrap;	
	}

.search-li {height: 39px; padding-left: 10px; padding-right:10px; }

#jsddm li ul li a
	{	
	font-size:14px;
	color:#000;
	text-shadow: rgba(255, 255, 255, 0.699219) 0px -1px 0px;
	font-family: 'Helvetica Neue';
	font-weight:bold;
	height:18px;
	
	}

	#jsddm li ul li a:hover
	{	
	font-size:14px;
	color:#FFF;
	text-shadow: rgba(0, 0, 0, 0.699219) 0px -1px 0px;
	height:18px;
	}

#jsddm li ul {
	margin-left:-20px;
	}

#jsddm li ul li {
	display:block;
	width:235px;
	height:35px;
	background-image:url(images/menu-bg.png);
	background-position:0px 70px; 
	background-color:none;
	border:none; 
	padding-left:20px;
	
	}

#jsddm li ul li:hover {
	display:block;
	width:235px;
	background:none;
	background-image:url(images/menu-bg.png);
	background-position:0px 150px; height:35px;
	border:none;
	padding-left:20px;
	background-color:none;
	}
#jsddm li ul li:first-child { background-image:url(images/menu-bg.png); background-position:0px 210px; height:35px;}
#jsddm li ul li:first-child:hover { background-image:url(images/menu-bg.png); background-position:0px 210px; height:35px;}

#jsddm li ul li:last-child { background-image:url(images/menu-bg.png); background-position:0px 25px; height:35px;}
#jsddm li ul li:last-child:hover { background-image:url(images/menu-bg.png); background-position:0px 25px; height:35px;}


		
		#jsddm li ul
		{	margin: -10px 0px 0px;
			padding: 4px 0px 0px 0px;
			position: absolute;
			visibility: hidden;
			font-size:10px;
			text-align:left;
			width:265px; -webkit-padding-start:0px;
}
		
		
		
		
		#jsddm li .pink li a
		{	width: auto;
			background-color:#FF3399;
			background:rgba(255,51,153,0.8);}
		
		#jsddm li .pink li a:hover
		{	background-color:#B22472;
			background:rgba(178,36,114,0.8);
}
		


#network {	
	float:right;
	border-radius:2px;
	background-image:url(images/banner.png);
	background-position: 0px 0px;
	text-decoration: none;
	padding: 9px 11px;
	font-size:15px;
	text-shadow: #3F3F38 1px 1px 0px;
	border-bottom: 1px solid rgba(100, 100, 100, 0.8);

	color:#FFF;
	height:21px;
	text-decoration:none;
	white-space: nowrap;
	}

#network:hover {
	background-position: 0px 43px;
	}


#network-blackout {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:200;
	background-color:rgba(0,0,0,0.5);
	display:none;}

.network-blackout {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:200;
	background-color:rgba(0,0,0,0.5);
	display:none;}

#network-container {
	position: fixed;
	z-index:250; 
	width: 100%;
	height:500px; top:50px; 
	display:none;
	}

#network-container input[type=text] {
	width:240px; 
	padding:5px; 
	border:none;
	font-family: Helvetica;
	font-weight: bold;
	color: #444;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#DDD));
	background-image:-moz-linear-gradient(0% 12% 90deg, #fff, #DDD);
	background-color:#DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

#network-container label {display:block; float:left; width:200px;}

#network-container legend {display:none;}

#network-container ul li {list-style:none; margin:0px; -webkit-padding-start:0px; -moz-padding-start:0px;}
#network-container .input-group {clear:both; float:left; }
#network-container .input-group label {display:inline;}

#network-container input[type=submit] {clear:both; float:left;}

#network-container input[type=submit] {
	margin: 10px 10px 10px 0px;
	padding: 4px 10px;
	float:right;
	font-family: Helvetica;
	font-weight: bold;
	border: none;
	text-shadow: 0 1px 1px rgba(255,255,255,.85);

	background-color:#F0F0F0; 
	color:#FFF; 
	cursor:default;
	text-shadow: 0 1px 1px rgba(10,10,10,.85);
	
 
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
  		color-stop(0.65, rgb(211,26,106)),  
		color-stop(0.37, rgb(237,46,141))
		
	);

	background-image: -moz-linear-gradient(
		center bottom,
    		
		rgb(237,46,141) 65%,
		rgb(211,26,106) 37%
	);
   
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
    }


#network-container input[type=submit]:hover {
    color: #FFF;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

#network-close {
	
	width:30px;
	height:30px;
	background-image:url(http://www.designagainstcrime.com/wp-content/uploads/2011/02/close.png);
	background-repeat:no-repeat; 
	margin-left:490px;
	position:relative;
	z-index:40;
	cursor:pointer;
	}

#network-close-container {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	}

#network-popup .mc-field-group {display:block; clear:both; margin:5px; 0px;}

#network-popup .required-field-group {height:34px;}

#network-popup .input-group {margin:5px 0px;}
#network-popup .input-group ul {margin:0px;}
#network-popup {
	margin-top:-15px;
	width:460px; 
	height:460px; 
	padding:20px;
	
	background-color:#F0F0F0;
	
	background-repeat:repeat; 
	margin-left:auto; 
	margin-right:auto; 
	border-radius:5px; 	
	overflow:hidden;
	
	-webkit-box-shadow:0px 0px 10px #000; 
	-moz-box-shadow:0px 0px 10px #000; 
	box-shadow:0px 0px 10px #000;}

#network-header {
	margin-top:-20px; 
	margin-left:-20px;
	}

#network-popup fieldset {
	border: none;
	padding: 0px; margin:0px;
	}

#outp-blackout {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:200;
	background-color:rgba(0,0,0,0.5);
	display:none;}

#outp-container {
	position: fixed;
	z-index:250; 
	width: 100%;
	height:500px; top:50px; 
	display:none;
	}

#outp-container input[type=text] {
	width:240px; 
	padding:5px; 
	border:none;
	font-family: Helvetica;
	font-weight: bold;
	color: #444;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#DDD));
	background-image:-moz-linear-gradient(0% 12% 90deg, #fff, #DDD);
	background-color:#DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}


#outp-container label {display:block; float:left; width:200px;}

#outp-container legend {display:none;}

#outp-container ul li {list-style:none; margin:0px; -webkit-padding-start:0px; -moz-padding-start:0px;}
#outp-container .input-group {clear:both; float:left; }
#outp-container .input-group label {display:inline;}

#outp-container input[type=submit] {clear:both; float:left;}

#outp-container input[type=submit] {
	margin: 10px 10px 10px 0px;
	padding: 4px 10px;
	float:right;
	font-family: Helvetica;
	font-weight: bold;
	border: none;
	text-shadow: 0 1px 1px rgba(255,255,255,.85);

	background-color:#F0F0F0; 
	color:#FFF; 
	cursor:default;
	text-shadow: 0 1px 1px rgba(10,10,10,.85);
	
 
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
  		color-stop(0.65, rgb(211,26,106)),  
		color-stop(0.37, rgb(237,46,141))
	);

	background-image: -moz-linear-gradient(
		center bottom,
    		rgb(211,26,106) 37%,
		rgb(237,46,141) 65%
	);
   
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
    }

#outp-container input[type=button] {
	margin: 10px 10px 10px 0px;
	padding: 4px 10px;
	float:right;
	font-family: Helvetica;
	font-weight: bold;
	color: #444;
	border: none;
	text-shadow: 0 1px 1px rgba(255,255,255,.85);

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0% 100% 90deg,#bbb, #fff);
    
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
    }

#outp-container input[type=button]:hover {
    color: #333;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

#outp-container input[type=submit]:hover {
    color: #FFF;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

#outp-close {
	
	width:30px;
	height:30px;
	background-image:url(http://www.designagainstcrime.com/wp-content/uploads/2011/02/close.png);
	background-repeat:no-repeat; 
	margin-left:490px;
	position:relative;
	z-index:40;
	cursor:pointer;
	}

#outp-close-container {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	}

#outp-popup .mc-field-group {display:block; clear:both; margin:5px; 0px;}

#outp-popup .required-field-group {height:34px;}

#outp-popup .input-group {margin:5px 0px;}
#outp-popup .input-group ul {margin:0px;}
#outp-popup {
	margin-top:-15px;
	width:460px; 
	height:460px; 
	padding:20px;
	
	background-color:#F0F0F0;
	
	background-repeat:repeat; 
	margin-left:auto; 
	margin-right:auto; 
	border-radius:5px; 	
	overflow:hidden;
	
	-webkit-box-shadow:0px 0px 10px #000; 
	-moz-box-shadow:0px 0px 10px #000; 
	box-shadow:0px 0px 10px #000;}

#outp-header {
	margin-top:-20px; 
	margin-left:-20px;
	}

#outp-popup fieldset {
	border: none;
	padding: 0px; margin:0px;
	}
		
.mce_inline_error {color:#F952A6; font-size:10px;}	

.ac_results {
	padding: 0px;
	border: 0px;
	overflow: hidden;
	z-index: 99999;
	color:#FFF;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	text-align:left;
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_even {

	background-color: rgba(0,0,0,0.5);       
}

.ac_odd {
	
	background-color: rgba(0,0,0,0.5);  
}

.ac_over {
	background-color: #FA6EA6;
	color: white;
}

	#dac_logo {float:left; width:151px; height:105px; background-image:url(images/dac.png); background-repeat:no-repeat; background-posiition: bottom right; margin-top: 40px; margin-left:-2px; display:block; position:relative; z-index: 10;}

	#dac_logo2 {float:left; width:151px; height:105px; background-image:url(http://www.designagainstcrime.com/wp-content/uploads/2013/12/DAC_logo_3.png); background-repeat:no-repeat; background-posiition: bottom right; margin-top: 20px; margin-left:-2px; display:block; position:relative; z-index: 10;}

	#ual_research_logo {float:left; width:151px; height:105px; background-image:url(http://www.designagainstcrime.com/wp-content/uploads/2013/12/UAL_LOGO_2.png); background-repeat:no-repeat; background-posiition: bottom right; margin-top: 127px; margin-left:-151px; display:block; position:relative; z-index: 10;}

.line1 {width:940px; height:5px;}
.line2 {width:910px; height:42px; text-align:left; padding-left:30px; color:#FFF; padding-top: 3px;

background-color:#FF3399;
background:
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.30, rgb(211,0,106)),
    color-stop(0.71, rgb(248,39,143))
);

background: 
-moz-linear-gradient(
    center bottom,
    rgb(211,0,106) 30%,
    rgb(248,39,143) 71%

);


}

.pink1 {background-color:#FF3399;}
.pink2 {background-color:#F952A6;}
.pink3 {background-color:#B22472;}

#blog_mask {width:960px; height:240px; overflow:hidden; position:relative;}

#blog_container {width:2880px; height:250px;position:relative;
	-webkit-transition-property: margin-left; 
	-webkit-transition-duration: 0.5s; 
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: margin-left; 
	-moz-transition-duration: 0.5s; 
	-moz-transition-timing-function: ease-in-out;


}

.blog_one {margin-left:0px;}
.blog_two {margin-left:-960px;}
.blog_three {margin-left:-1920px;}

.detail_one {margin-left:0px;}
.detail_two {margin-left:-460px;}
.detail_three {margin-left:-920px;}


.arrow_hide {opacity:0; cursor:default;}
.homepage {margin-top:-150px;}

#arrows {width:960px; margin-bottom:10px; margin-top:0px; position:relative; z-index:50;}
#arrow-left {
	width:30px;
	height:50px;
	float:left;
	background-color: #666;
	background: rgba(0,0,0,0.6);
	background-image:url(images/arrow-white-left.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 0.5s; 
	-webkit-transition-timing-function: ease-in-out;  
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

#arrow-right {
	width:30px;
	height:50px;
	float:right;
	background-color: #666;
	background: rgba(0,0,0,0.6);
	background-image:url(images/arrow-white-right.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	
	
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 0.5s; 
	-webkit-transition-timing-function: ease-in-out; 
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
#arrow-left:hover {background-image:url(images/arrow-left-hover.png); cursor:pointer;}
#arrow-right:hover {background-image:url(images/arrow-right-hover.png); cursor:pointer;}




.archive_head {display:block; height:30px; color:#333;}
.archive_title {font-size:16px; font-weight:500; display:block: float:left;}
.archive_date {font-size:16px; font-weight:300; display:block: float:left; margin-left:30px;}
.archive_content {display:block; height:59px; padding-top: 5px; padding-bottom:5px; font-size: 14px; font-weight:300;}

.archive_head {color:#333;}
.archive_head:hover {color:#F952A6;}

.archive_head a {color:#333;}
.archive_head a:hover {color:#F952A6;}

.line1_5 {line-height:1.5; font-weight:300;}

#footer-spacer {width:100%; height:40px;}

.share {width: 280px; height:60px; float:left; color:#333; font-size:24px; font-weight:300; background-color:#D2D2D2; text-shadow: 0px 1px #FFF; text-align:left; margin:10px 0px; padding:10px; overflow:hidden; background-image:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png); background-position: top left; background-repeat: no-repeat; display:block;

}

.site {width: 120px; height:30px; float:left; color:#333; font-size:14px; font-weight:300; background-color:#D2D2D2; text-shadow: 0px 1px #FFF; text-align:left; margin:10px; padding:10px; overflow:hidden; background-image:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png); background-position: top left; background-repeat: no-repeat; display:block;

}

.site_bikeoff {width: 140px; height:30px; float:left; color:#333; font-size:24px; font-weight:300; background-color:#D2D2D2; text-shadow: 0px 1px #FFF; text-align:left; margin:0px 0px 10px 0px; padding:10px; overflow:hidden; background:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png) top left no-repeat,
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/bikeoff.png) top left no-repeat; display:block;

}


.site_grippa {width: 140px; height:50px; float:left; color:#333; font-size:24px; font-weight:300; background-color:#D2D2D2; text-shadow: 0px 1px #FFF; text-align:left; margin:0px 0px 10px 0px; padding:10px; overflow:hidden; background:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png) top left no-repeat,
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grippa.png) top left no-repeat; display:block;

}

.networks img {-webkit-transition-property: -webkit-box-shadow; 
	-webkit-transition-duration: 0.5s; 
	-webkit-transition-timing-function: ease-in-out;
}
.networks img:hover{ -webkit-box-shadow: 0px 0px 4px #666; -moz-box-shadow: 0px 0px 4px #666; box-shadow: 0px 0px 4px #666;}

.exhib_button {cursor:pointer; height:20px; width:35px; Margin-right:10px; float:right; margin-top:68px;}
.exhibition_span {display:none;}
.exhibition_span span {display:block; padding:10px; font-weight:300; line-height:1.5;}
.exhib_img {width:198px; height:142px;}
.exhib_center {float:left; font-weight:300; line-height:1.5;}


.list_img {margin-top:46px; width:198px; height:142px;}

.list_header {margin-top:10px;}
.list_center {min-height:68px; font-weight:300; line-height:1.5; }
.list_center a {color:#F952A6;}

.exhib_down {background-image:url(images/arrow-down.png); background-position:top left; background-repeat:no-repeat;}
.exhib_down:hover {background-image:url(images/arrow-down-hover.png); background-position:top left; background-repeat:no-repeat;}

.exhib_up {background-image:url(images/arrow-up.png); background-position:top left; background-repeat:no-repeat;}
.exhib_up:hover {background-image:url(images/arrow-up-hover.png); background-position:top left; background-repeat:no-repeat;}

.color1 {color:#666;}
.color2 {color:#F952A6;}

.nav { background-color:#D2D2D2; background-image:
url(http://www.matthewpateman.com/dac/wp-content/themes/designagainstcrime/images/grey-corner.png); background-position: top left; background-repeat: no-repeat;}

.perp {width:640px; margin-left:-10px;}
.perp ul {list-style-type:none; -webkit-padding-start: 0px; -moz-padding-start: 0px; padding-start: 0px;}
.perp li {float:left; margin:10px;}

#line2text {float:left;}
#network-button {float:right; width:158px; height:30px; margin-top:3px; margin-right:5px; display:block; background-image:url(http://www.designagainstcrime.com/wp-content/uploads/2011/02/join.png); background-repeat:no-repeat;}

#network-button:hover {background-image:url(http://www.designagainstcrime.com/wp-content/uploads/2011/02/join-hover.png);}

.mailchimp legend {display:none;}
.mailchimp fieldset {border:none; margin:0px; padding:10px; background-color:#FFF; border-radius:3px; height:550px;}
.mailchimp label {display:block;}
.mailchimp input[type=text] {
	width:270px; 
	padding:5px; 
	border:none;
	font-family: Helvetica;
	font-weight: bold;
	color: #444;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#DDD));
	background-image:-moz-linear-gradient(0% 12% 90deg, #fff, #DDD);
	background-color:#DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}

.mailchimp input[type=submit] {
    padding: 4px 10px;
    font-family: Helvetica;
    font-weight: bold;
    color: #444;
    border: none;
    text-shadow: 0 1px 1px rgba(255,255,255,.85);
    
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0% 100% 90deg,#bbb, #fff);
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);

margin: 10px 10px 10px 0px;
    }


.mailchimp input[type=submit]:hover {
    color: #333;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

.mailchimp ul {list-style:none; -webkit-padding-start: 0px; margin:0px;
}


.mailchimp ul li {margin:5px 0px;}

.mailchimp .input-group label {display:inline;}

#facebook-wrapper {overflow:hidden; background-color:#FFF; border-radius:3px;}
#facebook {margin-top:-2px; margin-left:-2px;}

.grid_4 ul {
	list-style:none;
	-webkit-padding-start:0px;
	-moz-padding-start:0px;
	-ms-padding-start:0px;
	-o-padding-start:0px;
	padding-start:0px;
	}

.grid_4 ul li img { margin:3px;}