/* replace background color */
body {
	
	background-color:#000000;
	background-image: url(http://metrocitygamer.com/urban/back22.png);
	background-attachment: fixed;	
        font-family: "Arial", Arial, Arial, Arial, Arial;
	color: #acacac;
	background-repeat:no-repeat;
        background-position:top center;
	color:#000000;
}

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url("./images/rounded.gif");
	height: 53px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
.top-left, .bottom-left {
	margin-right: 53px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
	margin-left: 53px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -53px;  /* CHANGE: replace by the height of one of your corners */
}

.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left  {
	background-position: 0 -53px;    /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
	background-position: 100% -53px; /* CHANGE: replace second number by negative height of one of your corners */
}
.inside {
	align: right;
	background-image: url("./images/bg.gif");            /* YCC: background-color of the inside */
	background-repeat: repeat-y;
	background-position: 100%
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 0px;             /* YCC: all texts at some distance of the left border */
	padding-right: 0px;
	padding-top: 1px;             /* YCC: all texts at some distance of the right border */

}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
	margin: 0 auto;
	width : 978px;
	padding: 0;
}













































































.rotator{
    background-color:#222;
    width:440px;
    height:300px;
    ;
    position:relative;
    font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:-1px;
    border:3px solid #f0f0f0;
    overflow:hidden;
    -moz-box-shadow:0px 0px 10px #222;
    -webkit-box-shadow:0px 0px 10px #222;
    box-shadow:0px 0px 10px #222;
}
img.bg{
    position:absolute;
    top:0px;
    left:0px;
}
.rotator ul{
    list-style:none;
    position:absolute;
    right:0px;
    top:0px;
    margin-top:6px;
    z-index:999999;
}
.rotator ul li{
    display:block;
    float:left;
    clear:both;
    width:80px;
}
.rotator ul li a{
    width:80px;
    float:right;
    clear:both;
    padding-left:10px;
    text-decoration:none;
    display:block;
    height:52px;
    line-height:52px;
    background-color:#222;
    margin:1px -20px 1px 0px;
    opacity:0.7;
    color:#f0f0f0;
    font-size:20px;
    border:2px solid #000;
    border-right:none;
    outline:none;
    text-shadow:-1px 1px 1px #000;
    -moz-border-radius:10px 0px 0px 20px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:20px;
    border-top-left-radius:10px;
    border-bottom-left-radius:20px;
}
.rotator ul li a:hover{
      text-shadow:0px 0px 2px #fff;
}
.rotator .heading{
    position:absolute;
    top:0px;
    left:0px;
    width:500px;
}
.rotator .heading h1{
    text-shadow:-1px 1px 1px #555;
    font-weight:normal;
    font-size:46px;
    padding:20px;
}
.rotator .description{
    width:500px;
    height:250px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:20px;
    background-color:#;
    -moz-border-radius:0px 10px 0px 0px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius:10px;
    opacity:;
    border-top:2px solid #;
    border-right:2px solid #;
}
.rotator .description p{
    text-shadow:-1px 1px 1px #000;
    text-transform:none;
    letter-spacing:normal;
    line-height:26px;
}
a.more{
    color:orange;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
}
a.more:hover{
    color:#fff;
}

#header-content { 
position: absolute; 
bottom: 130px; 
left: 19px; 
font-size: 20px;
}




























/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 5em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:;
}
/* 3 Column settings */
.threecol {
	background:#000000;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#ffffff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#000000;	/* left column background colour */
}
.threecol .col1 {
	width:50%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:24.8%;			/* Width of left column content (column width minus padding on either side) */
	left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:25%;			/* Width of right column content (column width minus padding on either side) */
	left:75.5%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}


























div.domtab{
			padding:0 3em;
			width:80%;
			font-size:90%;
		}
		ul.domtabs{
			float:left;
			width:100%;
			margin:2em 0 0 0;				
		}
		ul.domtabs li{
			float:left;
			padding:0 .5em 0 0;
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:8em;
			padding:.2em 1em;
			display:block;
			background:#666;
			color:#ccc;
			height:3em;
			font-weight:bold;
			text-decoration:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:3em;
		}
		ul.domtabs a:hover{
			background:#696;
		}
		div.domtab div{
			clear:both;
			width:auto;
			background:#696;
			color:#fff;
			padding:1em 3em;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#696;
			color:#fff;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#fff;
		}
		ps{
			margin:0 0 .5em 0;
			line-height:1.3em;
		}
		h2s{
			font-size:1.3em;
			color:#cfc;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:0 0 .7em .2em;
		}
		h1s{
			font-size:2em;
			text-align:center;
			font-weight:normal;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:.5em 0;
			background:#000;
			border-bottom:1px solid #666;
		}
		pre{
			font-size:1.2em;
			padding:1em;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#fff;
			display:block;
			padding:1em .5em;
			font-weight:bold;
			font-size:1.3em;
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#cfc;
			display:inline;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}
		
/* other scheme! */
#other{
	font-size:.8em;
	margin-left:.3em;
	width:60em;
	margin-bottom:3em;
	float:left;
}
div#other.domtab div{
	clear:both;
	width:54em;
	background:#669;
	color:#fff;
	padding:1em 3em;
}
		
#other ul.domtabs a:hover{
	background:#669;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:#669;
	color:#fff;
}
#other div{
	float:left;
}
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:49%;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}








/* memberlist */
.memberlist-left {
	width: 370px;
	clear: both;
}

dl.memberlist-left dd {
	float: left;
}

dl.memberlist-left dt {
	clear: left;
	float: left;
}

dl.memberlist-userinfo dd, dl.memberlist-userinfo dt {
	 text-align: center;
	 width: 100%;
}


/* Activity list column styles */

dl.noicon dt {
	padding-left: 5px;					/* Space for folder icon */
}

dd.comments, dd.pvotes, dd.cvotes {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.postinfo {
	width: 20%;
	font-size: 1.1em;
}

dd.postinfo span {
	display: block;
	padding-left: 5px;
}

/* ANNA Comment styles */
ul.comments {
	padding-left: 30px;
	width: 80%;
	min-width: 400px;
}

li.comment-row {
	clear: both;
	list-style-type: none;
	border-top: 2px solid #ffffff; /* change stylesheet */
background-color:#eceff6;
}

li.comment-row li.first-comment {
	border-top: 0px solid #ffffff; /* change stylesheet and add to template */
background-color:#eceff6b;
}

dl.comment-row {
	padding-top: 8px;
background-color:#eceff6;

}

dd.comment-votes {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	font-size: 13px; /* change stylesheet */
	width: 5%;
}

dd.author {
	float: left;
}

div.comment-contents {
	float: left;
	width: 90%;
}

dd.actions {
	float: right;
	text-align: right;
}

dt.comment-text {
	clear: both;
	padding-bottom: 8px;
	padding-top: 3px;
}

div.submit-comment {
	clear: both;
	padding-top: 15px;
	padding-left: 30px;
}


p.author {
	margin: 0 0em 0.6em 0;
}


/* memberlist positioning */

.mem-outer {
	border-left: 400px solid white; 
}

.mem-inner {
	width:100%;
}

.mem-float-wrap {
	float:left; 
	margin-left: -400px; 
	width: 100%;
}

.mem-main-column {
	min-width: 400px; 
	margin-right:-400px; 
	float:right;
	width:100%;
	min-width: 530px;
}

.mem-left-column {
	float: left; 
	width: 400px;
}

.mem-right-column {
	float: right;
	width: 90px;
	margin-right: -100px;
}

.mem-outer2 {
	border-right: 110px solid white;
	margin-left: 20px;
}

.mem-float-wrap2 {
	clear: both;
	float: left;
	width: 100%;
}

.mem-main-column2 {
	float: right;
	width: 100%;
}

.mem-right-column2 {
	float: right;
	margin-right: -100px;
	margin-left: 5px;
	width: 75px;
}

.mem-post {
	width: 400px;
	margin: auto;
	padding: 3px 0px;
	text-align: center;
	min-height: 27px;
	padding-top: 10px;
}

.mem-post dt {
	font-size: 1.5em;
}

.mem-post dd {
	font-size: 1.2em;
	text-align: right;
	font-style: italic;
	padding-top: 3px;
	width: 300px;
	padding-left: 100px;
}

.mem-votes dt {
	font-size: 1.5em;
	padding: 3px 0px;
	text-align: center;
}

dl.mem-votes {
	float: left; 
	padding-left: 5px;
}

.mem-comments {
	width: 400px;
	margin: auto;
	padding-top: 10px;
}

.mem-comment-row dl {
	padding-left: 20px;
	padding-right: 20px;
}

/* viewtopic.php new topic positioning & some buzz.html*/
div.postrow-outer {
	border-left: 100px solid white; 
	border-right: 100px solid white; 
	padding-top: 10px;
	clear: both;
}
div.postrow-inner {
	width: 100%;
}
div.postrow-float {
	float: left; 
	margin-left: -270px; 
	width: 100%;
}
div.postprofile-outer {
	float: left; 
	width: 220px;
}
dl.buzz-postprofile {
	width: 100%;
	float: left;
	border: none;
	margin-right: 5px;
}
div.postbody-outer {
	float: right;
	width: 100%;
	margin-right: -270px;
}

.reward-form {
	display: none;
	clear: both;
	text-align: right;
	padding-bottom: 10px;
}

div.post-stats {
	width: 100%;
	float: right;
	padding-left: 5px;
}
dl.post-stats {
	text-align: center;
	padding: 3px 0px;
	font-size: 1.5em
}


/* activity.html & indexbody.html */
span.profilepost-title {
	font-size: 1.2em;
	font-family: 'Trebuchet MS',Helvetica,Arial,Sans-serif;
	font-weight: bold;
}
span.profilepost-caption {
	font-style: italic;
}

/* buzz */
div.submit-comment {
	display: none;
	width: 400px;
	margin: auto;
	padding-left: 0px;
}

/* memberlist */
div.album-wrapper {
	padding: 5px 10px 0px 5px;
	float: left;
	width: 150px;
}
div.thumb-wrapper {
	text-align: center;
	padding-bottom: 10px;
	width: 150px;
	height: 150px;
}

ul.mem-icons {
	float: right;
	padding: 0px;
	width: auto; 
}



.comment-row1 {
	padding-top: 8px;
background-color:#eceff6;
width: 400px;
left: 150px;
}

.comment-row2 {
	padding-top: 8px;
background-color:#eceff6;
width: 400px;
left: 550px;
}
.1mem-comment-row dl {
	padding-left: 0px;
	padding-right: 0px;
}
























/* social profiles custom icons */
.update-status-icon span	{ background: transparent none 0 0 no-repeat; }
.post-photo-icon span	{ background: transparent none 0 0 no-repeat; }
.post-video-icon span	{ background: transparent none 0 0 no-repeat; }
.post-quote-icon span	{ background: transparent none 0 0 no-repeat; }
.post-link-icon span	{ background: transparent none 0 0 no-repeat; }
.post-album-icon span	{ background: transparent none 0 0 no-repeat; }
.send-comment-icon span	{ background: transparent none 0 0 no-repeat; }
.view-comments-icon span	{ background: transparent none 0 0 no-repeat; }

.buttons div.update-status-icon	{ width: {IMG_BUTTON_UPDATE_STATUS_WIDTH}px; height: {IMG_BUTTON_UPDATE_STATUS_HEIGHT}px; }
.buttons div.post-photo-icon	{ width: {IMG_BUTTON_POST_PHOTO_WIDTH}px; height: {IMG_BUTTON_POST_PHOTO_HEIGHT}px; }
.buttons div.post-video-icon	{ width: {IMG_BUTTON_POST_VIDEO_WIDTH}px; height: {IMG_BUTTON_POST_VIDEO_HEIGHT}px; }
.buttons div.post-quote-icon	{ width: {IMG_BUTTON_POST_QUOTE_WIDTH}px; height: {IMG_BUTTON_POST_QUOTE_HEIGHT}px; }
.buttons div.post-link-icon	{ width: {IMG_BUTTON_POST_LINK_WIDTH}px; height: {IMG_BUTTON_POST_LINK_HEIGHT}px; }
.buttons div.post-album-icon	{ width: {IMG_BUTTON_POST_ALBUM_WIDTH}px; height: {IMG_BUTTON_POST_ALBUM_HEIGHT}px; }
.buttons div.send-comment-icon	{ width: {IMG_BUTTON_SEND_COMMENT_WIDTH}px; height: {IMG_BUTTON_SEND_COMMENT_HEIGHT}px; }
.buttons div.view-comments-icon	{ width: {IMG_BUTTON_VIEW_COMMENTS_WIDTH}px; height: {IMG_BUTTON_VIEW_COMMENTS_HEIGHT}px; }

.pos-vote-icon, .pos-vote-icon a			{ background: none top left no-repeat; }
.neg-vote-icon, .neg-vote-icon a			{ background: none top left no-repeat; }
.post-comment-icon, .post-comment-icon a			{ background: none top left no-repeat; }
.reward-icon, .reward-icon a		{ background: none top left no-repeat; }

ul.profile-icons li.pos-vote-icon	{ width: {IMG_ICON_POS_VOTE_WIDTH}px; height: {IMG_ICON_POS_VOTE_HEIGHT}px; }
ul.profile-icons li.neg-vote-icon	{ width: {IMG_ICON_NEG_VOTE_WIDTH}px; height: {IMG_ICON_NEG_VOTE_HEIGHT}px; }
ul.profile-icons li.post-comment-icon	{ width: {IMG_ICON_POST_COMMENT_WIDTH}px; height: {IMG_ICON_POST_COMMENT_HEIGHT}px; }
ul.profile-icons li.reward-icon	{ width: {IMG_ICON_USER_REWARD_WIDTH}px; height: {IMG_ICON_USER_REWARD_HEIGHT}px; }


















.content1 {
   clear: both;
   border: #000000 1px solid;
   background-color: #ffffff;
   width: 840px;
   height: 200px;
}
.ulnofloat {
   list-style-type: none;
   padding-left: 0px;
   margin: 0px;
}
.ullifloat {
   float : left;
   padding-left: opx;
   border-right:  #000000 1px solid;
   background-color: #ffffff;
   margin-right: 0px;
}
.ula {
   position: relative;
   text-decoration: none;
   display: block;
   padding: 5px 10px;
   cursor: pointer;
   font: bold 11px arial, sans-serif;
   color: #000000;
}
#tabco4{
   position: relative;
   left : 220px;
   width: 840px;
   background-color: #ffffff;
   border-right: #ffffff 2px solid;
}
#tabco4 ul a:hover {
   color: #ffffff;
}









#main_middle ul li {  
 display: -moz-inline-stack;  
 display: inline-block;  
 zoom: 1;  
 *display: inline;  
 text-align: center;  
 vertical-align: text-top;  
}  
  
#main_middle ul li a {  
 display: block;  
 width: 100%;  
 height: 100%;  
}  
  
#main_middle p {  
 background: url(../images/tab_content_bg.png) 50% 0 no-repeat transparent;  
 display: none;  
}  
  
#main_middle .active_tab_content {  
 display: -moz-inline-stack;  
 display: inline-block;  
 zoom: 1;  
 *display: inline;  
}  
  
#main_middle ul #tab-2 a { /* Example of Sprite Usage */  
 background-position: -95px 0;  
}  
  
#main_middle ul #tab-2 .active_tab { /* Example of Sprite Usage  */  
 background-position: -95px -79px;