@charset "utf-8";

html, body {  background: #040404 url("../images/layout/bg-top.jpg") 50% 0 no-repeat; color: #4a4a4a; font: normal 12px/1.5 "Trebuchet MS", Arial, sans-serif; }

/* text and headings */
h2 { color: #393939; font-weight: bold; font-size: 28px; letter-spacing: -1px; }
h3 { color: #393939; font-weight: bold; font-size: 16px; }
h4 { color: #727272; font-size: 11px; text-transform: uppercase; }

a { color:#00b6ff }
a:hover,
a:focus { color: #fff; }
.text-green { color: #4a8432; }
.text-red { color: #944a4a; }

::-moz-selection { color: #eee;  background: #006a9b; }
::selection { color: #eee;  background: #006a9b; }


 

/* overlay */
#overlay { padding: 20px; color: #000; background: #d9d9d9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* layout */
.wrapper { width: 990px; margin: 0 auto; }
#layout-top { background: url("../images/layout/bg-sides.png") bottom center repeat-x; }
#layout-top .wrapper { position: relative; }
#layout-middle { background: #0f0f0f url("../images/layout/bg-middle.png") top center repeat-x; border-bottom: 4px solid #272626; }
#layout-bottom { background: #000 url("../images/layout/bg-top.jpg") no-repeat 50% 70% }

/* header */
#header { padding-top: 50px; clear: both; }
#logo { height: 92px; width:402px; position: relative; z-index: 75; margin-bottom: 10px; }
#logo a,
#logo span { width: 402px; height: 92px; display: block; border: none; text-indent: -9999px; background: url("../local-common/images/logos/bnet-default.png") no-repeat;  }

/* header section */
#section { margin-top: 10px; background: url("../images/layout/section-bg.png") 50% 0 no-repeat; padding: 20px;  }
#section h2 { color:rgba(131, 46, 46, 0.73); font-size: 20px; margin-bottom: 5px; font-weight: normal; }
.homepage.logged-in #section { margin-top: 30px; }
.homepage #section { padding: 0 0 120px 0; }

#navigation { margin-top: 10px; padding: 15px 0; }
#navigation h2 { color: #62737E; font-weight: normal; border-right:1px solid #495354; float:left; font-size:36px; margin:0 20px 0 0; padding-right:20px  }
#navigation h2 a { color: #62737E; }
#navigation h2 a:hover { color: #fff; }
#navigation h3 { color: #bdc4d0; float: left; font-size: 26px; padding-top: 7px; font-weight: normal; }

#user-card { float: right; text-align: right; }
#user-card h4 { color: #fff; font-size: 18px; text-transform: none }



/* content */
#content { padding: 25px 0; min-height: 350px; }
#page-header { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #afadac; }
#page-header h2 { margin-top: 0; }
#page-content p { margin: 0 0 15px 0; }
#page-content form { margin-top: 15px; }








