*, *:after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {min-height:100%;position:relative;}
body {height:100%; margin:0; padding:0; font-family:'Lato',Calibri,arial,helvetica,sans-serif; font-size:0.9em; color:#000; background:#fff; list-style-type: square;} 

a {text-decoration: none; font-weight: bold; color:#e74c3c;}
a:visited {color : #e74c3c;}
a:link {color : #e74c3c;}
a:hover {text-decoration: underline; color:#000;}

img {border: 0;}

#container {position:absolute; top:0; left:0; height:100% !important; width:100%; overflow:hidden;
z-index:1;margin:0; padding:0;}

#threenine {height:100% !important; float:left; z-index:2; margin:0; padding:0;}
#myCanvas {position:absolute; top:0; left:0; display:block; z-index:3; margin:0; padding:0;}

#vertdiv {height:100% !important; width:5px; background-color:#000; float:left; margin:0; padding:0;}

#one {position:relative; width:155px; height:100%; float:right; z-index:4; margin:0; padding:0;}

h1 {font-weight: 700; font-size: 1.5em; margin:20px 0 0 0;}
h2 {font-weight: 700; font-size: 1.35em;}
h3 {font-weight: 700; font-size: 1.1em; margin:0 0 15px 0;}


/* DADA 100 */
#colcover {height:100% !important; background:#fff; opacity:0.9;position:absolute;top:0;left:0;z-index:5;}

#dada100container {position:absolute; top:0; left:0; height:100%; width:100%; overflow:hidden;
z-index:6;margin:0; padding:20px;}
#dada100centerparent {height:100%; display: flex;justify-content: center;align-items: center;text-align:center;}
#dada100centerchild {}
#dada100item {width:250px;height:285px; display:inline-block; margin:0;padding:0;}
.dada100image {width:225px; height:225px;}
.dada100info {font-size:0.8em;}
.dada100hidden {display:none !important;}

@media only screen and (max-width: 1200px) {
	#dada100item {width:200px;height:235px; float:left; margin:0;padding:0;}
	.dada100image {width:175px; height:175px;}
	.dada100hidden {display:inline-block !important;}
}

@media only screen and (max-width: 990px) {
	#dada100item {width:150px;height:175px; float:left; margin:0;padding:0;}
	.dada100image {width:125px; height:125px; border-radius:0 !important;}
	.dada100info {display:none;}
	.dada100hidden {display:inline-block !important;}
}

@media only screen and (max-width: 630px) {
	#dada100item {width:135px;height:145px; float:left; margin:0;padding:0;}
	.dada100image {width:100px; height:100px; border-radius:0 !important;}
	.dada100info {display:none;}
	.dada100hidden {display:inline-block !important;}
}

/* sidebar styles */

#sidebarall {width:100%; padding:0; margin:0; font : 1.4em Calibri, Trebuchet MS, Helvetica, sans-serif; color:#000; font-weight:bold; line-height : 1.2em; list-style-type: square;}

#logo391 {margin:12px; text-align:center;}
#logoCanvas {width:120px; height:120px; z-index:4; border:2px solid black;}

#sidebarall a {padding:0; color:#000; text-decoration: none; display:block;}
#sidebarall a:visited {color: #000;}
#sidebarall a:hover  {color:#e74c3c;}

#sidebarall .currentissue,#sidebarall .pastissue  {margin:0; text-align:center; background-color:#fff;}
#sidebarall .currentissue  a:link,#sidebarall .pastissue  a:link {color:#000; text-decoration: none; display:block;}
#sidebarall .currentissue  a:hover,#sidebarall .pastissue  a:hover {color:#e74c3c;}
#sidebarall .subtext {font-size: 0.75em; margin:0; padding:5px 5px 0 5px;line-height:1em;}

#issueiconfront {border: 2px solid #e74c3c;}

#sidebarall .currentissue .issuetitle {font-size: 0.9em; letter-spacing:2px; margin:0; padding:4px 0; line-height:0.9em;}
#sidebarall .currentissue .issuename {font-size: 1.2em; margin:0; padding:0 5px; line-height:1em;}

#sidebarall .pastissue .issuetitle {font-size: 0.8em; letter-spacing:1.4px; margin:0; padding:4px 0; line-height:0.9em;}
#sidebarall .pastissue .issuename {font-size: 1em; margin:0; padding:0;line-height:0.8em;}

#sidebarall .divider {clear:both; margin:10px 0; height:2px; width:100%; background:#000;}

#info,#archive,#network {padding:20px 0;}
.currentissue  {padding:10px 0 20px 0;}
.pastissue{padding:5px 0 10px 0;}

#info {background-color:#FDEDEC; text-align:center;}
#archive {background-color:#FADBD8; text-align:center;}
#network {background-color:#F8C9C4; text-align:center; padding-bottom:10px;}
#shop {background-color:#F5B7B1; text-align:center;}
#initdiv{visibility:hidden;}


/* loading animation */

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
 
@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
 
@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
 
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
 
@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
 
 
@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
 
@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
 
@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

#loading-cover{position:absolute; overflow:hidden; top:280px; left:0; width:100%; height:100%; background-color:#e74c3c; z-index:1000;}
.loading-container,.loading {position:relative; width:100px; height:100px; border-radius:100%;z-index:1000;}
.loading-container {position: fixed; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index:1000;}
.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}
 
.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
 
.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
 
#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}



/* archive and subpage styles */

.mainpage {margin:0; padding: 20px; color:#333;}

.toppage {margin-bottom: 20px; font-weight: bold; font-size: 1.6em;letter-spacing:1px;}

.manifesto {padding: 20px; width:900px; margin:0 auto; color:#444; font-size:1em; line-height:1.4em;}
.manifestothin {width:100%; text-align:center; color:#444; font-size:1em; line-height:1.4em;}
.manifestothininner {display:inline-block; overflow:hidden; text-align:left;
    *display:inline;/* IE*/
    *zoom:1;/* IE*/}

.manifestotitle {font-weight: 700; font-size: 1.5em; margin:20px 0 0 0;} 
.manifestoauthor {font-weight: 400; font-size:1.25em; margin:10px 0 0 0;}
.manifestodate {font-weight:400; font-size:1em; margin:5px 0;}
.manifestoback {clear:both; margin:40px 0;}

@media only screen and (max-width: 960px) {
	.manifesto {padding:0; width:80%;}
}

.alignright {float:right;}
.lefty {text-align:left;}

.notes {font-size:0.8em;}

/* tristan tzara manifestos */
.tttable {padding:5px 10px 0 0;} 
.tttable td {padding:0 5px 0 0;}
.tt1 {font-size:0.8em;}
.tt2 {font-size:1.7em;}

/* andre breton manifesto of surrealism 1924 */
.ab1 {text-align:center; font-style:italic; font-family: 'Haettenschweiler','arial black',arial,helvetica,sans-serif; font-size:3.6em; font-weight:400; margin:0.7em 0;}
.ab2 {text-align:center; font-family: 'Tempus Sans ITC','Pioneer BT','Times New Roman',serif; font-size:3em; font-weight:700; margin:0.7em 0;}
.ab3 {font-family:'Wingdings 2'; font-size:1.4em;}
.ab4 {font-family:'Imprint MT Shadow','GoudyHandtooled BT';font-size:1.8em; text-align:center; line-height:1.6em;}
.ab5 {font-size:1.2em; text-align:center; line-height:1.2em; margin-top:5px;}

/* isidore isou manifesto of letterist poetry 1942 */
#ii {font-family: monospace; white-space: pre; font-size:0.9em; font-weight:400;}


/*
#key {width:100%;}

#keyall {float:left; color: #fff; width:70px; border: 1px solid #C1DAD7; text-transform:uppercase; padding: 6px; background: #e74c3c; margin-right:10px;}
#keymada {float:left; color: #fd929b; width:80px; border: 1px solid #C1DAD7; text-transform:uppercase; padding: 6px; background: #333333;}
#keydada {float:left; width:70px; color:#444; padding: 6px; border: 1px solid #C1DAD7; text-transform:uppercase;  margin-right:10px;}
#key a {text-decoration:underline;}
#keyall a, #keymada a {color:#fff;}
*/


 /* subpages */
#fb-icon,#twitter-icon{width:20px;height:20px; margin:0 5px -5px 5px;}
#fb-icon{background:url("../images/icon_fb.png") 0 0;}
#fb-icon:hover{background:url("../images/icon_fb.png") -20px 0;}
#twitter-icon{background:url("../images/icon_twitter.png") 0 0;}
#twitter-icon:hover{background:url("../images/icon_twitter.png") -20px 0;}

.vs-header {z-index: 200; margin: 0 auto; padding: 2em; width:100%; text-align: center;}

.vs-container > header h1 {margin: 0 0 0.1em 0; padding: 0.8em 0; font-weight: 400; font-size: 2.8em; line-height: 1.4; -webkit-backface-visibility: hidden;}
.vs-container > header span {display: block; padding: 0 0 0 0.1em; font-size: 50%; font-weight: 400; color: #893027;}

.vs-nav {position: relative; display: block; margin: 0 auto; padding: 0; list-style: none;}
.vs-nav li {display: inline-block; margin: 10px 20px; text-align: center; text-decoration: none;}
.vs-nav li a {position: relative; display: inline-block; margin: 0 10px; padding: 10px 0; outline: none; border-top: 2px solid #893027;border-bottom: 2px solid #893027; color: #893027; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;font-size: 1.5em; -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s;}

#vs-on,.vs-nav li a:hover,.vs-nav li a:focus {border-color: #fff; color: #fff;}

.vs-wrapper {width:100%; overflow: auto; padding:0 0 40px 0;text-align:center;}
.vs-wrapper a {color: #e74c3c;}
.vs-wrapper a:hover {color: #893027;}

/* privacy policy */
.privacy {background-color:#fff; color:#333;}

#privacy a {color:#d01;}
#privacy h2 {margin: 30px 0 10px;}
#privacy h3 {margin: 30px 0 20px;}



/* archive */ 

.maincopy {clear:both; margin:20px 0; padding:0;}
.whitey a {color:#000;}
.whitey a:hover {color:#fff;}

.item {background-color:#fff; display:inline-block; text-align:left; width:580px; font-size:1em; color:#000; padding: 20px; margin:20px 20px 0 20px; font-size:1.4em; vertical-align:top;}
.item a {text-decoration:none;}
.item p {color:#000; font-size:0.8em; margin:10px 0; padding:0;}
.item h2 {margin:0 0 10px 0; padding:0;}
.itemmanifesto,.itemaudio,.itemissue,.itemother {border-radius: 25px; border:1px solid #000; border-bottom:4px solid #000;border-right:4px solid #000;}

.issueicon {margin:0 10px 0 0; text-align: center;} 
.issuelink {font-weight: bold; font-size: 1.2em; letter-spacing:2px;} 
.issuesmall {height:200px;}
.issuebig {width: 100%; margin:0 0 10px 0;} 

@media screen and (max-width: 640px) {
	.item {width:90%; 
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: calc(100% - 40px);
	}
	.issuebig {width:100%; height:auto;}
	img {border-radius:15px;}
}


.date {color:#000; font-size:0.55em; margin:10px 0; padding:0;}
.people {color:#000; font-size:0.75em; padding:0; margin:5px 0; font-weight:700;}
.cont {color:#000; font-size:0.6em; padding:0; margin:10px 0;}

.exhibit  {font-size: 0.6em;  line-height:1.4em;} 
.exhibit ul {margin-left: 0; padding-left: 1.25em;} 
.exhibit li {list-style-type: square;}


/* about */

.holder {width:100%; height:250px; display:table;}
#socialleft,#socialright,#socialcenter{width:33%; height:250px;}
#socialleft {float:left;}
	#twitter-widget-0 {width:100% !important;}
	iframe[id^='twitter-widget-']{width:100% !important;}
#socialright {float:right;background-color:#fff;}
#socialcenter {background-color:#000; margin:0 auto; padding:10px; font-size:14px;}
	/* 
	#mce-EMAIL,#mc-embedded-subscribe {margin:10px 0 !important;}
	#mc_embed_signup form {height:248px !important;}
	#mc_embed_signup input.email {width:80% !important;}
	#mc_embed_signup input.button {display:inline-block !important;}
	*/
#signup {background-color: #e74c3c; color: #fff; margin: 10px 0; display: block; font-size: 17px; padding: 10px; border-radius: 16px;}	
#signup:hover {background-color:#fff; color:#000; text-decoration:none !important;}


@media only screen and (max-width: 1210px) {
#socialleft {width:50%; float:left;}
#socialright {width:50%; float:right;}
#socialcenter {clear:both; width:100%; height:160px; margin:0 auto;}
	#mc_embed_signup form {height:158px !important;}
}


@media only screen and (max-width: 784px) {
#socialleft,#socialright,#socialcenter {width:100%;}
}

.left-col {width: 50%; width:48%; height:220px; background-color:#000; }
.right-col  {width: 50%; top: 0px; right: 0px; bottom: 0px;  background-color:rgba(255,255,255,0.5); position: absolute;}

@media only screen and (max-width: 1300px) {
	/* .holder {height:auto;}
	.left-col {width:100%; height:140px; margin:0; clear:both; position:relative;}
	.right-col {width:100%; height:220px; margin:0; clear:both; position:relative;}
	*/
}

.about {color:#000; font-size:0.9em; clear:both;}
.about a {color:#fff;}
.about a:hover {color:#000;}


/* shop */
#amazonwidget {text-align:center;}
#amazonmobilewidget {text-align:center; display:none;}

@media only screen and (max-width: 876px) {
#amazonwidget {display:none;}
#amazonmobilewidget {display:block;}
}


.bio {padding: 20px; color:#222; line-height:1.2em;}
.biotitle {font-weight: bold; font-size: 1.4em; margin:5px 0;} 
.biotext {font-size: 0.9em;} 
.biophoto {float:right; margin:0 0 10px 10px;}

.oldissueicon {margin-right:10px; margin-bottom:10px; text-align: center;} 

.quote  {font-weight: bold; font-size: 14px; } 

.dotdotdot {font-weight: bold; font-size: 5px;} 


#mc_embed_signup{background:#000; margin:0; padding:0; font:0.8em;  width:100%;}

#fbsignup {background:#3b5998; width:100%; margin:0 0 10px 0; padding:0 0 0 20px;}


.zed {color:black; border-width: 1px; border-color:black; font-family: tahoma,verdana, arial; font-size: 11px;} 


/* hide addthis values */
.addthis_toolbox {margin:20px 0;}
.addthis_button_facebook_like {overflow:hidden; width: 45px !important;}
.addthis_pill_style {width: 50px !important;}
.addthis_counter {display:none;} 


/* audio player */

.audiojs {width: 100%; height: 36px; background: #000; overflow: hidden; font-family: monospace; font-size: 12px; border-radius:15px;}
.audiojs .scrubber {position: relative; float: left; width: 50%; background: #fff; height: 14px; margin: 10px; border-left: 0px; border-bottom: 0px; overflow: hidden;}
.audiojs p {margin:0;}


/* tweecool */
#fb-icon2,#twitter-icon2{width:30px;height:30px; margin:0 auto;}
#fb-icon2{background:url("../images/icon_fb2.png") 0 0;}
#fb-icon2:hover{background:url("../images/icon_fb2.png") -30px 0;}
#twitter-icon2{margin-top:15px;}
#twitter-icon2{background:url("../images/icon_twitter2.png") 0 0;}
#twitter-icon2:hover{background:url("../images/icon_twitter2.png") -30px 0;}

.twitter-widget {width:100%; color:#000; text-align:center; padding:10px 0 0 0; display:inline-block; font-size:0.7em; line-height:1.2em;}
.twitter-widget ul {margin: 0; padding: 0;}
.twitter-widget li {list-style: none; clear: both;}
.twitter-widget .tweet {margin:0.5em 0;}
.twitter-widget a:hover {color:#e74c3c;}
.twitter-widget .timePosted {margin:5px 0; font-size:0.8em;}
.twitter-widget .interact {margin:0;}
.twitter-widget .interact a {font-size:0.8em; display:inline-block !important;}