@charset "utf-8";
/* CSS Document */

 body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 background-color:#fff;
 padding:0;
 margin:0;
 word-wrap: break-word;
			}
			
a {
color:#0000FF;
text-decoration:none;
}

a:hover {
color:#0000FF;
text-decoration:underline;
}			

			
#wrapper {
margin-right: auto;
	margin-left: auto;
	width: 100%; /* Holding outermost DIV */
	max-width: 1600px;
	min-width: 300px;
	
	}

.top_box {
width:48%;
float:left;
font-size:.8em;
padding:1%;
}

img {
max-width: 100%;
}

#ppim {
max-width:100%;
}

.style1 {
font-size: 36px;
}


h1.title {
font-size:36px;
text-align:center;
}

.style1 a {
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#333333;
line-height:1.7;
padding:1px 3px 1px 3px;
border:1px solid #FFF;
}

.style1 a:hover {
padding:1px 3px 1px 3px;
color:#FF6600;
text-decoration:underline;
}

.style2 {
font-size:20px;
text-decoration:none;
color:#FFFFFF;
line-height:1.7;
padding:1px 3px 1px 3px;
border:1px solid #FFF;
background-image:url(../images/categories.png);
}

.style2:a {
color:#FFFFFF;
}

.style2:hover { 
    color:#FF8000;
}

#titleBar {
	background-color:black;
	width:98%;
	color:white;
	padding:1%;
	float:left;
}

.edit {
	float:right;
	font-size:1em;
	background-color:#ffb3b3;
}

.mail {
width:96%;
margin: 0 2% 0 2%;
float:left;
padding-top:15px;
border-bottom: thin solid #cccccc;
}

.mailLeft {
width:25%;
float:left;
}

.delete2 { 
float:left;
display:none;
width:48px;
height:48px;
}

.delete {
	float:right;
	display:none;
	width:48px;
height:48px;
}

.smallPic {
float:left;
margin-left:1%;
}

.theMessage {
	width:100%;
	float:left;
	display:none;
}

.myMessage {
	background-color:#057efe;
	color:white;
	border-radius: 25px;
    padding: 20px; 
    width: 60%;
margin:2%;	
	float:right;
}

.myImg {
	float:right;
}

.userImg {
	float:left;
}

.userMessage {
	background-color:#e5e5ea;
	border-radius: 25px;
    padding: 20px; 
    width: 60%;
margin:2%;	  
	float:left;
}

.messageDate {
	width:100%;
	float:left;
	text-align:center;
	font-size:.8em;
	color:#334d4d;
}

#sendReply {
width:96%;
margin-right: 1%;
margin-left: 1%;
float:left;
padding-top:20px;
}

.style3 {
	color:red;
font-weight:bold;
font-size:1em;
}

.style4 {
	color:green;
	font-weight:bold;
font-size:1em;
}


#top_menu {
width:100%;
height:50px;
line-height:50px;
float:left;
background-color:#CCCCCC;
max-width: 1600px;
position: fixed;
z-index:1100;
}

#top_menu2 {
width:100%;
height:50px;
float:left;
}	


.top_menu_box {
float:left;
}

#top_menu a {
display: block;
height:40px;
line-height:40px;
text-align:center;
text-decoration:none;
color:#fff;
font-weight:bold;
padding-left:7px;
padding-right:7px;
margin-right:5px;
margin-top:5px;
font-size:1em;
border: 1px solid;
border-color:#0000FF;
background-image:url(https://arcadecoinop.com/images/topnav4.jpg);
border-radius:2px;
}

#top_menu a#menu_on {
background-image:url(https://arcadecoinop.com/images/topnav.jpg);
color:#000000;
}

#top_menu a#redBG {
background-image:url(https://arcadecoinop.com/images/topnav2.jpg);
}


#top_menu a:hover {
text-decoration:underline;
color:#0000FF;
}

.box {
width:98%;
float:left;
padding:1%;
}

#box2 {
width:98%;
float:left;
padding:1%;
}

.box2 {
width:100%;
float:left;
}

.uploadpic {
float:left;
width:96%;
padding:1%;
margin:1%;
color:#000;
background-color:#ef880e;
background: linear-gradient(#ef880e, #faa23b);
font-size:1.3em;
}

.uploadpic2 {
float:left;
width:96%;
padding:1%;
margin:1%;
}

.picture_class2 {
width:145px;
float:left;
}

.picture_class{width:145px;float:left}

.delete{display:none;float:left;border:1px solid red;padding:5px}

.button3{font-size:1em}

.search_button{font-size:1em}

.members_box_inside{float:left;width:96%;color:#FFF;background-color:#3988c5;background:linear-gradient(#5aa9e9,#3988c5);margin-top:10px;font-size:1em;padding:10px 2%}

.s_box {
width:98%;
padding:1%;
float:left;
}

.s_box2 {
width:98%;
float:left;
padding:1%;
outline: 1px solid black;
margin-bottom:10px;
}

.s_box3 {
width:100%;
float:left;
}

.s_box4 {
width:75%;
float:left;
}

.s_box5 {
width:25%;
float:left;
}

@media screen and (max-width: 640px) {
	.s_box5 {
width:50%;
}

.s_box4 {
width:50%;
}

}

.c_img {
float:left;
margin-right:1%;
}

#signup {
width:60%;
float:left;
}

#pacman {
width:20%;
float:left;
}

#pinball {
width:20%;
float:left;
text-align:right;
}

#colum1 {
width:25%;
float:left;
}

#colum2 {
width:25%;
float:left;
}

#colum3 {
width:25%;
float:left;
}

#colum4 {
width:25%;
float:left;
}


#container {
margin-top:170px;
margin-bottom:10px;
width:990px;
border: 2px #cccccc solid;
padding:5px;
background-color:#CCCCCC;}

#footer {
font-size:1.5em;
outline: 2px #cccccc solid;
width:96%;
padding:2%;
float:left;
color:#808080;
background-color:#f2f2f2;
}

#loadingImage {
	display: none;
}

#message {
width:100%;
font-size:1em;
}

#subscribe {
font-size:1.5em;
width:300px;
border: 2px #cccccc solid;
padding:10px;
color:#808080;
background-color:#f2f2f2;
margin-bottom:30px;
}

#subscribe h1 {
background-color:#000000;
text-align:center;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
color:#FF0000;
}

#issue {
width:300px;
font-size:18px;
border: 2px #cccccc solid;
padding:10px;
color:#808080;
background-color:#f2f2f2;
}

#issue h1 {
background-color:#000000;
text-align:center;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
color:#FF0000;
}

legend {
font-weight:bold;
font-size:10px;
}


label {
float:left;
text-align:left;
width:80px;
font-weight:bold;
}

#navtopmenu {
position:absolute;
margin-left:650px;
margin-top:-168px;
padding: 0;
list-style-type:none;
width: 350px;
}

#navtopmenu a{
float:left;
width:168px;
height:30px;
color:#000000;
font-weight:bold;
font-size:15px;
line-height:2;
text-align:center;
text-decoration:none;
border: 1px solid #FFF;
background-image:url(https://arcadecoinop.com/images/topnav.png);
}

#navtopmenu a:hover {
color:#000099;
border: 1px solid #000;
}


.alertBlue {
	padding:2%;
    background-color: #2196F3;
    color: white;
	width:96%;
	float:left;
}

.alertBlue a {
    color: orange;
	text-decoration:underline;
	font-weight:bold;
}

.alertRed {
	padding:2%;
    background-color: #f44336;
    color: white;
	width:96%;
	float:left;
}

.alertRed a {
    color: blue;
	text-decoration:underline;
}

.alertDarkBlue {
	padding:2%;
    background-color: #3b5998;
    color: white;
	width:96%;
	float:left;
}

.alertGreen {
	padding:2%;
    background-color: #4CAF50;
    color: white;
	width:96%;
	float:left;
}

.alertGreen a {
    color: pink;
	text-decoration:underline;
}

.alertRed {
	padding:2%;
    background-color: #f44336;
    color: white;
	width:96%;
	float:left;
}

.alertRed a {
    color: blue;
	text-decoration:underline;
}

.alertYellow {
	padding:2%;
    background-color: #ffffcc;
    color: black;
	width:96%;
	float:left;
}

.alertYellow a {
    color: blue;
	text-decoration:underline;
}


.cat a {
font-size:1em;
text-decoration:none;
color:#333333;
line-height:1.7;
padding:1px 3px 1px 3px;
border:1px solid #FFF;
background: rgb(255,255,255);

}

.cat a:hover {color:#FF0000;
text-decoration:none;
border:1px solid #ff0000;
padding:1px 3px 1px 3px;
color:#65574d;
background-color:#ebf5fc;
}


#bako_blog_box {
border: 2px solid;
margin: 2px 0px 10px 0px;
padding:3px;
float:left;
border-color:#444444;
width:736px;
background: rgb(255,255,255);
border-radius:15px;
}


#message_box {
width:96%;
font-size:1em;
outline: 2px #000000 solid;
padding:1%;
margin:1%;
color:#666666;
background-color:#cccccc;
float:left;
}

#message_box2 {
position:absolute;
top:550px;
margin-left:700px;
width:220px;
font-size:12px;
border: 2px #000000 solid;
padding:6px;
color:#666666;
background-color:#cccccc;
}

#place_ad_box {
width:96%;
float:left;
padding:1%;
margin:1%;
color:#333333;
background-color:#F4F6F6;
outline: 2px solid black;
}

#post_ad {
position:absolute;
top:235px;
margin-left:650px;
font-size:20px;
background-color:#FFFF00;
padding:2px;
}

#post_ad2 {
position:absolute;
top:235px;
margin-left:450px;
font-size:20px;
background-color:#FFFF00;
padding:2px;
}

#navbar {
position:absolute;
top:140px;
margin-left:540px;
}

#navbar ul {
margin: 0;
padding: 0;
list-style: none;
}

#navbar a {
display: block;
width: 16em;
background-color:#336391;
height:30px;
line-height:1.8;
color:#FFFFFF;
}

#navbar li {
float:left;
width: 12em;
}

#navbar li ul{
display:none;
}

#navbar li:hover ul {
display:block;
width: 12em;
position:absolute;
}

.hot {color: #FFFFFF;
font-size:30px;
border:#FF0000 solid 2px;
background-color:#FF0000;
}

.hot2 {
font-size:16px;
font-weight:bold;
}

#hot_box {
margin: 2px 2px 2px 2px;
padding:5px;
float:left;
background-color:#FFFF00;
text-align:left;
border:#000000 solid 2px;
}

table.categories {
border: 2px solid;
border-color:#959595;
background-color:#FFFFFF;
}

.new_ads {
border: 1px solid;
border-color:#cdcdcd;
width:145px;
float:left;
background: rgb(255,255,255);
background: rgba(255,255,255, 0.9);
margin-right:15px;
margin-top:10px;
height:285px;
}

.new_ads a {
font-weight:bold;
}

.ads2 {
width:220px;
border: 2px #FFFFFF solid;
float:left;
margin-right:5px;
}

.bakersfield {
font-size:28px;
}

.pay_now {
width:190px;
font-size:14px;
border: 2px #000000 solid;
padding:6px;
color:#^^^^^^;
background-color:#FFFFFF;
float:left;
margin-left:5px;
}

fieldset.login {
border: 1px solid #000000;
background-color:#abb8d4;
}

fieldset.login legend {
font-weight:bold;
font-size:12px;
}

fieldset.login label {
width:10em;
}

fieldset.login ol {
list-style:none;
}

fieldset.login li {
padding-bottom:.5em;
}

.new_arcade_listings {
outline: 2px solid;
float:left;
width:68%;
margin:1%;
}

.active_users {
float:right;
width:88%;
padding:5%;
margin:1%;
}

.active_users a {
font: bold 11pt Arial; text-decoration: underline; color: #6a88c5;
}


#uship {
float:right;
width:96%;
padding:1%;
margin:1%;
}





.pic_box {
width:96%;
padding:1%;
margin:1%;
float:left;
background-color:#FFFFFF;
border:#000000 solid 2px;
}

.c_listing_box {
outline: 2px solid #444444;
padding:1%;
margin:1%;
float:left;
width:66%;
background-color:#FFFFFF;
}

.homepage_items {
outline: 2px solid #444444;
padding:1%;
margin:1%;
float:left;
width:96%;
background-color:#FFFFFF;
}

#homepage_left {
float:left;
width:60%;
}

#homepage_right {
float:left;
width:40%;
}

#item_left {
float:left;
width:50%;
}

#item_right {
float:left;
width:50%;
}

#item_pics {
	float:left;
	width:100%;
}

.c_img {
float:left;
margin-right:1%;
}

.c_listing_box2 {
float:left;
width:100%;
}

.c_title {
float:left;
width:65%;
font-size:1.3em;
}

.c_price {
float:right;
text-align:right;
width:35%;
font-size:1.3em;
}

#sub_menu {
background-color:#3222ff;
background: linear-gradient(to right, #282098, #3222ff);
width:99%;
color:#FFFFFF;
padding:.5%;
float:left;
}


#submenu {
width:100%;
}

#submenu a {
display: block;
float:left;
height:30px;
padding-left:7px;
padding-right:7px;
line-height:30px;
text-align:center;
color:#222;
font-weight:bold;
font-size:.8em;
margin-right:2px;
margin-bottom:2px;
background-image:url(https://arcadecoinop.com/images/topnav2.jpg);
border: 1px solid #FFF;
border-radius:2px;
}

#submenu a#menu_on {
background-image:url(https://arcadecoinop.com/images/topnav.jpg);
color:#000000;
}

#submenu a:hover {
color:#FFFFFF;
text-decoration:underline;
border: 1px solid #000;
}

#next_page {
width:96%;
margin:2%;
float:left;
font-size:1.2em;
}

.arcade_game_ad {
width:98%;
margin:1%;
float:left;
}

#paypal {
width:98%;
padding:1%;
float:left;
}

#time_left {
font-size:.8em;
width:98%;
padding:1%;
}

#arcade_game {
font-size:1.6em;
font-weight:bold;
width:98%;
padding:1%;
}

#contact_form {
font-size:1em;
outline: 2px #0000ff solid;
width:96%;
padding:2%;
float:left;
color:#808080;
background-color:#f2f2f2;	
}

.small_pic_2{float:left;width:10.5%;margin:1%}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.theform {
Width: 90%;
min-width: 100px;
font-size:1em;
border-radius:0px;
}

#relist {
width:96%;
padding:1%;
margin:1%;
outline:#FF0000 2px solid;
float:left;
font-size:1.5em;
color:#FF0000;
}

#home_box {
width:96%;
padding:1%;
margin:1%;
outline:#FF0000 2px solid;
float:left;
color:#FF0000;
}

#sold {
width:98%;
padding:1%;
background-color:#FF0000;
color:#FFFFFF;
float:left;
font-size:2em;
font-weight:bold;
}

#sub_menu2 {
background-color:#090908;
background: linear-gradient(to right, #282098, #090908);
width:99%;
color:#FFFFFF;
padding:.5%;
font-size:1em;
float:left;
}


#submenu2 {
width:100%;
}

#topbox {
width:100%;
float:left;
text-align: center;
padding-top: 1%;
padding-bottom: 1%;
}

#submenu2 a {
display: block;
float:left;
height:20px;
padding-left:7px;
padding-right:7px;
line-height:20px;
text-align:center;
color:#0033FF;
font-size:.8em;
margin-right:2px;
margin-bottom:2px;
background-color:#FFFFFF;
border: 1px solid #FFF;
border-radius:2px;
}


#submenu2 a:hover {
color:#0033FF;
text-decoration:underline;
border: 1px solid #333;
}

.selling {
width:96%;
padding:1%;
margin:1%;
outline:#333 2px solid;
float:left;
font-size:1em;
color:#333333;
}

.selling_style1 {
font-size:.8em;
}

.selling_style2 {
font-size:1.2em;
font-weight:bold;
color:#333333;
}

.check {
width : 1.5em ; 
height : 1.5em ; 
}

.read_box {
width:96%;
padding:1%;
margin:1%;
outline:#333 2px solid;
float:left;
font-size:1em;
color:#333333;
}

#search {
background-color:#f7f52f;
background: linear-gradient(to right, #f7f52f, #f1ee19);
width:99%;
color:#FFFFFF;
padding:.5%;
font-size:1em;
float:left;
}

#games2 {
background-color:#FFFFFF;
}

.scrollToTop{
z-index:1000;
	width:80px; 
	height:80px;
	position:fixed;
	bottom:10px;
	right:10px;
	display:none;
	background: url(https://arcadecoinop.com/images/top.png) no-repeat;
}
.scrollToTop:hover{
	text-decoration:none;
}


#r_p {
font-size:1.5em;
color:#006600;
font-weight:bold;
}

.analog {
width:98%;
margin:1%;
float:left;
}

.c_t {
Width: 90%;
min-width: 100px;
font-size:1em;
border-radius:0px;
}

.h_zc {
font-size:1em;
border-radius:0px;
}

.numprice {
Width: 30%;
min-width: 50px;
font-size:1em;
border-radius:0px;
}

@media screen and (max-width: 640px) {
	
#homepage_left {
width:100%;
}

#homepage_right {
width:100%;
}

	#item_left {
width:100%;
}

#item_right {
width:100%;
}

.c_p { 
width:3em;
height:3em;
}

.scrollToTop{
	width:60px; 
	height:60px;
	background: url(https://arcadecoinop.com/images/top.png) no-repeat;
	}
	
}



@media screen and (max-width: 800px) {

#uship {
width:100%;
}

.c_listing_box {
width:96%;
}

}


@media screen and (min-width: 481px) and (max-width: 800px) {


.cat a {
font-size:1.3em;
}

#colum1 {
width:50%;
}

#colum2 {
width:50%;
}

#colum3 {
width:50%;
}

#colum4 {
width:50%;
}

#box3 {
width:100%;
float:left;
}
}


@media screen and (max-width: 480px) {

.top_box {
width:98%;
}

.cat a {
font-size:1.3em;
}

#colum1 {
width:100%;
}

#colum2 {
width:100%;
}

#colum3 {
width:100%;
}

#colum4 {
width:100%;
}
}

