/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

body {
	background-image: url('../img/backgrounds/stripes.png');	
}

/* Page
-------------------------------------------------------------- */

#page { 
	margin: 0 auto; 
	width: 960px;
	background-color: #f2f1ea;
	border-left: 3px solid #d0d4da;
	border-right: 3px solid #d0d4da;
	border-bottom: 3px solid #d0d4da;
 }


/* Header
-------------------------------------------------------------- */

#header { 
	background-image: url('../img/backgrounds/sprites.jpg');
	background-repeat: no-repeat;
	height: 116px;
	width: 960px;
	margin: 0 auto;
}

#dnn_dnnLOGO_imgLogo {
    float: left;
    display: inline;
    margin: 3px 0px 0px 6px;
}

#dnn_dnnSEARCH_ClassicSearch {
    float: right;
    display: inline;
    margin: 75px 10px 0px 0px;
}



/* Menu
-------------------------------------------------------------- */

#menu {
	background-image: url('../img/backgrounds/sprites.jpg');
	background-position: 0px -116px;
	background-repeat: no-repeat;
	height: 39px;
	width: 960px;
	margin: 0 auto;
}

/* Body
-------------------------------------------------------------- */

#body {
	width: 960px;
	background-image: url('../img/backgrounds/main.jpg');
	background-repeat: no-repeat;
	min-height: 400px;
	
}

#introduction { float: left; width: 280px; margin-right: 130px; }

#resources { float: left; width: 230px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

/* RoundedBox
-------------------------------------------------------------- */
.roundedBox { width:265px; margin: 0 auto; }
.corners {width:265px; height: 7px; background-image:url('../img/rounded_sprites.png'); background-repeat: no-repeat;}
.roundedContainer { width: 265px; background-image:url('../img/rounded_background.png'); background-repeat: repeat-y; padding: 0px 0px; }
.roundedContent { margin: 0px 7px; }
.top {background-position: 0px 0px; background-repeat: no-repeat;}
.bottom {background-position: 0px -8px; background-repeat: no-repeat;}
.roundedBox h1, .roundedBox h2, .roundedBox h3 {
	color: #5ca038;
	margin: 0px;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	background-image: url('../img/backgrounds/sprites.jpg');
	background-position: 0px -155px;
	background-repeat: no-repeat;
	height: 81px;
	width: 960px;
}


#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }

#sub_footer {
	margin: 0 auto; 
	width: 960px;
	text-align: center;
}

/* Windows
-------------------------------------------------------------- */
#LeftWindow {
	width: 50%; 
	float: left; 
	display: inline;
}

#RightWindow {
	width: 50%;
	float: left; 
	display: inline; 
}

#LeftHomeWindow {
	width: 645px; 
	float: left; 
	display: inline;
}

#RightHomeWindow {
	width: 310px;
	float: left; 
	display: inline; 
}

.ColWindow {
	float: left; 
	display: inline; 
	width: 33.3%;
}
/* Panes
-------------------------------------------------------------- */
#LeftPane, #ContentPane, #BottomContent, #HeaderPane {
	margin: 0px 5px;
}

#HeaderPane {
	text-align: right;
}

#HeaderPane a {
	color: #5ca038;
}


#FooterPane {
	padding: 10px 6px;
}


#sub_footer {
	width: 960px;
	margin: 0 auto;
}
#sub_footer a {
	color: #222;
}

.sub_login {
	float: left;
	display: inline;
	margin-left: 3px;
}

.powered_by {
	float: right;
	display: inline;
	margin: 5px 3px 0px 0px;
}

.powered_by a img {
	opacity: 0.4;
	filter: alpha(opacity=40); 
}

.powered_by a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}