@charset "utf-8";
/* CSS Document */

body{ background:url(img/bg.png); }
.main_border{ border:1px solid #c6c6c6; margin:0 auto; }
.menu_border{ border-top: 0 solid #c6c6c6; border-bottom: 1px solid #C6C6C6; }

.footer{ border-top: 0 solid #c6c6c6; position:relative; z-index:1; }
.footer_text{ float:right; margin-right: 30px; font:Verdana, Geneva, sans-serif; color:#FFF; position:relative; z-index:2;}
.user{ border-top: 1px solid #c6c6c6;}
.user_border{ border-right: 1px dashed #c6c6c6; } 
.left{ border-right: 1px dashed #c6c6c6; }
table.last_post th{ background-color: #620C8F; color:#FFF;  }
table.last_post td{ border-bottom: 1px dotted #620C8F; }
table.last_post tr:hover{ border-bottom: 1px dotted #620C8F; background-color:#9B55BF; color:#FFF; }
table.last_post a:hover{ border-bottom: 1px dotted #620C8F; background-color:#9B55BF; color:#FFF; }

.view_post{ font-family:Verdana, Geneva, sans-serif; font-size: 12px; color:#FFF; }
.view_post td{ border: 1px solid #620C8F; background-image:url(../img/menu.png); background-repeat:repeat-x; background-size:36px; }

p { font-family:Verdana, Geneva, sans-serif; font-size:14px; padding: 10px 20px; }
a { text-decoration:none; color: #000; }
a:hover { text-decoration:none; color: #006; }

/*Main menu*/

#modernbricksmenu2{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-right: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
margin-left: 40px;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 1px 10px;
background-color: #620C8F;


}

#modernbricksmenu2 a:hover{
background-image:url(../img/menu.png); background-repeat:repeat-x; background-size:150px;
color: white;
padding: 1px 20px;

}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-image:url(../img/menu.png); background-repeat:repeat-x; background-size:150px; /*Brown color theme*/ 
color: white;
 /*Brown color theme*/ 
}

#modernbricksmenu2 #right a{ /*currently selected tab*/

float: right;
}


#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #620C8F;
background-color: lightyellow;
}
/*End of main menu*/





/*Main vertical menu*/


.urbangreymenu{
width: 246px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: #FFF;
background: #620C8F url(img/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-top: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #fff;
background-image:url(img/left.png);
background-size:80px;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
font-weight:bold;
}


.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #620C8F;
font: normal 15px Arial;
font-weight:bold;
}

.log{
	color:#000;
	font:Arial, Helvetica, sans-serif;
	border-left: 1px dotted #791BC7;
	border-right: 1px dotted #791BC7;}

table.category td{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border: 1px dotted #620C8F;

}

table.category a:hover{
	color:#F062E6;
}

.edit_form {
	padding: 10px 0 0 100px;
	border-left: 1px dotted #791BC7;
	border-right: 1px dotted #791BC7;}
/*End of vertical menu*/
