/* load reset */
@import url("reset.css");

/* global styles */
body {background:#ededed url(images/back.png) no-repeat center top; margin:0 auto; text-align:center; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
h1,h2,h3,h4,h5 {color:#000;}
h6 {font-size: 140%; color:#005db3;}
a {text-decoration: none; color:#005db3;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;}
em {font-style:italic;}

/* layout */
#container {width:980px; margin:0 auto; text-align:left;}
#header {width:980px; background:url(images/header.png) no-repeat center; height:239px;}
.logo {text-indent:-999em;}
#nav {margin:97px 0 0 437px;}
#welcome {clear:both; margin:-75px 0 0 0; padding:13px; background:url(images/welcome-back.png) no-repeat; width:954px; height:275px;}
#welcome img {float:right; border:1px solid #02243c; padding:1px; background:#fff;}
#welcome h2 {margin:25px 0 0 255px; background:url(images/h2-hey.png) no-repeat; text-indent:-999em; width:286px; height:28px;}
#welcome p {margin:30px 0 0 10px; font-size:28px; line-height:34px;} 
#welcome p span {font-size:24px; line-height:32px;}
#columns {clear:both; margin:-12px 0 0 0;}

#recent-work {float:left; width:311px; height:398px; background:#fff; border:1px solid #ccc;}
#recent-work h3 {margin:4px 0 0 -7px; background:url(images/h3-recent-work.png) no-repeat; text-indent:-999em; width:312px; height:44px;}
#recent-work div {border-bottom:1px solid #ccc; width:96%; height:100px; padding:8px 0; margin:0 auto; clear:both; overflow:hidden;}
#recent-work div a {display:block; height:100%; width:100%;}
#recent-work div a:hover {text-decoration:none;}
#recent-work div.last {border-bottom:none;}
#recent-work div img {float:left; margin:0 8px 0 0;width:100px; height:100px;}
#recent-work div h4 {font-size:18px; font-weight:bold; margin-bottom:3px;}
#recent-work div p {font-size:11px; color:#999; line-height:normal; margin-top:3px;}

#recent-posts {float:left; margin:0 20px; width:311px; height:398px; background:#fff; border:1px solid #ccc;}
#recent-posts h3 {margin:4px 0 0 -7px; background:url(images/h3-recent-posts.png) no-repeat; text-indent:-999em; width:312px; height:44px;}
#recent-posts div {border-bottom:1px solid #ccc; width:96%; height:100px; padding:8px 0; margin:0 auto; clear:both; overflow:hidden;}
#recent-posts div a {display:block; height:100%; width:100%;}
#recent-posts div a:hover {text-decoration:none;}
#recent-posts div.last {border-bottom:none;}
#recent-posts div img {float:left; margin:0 8px 0 0;width:100px; height:100px;}
#recent-posts div h4 {font-size:18px; font-weight:bold; margin-bottom:3px; line-height:normal;}
#recent-posts div p {font-size:11px; color:#999; line-height:normal; margin-top:3px;}

#quick-info {float:right; width:311px; height:398px; background:#fff; border:1px solid #ccc;}
#quick-info h3 {margin:4px 0 0 -7px; background:url(images/h3-quick-info.png) no-repeat; text-indent:-999em; width:312px; height:44px;}
#quick-info div {border-bottom:1px solid #ccc; width:94%; padding:7px 0; margin:0 auto; clear:both;}
#quick-info div p {font-size:13px; line-height:20px;}
#quick-info div.last {border-bottom:none;}
.learn-more a {background:url(images/icon_about_me.jpg) no-repeat top left; padding:0 0 0 21px;}
.left {float:left; width:25%; text-align:left; font-weight:bold;}
.right {float:right; width:74%; text-align:left;}

#content-wrap {clear:both; margin:-80px 0 0 0; padding:0; background:url(images/wrapper-back.png); width:980px; border-bottom:1px solid #ccc;}
#content-bottom {background:url(images/sidebar-bottom.png) bottom right no-repeat;}
#content-body {margin:0; padding:0; background:url(images/content-back.png) no-repeat; width:980px; min-height:500px;}

#content {float:left; width:66%; padding:40px 0 20px 30px}
.cat-Blog {margin:0 0 35px 320px; background:url(images/h2-blog.png) no-repeat; text-indent:-999em; width:76px; height:34px;}
.cat-Portfolio, .cat-Audio, .cat-Programs, .cat-Research, .cat-Tutorials, .cat-Web {margin:0 0 35px 320px; background:url(images/h2-port.png) no-repeat; text-indent:-999em; width:143px; height:29px;}
.About {margin:0 0 35px 320px; background:url(images/h2-about.png) no-repeat; text-indent:-999em; width:107px; height:28px;}
.Contact {margin:0 0 35px 320px; background:url(images/h2-contact.png) no-repeat; text-indent:-999em; width:132px; height:28px;}
#breadcrumb {margin:0 0 7px 0; font-size:11px; color:#999;}
#content h3 {font-size:26px; font-weight:bold; margin:0 0 20px 0; background:url(images/h3-back.png) repeat-x bottom;}
#content h3 span {background:#fff; font-size:26px; font-weight:bold; padding:0 10px 0 0;}
#content img {padding:1px; background:#fff; border:1px solid #02243c;}
.entry img {float:left; margin:0 18px 10px 0;}
.video {padding:1px; background:#fff; border:1px solid #02243c; margin:0 0 20px 0;}
#content h4 {color:#03253d; font-weight:bold; font-size:18px; margin:0 0 5px 0;}
#content p {font-size:12px; line-height:18px; margin:0 0 20px 0;}
#content h5 {font-size:28px; font-weight:bold; margin:0 0 20px 0; background:url(images/h3-back.png) repeat-x center;}
#content h5 span {background:#fff url(images/audio.png) center left no-repeat; font-size:18px; font-weight:bold; padding:5px 10px 0 0;}
#content fieldset {padding:10px; border:1px solid #02243c; margin:0 0 20px 0;}
#content fieldset legend {font-size:14px; padding:0 5px;}
#content fieldset p {padding:0; margin:0;}

#main-cats li {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 10px 0; padding:0 0 10px 0; font-size:24px; font-weight:bold; background:#fff; border-bottom:1px solid #ccc;}
#main-cats li a img {margin:0 20px 0 0; vertical-align:middle; border:none; padding:0;}
#main-cats li a {display:block; height:100%;}
#main-cats li a:hover {text-decoration:none; color:#003392;}

.main-post {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc; height:75px;}
.main-post a {display:block; height:100%;}
.main-post a:hover {text-decoration:none;}
.main-post img {float:left; margin:0 10px 0 0; vertical-align:middle; border:none!important; padding:0!important;}
.main-post a h4 {color:#005db3!important; margin:0 0 0 0!important;}
.main-post a p {margin:0 0 0 0!important; color:#999!important;}

.post h3 {margin:0 0 10px 0!important;}
.blog-date {font-size:11px!important; margin:0 0 5px 0!important; color:#999!important; padding:0 0 0 21px; background:url(images/date.png) no-repeat top left;}

.hide {display:none;}
.research-intro {border:1px solid #7CC6FB; padding:10px; margin:0 0 20px 0; background:#d5ecfc;}
.research-intro p {margin:0 0 10px 0!important;}
.research-intro div {border:1px solid #7CC6FB; padding:8px 5px; margin:0 auto; background:#fff; text-align:center; width:40%;}
.research-intro div a {font-size:18px; font-weight:bold; padding:2px 0 2px 32px; background:url(images/icon_pdf.jpg) no-repeat top left;}
.research-ref {margin:50px 0 0 0; padding:10px 0 0 0; border-top:1px solid #ccc; color:#999;}
.research-ref p {font-size:11px!important; line-height:normal!important; margin:0 0 12px 0!important;}

.download-links fieldset {margin:0!important;}
.download-links fieldset legend {font-weight:bold; background:url(images/icon_download.jpg) no-repeat top left; padding:5px 5px 5px 35px!important;}

.photo-credit {float:left; padding:1px; background:#fff; border:1px solid #02243c; margin:0 18px 10px 0;}
.photo-credit img {padding:0!important; margin:0 0 0 0!important; border:none!important; float:none!important;}
.photo-credit p {margin:0!important; font-size:9px!important; color:#999; font-style:italic; text-align:center;}

.contact-form fieldset {padding:10px 10px 0 10px!important;}
.contact-form fieldset legend {font-weight:bold; background:url(images/icon_contact_form.jpg) no-repeat top left; padding:5px 5px 5px 35px!important;}
.contact-form fieldset p {margin:0 0 20px 0!important; line-height:24px!important;}
.contact-form fieldset img {display:none;}
.contact-form fieldset span input {border:1px solid #ccc; width:620px; height:20px; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#666; background:#FFFFFF url(images/input_background.png) repeat-x;}
.contact-form fieldset span textarea {overflow:auto; border:1px solid #ccc; width:620px; height:100px; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#666; background:#FFFFFF url(images/input_background.png) repeat-x;}
.wpcf7-validation-errors {background:#fee!important; border:1px solid #f00!important; text-align:center; font-weight:bold; color:#f00;}
.wpcf7-mail-sent-ok {background:#cfc!important; border:1px solid #090!important; text-align:center; font-weight:bold; color:#090;}

#sidebar {float:right; width:23%; padding:20px 25px 100px 12px;}
#sidebar a {color:#fff;}
#sidebar h6 {font-size:20px; font-weight:bold; color:#fff; text-shadow:#000 1px 1px 0; margin:0 0 10px 0;}
#sidebar ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
#sidebar ul li {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:10px 0; background:url(images/sidebar-divider.png) repeat-x top;}
#sidebar ul li a {color:#fff; font-size:14px;}
#sidebar ul li p {color:#7cc6fb; font-size:12px; font-style:italic; margin:5px 0 0 0;}
.main-port-link a {font-size:12px!important;}
.cat-desc p {line-height:18px; color:#7cc6fb; font-size:12px; margin:0; padding:10px 0; background:url(images/sidebar-divider.png) repeat-x top;}
.quick-contact {color:#7cc6fb; font-size:12px; line-height:18px; margin:0; padding:10px 0; background:url(images/sidebar-divider.png) repeat-x top;}
.quick-contact a, .quick-contact span {color:#fff;}

#clear {clear:both; height:0px;}
#footer {margin:12px 0; padding:10px; background:#ddd url(images/footer.png) no-repeat; width:958px; color:#666; border:1px solid #ccc; font-size:11px;}
#footer p {line-height:18px; font-size:11px;}
#left {float:left; width:50%; text-align:left;}
#right {float:right; width:50%; text-align:right;}

/* nav */
		#nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		}

		#nav li a{
			display: block;
			color: #ffffff;
			height:29px;
			text-decoration: none;
			cursor:pointer;
			margin:0 35px 0 0;
			text-indent:-999em;
		}
		
			.home a {width:68px; background-image:url(images/nav-home.png);}
					.home a:hover {background-image:url(images/nav-home.png);}
			.cat-item-6 a {width:52px; background-image:url(images/nav-blog.png);}
					.cat-item-6 a:hover {background-image:url(images/nav-blog.png);}
			.cat-item-7 a {width:97px; background-image:url(images/nav-port.png);}
					.cat-item-7 a:hover {background-image:url(images/nav-port.png);}
			.page-item-2 a {width:72px; background-image:url(images/nav-about.png);}
					.page-item-2 a:hover {background-image:url(images/nav-about.png);}
			.page-item-20 a {width:90px; background-image:url(images/nav-contact.png); margin-right:0px!important;}
					.page-item-20 a:hover {background-image:url(images/nav-contact.png);}
		
		#nav li ul li a {
					width: 140px;
					background-color: #5bc236;
					background-image:none;
					color: #fff;
					font-size:14px;
					height:auto;
					text-indent:0em;
					margin:0 auto;
					padding:5px;
					border-top:1px solid #51ae2f;
					}
					
					#nav li ul li a:hover {
					background-color: #95e959;
					color: #02243c;
					background-image:none;
					text-decoration:none;
					}
		
		#nav li { /* all list items */
			float: left;
		}
		
		#nav li ul { /* second-level lists */
			position: absolute;
			width: 150px;
			margin:0 0 0 0;
			background-color: #5bc236;
			border-bottom:2px solid #429026;
			border-right:2px solid #429026;
			border-left:1px solid #51ae2f;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		
		#nav li ul ul { /* third-and-above-level lists */
			margin: -24px 0px 0px 160px;
		}
		
		#nav li:hover ul ul, #nav li.sfhover ul ul {
			left: -999em;
		}
		
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
		
		#nav li:hover, #nav li.hover {
		position: static;
		}


.gigpress-table .description {line-height: 1.3;}