/*
Description: Nomadic by Design // Neil Brown
*/	

/************ Global - START ************/


body {
	margin: 0 auto;
	background: #212121 url(/Neil/Images/body_bg.jpg) repeat-x;
	font-family: helvetica, arial, san-serif;
	color: #d9d9d9;
}

#wrap {
	width: 850px;
	margin: 0px auto;
}

#cu3er-container {width:845px; outline:0;}

a { 
	color: #ff6000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
}

p {
	padding-bottom: 13px;
	line-height: 180%;
	font-size: 115%;
	color: #d9d9d9;
	}
h1, h2, h3, h4 {
	color: #d9d9d9;
	}
h1 {
	font-size: 300%;
	padding-bottom: 10px;
	}
h2 {
	font-size: 180%;
	}
h3 {
	font-size: 160%;
	padding-bottom: 4px;
	line-height: 160%;
}

h5 {
	font-size: 140%;
	padding-bottom: 15px;
	line-height: 165%;
font-weight: normal;
}

.page-body h3 {
	padding-bottom: 15px;
}

h3.experience {
	line-height: 100%;
	padding-bottom: 2px;
}

h3 span.sub {
       font-size:60%;
       font-style:italic;
}

span.hlt {
      display:block;
      padding-bottom:15px;
}

h4 {
	font-size: 130%;
	font-weight: bold;
	}

span.title {
       font-size: 45%;
       font-style: italic;
       margin: 0 0 0 25px;
}


.hr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #3d3d3d;
	margin: 10px auto;
	clear:both;
	height: 0;
	line-height: 0;
	width: 840px;
	}

.hr-tall {
	border-top: 1px solid #000;
	border-bottom: 1px solid #3d3d3d;
	background: url(/Neil/Images/hr-tall.jpg) repeat-x;
	margin: 10px auto;
	clear:both;
	padding: 4px 0 4px 3px;
	height: 12px;
	line-height: 0;
	width: 840px;
	}

.hr-tall p {
	font-size: 85%;
	text-transform: uppercase;	
}


.twtr-tweet-text p {
      font-size: 10px;
}

.twtr-tweet-wrap {
	border-bottom: 1px solid #dbd9d3;
	border-top: 1px solid #ffffff;
        padding: 0;

}

.twtr-hd, .twtr-ft {
      display: none;
}

/************ Work Page - START *************/

#top {
	margin: 20px 0 10px 0;
	padding: 5px;
}

.logo {
	float: left;
}


.feature {
	padding: 15px 5px;
}

.thumb-none {
        display: none;
}

.thumb {
	width: 200px;
	float: left;
	padding: 5px;
	margin: 0 0 20px 0;
	display: block;
	border: #212121 1px solid;
	border-bottom: #212121 1px solid;
}

a.thumb:hover {
	text-decoration: none;
	border: #171717 1px solid;
	background-color: #2c2c2c;
	border-bottom: #ff6000 1px solid;

}

a.thumb img {
	border: #000 1px solid;	

}


.thumb h4 {
	font-size: 115%;
	line-height: 135%;
	padding: 10px 0 5px 0;
	color: #999;
	font-weight: light;
}

.thumb p {
	font-size: 90%;
	color: #999;
	line-height: 205%;
	padding: 5px 0 15px 0;
}

span.view {
	font-size: 95%;	
}

.proj-desc {
	width: 610px;
	padding: 0 30px 0 0;
	float: left;
}

.proj-roles {

}

.proj-roles ul li {
	list-style-type: none;
	line-height: 200%;
}

/************ Footer - START *************/

.profile {
	padding: 5px;	
}

.about {
	float: left;
	width: 600px;
	padding: 0 20px 0 0;	
}

.profile p {
	font-size: 90%;
	color: #999;
	line-height: 205%;
	padding: 5px 0 15px 0;
}

.footer p.copyright {
	font-size: 90%;
	color: #555;
	line-height: 205%;
	padding: 5px 0 15px 0;
}

/************ INFO Page - START *************/

.cv-entry {
	padding: 15px 0;
}

.cv-title {
	float: left;
	width: 220px;
}

.cv-body {
	float: left;
}

span.location {
	font-size: 70%;
	padding: 0 0 0 10px;
}
	

/************ Dynamic Menus - START *************/

/*--------- Global -----------*/
#TopNav {
	width: 630px;
	margin: 0 0 0 10px;
}

#TopNav ul li,
#SubNav ul li,
#BottomNav ul li {
	list-style-type: none;
	}
#TopNav a,
#SubNav a,
#BottomNav a {
	display: block;
	}

/*--------- Top Nav -----------*/
#TopNav {
	float: left;
	margin-bottom: 15px;
	}
#TopNav ul li { /* .dynMenu_TopNav_main */
	float: left;
	padding-left:6px;
	line-height: 150%;
	}
#TopNav ul li a {
	color: #b6b6b6;
	text-decoration: none;
	font-size: 110%;
	}
#TopNav ul li li.selected a {
	color: #fff;
	}	

#TopNav ul li a:hover {
	color: #ff6000;
	}

#TopNav ul.each-nav li.info-nav {
		margin-top: 15px;
}