/* CSS Document */
#toc {
	padding:0px;
	margin: -7px 0px 0px 0px;
	background-color:#000;
	list-style:none !important;
	font-size:16px;
	clear:both;
	display:inline-block;
}

#toc a {
	display:block;
    height: 25px;
	padding-top:0px;
	padding-bottom:0px;
	color:#feef06;
	text-decoration:none;
	padding:2px 10px 2px 10px;
}

#toc a:hover {
    background:url(https://oaklandmofo.com/images/nav-hover.png) 50% 0 no-repeat;
	display:block;
	height:25px;
	color:#FFF;
	background-color:#666;
}

#toc li {
    float: left;
    margin:0px;
	background-image:none;
}
#toc ol {margin:0px; padding:0px;}
.nav {display:flex;}

.omofo-footer-responsive { width: 320px; height: 50px; display:inline-block;}
@media(min-width: 500px) { .omofo-footer-responsive { width: 468px; height: 60px; } }
@media(min-width: 800px) { .omofo-footer-responsive { width: 728px; height: 90px; } }

.square-center {width:100%; text-align:center;}

.foot-ad {
margin: 0 auto;
margin-bottom:-8px !important;
max-width:728px;
position:fixed;
bottom:0px !important;
display:none;
}

.copyrighted {
	max-width:575px;
	height:100%;
	background-color:#FFF;
	margin:0px 20px 30px 15px;
	}

body {background: url('https://oaklandmofo.com/images/oak.png'); background-color:#000; font-family:"Open Sans", sans-serif; color:#444; font-weight: 400; font-size:1rem; line-height:1.625;}

.side-share {position:fixed; bottom:35%; z-index:900; text-align:center; width:110px; background:#fff; border-top-left-radius:20px; border-bottom-left-radius:20px; margin-left:-110px;}
#___plusone_0 {margin:auto;}
#side-bar {text-align:right; float:right; display:inline-block; margin:2auto; width:190px; padding-right:5px;}
#side { display:inline-block; width:200px; text-align:right;}
#share {display:inline-block; margin:auto; width:100%; text-align:center;}

#disqus_thread{
     position: relative;
}
#disqus_thread:after{
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0px;
     background:white;
}

.sponsored {font-size:10px; color:#808080;}
.maps {color:#A80909;  font-size:20px;line-height:28px;}
.main-events {float:right; margin-top:25px; text-align:center;}
.main-articles {width:475px; float:left; margin-top:-70px; text-align:center;}
.featured {padding:2px; height:132px; width:90%; display:block; background-color:#fff; border-radius:10px; margin:auto; -webkit-box-shadow: 4px 3px 10px 0px #333; -moz-box-shadow: 4px 3px 10px 0px #333; box-shadow: 4px 3px 10px 0px #333; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.featured img {float:left; border-radius:10px; width:175px; height:131px; padding-right:15px;}
.featured h2 {text-align:left; color:#178ae8;}
a:hover .featured {background-color:#a2c9e8;}
.shirts {clear:both; width:90%; height:auto; text-decoration:none; display:inline-block; margin:15px 5px; padding:10px; border: 2px dotted grey; border-radius:25px;}
.shirts img {float:left; padding-right:8px;}

.food {width:100%; display:block; background-color:#fff; border-radius:5px; margin:auto; padding:0px; margin-bottom:10px; -webkit-box-shadow: 0px 1px 2px 0px #333; -moz-box-shadow: 0px 1px 2px 0px #333; box-shadow: 0px 1px 2px 0px #333; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.food h2 {text-align:center; color:#178ae8;}
.food p {text-align:center; color:#CC0000;}
a:hover .food {background-color:#a2c9e8;}

.murder-info {color:#A80909;}

.bar {width:100%; display:block; background-color:#fff; border-radius:5px; margin:auto; padding:0px; margin-bottom:10px; -webkit-box-shadow: 0px 1px 2px 0px #333; -moz-box-shadow: 0px 1px 2px 0px #333; box-shadow: 0px 1px 2px 0px #333; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.bar h2 {text-align:center; color:#178ae8;}
.bar p {text-align:center; color:#CC0000;}
a:hover .bar {background-color:#a2c9e8;}

.event {width:100%; display:block; background-color:#fff; border-radius:5px; margin:auto; padding:0px; margin-bottom:10px; -webkit-box-shadow: 0px 1px 2px 0px #333; -moz-box-shadow: 0px 1px 2px 0px #333; box-shadow: 0px 1px 2px 0px #333; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.event h2 {text-align:center; color:#178ae8;}
.event p {text-align:center; color:#CC0000;}
a:hover .event {background-color:#a2c9e8;}

.photo h2 {color:#000; font-size:24px; padding-top:10px; padding-bottom:4px; font-family: 'Open Sans', sans-serif; font-weight:300; border-bottom:thin dashed;}
p {font-family: 'Open Sans', sans-serif;}
.photo {clear:left; border-radius: 0 15px 0 0; margin-left:5px; margin-right:5px; background-repeat:repeat-x; background-image:url(/images/blue-fade.png);  display:inline-block;}
.art {margin-right:15px; float:left; margin-bottom:15px; float:left; border:thin solid; width:380px;}
.free-shipping {display:inline-block; float:right; text-align:center; max-width:100%; margin:auto;}

h1 {
text-align: left;
padding-bottom: 0px;
font-size: 22px;
line-height: 26px;
font-weight:100;
color:#178ae8;
margin:0px 0px 0px 15px;
}

h2 {
text-align:left;
font-size:18px;
line-height:22px;
margin-top:5px;
margin-bottom:5px;
font-weight:400;
color:#178ae8;
}

h3 {
font-size:17px;
line-height:20px;
text-align:center;
margin-top:2px;
margin-bottom:1px;
}

h4 {
color:#FFF;
font-size:16px;
line-height:17px;
text-align:center;
margin-top:5px;
margin-bottom:5px;
}

#container { 
padding:0px 0px 90px 0px;
margin:auto;
width:728px;
background-image:url('images/content2.png');
}
#headwrap {margin:auto; width:728px; display:block; background-color:#000; clear:both;}
#masthead {
width:728px;
margin:0px;
border-radius:10px;
display:block;
}

.oakland-image {border-radius:10px; margin-top:-8px;}
.oakland-ca {border-radius:10px; margin-top:-8px; display:none;}

#content { width:550px;
height:500px;
float:left;
clear:none;
background-image:url('images/content.gif');
margin-top:96px;
padding-top:70px;
}
#content2 { width:728px;
clear:none;
background-image:url('images/content2.png');
padding-top:20px;
display:inline-block;
}

#article {width:728px;  margin:auto; padding:10px 0px 10px 0px;}

#content3 { width:520px;
padding-top:10px;
display:inline-block;
float:left;
}

#information {
	background-color:#485e49;
	margin-right:5px;
	margin-left:5px;
	border:double;
	margin-bottom:0px;
	}
	p#information {
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	}

#right { width:150px;
height:500px;
float:left;
clear:right;
background-color:#FFFFFF;
}
#foot {
	clear:both;
	max-width:728px;
	padding: 0px 0px 0px 25px;
	display:inline-block;
	background-image:url('images/content2.png');
}

#code {
background-color:#999999;
border:thin #FF0000;
overflow:hidden;
float:left;
clear:right;
margin-left:20px;
}

p { text-align:left;
	}
	
a {color:#0066CC; }
a:hover { color:#F0C; }
	
.p2 { text-align:left;
margin-right:5px;
	font-size:16px;
	line-height:19px;
	text-decoration:none;
	}
	
#skip2 a, #skip2 a:hover, #skip2 a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip2 a:active, #skip2 a:focus
{
position:static;
width:auto;
height:auto;
} 
	
.style1 {color: #FF0000; font-size:12px;}
.style4 {color: #FF0000; font-size:10px;}
.headerred {color: #FF0000; font-size:16px; margin-bottom:0px; padding-bottom:0px;}
.stylesubtext, .stylesubtext a {color:#666; font-size:10px; line-height:12px; text-decoration:none; }
.style3 {color: #FFFFFF; border:none; text-decoration:none; font-size:9px;}
.style2 {color: #FFFF00;}
.stylelink {text-decoration:none}
.oaklandpic {margin-left:15px; padding:10px; width:650px; border: 1px solid #000000;}
.shadowpic { width: 135px; height: 100px; border: 1px solid #FFF; }
.imagetitle {color:#3CF;  font-size:11px; line-height:12px; text-align:center; margin-top:4px; margin-bottom:1px; }
.imageframe { display:inline-block; width:145px; background-color:#000; padding:5px; margin:0px; text-align:center; }
.stylephotos {margin-left:20px; margin-right:30px; padding:0; color:#666;  font-size:20px;}
.content {width:550px; height:500px; float:left; clear:none; background-image:url('images/content.gif');}
.contenttop {clear:none; background-image:url('images/content-top.gif'); background-repeat:repeat-x; border-bottom-style:solid; border-bottom-width:thin; border-color:#666666;}
.feature {width:260px; height:53px; margin-bottom:15px; border-style:solid; border-width:thin; border-color:#000; background-color:#a2c9e8;}
.photoheader {
	color:#3CF;
	
	font-size:11px;
	line-height:12px;
	text-align:right;
	margin-top:2px;
	margin-bottom:1px;
}

.you {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.you iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */	
@media only screen and (max-width: 950px) {
.side-share {display:none;}
}

@media only screen and (max-width: 725px) {
#container {max-width:100%  !important;}
#content {max-width:100%  !important; padding-top:0px !important;}
#content2 {max-width:100%  !important; padding-top:0px !important; margin-top:0px !important; position:static !important;}
#content3 {max-width:100%  !important; padding-top:0px !important; margin-top:0px !important; position:static !important;}
#article {max-width:100%  !important; padding-top:0px !important; margin-top:0px !important; position:static !important;}
.copyrighted {max-width:100%  !important; padding-top:0px !important; margin-top:0px !important; position:static !important;}
#side {max-width:100%  !important; float:left !important;}
.featured {max-width:100%  !important; height:auto !important; padding-top:0px !important;}
.main-articles {max-width:100%  !important; padding-top:0px !important; margin-top:0px;}
#masthead {max-width:100%  !important; height:auto !important; padding-top:0px !important; position:static !important;}
.nav {max-width:100%; background-color:#A80909;}
#headwrap {max-width:100%  !important; height:auto !important; padding-top:0px !important; position:static !important;}
#foot {max-width:100%  !important; padding:0px !important;}
#toc {max-width:100%  !important; height:auto !important; padding:0px !important; position:static !important; margin-top:0px !important; background-color:#A80909 !important;}
#right {max-width:100%  !important; float:none !important;}
#side-bar {text-align:center; float:none; display:inline-block; margin:auto; width:100%;}
#social {display:none !important;}
.main-events {float:none !important;}
img {max-width:100%; height:auto;}
a {max-width:100%; height:auto;}
body {background: none; background-color:#000; margin:8px 0px 0px 0px;}
#share {max-width:100%; text-align:center;}
.photo {clear:left; margin:0px; background:none; display:inline-block; width:100%;}
.photo p {padding:5px;}
.art {margin-right:15px; float:left; margin-bottom:15px; float:left; border:thin solid; width:100%;}
.free-shipping {display:inline-block; float:right; text-align:center; width:100%; margin:auto;}
}

@media only screen and (max-width: 320px) {
.oakland-image {display:none;}
.oakland-ca {display: inline;}
.you {display:none;}
.nav {max-width:100%; background-color:#A80909;}
.square {margin-left:-12px;}
#disqus_thread {display:none;}
.omofo-footer-responsive {width:310px; }

}