/* 
Main Style Sheet.
*/


/* import stylesheets and hide from ie/mac \*/
@import url("css/reset.css");
@import url("css/global.css");
/* end import/hide */

/* OVERWRITE & FINETUNE GLOBAL STYLES
--------------------------------------------------------------*/


/* MOVE TO GLOBAL
--------------------------------------------------------------*/
BODY {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 62.5%;
	padding: 0px;
	margin: 0 auto 0 auto;
	background: url(img/global/bodyBG.jpg) repeat-y top center;
	background-color: #272727;
	color: #9f9f9f;
}
.expDIV {
	cursor: pointer;
	color: #5c80a1;
}


/* LAYOUT
--------------------------------------------------------------*/
.contentWrapper {
	background: url(img/global/contentBG.gif) repeat-y top center;
	border-bottom: 30px solid #575757;
}
.headerWrapper, .content, .footerWrapper, .topNavDIV {
	width: 900px;
	margin: 0 auto 0 auto;
	padding-right: 50px;  /* offset right padding of matchindent and center page  */
}
.content {
	color: #9f9f9f;
	font-size: 1.2em;  /* try 1.1 */
	letter-spacing: 0.03em;
	font-weight: 100;  /* test this in other browsers */
}
.layout1 {
	width: 100%;
}
.layout1 td {
	vertical-align: top;
}
.layout1 td.leftColumn {
	background-color: #272727;
	padding-right: 34px;
}
.layout1 td.centerColumn {
	background-color: #272727;
	padding-right: 34px;
}
.layout1 td.rightColumn {
	width: 145px;
	border-left: 2px solid #464646;
}
.navPadding td {
	padding-top: 40px;
}
.matchIndent {  /* this is the same width as the leftColumn  */
	margin-left: 170px;
}
.clear {
	clear: both;
}

/* CONTENT 
--------------------------------------------------------------*/
h1 {
	font-family: "share-regular-1","share-regular-2","Lucida Grande",sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #c8c8c8;
	padding-top: 6px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	letter-spacing: 0.01em;
}
h2 {
	font-family: "share-regular-1","share-regular-2","Lucida Grande",sans-serif;
	background-color: #494949;
	padding: 8px 12px;
	margin-bottom: 20px;
	font-weight: 100;
	font-size: 17px;
	color: #c8c8c8;
	letter-spacing: 0.03em;
}
h2 a {
	color: #c8c8c8;
}
h2.wpMessage {
	margin-top: 40px;
	margin-bottom: 100px;
}
h3 {
	font-family: "share-regular-1","share-regular-2","Lucida Grande",sans-serif;
	color: #c1c1c1; 
	font-size: 14px;
	font-weight: lighter;
	margin-bottom: 9px;
	letter-spacing: 0.09em;
	padding: 5px 8px;
	background-color: #363636;
}
h4 {
	font-family: "share-regular-1","share-regular-2","Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue","Lucida Grande",Arial,Helvetica,sans-serif;
	letter-spacing: 0.03em;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #4d7aa5;
}

/* HEADER
--------------------------------------------------------------*/
.header {
	padding-top: 40px;
	color: #5c80a1;
	margin-bottom: 40px;
}
.metaLinks {
	float: right;
	padding-top: 16px;
	vertical-align: bottom;
}
.metaLinks a {
	color: #5c80a1;
}
.metaLinks a:hover {
	text-decoration: underline;
}
.homeLogo {
	margin-left: -4px;
}

/* TOPNAV
--------------------------------------------------------------*/
#topNavWrapper {
	float: left;
	position: absolute;
	display: block;
	z-index: 99;
	background: url(img/global/topNavBG.png) repeat-x top left;
	width: 100%;
	top: 90px;
	padding-top: 4px;
	height: 48px;
	overflow: hidden;
}
.topNav {
	float: left;
	display: block;
	border-left: 1px solid red;
	height: 35px;
	border-left: 1px solid #5c80a1;
	border-right: 1px solid #24415e;
}
.topNav p.search {
	float: right;
}
.topNav li {
	float: left;
	display: inline-block;
	height: 48px;
	background-image: url(img/topNav/arrow.gif);
	background-repeat: no-repeat;
	background-position: 50% 20px;
	border-bottom: 1px solid red;
}
.topNav li.current_page_item, .topNav li.current_page_parent {
	background-position: 50% 35px;
}
.topNav li p.first {
	border-left: 1px solid #5c80a1;
}
.topNav li p.last {
	border-right: 1px solid #24415e;
}
.topNav li a {
	background: url(img/topNav/linkBG.gif) repeat-x top left;
	display: block;
	height: 35px;
	overflow: hidden;
	border-left: 1px solid #24415e;
	border-right: 1px solid #5c80a1;
	color: #dadada;
}
.topNav li a p {
	font-family: "share-regular-1","share-regular-2","Lucida Grande",sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1em;
	padding: 0 20px;
	padding-top: 8px; /* 10 if image */
}
.topNav li a:hover, .topNav li.current_page_item a, .topNav li.current_page_parent a {
	background-image: none;
	background-color: #4c7091;
}
#searchform li {
	float: right;
}

/* SIVENAV
--------------------------------------------------------------*/
#sideNav {
	margin-top: 0px;
}
#sideNav ul li {
	text-align: left;
	padding: 0px 0 0 0;
	border-bottom: 2px solid #2f2f2f;
	margin-bottom: 10px;
}
#sideNav ul a, .homeLayout #sideNav ul li.current-cat a {
	font-family: "share-regular-1","share-regular-2","Lucida Grande",sans-serif;
	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #b5b5b5;
	padding-bottom: 4px;
	padding-top: 12px;
	padding-left: 25px;
	letter-spacing: 0.07em;
	background: url(img/sideNav/arrow.png) no-repeat -12px 9px;
}
#sideNav ul a:hover {
	color: #4d7aa5;
}
#sideNav ul li.current-cat a {
	background-position: -2px 9px;
	padding-left: 35px;
	color: #4d7aa5;
}
#sideNav .spacer {
	height: 100px;
}



/* SEARCH BAR
--------------------------------------------------------------*/

#searchform ul li {
	float: right;
	display: inline-block;
	margin-left: 8px;
	padding-top: 6px;
}
#searchform ul li.searchBtn {
	padding-top: 3px;
}

/* ENTRY
--------------------------------------------------------------*/
.recentPosts {
	color: #505050;
}
.results {
	padding: 10px 12px;
	background-color: #363636;
	margin-bottom: 0px;
	border: 1px solid #5e5e5e;
	border-bottom: 0px;
}
.results h3 {
	margin-bottom: 20px;
	color: #aaa;  /* fix */
}
.results p.text {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 10px;
}
.results .pagination {
	text-align: center;
}
.results .pagination.top {
	float: right;
}
.results .pagination a {
	padding: 0px;
	color: #4d7aa5;
	font-size:10px;
	letter-spacing:0.2em;
	text-transform:uppercase;
}
.results.bottom {
	margin-bottom: 20px;
	border: 0px;
}
.results.bottom {
	text-align: right;
}
.results.bottom .pagination {
	float: none;
}
.entry a:hover, .results .pagination a:hover {
	text-decoration: underline;
}
.entryMeta {
	float: left;
	width: 170px;
	font-size: 0.833em;
}
.entryBody {
	line-height: 1.8em;
	padding-bottom: 50px;
	margin-bottom: 40px;
	background: url(img/global/name.png) no-repeat bottom left;
}
.entryBody.noName {
	background-image: none;
	margin-bottom: 20px;
}
.entryBody a {
	color: #4d7aa5;
}
.entry .title {
	height: 36px;
	background: url(img/global/titleBG.gif) repeat-x top left;
	background-color: #494949;
	padding-left: 14px;
	padding-right: 14px;
/*	margin-bottom: 20px;  */
}
.entry .title h1 {
	padding-top: 5px; /* fine tune for specific font */
}
.entry .title h1 a {
	color: #c8c8c8;
}
.entry .title h1 a:hover {
	text-decoration: underline;
}
.entry .title h1 a.post-edit-link {
	font-size: 0.714em;
	color: #919191;
}
.entryBody p {
	margin-bottom: 16px;
}
.entryBody p.homeImage {
	margin-bottom: 20px;
	background-color: #797979;
	text-align: center;
	padding: 20px 0;
}
.entryBody p.homeImage img {
	border: 1px solid #494949;
}
.entryBody p.noImage {
	margin-top: 20px;
}
.entryBody p.pullquote {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #303030;
	margin: 10px 0;
	margin-bottom: 15px;
	padding: 8px 0;
	padding-bottom: 10px;
	font-size: 1.8em;
	color: #b2b2b2;
	text-align: center;
	font-style: italic;
	font-family: Georgia, Times;
	line-height: 1.6em;
	letter-spacing: 0.03em;
	word-spacing: 0.1em;
	font-weight: lighter;
}
.entryBody ol {
	padding-bottom: 16px;
}
.entryBody ol li {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 20px;
	margin-left: 40px;
}

/* HOMEPAGE
--------------------------------------------------------------*/

.entryBody.intro {
	line-height: 1.5em;
	padding-bottom: 5px;
	margin-bottom: 30px;
	background-image:none;
}
.entryBody.intro p {
	line-height: 1.8em;
}
.shortList {
	margin-bottom: 50px;
}
.entryBody.intro .readMore {
	padding-left: 20px;
	background: url(img/global/linkArrow.gif) no-repeat 0px 4px;
	color: #4d7aa5;
	padding-bottom: 0px;
}

.entryMeta .date {
	text-transform: uppercase;
	height: 34px;
	border-bottom: 2px solid #494949;
	color: #9f9f9f;
	font-size: 1em;
	letter-spacing: 0.2em;
	font-weight: 100;
	margin-bottom: 24px;
}
.entryMeta .date p {
	text-align: center;
	padding-top: 10px;
}
.entryMeta a {
	color: #4d7aa5;
}
.entryTags {
	padding-right: 30px;
	text-transform: capitalize;
	letter-spacing: 0.1em;
	word-spacing: 0.3em;
}
.entryTags li {
	margin-bottom: 14px;
	text-align: right;
}
.entryTags a {
	color: #4d7aa5; /* use to be 5e7c9b  */
}
.entryTags a:hover {
	text-decoration: underline;
}
.entryFoot a {
	color: #5c80a1;
}
.entryFoot span.pagination {
	float: right;
}
.commentCount {
	float: right;
	font-size: 75%;
	padding-top: 12px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	word-spacing: 0.3em;
}
.commentCount a {
	color: #9f9f9f;
}
.commentCount a:hover {
	text-decoration: underline;
}


/* COMMENT TEMPLATE
--------------------------------------------------------------*/

.comments {
	color: #505050;
	padding-top: 20px;
}
.comments a {
	color: #4d7aa5;
}
.comments h2 .alert {  /* Delete this  */
	color: red;
}
.commentsMessage {
	background: url(img/global/alert.gif) no-repeat 0 50%;
	padding: 5px 0px;
	padding-left: 30px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #d6dee7;
}
.commentlist {
	padding-bottom: 10px;
	line-height: 1.8em;
	color: #9f9f9f;
	font-size: 0.9166em;  /* try 1.1 */
	letter-spacing: 0.03em;
}
.commentlist li {
	padding: 0 0 0 170px;
	background: url(img/global/commentIcon.png) no-repeat 120px 3px;
}
.commentlist .meta {
	margin-bottom: 8px;
	padding-top: 2px;
}
.commentlist a.comment-edit-list {
	color: #4d7aa5;
	font-style: italic;
}
.commentlist .meta .author {
	color: #4d7aa5;
	font-style: normal;
}
.commentlist div.commentText {
	border-bottom: 1px dashed #494949;
	padding-bottom: 15px;
	margin-bottom: 5px;
}
.commentlist div.commentText p {
	margin-bottom: 10px;
}
.commentlist li .alert {
	color: #4d7aa5;
	font-weight: bold;
}
.commentlist .authorURL {
	font-style: italic;
}
.extra1 {
	font-size: 12px;
	font-style: italic;
	float: right;
	padding-top: 3px;
	color: #adadad;
}
#commentsform {
	padding: 5px 52px 0px 50px;
	margin-bottom: 50px;
}
#commentsform p {
	margin-bottom: 10px;
}
#commentsform em {
	font-size: 1.4em;
	vertical-align: bottom;
}
#commentsform .textArea {
	width: 98%;
	margin-bottom: 10px;
	height: 180px;
	padding: 4px;
	color: #363636;
	border: 1px solid #494949;
	font-size: 14px;
}
#commentsform label {
	color: #767676;
	margin-left: 6px;
}

/* SUBSCRIBE PAGE
--------------------------------------------------------------*/
.subscribeDIV {
	border-top: 1px dashed #494949;	
	padding-top: 30px;
}



/* POST LIST
--------------------------------------------------------------*/

.postList {
	margin-top: 30px;
	margin-bottom: 50px;
}
.postList h3 {
	margin-bottom: 14px;
}
.postList h3 a {
	color: #c1c1c1;  
}
.postList h3 a:hover {
	color: #4d7aa5;
}
ul.list1 {
	margin-bottom: 30px;
}
ul.list1 li span.date {
	float: right;
	color: #4e4e4e;
	background-color: #272727;
	padding-left: 5px;
	font-weight: normal;
}
ul.list1 li {
	font-style: italic;
	margin-bottom: 8px;
	background: url(img/global/dottedBG.gif) repeat-x 0% 50%;
}
ul.list1 li a {
	background-color: #272727;
	padding-right: 5px;
	font-size: 1.0em;
	color: #9f9f9f;
}
ul.list1 li a:hover {
	color: #4d7aa5;
}
.shortList .list1 li {
	font-style: italic;
}
.shortList .list1 li .date {
	font-style: normal;
}

/* RESUME STYLES
--------------------------------------------------------------*/
.pdfDownload {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
}
.resumeDIV h3 {
	margin-bottom: 20px;
}
.resumeDIV {
	padding-bottom: 20px;
}
.resumeDIV .expDIV {
	margin-left: 10px;
	padding-right: 12px;
	background: url(img/global/expArrow.png) no-repeat 100% 3px;
	text-align: right;
}
.resumeDIV .expDIV.ON {
	background: url(img/global/expArrow.png) no-repeat 100% -12px;
}
.list2, .resumeDIV .noImage {
	margin-bottom: 30px;
}
.list2 li {
	margin-bottom: 2px;
	width: 100%;  /* fix for ie7  */
	display: block;
}
.list2 li p {
	margin-bottom: 5px;
}
.list2 li label {
	float: left;
	width: 155px;  
	text-align: right;
	color: #4d7aa5;
}
.list2 li label a {
	color: #4d7aa5; /* blue */
}
.list2 li label a:hover {
	text-decoration: underline;
}
.list2 li p {
	margin-left: 170px; /* same as matchindent */
}
ul.list3 {
	margin: 10px 0 20px 170px;
	list-style: disc;
}
ul.list3 li {
	display: list-item;
	list-style: disc;
	list-style-position: outside;
	margin-left: 14px;  
	padding-left: 5px;
}

/* PORTFOLIO PAGE
--------------------------------------------------------------*/
.entryTags .current_page_item {
	
}
.entryTags .current_page_item a {
	color: #c8c8c8;
	padding-right: 10px;
	background: url(img/global/rightArrow.png) no-repeat 100% 2px;	
}
.projectCrumbs {
	padding: 10px;
	background-color: #7791ad;
	border-bottom: 3px solid #395b7b;
	letter-spacing: 0.08em;
}
.portfolioList ul.titleList li a {
	font-size: 1.2em;
}
.projectDIV b {
	font-weight: normal;
	font-style: italic;
	margin-right: 10px;
	text-decoration: underline;
}
.projectDIV p {
	margin-bottom: 12px;
}
.projectDIV p a {
	color: #4d7aa5;
}
.projectDIV p a:hover {
	text-decoration: underline;
}
.entryBody div.sliderWrapper {
	margin-bottom: 20px;
	background-color: #797979;
	padding: 20px 0;
	padding-bottom: 8px;
	text-align: center;
	width: 100%;
}
#slider {
	position: relative;
	width: 500px;
	height: 296px;
	overflow: hidden;
	border: 1px solid #494949;
	margin: 0 auto;
}
#slider ul {
	position: relative;
	height: 296px;
	width: 500px;
	/* animate margin-left position  */
}
#slider ul li { 
	float: left;
	display: inline-block;
	width: 500px;
	height: 296px;
}
#sliderPrevBtn, #sliderNextBtn {
	padding: 0px;
	color: #fff;
	font-size:10px;
	letter-spacing:0.2em;
	text-transform:uppercase;
}
#sliderPrevBtn.OFF, #sliderNextBtn.OFF {
	color: #8f8f8f;
	background-image: none;
}
p.sliderNav {
	padding-top: 8px;
	margin-bottom: 0px;
}													
.sliderNav .button {
	cursor: pointer;
}

/* ABOUTPAGE
--------------------------------------------------------------*/
.aboutPage p {
	margin-bottom: 24px;
}
.aboutPage h3 {
	margin-bottom: 14px;
}
.aboutPage {
	margin-bottom: 60px;
}

/* FOOTER
--------------------------------------------------------------*/
.footer {
	margin-bottom: 50px;
	color: #bebebe;
	background: url(img/global/footerLogoXXX.png) no-repeat ;
}
.footer a {
	color: #bebebe;
}
.footer a:hover {
	text-decoration: underline;
}
.jumpTop {
	float: left;
	margin-top: 20px;
}
.subArticles {
	margin-right: 130px;
	padding-top: 25px;
}
.subArticles table {
	width: 100%;
	margin-bottom: 20px;
}
.subArticles td {
	width: 33%;
	padding-right: 50px;
	vertical-align: top;
}
.subArticles td.spacer {
	padding: 0 10px;
	border: 1px solid red;
}
.subArticles td.lastColumn {
	padding-right: 0px;
	width: 24%;
}
.subArticles h4 {

}
.leftIcon img.icon {
	float: left;
	margin-right: 6px;
	margin-top: -2px;
}
.subArticles p {
	margin-bottom: 12px;
}
.subArticles p.link {
	background: url(img/global/linkArrow.gif) no-repeat center left;
	padding-left: 18px;
}
.subArticles .otherLinks li, .subArticles .wp-tag-cloud li {
	margin-bottom: 10px;
	padding-left: 18px;
	background: url(img/global/linkArrow.gif) no-repeat 0px 3px;
}
.legal {
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
	text-align: left;
	padding: 15px 0;
	color: #858585;
}