/*===========================================*/
Website: City Riots 
Designer: flisterz
URL: http://www.flisterz.com

/*===========================================*/


/*CSS Reset*/
*{ margin: 0; padding: 0; } 

 /*start*/

body {
font-family:Verdana,"Lucida Grande";
font-size: 12px;
line-height: 18px;
background: #000000 url(img/city1.JPG) fixed no-repeat top left;
color: #000;
margin: 0;
 
}
.clear{
clear: both;
}

/*menu*/
#absox{
position: absolute;
margin: 0 0 0 640px;
}
ul#menu{
list-style: none;
 
position: fixed;
 margin: 100px 10px 10px 0px;
}
ul#menu li{
margin: 0 0 5px;
width: 150px;
}

ul#menu li a{
padding:1px 10px 1px 5px;
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
font-size: 20px;
}
ul#menu li a:hover{
color:red;
}

ul#menu	li.ms a{
background: url(img/myspace.png) no-repeat  left;
display: block;
width: 150px;
height: 38px;
text-indent: -9999px;}
 

/*wrapper*/

#wrapper{
float: left;
margin: 20px 0 20px 00px;
width: 600px;
}

#head{
margin: 20px 0 ;
height: 50px;
padding: 10px 0;
background: #ffffff;
}

h1#logo{
background: url(img/city_logo2.JPG) no-repeat;
text-indent: -9999px;
margin:  -45px 0px 0;
display: block;
width: 320px;
height: 120px;
float: right;
}

.space{
display: block;
height: 70px;
}

.content_box{
display: block;
margin:  0 0 0px 30px;           
padding: 20px 10px 20px 10px;
background: #ccc;
opacity:0.9;
filter: alpha(opacity = 90);
}
.h_b{
height: 900px;
background: transparent;
}
.content_box h1{
font-size: 25px;
color: #fff;
text-transform: uppercase;
font-family: verdana;
letter-spacing: 2px;
font-weight: strong;
background: #000000;
padding: 10px 10px 10px 5px;
margin: 0 0 10px -10px;
float:left;
}

.content_box h2{
font-size: 18px;
letter-spacing: 3px;
font-weight: lighter;
text-transform: uppercase;
margin: 4px 0;
}

p{
margin: 0 0 14px;
}

a.anchor {
padding:1px 2px;
color:#000;
float:left;
text-decoration:none;
width:1px;
margin-left:15px;
}

a:hover{
background:#CCC;
}