@charset "UTF-8";
/* CSS Document */

/* ===== global styles ==== */
	
body { background:url(../images/ninefive_bg_05.png) top left repeat-x;
		background-attachment:fixed;
		background-color: #f2f2f2;
		font-family: Georgia, serif;
		margin: 0;
		padding: 0;
		}
	
div#container	{
				margin: 20px 0;
				width: 940px;
				}

#container div#mainContent	{
				width: 615px;
				float: left;
				}
				
#container div#sidebar	{
			width: 325px;
			float: left;
			}
			
/* ===== header ===== */

#mainContent div#header	{
		height: 132px;
		margin: 0;
		padding: 0;
		}
		
#header div#logo	{
		height: 110px;
		width: 325px;
		background:url(../images/ninefive-logo.png) top left no-repeat;
		}
		
#header div#logo h1 {
  		float:left;
  		display:block;
  		padding: 0;
  		text-indent:-2000em;
  		margin: 0;
}

#logo h1 a {
  		width:325px;
  		height:110px;
  		display:block;
}
		
/* ===== page headers ====== */

#mainContent div#homeHeader	{
		height: 62px;
		background: url(../images/homeHeader.png) no-repeat top left;
		}

#mainContent #homeHeader h1	{
		position: relative;
		left: 0;
		top: 0;
		text-indent: -1000em;
		margin: 0;
		padding: 0;
		}
		
#mainContent div#projectsHeader	{
		height: 62px;
		background: url(../images/projectsHeader.png) no-repeat top left;
		}

#mainContent #projectsHeader h1	{
		position: relative;
		left: 0;
		top: 0;
		text-indent: -1000em;
		margin: 0;
		padding: 0;
		}
		
#mainContent div#ideasHeader	{
		height: 62px;
		background: url(../images/ideasHeader.png) no-repeat top left;
		}

#mainContent #ideasHeader h1	{
		position: relative;
		left: 0;
		top: 0;
		text-indent: -1000em;
		margin: 0;
		padding: 0;
		}
		
#mainContent div#contactHeader	{
		height: 62px;
		background: url(../images/contactHeader.png) no-repeat top left;
		}

#mainContent #contactHeader h1	{
		position: relative;
		left: 0;
		top: 0;
		text-indent: -1000em;
		margin: 0;
		padding: 0;
		}
		
/* ===== content area ===== */

#mainContent div.contentArea	{
		background-color: #fff;
		height: auto;
		padding-left: 35px;
		}
		
#mainContent .contentArea div.wideContent	{
		width: 545px;
		margin-right: 35px;
		border-top: 3px dotted #b3b3b3;
		float: left;
		padding-top: 20px;
		background-color: #fff
		}
		
#mainContent .contentArea div.narrowContent	{
		width: 255px;
		margin-right: 35px;
		border-top: 1px dotted #b3b3b3;
		float: left;
		padding-top: 14px;
		background-color: #fff
		}
		
#mainContent h1 h2 h3 h4 h5 h6	{
		color: #6be6d9;
		}
		
#mainContent .contentArea h1	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 17px;
		text-transform: uppercase;
		color: #ff0d13;
		padding: 0;
		margin: 0 0 8px 0;
		}
		
#mainContent .contentArea h2	{
		font-family: "Trebuchet MS", sans serif;
		font-size: 14px;
		text-transform: uppercase;
		color: #ff0d13;
		padding: 0;
		margin: 0 0 4px 0;
		}
		
#mainContent .contentArea .wideContent p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		font-style: italic;
		line-height: 20px;
		color: #333;
		padding: 0;
		margin: 0 0 20px 0;
		}
		
#mainContent .contentArea .wideContent p a:link, #mainContent .contentArea .wideContent p a:visited {
		color: #333;
		border-bottom: 1px dotted #333;
		text-decoration: none;
		}
		
#mainContent .contentArea .wideContent p a:hover, #mainContent .contentArea .wideContent p a:active {
		background-color: #ffff00;
		}
		
#mainContent .contentArea .narrowContent p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		line-height: 18px;
		color: #333;
		padding: 0;
		margin: 0 0 20px 0;
		}
		
#mainContent .contentArea .narrowContent p a:link, #mainContent .contentArea .narrowContent p a:visited {
		color: #333;
		border-bottom: 1px dotted #333;
		text-decoration: none;
		}
		
#mainContent .contentArea .narrowContent p a:hover, #mainContent .contentArea .narrowContent p a:active {
		background-color: #ffff00;
		}
		
#mainContent .contentArea .narrowContent .scrollerLinks	{
		padding-bottom: 20px;
		}
		
#mainContent .contentArea .narrowContent .scrollerLinks	a	{
		text-decoration: none;
		border: 1px solid #b3b3b3;
		font-size: 12px;
		color: #b3b3b3;
		padding: 4px;
		margin-right: 2px;
		}
		
#mainContent .contentArea .narrowContent .scrollerLinks	a:hover, #mainContent .contentArea .narrowContent .scrollerLinks a:active	{
		color: #fff;
		background-color: #b3b3b3;
		}
		
#mainContent .contentArea table.project-list	{
		border: none;
		width: 545px;
		font: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		color: #999;
		margin: 0 0 30px 0;
		padding: 0;
		}
		
#mainContent .contentArea table.project-list a:link, #mainContent .contentArea table.project-list a:visited	{
		color: #999;
		text-decoration: none;
		}
		
#mainContent .contentArea table.project-list a:hover, #mainContent .contentArea table.project-list a:active	{
		color: #6be6d9;
		}
		
#mainContent .contentArea table.project-list tr td	{
		width: 33%;
		margin: 0;
		padding: 0;
		vertical-align: text-top;
		}
			
/* ==== main menu ===== */
			
#sidebar div#mainMenu	{
		position: relative;
		left: 0;
		top: 0;
		}
		
#mainMenu ul	{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
#mainMenu li	{
		float: left;
		margin: 0
		padding: 0;
		}
		
#mainMenu li#projects a:link, #mainMenu li#projects a:visited	{
		font-family: "Trebuchet MS", sans-serif;
		color: black;
		display: block;
		width: 73.5px;
		text-decoration: none;
		line-height: 33px;
		margin-right: 32px;
		background: url(../images/projectsBtn.png) no-repeat top left;
		border: none;
		}
		
#mainMenu li#projects a:hover, #mainMenu li#projects a:active	{
		background: url(../images/projectsBtn_hover.png) no-repeat top left;
		}
		
#mainMenu li#projects a.selected	{
		background: url(../images/projectsBtn_selected.png) no-repeat top left;
		}
		
#mainMenu li#projects a.selected:hover	{
		cursor: default;
		}
		
#mainMenu li#ideas a:link, #mainMenu li#ideas a:visited	{
		font-family: "Trebuchet MS", sans-serif;
		color: black;
		display: block;
		width: 50px;
		text-decoration: none;
		line-height: 33px;
		margin-right: 31px;
		background: url(../images/ideasBtn.png) no-repeat top left;
		border: none;
		}
		
#mainMenu li#ideas a:hover, #mainMenu li#ideas a:active	{
		background: url(../images/ideasBtn_hover.png) no-repeat top left;
		}
		
#mainMenu li#ideas a.selected	{
		background: url(../images/ideasBtn_selected.png) no-repeat top left;
		}
		
#mainMenu li#ideas a.selected:hover	{
		cursor: default;
		}
		
#mainMenu li#contact a:link, #mainMenu li#contact a:visited	{
		font-family: "Trebuchet MS", sans-serif;
		color: black;
		display: block;
		width: 64px;
		text-decoration: none;
		line-height: 33px;
		margin-right: 31px;
		background: url(../images/contactBtn.png) no-repeat top left;
		border: none;
		}
		
#mainMenu li#contact a:hover, #mainMenu li#contact a:active	{
		background: url(../images/contactBtn_hover.png) no-repeat top left;
		}
		
#mainMenu li#contact a.selected	{
		background: url(../images/contactBtn_selected.png) no-repeat top left;
		}
		
#mainMenu li#contact a.selected:hover	{
		cursor: default;
		}
		
#mainMenu li#blog a:link, #mainMenu li#blog a:visited	{
		font-family: "Trebuchet MS", sans-serif;
		color: black;
		display: block;
		width: 42.5px;
		text-decoration: none;
		line-height: 33px;
		margin-right: 0;
		background: url(../images/blogBtn.png) no-repeat top left;
		border: none;
		}
		
#mainMenu li#blog a:hover, #mainMenu li#blog a:active	{
		background: url(../images/blogBtn_hover.png) no-repeat top left;
		}
		
#mainMenu li#blog a.selected	{
		background: url(../images/blogBtn_selected.png) no-repeat top left;
		}
		
#mainMenu li#blog a.selected:hover	{
		cursor: default;
		}
		
/* project index */
		
#sidebar div#projectIndex	{
		margin: 11px 0;
		padding: 0;
		width: 148px;
		height: 23px;
		float: right;
		font-family: "Trebuchet MS", sans serif;
		background: url(../images/projectIndexBg.png) no-repeat bottom right;
		position: relative;
		z-index: 2;
		}
		
#sidebar #projectIndex ul.menu {
	display: none;
	list-style-type: none;
	background-color: #ff0d11;
	margin: 2px 0 0 0;
	padding: 10px 5px 10px 10px;
	width: 158px;
}

#sidebar #projectIndex ul.menu li {
	font-size: 12px;
	line-height: 18px;
}

#sidebar #projectIndex a.menuLink, li a {
	text-decoration: none;
	color: #000;
}

#sidebar #projectIndex a.menuLink	{
	font-size: 14px;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 57px;
	color: #fff;
}

#sidebar #projectIndex li a:hover {
	background-color: #fff;
	color: #ff0d11;
}
		
/* ====== sidebar content ======= */

#sidebar div.content	{
		clear: both;
		padding-bottom: 17px;
		background: url(../images/content-bottom.png) bottom left no-repeat;
		margin-bottom: 50px;
		}
		
#sidebar .content div.contentArea	{
		background-color: #fff;
		margin: 0;
		padding: 28px 35px 12px 35px;
		border-top: 1px dotted #b3b3b3;
		}
		
#sidebar .content .contentArea h1	{
		font-family: "Trebuchet MS", sans serif;
		font-size: 14px;
		text-transform: uppercase;
		color: #6be6d9;
		padding: 0;
		margin: 0 0 4px 0;
		}
		
#sidebar .content .contentArea p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		line-height: 18px;
		color: #999;
		padding: 0;
		margin: 0 0 12px 0;
		background-color: #fff;
		}
		
#sidebar .content .contentArea p a:link, #sidebar .content .contentArea p a:visited	{
		color: #999;
		border-bottom: 1px dotted #999;
		text-decoration: none;
		}
		
#sidebar .content .contentArea p a:hover, #sidebar .content .contentArea p a:active	{
		background-color: #FFFF00;
		}
		
/* ====== images ======= */

#mainContent .contentArea .wideContent img	{
	padding: 9px;
	border: 1px solid #ddd;
	margin-bottom: 24px;
	-moz-box-shadow: 0 0 10px #BBB;
	-webkit-box-shadow: 0 0 10px #BBB;
	box-shadow: 0 0 10px #BBB;
	}
	
#mainContent .contentArea .wideContent a:link img, #mainContent .contentArea .wideContent a:visited img	{
	}
	
#mainContent .contentArea .wideContent a:hover img	{
	border-color: #ccc;
	-moz-box-shadow: 0 0 5px #BBB;
	-webkit-box-shadow: 0 0 5px #BBB;
	box-shadow: 0 0 5px #BBB;
	}
	
.fadein { position:relative; width:525px; height:325px; margin-bottom: 24px; }

.fadein img { position:absolute; left:0; top:0; }
	
#mainContent .contentArea .wideContent img.thumb {
	border: 1px solid #ddd;
	padding: 9px;
	margin: 0 30px 30px 0;
	width: 90px;
	height: 90px;
	}
	
#mainContent .contentArea .narrowContent img	{
	border: 10px solid #e8e8e8;
	margin-bottom: 24px;
	}
	
#mainContent .contentArea .narrowContent a:link img, #mainContent .contentArea .narrowContent a:visited img	{
	}
	
#mainContent .contentArea .narrowContent a:hover img	{
	border: 1px solid #ddd;
	padding: 9px;
	-moz-box-shadow: 0 0 5px #BBB;
	-webkit-box-shadow: 0 0 5px #BBB;
	box-shadow: 0 0 5px #BBB;
	}

	
#mainContent .contentArea .narrowContent img.thumb	{
	border: 10px solid #e8e8e8;
	margin: 0 21px 21px 0;
	width: 25px;
	height: 25px;
	}
	
#mainContent .contentArea .narrowContent a:link img.thumb, #mainContent .contentArea .narrowContent a:visited img.thumb	{
	}
	
#mainContent .contentArea .narrowContent a:hover img.thumb	{
	border: 1px solid #ddd;
	padding: 9px;
	-moz-box-shadow: 0 0 5px #BBB;
	-webkit-box-shadow: 0 0 5px #BBB;
	box-shadow: 0 0 5px #BBB;
	}
	
#sidebar .content .contentArea img	{
	border: 10px solid #e8e8e8;
	margin-bottom: 12px;
	}
	
#sidebar .content .contentArea a:link img, #sidebar .content .contentArea a:visited img	{
	}
	
#sidebar .content .contentArea a:hover img	{
	border: 1px solid #ddd;
	padding: 9px;
	-moz-box-shadow: 0 0 5px #BBB;
	-webkit-box-shadow: 0 0 5px #BBB;
	box-shadow: 0 0 5px #BBB;
	}

	
#footer .profile img.olu	{
		padding: 10px;
		margin-left: 35px;
		background-color: #fff;
		}
		
#footer .profile .connectButtons img.connect	{
		margin-right: 32px;
		border: none;
		padding: 0;
		}
	
/* ====== page footer ====== */

#container div#footer	{
		margin-top: 88px;
		clear: both;
		float: left;
		}
		
#footer div#content	{
		width: 580px;
		padding-left: 35px;
		float: left;
		}
		
#footer #content .narrowContent	{
		margin-right: 35px;
		width: 255px;
		float: left;
		}
		
#footer #content .narrowContent img {
		margin-bottom: 15px;
		}
		
#footer div.profile	{
		width: 289px;
		border-left: 1px dotted #999;
		padding-left: 35px;
		float: left;
		overflow: visible;
		}
		
#footer .profile .connectButtons	{
		margin-top: 5px;
		padding: 0;
		}
		
#footer p	{
		font-family: "Trebuchet MS", sans serif;
		font-size: 11px;
		line-height: 18px;
		color: #999;
		padding: 0;
		margin: 0;
		}
		
#footer p a:link, #footer p a:visited	{
		font-family: "Trebuchet MS", sans serif;
		font-size: 11px;
		line-height: 18px;
		color: #999;
		padding: 0;
		margin: 0;
		text-decoration: none;
		border-bottom: 1px dotted #999;
		}
		
#footer p a:hover, #footer p a:active	{
		background-color: #ffff00;
		}
		
#aboutOlu	{
		padding: 12px;
		width:576px;
		height:auto;
		overflow: auto;
		background-color: #5e5338;
		}
		
#aboutOlu .pic_and_name	{
		width: 552px;
		float: left;
		}
		
#aboutOlu .bio	{
		width: 474px;
		float: left;
		margin: 0 0 12px 102px;
		}

#aboutOlu h1	{
		padding: 22px 0 0 0;
		margin: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-style: italic;
		color: #fff;
		font-size: 36px;
		}
		
#aboutOlu h2	{
		padding: 0;
		margin: 0;
		font-family: "Trebuchet MS", sans serif;
		color: #fff;
		font-size: 12px;
		padding-top: 2px;
		}
		
#aboutOlu .bio p	{
		font-family: "Trebuchet MS", sans serif;
		color: #000;
		background-color: #fff;
		padding: 12px;
		margin: 0;
		font-size: 14px;
		line-height: 20px;
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-left-radius: 12px;
		-moz-border-radius-topright: 12px;
		-webkit-border-top-right-radius: 12px;
		-moz-border-radius-bottomright: 12px;
		-webkit-border-bottom-right-radius: 12px;
		}
		
#aboutOlu img	{
		margin: 0 24px 0 0;
		}
		
#aboutNam	{
		padding: 12px;
		width:576px;
		height:auto;
		overflow: auto;
		background-color: #5e5338;
		}
		
#aboutNam .pic_and_name	{
		width: 552px;
		float: left;
		}
		
#aboutNam .bio	{
		width: 474px;
		float: left;
		margin: 0 0 12px 102px;
		}

#aboutNam h1	{
		padding: 22px 0 0 0;
		margin: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-style: italic;
		color: #fff;
		font-size: 36px;
		}
		
#aboutNam h2	{
		padding: 0;
		margin: 0;
		font-family: "Trebuchet MS", sans serif;
		color: #fff;
		font-size: 12px;
		padding-top: 2px;
		}
		
#aboutNam .bio p	{
		font-family: "Trebuchet MS", sans serif;
		color: #000;
		background-color: #fff;
		padding: 12px;
		margin: 0;
		font-size: 14px;
		line-height: 20px;
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-left-radius: 12px;
		-moz-border-radius-topright: 12px;
		-webkit-border-top-right-radius: 12px;
		-moz-border-radius-bottomright: 12px;
		-webkit-border-bottom-right-radius: 12px;
		}
		
#aboutNam img	{
		margin: 0 24px 0 0;
		}
		
/* ======== contact form ========= */

table.contact	{
		border: none;
		width: 255px;
		font: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-style: italic;
		color: #999;
		margin: 0;
		padding: 0;
		}
		
table.contact tr td	{
		padding-bottom: 6px;
		vertical-align: text-top;
		margin: 0;
		}

table.contact tr td	{
		}

#contact-form li {margin:0; list-style: none;}
#contact-form input  {}
#contact-form textarea {}
		
		
/* ====== twitter ====== */

/* h3	{
		text-transform: uppercase;
		} */
		
#twitter ul#twitter_update_list	{
		list-style-type: none;
		padding: 0 0 6px 0;
		margin: 0;
		font-size: 12px;
		line-height: 18px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		color: #999;
}

#twitter ul#twitter_update_list li	{
		padding-bottom: 6px;
		}

#twitter ul#twitter_update_list a:link, #twitter ul#twitter_update_list a:visited	{
		color: #999;
		border-bottom: 1px dotted #999;
		}
		
#twitter ul#twitter_update_list a:hover, #twitter ul#twitter_update_list a:active	{
		background-color: #FFFF00;
		}