/* ---MAIN STRUCTURE--- */
/* An original screwed-up design by AlexGalloway lol) */

body {background-color: #000000; background-size: 100% auto; background-position:center center; background-attachment:fixed; margin: 0; padding: 0; text-align: left; font: 14px Arial, Helvetica, sans-serif; font-size: 14px; background-repeat:repeat-y;}
* {margin: 0 auto 0 auto; text-align:left;}
body p.indent {text-indent: 30px;}
html, body {text-align: center; height: 100%;}
.center {text-align: center;}
#container {display: block; min-height:80%; position: relative; width: 100%; overflow:hidden;}

#menu {background-image:url(/images/backgrounds/lucky-2012-seattle-light-1366x230.jpg); background-repeat:no-repeat; width:100%; height:auto; float:left; clear:both;}
#menu ul {list-style:none;padding:5px;margin-left:auto;margin-right:auto;width:95%;}
#menu li {list-style: none; padding: 0 0 5 0; display:inline;}
#menu a {float: left; width:70px; height: 70px; display: block; text-align: center; text-decoration: none; color: #00FF00; font-weight: bold; padding: 15px; font-size: 14px;}
#menu a span {text-align:center; padding:0px;background:#000000}
#menu a span:hover {text-align:center; padding:0px; font-weight: bold; background:#000000;}
#menuitem0 a:hover {color:#FF0000; background-color:000000; background-size: cover;}
#menuitem1 a:hover {color:#FF0000; background-color:000000; background-size: cover;}
#menuitem2 a:hover {color:#FF0000; background-image:url(/images/wa_lewis_thurston_100x100.jpg); background-size: cover;}
#menuitem3 a:hover {color:#FF0000; background-image:url(/images/smiley-icon-100x100.jpg); background-size: cover;}
#menuitem4 a:hover {color:#FF0000; background-image:url(/structure/images/satellite-dish.png); background-size: cover;}
#menuitem5 a:hover {color:#FF0000; background-image:url(/images/man_at_work_100x100.png); background-size: cover;}
#menuitem6 a:hover {color:#FF0000; background-image:url(/images/august_thunberg_100x100.jpg); background-size: cover;}
#menuitem7 a:hover {color:#FF0000; background-image:url(/images/server-icon-100x100.png); background-size: cover;}
#menuitem8 a:hover {color:#FF0000; background-image:url(/images/forever-alone-icon-100x100.jpg); background-size: cover;}


#cwdnav {width:100%;color:#ffffff;margin-left:0px;border:3px dotted #770000;}
#cwdnavtd {width:75%;background-color:#000000;}
#cwdnavad {width:25%;margin-right:auto;margin-left:auto;}
.mobilead {text-align:center; margin: 5px 5px 5px 5px; height:105px;}

#content {width:99%; height:auto; padding: 0px; color:#FFFFFF; padding-bottom: 50px;}
#content a {color:#00FF00;}
#content a:hover {color:#FF0000;}
#content a:visited {color:#00BB00;}
#content a:visited:hover {color:#FF0000;}
h1,h2,h3,h4,h5,h6 {background-color:#000000;clear:both;padding:5px;margin-top:5px;margin-bottom:5px;border:2px solid #770000;}
p {text-align: left; background-color:#000000;padding: 5px;line-height: 1.5em;}


#foot {clear:both;left:0px;bottom:0px;height:760px;background-image:url(/images/backgrounds/lucky-2012-seattle-red-1366x850.jpg);background-attachment:local;background-repeat:no-repeat;color:#00FF00;position:relative;}
#foot p {color:#00FF00;}
#footnote p {font-size:10px;text-align:center;width:200px;color:#ffffff;}
#modified {text-align: center; background:#000000; color: #00FF00; padding:2px;width:320px;}
#footbadges {text-align: center;background-color:#000000;}
.pageup {text-align:center; padding:0 0 10px 0;}
.pageup a {background-color: #000000;color: #00FF00;}
.linktable {list-style:none; padding:5px; color:#FFFFFF; width:100%;}
.linktable th {color:#FFFFFF; font:15px; font-weight:bold;text-align:center;}
#topvolunteertable {list-style:none; padding:5px; color:#FFFFFF; text-align:center;width:300px;}
#topvolunteertable th {color:#FFFFFF; font:15px; font-weight:bold;text-align:center;}
.floatrightpics {float:right;width:48%;padding:5px;margin:5px;text-align:center;}
.floatrightpicscaptions {clear:both;padding:5px;margin:5px;width:48%;height:90%;float:left;}
.floatrightpicscaptions img {float:right;padding:5px;}
.floatrightpics img {float:right;padding:5px; max-width:100%; height:auto;}
.sectionheight400 {width:100%; height:400px;}
.sectionheight500 {width:100%; height:500px;}
.sectionheight600 {width:100%; height:600px;}
.sectionheight700 {width:100%; height:700px;}
.sectionheight800 {width:100%; height:800px;}
.mediumsquaread {text-align:center; margin: 20px 5% 5% 20px; height:275px;}
.skyscraperad {text-align:center; margin: 20px 5% 5% 25px; height:625px;}
ul {background-color:#000000;margin-bottom:5px;}
.contentgalleria {font:12px/1.4 'helvetica neue',arial,sans-serif;width:800px;max-width:90%;}
.contentgalleria a {color:#22BCB9;text-decoration:none;}
.contentgalleria #galleria {height:650px}

.cred {font-size: 10px;}

.half {width:100%;color:#ffffff;margin-left:auto;margin-right:auto;}
.half td {vertical-align:top;padding:5px;}
.half img {max-width:100%;height:auto;margin-left:auto;margin-right:auto;display:block;vertical-align:center;}
.half th {text-align:center;width:50%;}

#localtable td {text-align:center;}
#gardenpower td {outline:2px solid; vertical-align:middle;}
#gardenpower b {color:red;}
#gardenpower span {color:blue;}

.resumetable {width:100%;color:#ffffff;margin-left:auto;margin-right:auto;}
.resumetable td {vertical-align:top;padding:5px;width:48%;}
.resumetable img {max-width:100%;height:auto;margin-left:auto;margin-right:auto;display:block;vertical-align:center;}
.resumetable th {text-align:left;width:95%}
.resumetable h2 {text-align:center;width:95%;}
.resumetable h3 {text-align:center;width:95%;}
.resumetabletext {color:#ffffff;padding:5px;}
.resumetabletext p {text-indent: 30px;}

.fb-comments {width:100%;color:#ffffff;margin-left:auto;margin-right:auto;}
#comments-section {background-color:#000000;}


.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }