@charset "utf-8";
/* CSS Document */

body{ background-image:url(img/bg.png); }
.main_border{ border:1px solid #80BCF6; margin:0 auto; }
.menu_border{ border-top: 0 solid #80BCF6; border-bottom: 1px solid #80BCF6; }

.footer{ border-top: 0 solid #80BCF6; position:relative; z-index:1; }
.footer_text{ float:right; margin-top:-20px; margin-right: 30px; font:Verdana, Geneva, sans-serif; color:#fff; position:relative; z-index:2;}
.user{ border-top: 1px solid #80BCF6;}
.user_border{ border-right: 1px dashed #80BCF6; } 
.left{ border-right: 1px dashed #80BCF6; }
table.last_post th{ background-color: #80BCF6;  }
table.last_post td{ border-bottom: 1px dotted #6A9ACB; }
table.last_post tr:hover{ border-bottom: 1px dotted #6A9ACB; color:#006; background-color:#6A9ACB; }

.view_post{ background-color: #80BCF6; font-family:Verdana, Geneva, sans-serif; font-size: 12px;  }
.view_post td{ border: 1px solid #6A9ACB;  }

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%;
border-top: 5px solid #80BCF6; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
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: 5px 10px;
background-color: #80BCF6; /*Brown color theme*/ 
border-top: 1px solid #80BCF6;
}

#modernbricksmenu2 a:hover{
background-color: #A3CFF9; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #A3CFF9; /*Brown color theme*/ 
color: white;
border-color: #A3CFF9; /*Brown color theme*/ 
}

#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 #0E7DE6;
background-color: lightyellow;
}
/*End of main menu*/





/*Main vertical menu*/


.urbangreymenu{
width: 246px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: #000;
background: #80BCF6 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-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #fff;
background: #8EC4F7;
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: #A3CFF9;
}
/*End of vertical menu*/