/***********
    Layout
*/

body{
  margin: 0px; padding: 0px;
  font-family: 'Frugal Sans Hinted', 'Tahoma';
  line-height: 1.15em;
}

*::selection { background: #A8FFC5; /* Safari */ }
::-moz-selection { background: #A8FFC5; /* Firefox */ }
#rejectside p::selection, #rejectside *::selection { background: #ffb7b7;}
#neutralside p::selection, #neutralside *::selection { background: #FFFFB8;}
#acceptside p::selection,  { background: #B8FFB8;}

tt, code, kbd, samp { font-family: 'meslo_lg_mregular', 'Courier New'; font-size: 0.85em; }
blockquote { border-left: 5px solid #3D806B; padding-left: 9px;}
hr { color: #3D806B; height: 3px; border: 0px; background-color: #3D806B; }
h1 { font-size: 1.75em; } h2 { font-size: 1.45em; }  h3 { font-size: 1.35em; }  h4 { font-size: 1.15em; }

.ticker {
  background-image: url('graphics/tickerback.png');
  width: 100%; height: 35px;
  font-size: 0.85em; color:  white; line-height: 0.8em;
} .ticker img { margin: 3px; } .ticker div, .ticker span { margin: 12px; display: inline-block; } 
.redticker { background-image: url('graphics/tickerback-red2.png'); z-index: 1; /* position: absolute; top: 0px; */ }
.amberticker { background-image: url('graphics/tickerback-amber3.png'); z-index: 1; /* position: absolute; top: 0px; */ }

.photostrip{
  background-image: url('graphics/strip1.png');
  width: 100%; height: 30px;
}

.ps-science { background-image: url('graphics/strip-science.png'); }
.ps-technology { background-image: url('graphics/strip-technology.png'); }
.ps-media { background-image: url('graphics/strip-media.png'); }
.ps-creativity { background-image: url('graphics/strip-creativity.png'); }
.ps-life { background-image: url('graphics/strip-life.png'); }
.ps-society { background-image: url('graphics/strip-society.png'); }
.ps-style { background-image: url('graphics/strip-style.png'); }
.ps-other { background-image: url('graphics/strip-other.png'); }

.divider{
  background-image: url('graphics/dividerback.png');
  width: 100%; height: 3px;
} .dividerhere { margin-left: auto; margin-right: auto; width: 1000px; }

.splashpane{
  width: 100%; height: 231px;
  background-image: url('graphics/splashpane.png'); 
}

.container{
  width:  1000px; min-height: 100%;
  margin-left: auto; margin-right: auto;
  padding-top: 16px;
}

.widepane{
  width:  90%; height:  300px;
  background-color: transparent;
  position: absolute; top:  15%; left: 0px;
  padding-left: 100px;
  font-size:  1.15em;
}

.splashheader { width: 100%; height: 102px; background-image: url('graphics/splashheaderback.png'); }

#rev2, #rev3, #rev4 { display: none;}

.tag { background-color: #457E6C; display: inline-block; min-width: 100px; padding: 8px; color: white; margin-bottom: 3px; font-family: FrugalSansRegular; border-radius: 3px; }
.tag a:link { color: white; }
.tag a:visited { color: white; }
.tag a:hover { color: white; }
.tag a:active { color: white; }


#acceptside, #neutralside, #rejectside { width: 320px; min-height: 100px; display: inline; float: left; display: none; }
#acceptside { background-image: url('graphics/acceptsideback3.png'),  url('graphics/acceptsideback3.png');
 background-position: left, right; background-repeat: repeat-y, repeat-y; background-color: white;  }
#neutralside { background-image: url('graphics/neutralsideback3.png'),  url('graphics/neutralsideback3.png');
 background-position: left, right; background-repeat: repeat-y, repeat-y; background-color: white;  }
#rejectside { background-image: url('graphics/rejectsideback3.png'),  url('graphics/rejectsideback3.png');
 background-position: left, right; background-repeat: repeat-y, repeat-y; background-color: white;  }

#allsideback { width: 960px; min-height: 100px; display: inline; float: left; }
#allsideback { background-image: url('graphics/allsideback3.png'),  url('graphics/allsideback3.png');
 background-position: left, right; background-repeat: repeat-y, repeat-y; background-color: white; padding-bottom: 48px; }
#allsideback img { max-width: 100%;}
/* #allsideback .commentarea { width: 747px;} */

.commentarea {
  width: 249px; position: relative;
  margin-left: auto; margin-right: auto;
  background-image: url('graphics/commentheader.png');;
  /* font-size: 0.85em; /* margin-bottom: 24px; */
  background-repeat: repeat-x;
  clear: both;
  word-wrap: break-word;
} .stapletext p:nth-child(1){ margin: 0px; } .stapletext p img { /* max-width: 90%; */ max-width: 260px; max-height: 200px; target-new: tab ! important }
.smallertext { font-size: 0.85em; }

.commentreply { background: transparent !important; }
.commentlevel { width:  85%; float: right; border-top: 1px solid black; margin-right: 8px; margin-top: 8px; padding-top: 3px; margin-bottom: 8px; background: transparent !important; }
 #allsideback .commentarea { width: 747px;} #allsideback .commentlevel { width: 85%; }

.avatar { position: absolute; right: 16px; top: 0px; z-index: 1;}
.username { padding-top: 27px; margin-left: 15px; margin-bottom: 8px; } 
.username span { background-color: white; padding: 3px; font-size: 1.15em;}
.actions { margin-left: 30px; margin-top: 8px; } .actions img { vertical-align: middle; }

img { border: 0px; } #help, #comingsoon, #facenotice { display:  none; }
#annex { display: none; }

a:link, a:visited, a:active { text-decoration: none; color: #cc0000; }
.redticker a:link, .redticker a:visited, .redticker a:active { text-decoration: none; color: #A3FF47; }
.amberticker a:link, .amberticker a:visited, .amberticker a:active { text-decoration: none; color: #A3FF47; }
.return a:link, .return a:visited, .return a:active { text-decoration: none; color: #dcdcdc; }
#annex a:link, #annex a:visited, #annex a:active { text-decoration: none; color: #dcdcdc !important; }
#annex-mobile a:link, #annex-mobile a:visited, #annex-mobile a:active { text-decoration: none; color: #dcdcdc !important; }
td a:link, td a:visited, td a:active { text-decoration: none; color: #3c3c3c; }
.artblock a:link, .artblock a:visited, .artblock a:active { text-decoration: none; color: #3c3c3c; }
.artblock-minus a:link, .artblock-minus a:visited, .artblock-minus a:active { text-decoration: none; color: #3c3c3c; }
.caution a:link, .caution a:visited, .caution a:active { text-decoration: none; color: #cc0000; }
a:hover { text-decoration: underline; } 
img { border: 0px; }
#annex a:hover { font-weight: bold; }
.like {cursor: pointer; }

abbr[title], acronym[title] {
     border-bottom-width: 0px;
}

table.stylish { border-spacing: 15px; }
table.stylish td { text-align: left; background-color: #ececec; padding: 15px 8px; border: 5px; }

#loading{
  display: none;
  background-image: url('graphics/stripe-animation.gif');
  color:white;padding:24px 0px;text-align:center;font-size:2.6em;position:fixed;bottom:0px;z-index:1;width:100%;margin-top:48px;}

.readingcontent{
    font-size: 1.2em;
    font-family: 'ToshnaStdBDemo-Regular Hinted', Cambria;
    letter-spacing: 0.02em;
    line-height: 24px;
}

.readingcontent p{ line-height: 24px; } .readingcontent div{ line-height: 24px; } .readingcontent li { margin: 0.85em 0px; } 
.readingcontent img, .readingcontent iframe, .readingcontent video { max-width: 100% !important; }
.youtubeEmbed { width: 640px; height: 360px; }

.tape {
  position: relative;
  background-image: url('graphics/tapeleft.png'),
                    url('graphics/taperight.png');
  background-repeat: no-repeat;
  background-position: left, right;
  font-size: 1.05em;
  height: 32px;
  min-width: 75px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  color: black;
}
.tape::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10px; 
  right: 10px;
  height: 32px;
  background: url('graphics/tapemiddle.png') center;
  z-index: -1
}

.tape span {
  padding-left: 16px;
  padding-right: 16px;
}



ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
border: 1px solid #3D806B;
box-sizing: 
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: transparent;
text-decoration: none;
}

/*
#navlist a:hover
{
color: #fff;
background-color: #3D806B;
text-decoration: none;
}
*/

/***********
    Content Area
*/

.headline {
  font-family: 'ToshnaStdBDemo-Regular Hinted', Georgia;
  text-align: center; font-size: 30px;
  color: rgb(61,128,107); line-height: 1em;
} .pillhere { text-align: center; margin-top: 15px; }

.returnhere {
  position: absolute;
  right: 15px;
  top: 68px;
}  

.return {
  display: inline-block;
  background-color: #3D806B;
  border-radius: 0px 0px 3px 3px;
  color: #DCDCDC;
  font-size: 0.85em;
  height: 30px;
  line-height: 2em;
  padding: 0 5px;
  vertical-align: top;
} .return iframe, .return fb-send{ margin-top: 4px; } .twitter-share-button { vertical-align:middle; }  

.return2 {
  display: inline-block;
  background-color: #3D806B;
  border-radius: 0px 0px 3px 3px;
  color: #DCDCDC;
  font-size: 0.85em;
  height: 30px;
  line-height: 2em;
  padding: 0 5px;
  vertical-align: middle;
} .return2 iframe, .return2 fb-send{ margin-top: -3px; } .twitter-share-button { vertical-align:middle; }  
#u_0_3{
      background-color: yellow !important;
}

.artblock {
  width: 93%; /* min-height: 20px; */ background-color: #ececec; margin: 0px auto 17px auto; padding: 14px 7px;
  font-size: 1.45em;
  clear: both;
  line-height: 1.15em;
  /* overflow: hidden; */
}

.artblock-minus {
  width: 33%; /* min-height: 20px; */ background-color: #ececec; margin: 0px 9px 17px auto; padding: 7px 7px;
  font-size: 0.85em; text-align: right; float: right;
  clear: both;
  /* overflow: hidden; */
}
.caution { background: url('graphics/cautionstripe.png'); display: inline-block; border: 3px solid #ececec; margin: 9px 9px; width: calc(100% - 18px); box-sizing: border-box;  font-family: 'meslo_lg_mregular','Eteristics', 'Courier New'; font-size: 1.05em; }
.failure { background: url('graphics/failurestripe.png'); color: #fcfcfc; border: 3px solid #000000; }

@-webkit-keyframes .blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.blink {
  -webkit-animation-name: blink;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}

/***********
    Web Fonts
*/


@font-face {
  font-family: 'FrugalSansRegular';
  src: url('fonts/ftl_____-webfont.eot');
  src: local('?'), url('fonts/ftl_____-webfont.woff') format('woff'), url('fonts/ftl_____-webfont.ttf') format('truetype'), url('fonts/ftl_____-webfont.svg#webfontkIgqO6eN') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ToshnaStdBookDemoRegular';
  src: url('fonts/toshna-std-b_demo-webfont.eot');
  src: local('?'), url('fonts/toshna-std-b_demo-webfont.woff') format('woff'), url('fonts/toshna-std-b_demo-webfont.ttf') format('truetype'), url('fonts/toshna-std-b_demo-webfont.svg#webfontfoTS8M0E') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'meslo_lg_mregular';
    src: url('fonts/meslolgm-regular-webfont.eot');
    src: url('fonts/meslolgm-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/meslolgm-regular-webfont.woff') format('woff'),
         url('fonts/meslolgm-regular-webfont.ttf') format('truetype'),
         url('fonts/meslolgm-regular-webfont.svg#meslo_lg_mregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('fonts/hinted-FrugalSans-LightItalic.eot');
    src: url('fonts/hinted-FrugalSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-FrugalSans-LightItalic.woff') format('woff'),
        url('fonts/hinted-FrugalSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('fonts/hinted-FrugalSans-Light.eot');
    src: url('fonts/hinted-FrugalSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-FrugalSans-Light.woff') format('woff'),
        url('fonts/hinted-FrugalSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('fonts/hinted-FrugalSans-BoldItalic.eot');
    src: url('fonts/hinted-FrugalSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-FrugalSans-BoldItalic.woff') format('woff'),
        url('fonts/hinted-FrugalSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
*/

/* //This doesn't render the font properly.
@font-face {
    font-family: 'Frugal Sans Hinted';
    src: url('fonts/hinted-FrugalSans-Bold.eot');
    src: url('fonts/hinted-FrugalSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-FrugalSans-Bold.woff') format('woff'),
        url('fonts/hinted-FrugalSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
*/

@font-face {
    font-family: 'ToshnaStdBDemo-Regular Hinted';
    src: url('fonts/hinted-ToshnaStdBDemo-Regular.eot');
    src: url('fonts/hinted-ToshnaStdBDemo-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-ToshnaStdBDemo-Regular.woff') format('woff'),
        url('hinted-ToshnaStdBDemo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on November 14, 2017 12:31 PM */

@font-face {
    font-family: 'Eteristics Hinted';
    src: url('fonts/hinted-Eteristics.eot');
    src: url('fonts/hinted-Eteristics.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-Eteristics.woff') format('woff'),
        url('fonts/hinted-Eteristics.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on November 14, 2017 12:39 PM */

@font-face {
    font-family: 'Meslo LG M Hinted';
    src: url('fonts/hinted-MesloLGM-Bold.eot');
    src: url('fonts/hinted-MesloLGM-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-MesloLGM-Bold.woff') format('woff'),
        url('fonts/hinted-MesloLGM-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Meslo LG M Hinted';
    src: url('fonts/hinted-MesloLGM-Regular.eot');
    src: url('fonts/hinted-MesloLGM-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-MesloLGM-Regular.woff') format('woff'),
        url('fonts/hinted-MesloLGM-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Meslo LG M Hinted';
    src: url('fonts/hinted-MesloLGM-BoldItalic.eot');
    src: url('fonts/hinted-MesloLGM-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-MesloLGM-BoldItalic.woff') format('woff'),
        url('fonts/hinted-MesloLGM-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Meslo LG M Hinted';
    src: url('fonts/hinted-MesloLGM-Italic.eot');
    src: url('fonts/hinted-MesloLGM-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-MesloLGM-Italic.woff') format('woff'),
        url('fonts/hinted-MesloLGM-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


/***********
    Sticky Footer
    http://www.adhamdannaway.com/blog/web-design/css-sticky-footer-sticks-your-footer-to-the-bottom-of-the-page
*/

html, body, #pjaxContainer {height: 100%;}

#wrap {min-height: 100%; }

#main {overflow:auto;
  padding-bottom: 75px;}  /* must be same height as the footer */

#footerhere {position: relative;
  margin-top: -75px; /* negative value of footer height */
  height: 75px;
  clear:both;
  background-image: url('graphics/footerback2.png');
  text-align: center;
} 

.footer {
  width: 1000px; height: 75px; position: relative; 
   
  margin-left: auto; margin-right: auto;
}

/*Opera Fix*/
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/
}

/***********
    Lightbox overlays
*/

.artistback{
background-color: white;
text-align: left;

padding-right: 0px;
margin: 0px;

overflow: hidden;
width: 611px;
height: 453px;
}

font.headline, span.headline, span.headline2{
font-family: FrugalSansRegular, Tahoma;
/* background-color: #fff; */
color: #0066cc;
font-style: italic;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 2.5em;
}

div.header{
color: #000000;
line-height: 1.8em;
font-size: 12px;
border-bottom: 1px dotted  #60c2ad;
padding: 0px;
margin-bottom: 8px; margin-top: 16px;
font-weight: bold;
font-family: FrugalSansRegular;
}

div.statcol{
    display: inline; float: left;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    font-size: 14px;
    border: solid #000000 0px;
    vertical-align: middle;
}

div.statrow{
    display: inline; float: left;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    font-size: 14px;
    border: solid #000000 0px;
    vertical-align: middle;
    clear: both;
} 

/*
div.statrow{width:100%;margin:0 auto;overflow:hidden;}
div.statcol{float:left;padding:0px;vertical-align:middle;overflow:hidden;text-align:left;margin-bottom:42px;}
*/

.box2{
padding: 8px;
margin-right: 8px; margin-left: 0px;
border: solid #000000 0px;
font-size: 14px;
background-color: rgb(140,207,140);
display: inline-block;
float: left;
cursor: url('graphics/cursor.png'), auto;
}

.mdb { display: inline-block; }

/* ----------------- listamatic menu -----------------  */
#navcontainer ul
{
text-align: left;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
width: 100%;
line-height: 18px;
position: relative; top: 2px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
/* display: inline; */
padding-left: 0;
padding-right: 0px;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;


}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
}

.navplus ul li {  
  padding: 8px !important;
  background-image: url('graphics/footerback2.png'); 
}
.navplus ul li a { 
  font-family: 'Frugal Sans Hinted';
  color: white;
  padding: 8px !important;
}

#navcontainer .viewdis {
    background-color: #cf9766;
}

#navcontainer .viewdis:hover {
    background-color: #cf9766;
}


#navcontainer ul li:hover
{
 background-color: #C5BB49;
 background-image: none !important;
 cursor: pointer;
}


#navcontainer ul #active {
background-color: rgb(61,128,107);
color: #d0efff;
}



/* smartphone menu */

#navcontainer2 { min-width: 100px; }

#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
border: 1px solid black;
border-radius: 8px;
}

#navcontainer2 li { 
  display: block;
padding: 0px;
background-color: rgb(61,128,107);
border-bottom: 1px solid #a8a8a8;
margin: 0px;
}

#navcontainer2 a
{
display: block; padding: 16px;
}

#navcontainer2 li:first-child {
    border-top: 0px;
    border-radius:  8px 8px 0px 0px;
}

#navcontainer2 li:last-child {
    border-bottom: 0px;
    border-radius: 0px 0px 8px 8px;
}

#navcontainer2 a:link, #navlist2 a:visited
{
/*color: #2a2a2a;*/
color: white; 
text-decoration: none;
}

#navcontainer2 li:hover
{
background-color: #C5BB49;
font-weight: bold;
padding-left: 16px;
color: #fff;
}

/***********
    Fallback Forms
*/
.bigbutton, .minibutton, button, input[type=submit], input[type=button] {
 font-family: FrugalSansRegular, Droid Sans, Verdana, Arial, Helvetica, sans-serif;
 /* background-color: hsla(120,16%,81%,0); */ color: #666666;
 margin-right: 6px;
 background-color: #2E2E2E; color: #cccccc; font-size: 0.85em;
 border:3px ridged #f46539; padding: 8px 8px;
} .bigbutton { font-size: 24px !important; } button, input[type=submit] { font-size: 16px; }
  .minibutton { font-size: 12px !important; }

.bigtext, .mediumtext, input, select, textarea {
 font-family: FrugalSansRegular, Verdana; margin-right: 6px;
 background-color: #f5f5f5; border:1px solid #CCCCCC; padding: 3px;
 text-align: left; vertical-align: top;
 border-radius: 3px;
} .bigtext { font-size: 24px; } .mediumtext, input, textarea { font-size: 16px; } 
  .minitext { font-size: 12px; }
  
.bigcheck { height: 25px; width: 25px; position: relative; top: 0px; left: 0px; }
.colourblock { width: 86px; height: 43px; margin: 6px; padding: 0px;
    display: inline-block; }


/***********
    Validation
*/
label.error { display:  none !important; }
input.error, textarea.error, select.error { border-bottom: 3px solid #cc0000; }

/* Shadow (for the speech bubble) */
.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

/***********
    Responsive Design
*/

/* Smartphones (portrait and landscape) ----------- */
.desktop { display:  block; } .mobile, #annex-mobile, .w800, .w650, .w480 { display:  none; }

@media only screen and (max-width : 1000px) { /* Landscape iPad (1024px) */
    /* body { background: #FFF0D1 !important; } */
    #allsideback, .container, .footer { width: 880px !important; }
    .footer { position: relative !important; left: -50px !important; }
    #acceptside, #neutralside, #rejectside { width: 280px !important; }
    #navcontainer ul { position: unset !important; top: 0px !important; }
    
}

@media screen and (max-width: 948px) {
    /* body { background: #94D1C4 !important; } */
    #allsideback, .container, .footer { width: 890px !important; }
    .footer { width: 735px !important; }
    .desktop { display:  none; } .mobile, .w800 { display:  block; }
    #annex-mobile { display:  block; } .w480 { display:  none !important; }
    #acceptside, #neutralside, #rejectside { width: 287px !important; }
}

@media screen and (max-width: 889px) {
    /* body { background: #F6F6B1 !important; } */
    #allsideback, .container, .footer { width: 98% !important; }
    #acceptside, #neutralside, #rejectside { width: 33% !important; }
    .commentarea { width: 90% !important; }
}

@media screen and (max-width: 800px) { /* Portrait iPad (768px) */
    /* body { background: #D2FF80 !important; } */
    #allsideback, .container, .footer { width: 700px !important; }
    .desktop { display:  none; } .mobile, .w800 { display:  block; }
    .commentarea { width: 90% !important; }
    #annex-mobile { display:  block; }
    .artblock-minus { height: 40px !important; }
    #acceptside, #neutralside, #rejectside { width: 33% !important; }
    /*
    .statcol .bigtext, .statcol .mediumtext, .statcol input[type="text"], .statcol textarea { max-width: 796px !important; padding: 0px; }
    .plum-form .bigtext, .plum-form .mediumtext, .plum-form input[type="text"], .plum-form textarea { max-width: 796px !important; padding: 0px; }
    */
}


/* Blackberry Q10 */
@media screen and (max-width: 720px) { 
  .w800, .w800 img { width: 495px !important;}
}

@media screen and (max-width: 700px) {
/*@media screen and (max-width: 650px) { */ /*--->650px is important */
    /* body { background: #E3729E !important; } */
    #allsideback, .container, .footer { width: 580px !important; }
    .commentarea { width: 90% !important; } .w650 { display: block; }
    .desktop, .w800 { display:  none; }
    #acceptside, #neutralside, #rejectside { width: 287px !important; } 
    .artblock-minus { height: 40px !important; }
    .statcol .bigtext, .statcol .mediumtext, .statcol input[type="text"], .statcol textarea { max-width: 556px !important; padding: 0px; }
    .plum-form .bigtext, .plum-form .mediumtext, .plum-form input[type="text"], .plum-form textarea { max-width: 556px !important; padding: 0px; }
    .editform .statcol { display: block !important; } 
    .ticker { font-size: 1.35em; line-height: 1.85em; }
    .ticker img { height: calc(100% - 8px); width: 5px; }
    .amberticker, .redticker, .ticker { background-size: 1% 100%;  }
    .ticker, .photostrip { min-height: 65px !important; height: initial !important;}
    .minitext, .minibutton { font-size: 24px !important; }
    .w200 { width: 200px; }
    .return { font-size: 1.35em !important; padding: 0.35em !important; }
    .mdb { display: block; }

/* @media screen and (max-width: 480px) { */ 
@media screen and (max-width: 596px) { /* Landscape iPhone (480px) */
    /* body { background: #AA98BD !important; } */
    #allsideback, .container, .footer { width: 95% !important; margin-left: 15px !important; }
    .commentarea { width: 90% !important; }
    .desktop, .w650 { display:  none !important; } .mobile { display:  block; } .w480 { display: inline !important; }
    #acceptside, #neutralside, #rejectside { width: 100% !important; }
    .artblock-minus { height: 20px !important; }
    .statcol ./bigtext, .statcol .mediumtext, .statcol input[type="text"], .statcol textarea { max-width: 396px !important; padding: 0px; }
    .plum-form .bigtext, .plum-form .mediumtext, .plum-form input[type="text"], .plum-form textarea { max-width: 396px !important; padding: 0px; }
    textarea { font-size: 2em !important; } textarea:focus { min-height: 4.35em !important; }
      
}

@media screen and (max-width: 409px) { 
    /* body { background: #007B94 !important; } */
    .w320 { margin-top: 22px; padding-bottom: 4px;  }
    .w480 { position: relative; top: 4px; }
    .w650 { display: none !important; }
    .w800 { display: none !important; }

}

@media screen and (max-width: 320px) { /* Portrait iPhone */
    /* body { background: #007B94 !important; } */
    .w320 { margin-top: 22px; padding-bottom: 4px; }
    .w480 { position: relative; top: 4px; }
    .w650 { display: none !important; }
    .w800 { display: none !important; }
    #allsideback, .container, .footer { width: 300px !important; margin-left: auto !important; margin-right: auto !important; }
    .container { padding: 0px !important; /* margin-left: 0px !important; */ }
    table.stylish { margin-left: auto !important; margin-right: auto !important; }
    .artblock-minus { height: 40px !important; }
    .commentarea { width: 90% !important; }
    /* .pillhere causes a horizontal scrollbar */
    .XXXpillhere img { max-width: 300px!important; height: auto; }
    .headline { padding-top: 30px !important; }
    .statcol .bigtext, .statcol .mediumtext, .statcol input[type="text"], .statcol textarea { max-width: 252px !important; padding: 0px; }
    .plum-form .bigtext, .plum-form .mediumtext, .plum-form input[type="text"], .plum-form textarea { max-width: 252px !important; padding: 0px; }
}

/***********
    Responsive Override
*/
    .statrow2 .plum-form .bigtext, .statrow2 .plum-form .mediumtext, .statrow2 .plum-form input[type="text"], .statrow2 .plum-form textarea { padding: 3px !important; }
    .statcol .statcol .plum-form .bigtext, .statcol .statcol .plum-form .mediumtext, .statcol .statcol .plum-form input[type="text"], .statcol .statcol .plum-form textarea { padding: 3px !important; } /* for the annex shadowbox links */

/***********
    iPhone and Smartphone Compatible
*/

@media screen and (max-device-width: 480px) {   /* 320x480px iPhone ||  */
    /* body { background: #AA98BD !important; } */
    .commentarea { width: 90% !important; }
    .desktop, .w650, .w480 { display:  none !important; } .mobile { display:  block; }
    .desktop, .w650 { display: none !important; } .mobile { display:  block; }
    #annex-mobile { display:  block; } .w480 { display:  none !important; }
    #acceptside, #neutralside, #rejectside, #allsideback { width: 100% !important; margin: 0px !important; }
    .artblock-minus { height: 40px !important; }
    
    #navcontainer2 a { padding: 24px; }
    html, body {height: auto;}
    /* .pillhere img { max-width: 320px!important; height: auto; } */
    #wrap {min-height: auto;}
    img { max-width: 480px; height: auto; } 
    
    /*
    .statcol .bigtext, .statcol .mediumtext, .statcol input[type="text"], .statcol textarea { max-width: 396px !important; padding: 0px !important; }
    .plum-form .bigtext, .plum-form .mediumtext, .plum-form input[type="text"], .plum-form textarea { max-width: 396px !important; padding: 0px !important; }
    */
    
    .container { margin-left: auto !important; margin-right: auto !important; width: 97% !important;}
    /* .textarea { max-width: 252px !important; } */
        .fademe div { clear: both !important; display: block !important;  }
    .enlargeIconOnMobile { width: 24px; height:24px; padding-left: 24px;}
}

/* Portrait (what happens when you rotate your 320px iPhone to become 420px) */ 
@media screen and (max-device-width: 420px) and (orientation:portrait) {
    #acceptside, #neutralside, #rejectside { width: 100% !important; }
    #acceptside, #neutralside, #rejectside, #allsideback, .headline { font-size: 1.85em; line-height: 1.45em; } 
        .artblock { font-size: 0.85em; }
        .artblock, .artblock-minus { font-size: 1.85em; margin-bottom: 24px; padding: 0.45em; }
    .readingcontent, .readingcontent p, .readingcontent div { line-height: 1.45em; }
    .headline { font-size: 2.75em; margin: 0.45em 0px; }
    .avatar { width: 86px; height: 86px; right: -4px; top: -16px; } .commentlevel .avatar { width: 43px; height: 43px; right: -4px; }
    .username { padding-top: 5px; }
    #acceptside { background-image: url('graphics/acceptsideback9.png'),  url('graphics/acceptsideback9.png');
        background-position: left, right; background-repeat: repeat-y, repeat-y; background-color: white;  }
    #neutralside { background-image: url('graphics/neutralsideback9.png'),  url('graphics/neutralsideback9.png');
        background-position: left, right; background-repeat: repeat-y, repeat-y; background-color: white;  }
    #rejectside { background-image: url('graphics/rejectsideback9.png'),  url('graphics/rejectsideback9.png');
        background-position: left, right; background-repeat: repeat-y, repeat-y; background-color: white;  }
    
    #makeachoice { width: 540px; height: 118px; }
    #acceptside, #neutralside, #rejectside, #allsideback { -webkit-text-size-adjust:none; }
    /* Portrait styles */
}

/* Landscape */
/*
@media screen  and (orientation:landscape) {
    #acceptside, #neutralside, #rejectside { width: 33.3% !important; }
    .headline { font-size: 2.75em; margin-top: 1.15em 0px; }
    #makeachoice { width: 440px; height: 80px; }
    #acceptside, #neutralside, #rejectside, #allsideback { font-size: 1.15em; line-height: 1.15em; } 
        .artblock { font-size: 0.85em; } .artblock-minus { padding-bottom: 7px; }
        .artblock, .artblock-minus { font-size: 1.15em; margin-bottom: 24px; }
    #acceptside, #neutralside, #rejectside { -webkit-text-size-adjust:115%; }
    /* Landscape styles */
}
*/
/*____end___*/