/* Structure
-------------------------------------------------------------- */

body#home,
body#where,
body#connected,
body#personality {
	color: #fff;
	background-image:url(/style/images/bg-black.png);
	background-repeat: repeat-x;
	background-color: #0d0d0d;
}

.container {
	padding-top:280px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/style/images/logo-white.png);
}

body#home .container,
body#where .container,
body#connected .container,
body#personality .container {
	background-image: url(/style/images/logo-black.png);
}

div#footer {
	border-top: 1px solid #000;
	padding-top: 8px;
	margin-top: 85px;
	margin-bottom: 30px;
}

body#home div#footer,
body#where div#footer,
body#connected div#footer,
body#personality div#footer {
	border-color: #fff;
}

/* Map
-------------------------------------------------------------- */

div#map {
	width: 550px;
	height: 344px;
	margin-bottom: 18px;
}


/* Navigation
-------------------------------------------------------------- */

div#navigation ul, 
div#navigation ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#navigation ul li.header {
	margin-bottom: 7px;
}

div#navigation ul li a.header {
	color: #000;
	font-size: 17px;
}

body#home div#navigation ul li a.header,
body#where div#navigation ul li a.header,
body#connected div#navigation ul li a.header,
body#personality div#navigation ul li a.header,
body#connected div#navigation ul li a {
	color: #fff;
}

body div#navigation ul li a.header:hover {
	color: #76BD98 !important;
	border: none;
}


div#navigation ul li ul,
div#navigation ul li.search {
	display: none;
	margin-top: 6px;
	margin-bottom: 6px;
}

div#navigation ul li ul li {
	color: #f2f2f2;
}

div#navigation ul li ul li.address {
	margin-bottom: 10px;
}

body#home div#navigation ul li.home a.header,
body#personality div#navigation ul li.personality a.header,
body#portfolio div#navigation ul li.portfolio a.header,
body#journal div#navigation ul li.journal a.header,
body#connected div#navigation ul li.connected a.header,
body#where div#navigation ul li.where a.header {
	color: #DEA489;
}

body#home div#navigation li.personality ul,
body#home div#navigation li.where ul,

body#portfolio div#navigation li.portfolio ul,
body#journal div#navigation li.journal ul,
body#connected div#navigation li.connected ul,
body#where div#navigation li.where ul,

body#portfolio div#navigation li.search,
body#connected div#navigation li.search,
body#where div#navigation li.search {
	display: block;
}

/* Typography
-------------------------------------------------------------- */

#content ul {
	padding-left: 14px;
}

body#connected #content ul li,
body#connected #content ul li a {
	color: #fff;
}

/* Journal
-------------------------------------------------------------- */

body#journal a.read-more {
	display: block;
	float: right;
	font-weight: bold;
	margin-top: 7px;
}

body#journal div.entry {
	border-bottom: 1px solid #000;
	padding-bottom: 12px;
	margin-bottom: 18px;
}

body#journal div.entry p.stamp {
	color: #76BD98;
	font-family: Times, serif;
}

body#journal ul#categories,
body#journal ul#categories li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 6px;
}

body#journal ul#categories li a {
	display: block;
	height: 24px;
	width: 24px;
	text-indent: -9999em;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: top left;
}
body#journal ul#categories li a:hover {
	border: none;
}

body#journal ul#categories li.seen a {
	background-image: url(/style/images/Eye%2024x24.png);
}
body#journal ul#categories li.event a {
	background-image: url(/style/images/Calendar%20alt%2024x24.png);
}
body#journal ul#categories li.reading a {
	background-image: url(/style/images/Book%20alt%2024x24.png);
}
body#journal ul#categories li.network a {
	background-image: url(/style/images/Globe%2024x24.png);
}
body#journal ul#categories li.great a {
	background-image: url(/style/images/Favorite%2024x24.png);
}
body#journal ul#categories li.friends a {
	background-image: url(/style/images/Users%2024x24.png);
}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(/style/images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(/style/images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(/style/images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(/style/images/tipsy-west.gif); background-position: left center; }



/* Project thumbnails
-------------------------------------------------------------- */

div#project-thumbs div.project-thumb div.thumb {
	width: 270px;
	height: 91px;
	background-color: #EEE;
}

div#project-thumbs div.project-thumb div.rollover {
	width: 270px;
	height: 91px;
	display: none;
	background-color: #76BD98;
	margin-top: -91px;
	opacity: 0.85;
	font-size: 1.5em;
	color: #000;
}

div#project-thumbs div.project-thumb a {
	display: block;
	color: #fff;
	height: 71px;
	width: 250px;
	padding: 10px;
}

div#project-thumbs div.project-thumb {
	margin-bottom: 10px;
}

/* Search
-------------------------------------------------------------- */

input#q {
	background-image:url(/style/images/search.jpg);
	background-position:6px 6px;
	background-repeat:no-repeat;
	border:1px solid #A2A2A2;
	color:#666666;
	padding:5px 5px 5px 23px;
	width:125px;
}

button {
	display: none;
}

label {
	display: none;
}


/* Discipline list
-------------------------------------------------------------- */

div#disciplines ul,
div#disciplines ul li {	
        display:list-item;        
        margin: 0;
	padding: 0;
}

div#disciplines ul {
	margin-bottom: 18px;
}

div#disciplines a#show-more {
	  display: none;
}

body#home div#disciplines ul li a,
body#where div#disciplines ul li a,
body#connected div#disciplines ul li a,
body#personality div#disciplines ul li a,
body#personality div#disciplines a#show-more{
	color: #fff;
}
body#home div#disciplines ul li a:hover,
body#where div#disciplines ul li a:hover,
body#connected div#disciplines ul li a:hover,
body#personality div#disciplines ul li a:hover,
body#personality div#disciplines a#show-more:hover {
	border-color: #fff;
}




/* Project sections
-------------------------------------------------------------- */

div.project-section div.section {
	display: none;
}


/* Slideshow
-------------------------------------------------------------- */

div#slideshow,
div#slideshow div img {
	height: 325px;
	width: 550px;
}

div#slideshow-controls {
	border-bottom:1px solid #555555;
	clear:both;
	height:26px;
	margin-top:26px;
}


/* Connected
-------------------------------------------------------------- */

div.summary p {
	font-weight: bold;
	color: #333;
}