/* CSS Document */

body
{
	position: relative ;
	/*display: table ;*/
	background: #333333 ;
	margin: 0 ;
	padding: 0 ;
}

p, #contentWrapper img
{
	margin-left: 12px ; 
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal ;
	font-family: "Palatino Linotype", Helvetica, "Microsoft Sans Serif", Arial ;
	font-size: 13pt ;
	color: #0063dc !important ;
}

h1, h2
{
	font-weight: bold ;
	text-decoration: underline ;
}

h3, h4, h5, h6
{
	font-size: 12pt ;
}

hr
{
	display: none ;
}

* > hr {
	display: block ;
	width: 100% ;
	height: 20px ;
	border: none ;
	background: url(_images/textDivider.gif) center center no-repeat ;
}

#container
{
	/*position: relative ;*/
	background: #E7F0FC url(_images/bluren_bodyBg.gif) top repeat-x ;
}

/*=============== BANNER ===============*/

#introWrapper
{
	position: absolute ;
	top: 60px ;
	left: 0 ;
	z-index: 100 ;
	width: 100% ;
}

#intro h1, #intro h2, #quickSummary
{
	display: none ;
}

#intro
{
	background: url(_images/bluren_title.gif) no-repeat center center ;
				
	width: 361px ;
	height: 78px ;
	margin: auto ;
}


/*=============== NAVIGATION MENU ===============*/

#navWrapper
{
	position: relative ;
	/*top: -80px ;*/ top: 0 ;
	height: 29px ;
	width: 280px ;
	
	margin: auto ;	

	background: url(_images/bluren_nav_leftBg.gif) top left no-repeat ;
}

#navigation h2
{
	display: none ;
}

#navigation
{
	position: relative ;
	padding: 0 4px 0 4px ;
	background: url(_images/bluren_nav_rightBg.gif) top right no-repeat ;
}

#menu
{
	position: relative ;
	background: url(_images/bluren_nav_bg.gif) repeat-x ;
	
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
	
	height: 29px ;
	padding-left: 5px ;
	padding-right: 5px ;
}

#menu li
{
	position: relative ;
	height: 29px ;
	float: left ;

	margin: 7px 0 0 0 ;
}

#menu li a
{
	position: relative ;
	padding: 10px 7px 0 4px ;
		
	color: #fff ;
	font-family: "Palatino Linotype", Helvetica, "Microsoft Sans Serif", Arial ;  
	font-size: 11pt ;
	font-style: italic ;
	font-weight: bold ;
	letter-spacing: 1px ;
	text-decoration: none ;

	border-right: 1px solid #CCCCCC ;
	border-left: 1px solid #CCCCCC ;
}

#menu li a:hover
{
	color: #b2cef3 ;
}

#menu li a:active
{
	color: #FFFF66 ;
}

#menu .current a
{
	color: #b2cef3 ;
	font-style: normal ;
}

/*=============== CONTENT ===============*/

#contentWrapper
{
	clear: both ;
	/*position: relative ;*/
	width: 75% ;
	margin: auto ;
	display: table ;
	background: #99CC99 ;
	border: 1px solid #666 ;
	padding: 8px ;
}

#content
{
	clear: both ;
	position: relative ;
	width: 100% ;
	height: 100% ;
	display: table ;
	background: #F6F9FE ;
	padding: 15px ;
	padding-top: 90px ;
}

#content a
{
	color: #0033FF ;
	text-decoration: none ;
}

#content a:visited
{
	font-weight: normal ;
	color: #000000 ;
	text-decoration: underline ;
}

#content a:hover
{
	background: #abcdef ;
	color: #000066 ;
}

#content p
{
	color: #454545 ;
	font-family: Geneva,Arial,Verdana;
	font-size: 10pt ;
	line-height: 20px ;
	text-align: justify ;
}

/*------------ CONTENT - HOME PAGE ---------------*/

#home #pageContent
{
	float: left ;
	width: 70% ;
}

#home #siteNews
{
	width: 28% ;
	float: right ;
	padding-left: 10px ;
}

#home #preamble h2
{
	background: url(_images/bluren_home_about.gif) no-repeat left ;
	height: 26px ;

	padding: 0 ;
}

#home #preamble h2 span, #home #recentWork h2 span, #home #siteNews h2 span
{
	display: none ;
}

#home #preamble img
{
	padding: 5px ;
	float: left ;
}

#home #recentWork h2
{
	background: url(_images/bluren_home_recentWork.gif) no-repeat left ;
	height: 26px ;
	padding: 0 ;
}

#recentWorkDemo img
{
	float: right ;
	margin-left: 7px ;

}

#recentWorkDemo h3
{
	clear: both !important ;
}

#home #siteNews h2
{
	background: url(_images/bluren_home_news.gif) no-repeat ;
	height: 26px ;
}

#home #siteNews .newsTime
{
	color: #454545 !important ;
	font-weight: bold ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 10pt ;
}

#home #siteNews h3
{
	margin: 3px 3px 0 12px ;
	padding: 0 ;
	text-decoration: underline ;
}

#home #siteNews .newsTime
{
	text-decoration: none ;
	border: 1px solid #999999 ;
	border-bottom: none ;
	padding: 3px ;
	background: url(_images/boxTitleBg.gif) repeat-x bottom left ;
}

#home #siteNews .newsTime:hover
{
	background: url(_images/boxTitleBgOnHover.gif) repeat-x bottom left ;
}

#home #siteNews .newsContent
{
	border: 1px solid #999999 ;
	margin-top: 0 ;
	margin-right: 3px ;
	padding: 5px ;
}

/*------------ CONTENT - LAB PAGE ---------------*/

#projectList h2
{
	background: url(_images/bluren_lab_welcome.gif) no-repeat left ;
	height: 26px ;
	padding: 0 ;
}

#projectList h2 span
{
	display: none ;
}

.project
{
	position: relative ;
	clear: both ;
	margin: 10px ;
	border: 1px solid #666666 ;
	display: table ;
}

.project .projectName
{
	margin: 0 ;
	padding: 0 ;
	border-bottom: 1px solid #666666 ;
	padding: 4px 0 4px 4px ;
	background: url(_images/boxTitleBg.gif) repeat-x bottom left ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 11pt ;
}

.project .projectName:hover
{
	background: url(_images/boxTitleBgOnHover.gif) repeat-x bottom left ;
}

.project .projectName a:hover
{
	background: none !important ;
	color: #0000FF ;
}

.project .projectName a:visited
{
	text-decoration: none !important ;
}

.projectImage
{
	padding: 4px ;
	margin: 7px ;
	width: 80px ;
	height: 80px ;
	border: 1px solid #6699CC ;
	float: right ;
}

.projectDescription
{
	margin-right: 4px ;
}


/********************* RESOURCES PAGE CONTENT *********************/

#resources h2
{
	background: url(_images/bluren_rsc_rscList.gif) no-repeat left ;
	height: 26px ;
	padding: 0 ;
}

#resources h2 span
{
	display: none ;
}

#resourcesArticle
{
	width: 32% ;
	float: left ;
	padding-right: 10px ;
	margin-left: 10px ;
}

#resourcesTutorial
{
	width: 32% ;
	float: left ;
	padding-right: 10px ;
}

#resourcesBookmarks
{
	width: 30% ;
	float: left ;
}

#resourcesArticle h3, #resourcesTutorial h3, #resourcesBookmarks h3
{
	border: 1px solid #666666 ;
	padding: 3px 2px 3px 4px ;
	background: #def ;
	color: #444 !important ;
	font-weight: bold ;
}

.article, .tutorial, .bookmark
{
	background: #F4F8FD ;
	padding-bottom: 1px ;
}

.articlePreview, .tutorialPreview, .bookmarkPreview
{
	padding-right: 7px ;
}

.articleTitle, .tutorialTitle
{
	padding: 3px 4px 3px 4px ;
	color: #444 !important ;
}

.articleTitle, .tutorialTitle, #bookmarkList
{
	background: #DFEBFA ;
}

.articlePreview img, .tutorialPreview img
{
	float: left ;
	padding: 4px ;
}

#bookmarkList
{
	list-style-type: square ;
	padding-left: 25px ;
	margin: 0 ;
}

.bookmark
{
	width: 100% ;
	padding: 3px ;
}

.bookmark:hover
{
	background: #85B3ED ;
	color: #fff !important ;
}

.bookmark a:hover
{
	background: none !important ;
	color: #111 !important ;
}

/*----------------- THEME PAGE ---------------*/

#themeIntro h2
{
	background: url(_images/bluren_themes_about.gif) no-repeat left ;
	height: 26px ;
	padding: 0 ;
}

#themeIntro h2 span
{
	display: none ;
}

#themesDisplay
{
	clear: both ;
	width: 90% ;
	margin: auto ;
}

#themesDisplay h2
{
	background: url(_images/bluren_themes_list.gif) no-repeat left ;
	height: 26px ;
	padding: 0 ;
}

#themesDisplay h2 span
{
	display: none ;
}

.theme
{
	padding: 4px ;
	margin: 7px ;
	border: 1px solid #666 ;
	width: 102px ;
	height: 140px ;
	overflow: hidden ;
	background: #F1F6FD ;
	float: left ;
}

.theme a img, .theme a
{
	border: none ;
	margin: 0 !important ;
	padding: 0 !important ;
}

.theme a:hover
{
	background: none !important ;
}

.theme:hover 
{
	border: 1px solid #85B3ED ;
}

.themeCaption
{
	margin: 0 ;
	padding: 0 ;

}

.themeCaption p
{
	margin: 0 ;
	padding: 0 ;
	font-size: 9pt !important ;
	font-weight: bold ;
	text-align: center !important ;
	color: navy ;
}

/*=============== FOOTER ===============*/

#footerWrapper
{
/*	position: absolute ;
	bottom: 0 ;
	width: 100% ;*/
	clear: both ;
	background: #333 ;
	margin-top: 25px ;
	padding-top: 35px ;
	height: 130px ;
}

#footer
{
	position: relative ;
	padding: 25px ;
	width: 700px ;
	margin: auto ;
}

#footer hr
{
	display: none ;
}

#validateAndRecommend
{
	position: relative ;
	width: 300px ;
	margin: 7px ;
	float: left ;
	text-align: center ;
}

#footerTextLinks, #copyrightInfo
{
	margin-left: 7px ;
	text-align: center ;
}

#footer a, #footer p
{
	color: #abcdef ;
	font-size: 8pt ;
	font-family: Arial, Helvetica, sans-serif ;
	text-decoration: none ;
	padding: 3px 4px 2px 4px ;
	margin: 0 ;
}

#footer a img
{
	border: 0px ;
}

#footer #footerTextLinks a:hover
{
	background: #eee ;
	text-decoration: underline ;
	color: #333 ;
}


#footer a:active
{
	color: red ;
}


/*=============== PROJECTS JOURNAL ===============*/

#projectTask
{
	width: 27% ;
	float: right ;
	padding: 5px  2px 2px 2px ;
}

#taskList
{
	text-decoration: underline ;
}

#projectTask img
{
	width: 200px ;
	height: 170px ; 
}

#projectJournal/*, #projectIntro*/
{
	margin-right: 30%;
	padding: 5px;
	text-align: justify ;
}

#projectJournal p:first-letter
{
	font-size: 16pt ;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	float: left ;
	text-transform: uppercase ;
	padding-right: 2px ;
}

.journal
{
	border-top: 3px double #339900;
	margin-top: 7px ;
}

.journal pre
{
	width: 400px ;
	height: 50px ;
	overflow: auto ;
}

.lessons
{
	font-family: "Courier New", Courier, monospace ;
	background: #f4faf2 ;
	border-left: 5px solid #089c36 ;
	margin-left: 9px ;
	padding: 0 10px 0 10px ;
}

#content .logTime
{
	font-size: 13pt ;
}

#content .hoursWorked
{
	padding-left: 10px ;
	font-size: 12pt ;
}

/***** task status ******/

#projectTask ul
{
	font-family: Geneva, Arial, Helvetica, sans-serif ;
	font-size: 10pt ;
	list-style-type: disc ;
	padding: 0 ;
	margin: 0 ;
	padding-left: 10px ;
	margin-left: 10px ;
}

#projectTask ul li
{
	padding: 5px 0 10px 0 ;
	border-bottom: 1px solid #CCCCCC ;
	text-align: justify ;
}

.done
{
	color: #005500 ;
}

.pending
{
	color: #330099 ;
}

.notDoneYet
{
	color: #880000 ;
}