/*************************** Typography & Color ******************************/

body {
	font-size: 10pt;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Verdana, Arial, Sans-Serif;
	background: #424242 url(../images/bg.png) repeat;
	background-position: center;
	color: #bbb;
	-webkit-text-size-adjust: none;
}

a {
	color: #dedede;
	text-decoration: none;
	font-weight: bolder;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline:none
}

em {
	font-style: italic;
}

h1, h2, h3, h4, h5 {
	color: #dedede;
}

a img {
	border: none;
}

hr {
	height: 0px;
	border: none;
	border-bottom: 1px solid #404040;
	border-top: 1px solid #2b2b2b;
}

/********************************* Container **********************************/

#container {
	background: transparent url(../images/container-bg.png) repeat-y;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
}

/*********************************** Header ***********************************/

#header {
	background: transparent url(../images/header-bg2.png) repeat-x;
}

#header-left {
	background: transparent url(../images/header-bg-left2.png) no-repeat;
}

#header-right {
	background: transparent url(../images/header-bg-right2.png) no-repeat;
}

#header-logo a {
	background: transparent url(../images/pwr_logo2.png) no-repeat;
	text-indent: -10000px;
}

#header-logo a:hover {
	/*background-position: 0px -31px;*/
}

#header-navbar {
	background: transparent url(../images/navbar-bg.png) no-repeat;
}

#header-navbar ul {
	list-style-type: none;
}

#header-navbar a {
	background: transparent url(../images/navbar-text.png) no-repeat;
	text-indent: -10000px;
}

#header-navbar a#cornerstone-link {
	background-position: 6px -3px;
}

#header-navbar a#cornerstone-link:hover {
	background-position: 6px -24px;
}

#header-navbar a#blog-link {
	background-position: -126px -3px;
}

#header-navbar a#blog-link:hover {
	background-position: -126px -24px;
}

/*********************************** Banner ***********************************/

#banner-top {
	background: transparent url(../images/border-top.png) no-repeat;
}

#banner-bottom {
	background: transparent url(../images/border-bottom.png) no-repeat;
}

#banner-left {
 	background: transparent url(../images/border-left.png) repeat-y;
}

#banner-right {
 	background: transparent url(../images/border-right.png) repeat-y;
}

/**************************** Horizontal Separator *****************************/

.horizontal-separator {
	background: transparent url(../images/separator-bg.png) repeat-x;
}

.horizontal-separator-left {
	background: transparent url(../images/separator-bg-left.png) no-repeat;
}

.horizontal-separator-right {
	background: transparent url(../images/separator-bg-right.png) no-repeat;
}

/************************************ Footer ***********************************/

#footer {
	text-align: center;
	padding-bottom: 30px;
	background: transparent url(../images/bg.png) repeat;
	color: #999;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 1px;
	font-size: 7pt;
}

#footer-border {
	background: transparent url(../images/container-border-bottom.png) no-repeat;
}

/******************************* Miscellaneous *********************************/

#sidebar {
	font-size: 8pt;
}

#sidebar h3 {
	font-size: 10pt;
}

#sidebar hr {
	height: 2px;
	border: none;
	background: transparent url(../images/sidebar-separator.png) no-repeat;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.box {
	padding: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #333333;
	background-color: rgba(0, 0, 0, 0.1); 
	border: 1px solid #2a2a2a;
	margin-bottom: 16px;
}