body{
	margin:0px;
	padding:0px;
	background:#f7f7f7 url(../images/bodybg.png) repeat-x fixed top center;
	text-align:center;
	font:11px Verdana,Helvetica,Arial,sans-serif;}

body#audio {
        background:#f4f4f4;
	margin: 10px auto;	
	width: 310px;
	font-size: 12px;}

body#audio div.audio {
        background:#f4f4f4;
	background-image: url();
	background-repeat: no-repeat;
	height: 130px;
	padding: 10px 10px 0 10px;
	color: #539C32;}

a img {
background: none;
border: 0;}

#container{
	width:700px;
	margin: auto;
        padding-bottom:20px;}

/* basic styles */
h1,h2,h3,h4,h5,h6{
	margin: 10px 0px 0px 0px;
	font-weight:bold;
	padding: 2px;}

h1{
	font-size:14px;
	font-family: Tahoma,sans-serif, Helvetica;
	color:#fff;}

h2{
	font-size:14px;
	color:#545454;
	font-family:Tahoma,sans-serif, Helvetica;
	text-align:left;
	padding-bottom:5px;}
h3{
	font-size:16px;
	color:#202f0f;
	font-family: sans-serif, Helvetica;}

h4{
	font-size:12px;
	text-align:left;
	margin-top:34px;
	padding-left:10px;
	color:#545454;
	font-family: Tahoma,sans-serif, Helvetica;}

h5{
	font-size:13px;
	color:#333333;
	font-family: sans-serif, Helvetica;}
h5 a{
        color:#333333}

h6{
	font-size:11px;
	
	font-family: sans-serif, Helvetica;
	font-weight:bold;
	color:#292424;}

del{
	color:#999;}

acronym{
	/*border-bottom:1px dotted #292424;*/
	border:none;
	background:url(../images/dottedborder_dark.gif) repeat-x bottom center;
	padding-bottom:1px;
	cursor:help;}

hr{
	width:100%;
	border:0;
	margin:5px 0px !important;
	margin:2px 0px 5px 0px;
	height:1px;
	color:#777;
	background-color:#777;}

a{
	color:#3b5998;
	text-decoration:none;}

a:hover{
        text-decoration:underline;
        color:#375E99;
        background:#f7f7f7;}

p{
	line-height:20px;
	margin:2px 0px 10px 0px;
	/*text-align:justify;*/}

.noborder{
	border:0;}

#content ul{
	padding:0px 10px 0px 10px;
	list-style-type:none;
}
#content ol{
	padding:5px;
        display:inline;
        clear:both;
}
#content ul li{
	padding-bottom:5px;
	background:transparent url(../images/arrow.gif) no-repeat 0px 5px;
	padding-left:10px;
}
#content ol li{
	padding:0px 0px 0px 5px !important;
        margin:0px -16px 0px 0px !important;
}
#content ul li ul{
	margin:8px 0px -7px 0px;}

/* I can't get <pre> to display inline very well so just use <span class="pre"> */
#content .pre{
	font:11px Courier New,Courier,sans-serif;
	color:#af454a;}

img{
    background-position:bottom;
	border: none;}

#img.floatright{
	border:1px solid;
	border-color:#808080;}

#img.floatleft{
	border:1px solid;
	border-color:#808080;}

a:hover img.floatright,
a:hover img.floatleft,

#left a:hover img{
border:1px solid #fff;}

/* floats, positioning, and widths */

.featured{
float:left;
margin-left:12px;
border:2px solid;
border-color:#fafafa;
}

.floatleft{
	float:left;
	border:none;
        border-color:#222;}
.floatright{
	float:right;
	border:none;}

.w50{
	width:50%;}

.floatleft p{
	padding:0px 10px 0px 0px;}

.floatright p{
	padding:0px 0px 0px 10px;
	border:none;}

img.floatleft{
border:2px solid #f4f4f4;}

img.floatleft{
	margin:1px 15px 5px 0px;}

img.floatright{
	margin:15px 0px 5px 15px;}

img.biofl{
border:none;
float:left;
margin:9px 14px 5px 0px;}

/* rounded corners */
.tl{background:#222 url(../images/corners/tl.gif) no-repeat top left;}
.tr{background:transparent url(../images/corners/tr.gif) no-repeat top right;}
.br{background:transparent url(../images/corners/br.gif) no-repeat bottom right;}
.bl{background:transparent url(../images/corners/bl.gif) no-repeat bottom left;}

.ltl{background:#ededed url(../images/corners/l_tl.gif) no-repeat top left;
border-bottom: 1px solid #d1d1d1;}
.ltr{background:transparent url(../images/corners/l_tr.gif) no-repeat top right;}
.lbr{background:transparent url(../images/corners/l_br.gif) no-repeat bottom right;}
.lbl{background:#ededed  url(../images/corners/l_bl.gif) no-repeat bottom left;}

.ptl{background:#222 url(../images/corners/tl.gif) no-repeat top left;}
.ptr{background:transparent url(../images/corners/tr.gif) no-repeat top right;}
.pbr{background:transparent url(../images/corners/br.gif) no-repeat bottom right;}
.pbl{background:transparent url(../images/corners/bl.gif) no-repeat bottom left;}

.atl{background:#222 url(../images/corners/tl.gif) no-repeat top left;}
.atr{background:transparent url(../images/corners/tr.gif) no-repeat top right;}
.abr{background:transparent url(../images/corners/br.gif) no-repeat bottom right;}
.abl{background:#222 url(../images/corners/bl.gif) no-repeat bottom left;}


/* forms */
form select,
form input,
form textarea{
	font:11px Verdana,Helvetica,Arial,sans-serif;
	border:1px solid #888;
	background-color:#f9f9f9;
}

form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus{
	background-color:#f9f9f9;
	/*border:1px dotted #888;  optional thought */
	border:1px solid #444;
}	

form input:focus{
    background-color:#f9f9f9;
}

form input:hover{
    background-color:#f9f9f9;
}

form select{
	padding:2px;
	background-color:#f9f9f9;
}

form input{
	padding:2px;
}

form label{
	display:block;
	color:#777;
	float: left;
	width:17em;
	text-align:left;
	clear:left;
	margin-right: 5px;
}

form textarea{
	padding:1px;
	line-height:20px;}

form p{
	margin:10px 0px;
}

/* top section */
#top{
	background:url(../images/contentbg.gif) repeat-y;}

/* very bottom curve */
#bottom{
	background:url(../images/container_b.gif) no-repeat bottom center;
	height:9px;
}

* html #bottom{
	margin-top:-4px;
}


/* header */
#header{
	font:6px Verdana,Arial,Helvetica,sans-serif;
    width:680px;
	height:170px;
	margin:auto;
	background:url(../images/headers/h1.jpg) no-repeat top center;
	text-align:center;
}



#title{
    margin-top:130px;
	margin-left:19px;
	position:absolute;
    font-size:11px;
	color:#fff;
	background-color:transparent;
	cursor:default;
}

/* menubar */
.nav{
	height:40px;
	background-color:#222;
	color:#fff;
	width:680px;
	margin:auto;
	text-align:left;
	font-size:11px;
	cursor:default;
}
	
.nav2{
	height:40px;
}
	

#slogan{
	position:absolute;
	margin:11px 0px 0px 15px;
	font-size:13px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-weight:bold;
	color:#efefef;
}

#navdiv{
	text-align:center;
}

#navlist{
	list-style-type:none;
	margin:0px;
	padding:13px 8px 0px 0px;
}

#navlist li{
	display:inline;
}

#navlist li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	height:40px;
	padding:8px 6px 9px 6px;
	font-family: Helvetica,sans-serif;
	font-size:14px;
}

#navlist li a:hover{
	color:#D8DFEA;
	background:none;
	/* other thoughts
	border-top:5px solid #fff;
	color:#df521b;
	*/}

/* custom style classes */

.inlinestizz{
        display:inline;
        background:none;
        float:left;
}

.buttonimg1{
padding-top:5px;
padding-left:10px;
padding-bottom:15px;
float:left;
}

.buttonimg2{
padding-top:18px;
padding-left:10px;
float:left;
}

/* content */
#content{
	min-height: 20em;
	width:680px;
	margin:auto;
	color:#222;
	text-align:left;
}

/* Left content */

#left{
	width:440px;
	float:left;
	padding:10px 10px 10px 10px;}

/* sidebar */
#right{
	width:190px;
	float:right;
        padding:0px 10px 0px 0px;
}

#right .sideitem{
	margin-top:0;
	margin-bottom:-25px;
}

#right .sideitem .fam{
	margin-bottom:-5px;
	padding-bottom:4px;
}
	
/*display:block;*/

#right .sideitem p{
        font-size:1em;
        font-family:Verdana,Helvetica,Arial,sans-serif;
	font-weight:normal;
        line-height:1.5em;
	padding:0px 0px 0px 15px;
        margin-bottom:-5px;
}

#right .sideitem ul{
    padding-top:4px;
}

.feat {
clear:both;
padding-bottom:1.9em;
}	

.feat p{
overflow:auto;
line-height:15px;
}

/* footer */
.footer{
	height:30px;
	width:680px;
	margin:auto;
	color:#fff;
	text-align:left;
	clear:both;
}

.footer div{
	height:30px;
}

#copyright{
	text-align:left;
	float:left;
	padding-top:8px;
        padding-bottom:8px;
        padding-right:4px;
        padding-left:8px;
	margin-top:0px !important;
	margin-bottom:-16px;
	font:9px Verdana,Helvetica,Arial,sans-serif;
}
	
#designcredit{
	float:right;
	text-align:right;
	padding:8px;
	margin-bottom:-16px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
}

#designcredit a{
	color:#9f9f9f;
}

#designcredit a:hover{
	color:#3b5998;
	text-decoration:none;
        background:none !important;
}

/* Main Page Photo Rotator */

#player{
    background-color:#222;
    padding:0;
    width:440px;
    height:242px;}

#wimpy{
padding-top:5px;
padding-left:17px;
}

/* music page */

.raveplayer{
padding:5px;
text-align:center;
border-bottom: 1px solid #d1d1d1;
background: #fff url('http://www.urbanauthentic.com/images/') repeat;
}

.soundcloud{
border: 1px solid #d1d1d1;
float:left;
margin-right:15px;
margin-bottom:3px;
width:200px;
height:200px;
}

/* Network Class */

.network{
margin:0px;
display:block;
}

.network li{
background:transparent !important;
}

.network2{
margin-left:4px;
}

.network2 li{
display:inline !important;
background:transparent !important;
padding:1px !important;
}


/* Right Nav login form  */

#subForm{
    display:block;
    font-size: 0.95em;}	

#subForm .users, .passwords{
     margin-top:-14px;
     font-weight: bold;
     line-height:14px;}

#subForm .cookietext { 
    margin-top:-1.9em;
    margin-left:2.4em;
    font-size:7pt;}


#subForm #submit{
   margin-top:0.3em;
   margin-left:1.3em;}

#subForm .forgot{
   margin-top:0.4em;
   font-size:7pt;
   text-align:left;}

#subForm #cookie{
    float: left;
    margin-top:-10px;
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;}

/* film, album, soundtracks credits */
#albums{
    width:440px;
    float:left;
    padding:10px 10px 10px 10px;
    font-family:Verdana,Helvetica,Arial,sans-serif;}
        
#albums .ltl{
    clear:both;}

#albums h5{
   text-decoration:underline;
   padding-top:3px;}

#albums .year{
   margin-top:-5px;
   font-size:93%;}

#albums .title {
   font-size:10px;
   font-weight:bold;
   margin-top:-1em;
   line-height:15px;}

#albums .titleb {
   font-size:10px;
   margin-top:-1em;
   line-height:15px;}

#albums .certify{
   margin-top:-1.6em;
   font-weight: normal;
   color:#666;
   font-size:89%;}

#albums .gold{
    margin-top:-1.6em;
    font-weight: normal;
    color:#cc9900;
    font-size:89%;}

#albums .covers{
    clear:right;
    margin-top:1.1em;
    margin-bottom:1.1em;
    border:solid 1px #ccc;
    float:right;}

/* adds white space  */ 
 .spacer{
   height:1em;
   overflow:hidden;
}

/* credits address format */ 
#ua p{
   margin-top:-0.1em;
   line-height:17px;
}

/* media player */ 
#media{
	min-height:415px;
	width:680px;
	margin-top:40px;
        margin-bottom:40px;
}
	
/* adds black space  */ 	
.spacerb{
    height:3em;
    overflow:hidden;}

/* email text*/
.email{
    font-weight:bold;
    color:#666;}

/*bolds text*/
.name{
    font-weight:bold;
    color:#222;}
    
/*span classes*/
.strong{
font-weight:bold;
color:#222;
}

.underline{
text-decoration:underline;}

/* password protect  */
#pass #user, #email{
    margin-left:-6em;}

#submit{
    margin-top:0.1em;}

#contentb{
	min-height:250px;
	width:680px;
	margin:auto;
	color:#222;
	text-align:left;} 

#contentc{
        min-height:415px;
        width:680px;
	margin:auto;
	background:#d8d8d8;
	text-align:center;
	padding-bottom:1px;}

/* Paging Footer CSS */

.PagingGroup{
  font-family: Arial, Helvetica, sans-serif;
		
}
.Paging{
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 11px;
}
.navinactive{
	margin: 0 15px 0 15px;
	color: #ccc;
	font-size: 12px;
}

.PagingGroup a, .PagingGroup a:active{
	margin: 0 15px 0 15px;
	font-size: 12px;
	color: #039;
	font-weight: bold;
}
.PagingGroup a:visited{
	font-weight: normal;
}
.PagingGroup a:hover{
	text-decoration: none;
	color: #000;
}

/* simpletree */

#right .treeview ul{ /*CSS for Simple Tree Menu*/
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
}

#right .treeview ul a:hover{
color:#3b5998;}

#right .treeview li{
list-style-type: none;
margin-left:8px;
padding:2px 3px 4px 10px;
background: url(http://www.urbanauthentic.com/images/arrow.gif) no-repeat left;
}

#right .treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(http://www.urbanauthentic.com/images/minus.gif) no-repeat left 1px;
padding:2px 0px 5px 22px;
cursor: pointer;
}

#right .treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

#right .treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
margin-left:7px;
}

/* Captcha */
#captcha {
margin-left:193px;
}

.text{
display: block;
margin-top:3px;
margin-left:17.5em;
color:#777;
line-height:inherit;
}