* {padding:0; margin:0;}
body {background:url(../images/bodyback.jpg) fixed  repeat;}
#nav {
	background:url(../images/topnav.png) no-repeat;
	width:970px;
	position:fixed;
	top:0;
	left:50%;
	height:80px;
	margin:0 0 0 -485px;
	z-index:99;
}

#sitename {display:block; float:left;}
#navmenu {display:block; list-style:none; float:right; width:400px; font:bold 16px;}
#navmenu li {display:inline;}
#navmenu li a {display:block; float:left; padding:15px 15px 0 15px; text-decoration:none; color:#ccc; text-shadow:#000 1px 1px 1px;}
#navmenu li a:hover {color:#fff;}
#navmenu li.active a{color:#fff;}

#header {background:url(../images/top2.png) no-repeat; height:250px;}
#topbar {background:url(../images/bar.jpg) repeat-x; height:40px;}
#wrap {width:965px; margin:auto;}
#sidead  {width: 100%; margin-bottom: 5px;}

.clear {clear:both;}


#main p {line-height:16px; margin-bottom:18px;}

h1 {color: #ccc; font:26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 2px 2px 2px; padding:4px 4px 10px 12px; margin-bottom: 10px;}
h2 {color: #ccc; font:bold 26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; display:block; margin-top:25px; margin-bottom:2px;}
h2.support {margin-top:0;}
img.center {display: block; margin-left: auto; margin-right: auto;}
h2 a {color:#ccc; text-decoration:none;}
h2 a:active, h2 a:visited {color:#ccc; text-decoration:none;}
h2 a:hover {color:#fff;}

h3 {color: #bbb; font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; display:block; margin-bottom:10px;}
a { color:#bbb; text-decoration:none;}
a:visited,active {color:#bbb; text-decoration:none;}
h4 {padding-top: 200px; padding-left:190px; color: #eee; font:40px "Trebuchet MS"; text-shadow:#000 2px 2px 2px;}
h6 {font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px;}
#header h2#desc {display:block; padding:52px 10px 0 15px; font-size:18px!important; text-shadow:#1a68ae 1px 1px 1px!important;}

.columns {padding:8px;}
.col {float:left; width:32%; margin-right:8px; margin-bottom:15px;}
.col p {margin-bottom:10px!important;}
.colad {float:left; width:48%; margin-right:8px;}

#bottombar {
	background:#000;width:970px;
	position:fixed;
	bottom:0;
	left:50%;
	height:25px;
	margin:0 0 0 -485px;
	z-index:998;
}

ul {list-style:none;}
#sidebar ul {margin-bottom:10px;}
.categories li {display:block; height:28px; font: 16px Century Gothic, sans-serif;}
.categories li a {display:block; background:url(../images/catgory1.jpg) no-repeat; width:240px; height:22px; padding:2px 10px 0 10px; text-shadow: #000 1px 1px 1px; color:#555;}
.categories li a:visited, .categories li a:active {color:#555;}
.categories li a:hover {background:url(../images/catgory2.jpg) no-repeat; color:#fff;}
.ep li {display:block; min-height:21px; font: 12px Century Gothic, sans-serif;}
.ep li a {display:block; background:url(../images/catgory1.jpg) no-repeat; width:240px; min-height:18px; padding:0px 6px 0 6px; text-shadow: #000 1px 1px 1px; color:#aaa;}
.ep li a:visited, .ep li a:active {color:#aaa;}
.ep li a:hover {background:url(../images/catgory2.jpg) no-repeat; color:#fff;}
.ep li a {min-height: 18px}
.ep li {min-height: 21px}

#footerlinks {background:url(../images/bottombar.jpg) repeat-x; height:41px;}
#bottom {background:#000; padding:15px;}
.alignleft {float:left;}
.alignright {float:right;}
.post .articleimg {padding:8px; background:#111; border:solid 1px #000;}

#footernav {display:block;   padding:12px 0 0 10px;}
#footernav li { display:inline; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: #000 1px 1px 1px; padding:0 10px 0 10px;}
h1 a, h2 a, h3 a, h4 a {background:none!important;}

.donate {margin-left:auto; margin-right:auto; text-align:center;}

.collapsible {
    background-color: #00A;
    background-image: url("https://sfdebris.com/images/menuback2.jpg");
    color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    text-align: center;
    outline: none;
    font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px;
}

.active, .collapsible:hover {
    background-color: #555;
    background-image: url("https://sfdebris.com/images/menuback.jpg");
}

.content {
    display: none;
    overflow: hidden;
}
.element:after {
  content: url("https://sfdebris.com/images/menuback.jpg");
  display: none;
}