/** filename: global.css **/

/** GENERAL **/
	body {font: normal normal normal 1em/1.75em "Lucida Grande","Trebuchet MS", arial, serif; color:#fff; background-color:#333;}

	table {width:100%;}
	table caption {text-align:left; font-weight:bold;}
	table thead {font-weight:bold; background-color:#efefef;}
	table th, td {padding:5px; border:solid #111 1px; text-align:left;}

	ul.horizontal_list,
	ol.horizontal_list {list-style-type:none;}
	ul.horizontal_list li,
	ol.horizontal_list li {float:left;}

	ul.unstyled_list,
	ol.unstyled_list {list-style-type:none;}
	ul.unstyled_list li,
	ul.unstyled_list li {margin-left:0px;}

	pre {font-family: courier, "courier new", monospace;  margin-left:0px; width:560px; overflow: auto; border:solid #aaa 1px; padding:10px;}
	sup {font-size:12px; vertical-align:super;}
	a {text-decoration:none; color:#006E9C;}
	a:visited {color:#7f578e;}
	a:hover {text-decoration:underline;}
	
	h1.section-title {font-size: 28px; line-height:36px; margin-top:32px;}
	
	span.highlight {background-color:#ffffcc;}

	.accessibility {height:1px; width:1px;position:absolute;left:-1000px;overflow:hidden;top:auto;}
	#envelope {/*background: url('../img/16_col.gif') repeat-y;*/ background-color:#fff; color:#333;-moz-border-radius:5px; -webkit-border-radius:5px; padding-bottom:20px;}
	#header {}
	#navigation {}

	.request {background-color:#defccc; border:solid #aaa 1px;}
	.clear {line-height:0.01em; font-size:0.01em; height:0; clear:both;}

/** UTILITY NAVIGATION (ALL DEPRECATED) **/
	#nav-utility {color:#fff; background-color:#000000; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; padding:15px 0px}
	#nav-utility a {color:#fff; text-decoration:none; ;}
	#nav-utility a:hover {text-decoration:underline;}
	#nav-utility #identity {float:left; text-align:left;}

/** PRIMARY NAVIGATION **/
	#nav-primary a {color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px}
	#nav-primary a:hover {text-decoration:underline;}
    
	#nav-primary #primary {float:left; font-size:16px; margin-bottom:0px;}
	#nav-primary #supplemental {font-size:12px; float:right; text-align:right;margin-bottom:0px;}
	#nav-primary #primary li {margin:40px 30px 30px 0px;}
	#nav-primary #supplemental li {float:right; text-align:right; margin:40px 0px 30px 30px;}
	
	#nav-primary #supplemental #search {margin:40px 0 30px 0;}
	#nav-primary #supplemental #cse-query {width:140px; margin-right:10px; float:left;}
	#nav-primary #supplemental #cse-submit {float:left;}
    
	#nav-primary .identity {display:block; margin-top:-8px; padding:8px; background-color:#fff; color:#000; }
	#nav-primary .identity a {}
	
	#nav-ribbon {border-bottom:dotted #ccc 1px;  padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:16px; font-size:12px; line-height:16px;}
	#nav-ribbon #return {}
	#nav-ribbon #associated {text-align:right;}

/** FOOTER **/
	#footer {font-size:12px; margin-top:16px; padding:20px 0 0 0;}
	#footer a {color:#fff;}
	#contact_formats {list-style-type:none;}
	#contact_formats li {margin-left:0px;}  
	.colophon {line-height:1.6em;}

/** LINK ICONS **/
	.icon-link {padding:5px 0 5px 25px;}

	.link-twitter {background: url('../img/icon_twitter-default.png') no-repeat 0 3px;}
	.link-twitter:hover {background: url('../img/icon_twitter-hover.png') no-repeat 0 3px;}
	.link-linkedin {background: url('../img/icon_linkedin-default.png') no-repeat 0 3px;}
	.link-linkedin:hover {background: url('../img/icon_linkedin-hover.png') no-repeat 0 3px;}
	.link-email {background: url('../img/icon_email-default.png') no-repeat 0 3px;}
	.link-email:hover {background: url('../img/icon_email-hover.png') no-repeat 0 3px;}
	.link-tumblr {background: url('../img/icon_tumblr-default.png') no-repeat 0 3px;}
	.link-tumblr:hover {background: url('../img/icon_tumblr-hover.png') no-repeat 0 3px;}
	.link-feed {background: url('../img/icon_feed-default.png') no-repeat 0 3px;}
	.link-feed:hover {background: url('../img/icon_feed-hover.png') no-repeat 0 3px;}

/** NOTICE **/
	#note {background-color:#ffffcc; border:solid #cccc99 1px; margin-top:1px; margin-bottom:1px;}
	#note p {margin-top:16px;}
	
/** FORMS **/
	input {font-family:inherit;}
	span.required {color:#900;}

/** CFORMS Overrides **/
	.cf-ol {list-style-type:none; margin-left:0px;}
	.cf-ol li {margin:5px 0;}
	.reqtxt,
	.emailreqtxt {margin-left:10px;}
	.cf-ol label {width:150px; display:block; float:left;}
	.single,
	.secinput {width:276px; font-size:12px; border:1px; padding:2px 10px; height:25px; background: url('../img/forms/background-input.png') no-repeat;}
	.single:focus,
	.secinput:focus {background: url('../img/forms/background-input.png') 0px -34px no-repeat;}
	.failure {color:#911;}
	.captcha {display:block; margin-left:150px; margin-top:10px}
	textarea {width:400px; border:1px solid #aaa; height:190px; padding:5px 10px; background:url('../img/forms/background-textarea.png') repeat-x; font-family:inherit; font-size:12px;}
	textarea:focus {background:url('../img/forms/background-textarea.png') 0px -210px repeat-x;}
	.cf_hidden {display:none;}
	.cf-sb {margin-left:150px;}
	#ll {display:none;}

/** ARTICLE **/
	.article img {border:solid #cdcdcd 1px;}
	.article img:hover {border:solid #ababab 1px;}
	.date {font-style: italic; color:#aaa; font-size:12px;}
	.postImg {float:left; margin:0px 20px 20px 0px;}
	.chicklet {float:left; margin:0 10px 0 0; border:0 !important;}
	.callout-wrap {float:right; width:220px; background-color:#fff; border-left:dotted #999 1px; margin:0px 0px 10px 10px;}
	.callout-wrap img,
	.callout-wrap p {margin:10px 9px; font-size:12px; line-height:14px; clear:both;}
	.callout-full {width:100%; border:solid #aaa 1px; margin-top:16px; margin-bottom:16px;}
	.callout-full img,
	.callout-full p {margin:10px; font-size:12px; line-height:14px;}
	
	.callout-gallery { padding: 28px 55px; border-top:dotted #aaa 1px; border-bottom:dotted #aaa 1px; margin:0 0 16px 0;}
	.callout-gallery img.first { margin:0 28px 0 0;}
	.callout-gallery img.last { margin:0 0 0 28px;}
	.callout-gallery img.toprow,
	.callout-gallery img.middlerow {margin-bottom:14px;}
	.callout-gallery img.bottomrow,
	.callout-gallery img.middlerow {margin-top:14px;}
	.callout-gallery img.singlerow {}

/** ARTICLE COMMENTS **/
	#article_comments { border-top:dotted #ccc 1px;}
	#article_comments h4 {margin-top:8px; margin-bottom:8px;}
	#article_comments h4 span {font-size:16px; font-weight:normal;}     
	
	#comments_status {font-style:italic; padding-top:10px;}  
	
	#respond {border-top:dotted 1px #ccc; padding-top:10px;}
	#respond .form_row {margin-bottom:5px;}
	
	#respond .comment_input {width:276px; font-size:12px; border:1px; padding:2px 10px; height:25px; background: url('../img/forms/background-input.png') no-repeat;}
	#respond .comment_input:focus {background: url('../img/forms/background-input.png') 0px -34px no-repeat;}
	#respond textarea {height:200px; width:580px;}
	#respond label {font-size:0.85em;}
	
	ol.commentlist {list-style-type:none;}
	ol.commentlist li {margin-left:0px;}
	.comment-body {padding:0 5px;}
	.comment-author {margin-left:-5px; margin-right:-5px; background:#efefef; padding:5px 5px 0 5px; border-top:dotted #bbb 1px;} 
	.comment-author .avatar {margin-right:5px; float:left;}
	.comment-meta {margin-left:-5px; margin-right:-5px; margin-bottom:10px; background:#efefef; padding:0 5px 5px 5px; font-size:0.85em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
	
	.comments li {margin:0px;}
	
/** ARTICLE POST METADATA **/
	.postmeta dt {width:30%; display:inline-block; float:left; font-weight:bold;}
	.postmeta dd {width:70%; display:inline-block; float:left; clear:right;}
	.postmeta dt, .postmeta dd {font-size:12px; border-top:dotted 1px #aaa; padding:5px 0;}
	
/** COMPLEMENTARY **/
	.complementary {font-size:0.85em; line-height:1.45em;}
	.complementary h5 {font-size:16px;}
	.first {margin-top:45px;}

	#sidebar {padding:0 0 0 10px;}
	#sidebar ul,
	.complementary ul {list-style-type:none;}
	#sidebar li,
	.complementary li {border-top: dotted 1px #aaa; padding:5px 0; margin:0px;}

/** PORTFOLIO **/
	.portfolio_grid .piece {padding-top:10px; padding-bottom:10px;}
	.portfolio_grid .piece p,
	.portfolio_grid .piece h3 { margin-top:10px; margin-left:10px; margin-right:10px;}	
	.portfolio_grid .piece img {border:solid #efefef 10px;}
	.portfolio_grid .piece img:hover {border:solid #cdcdcd 10px;}
	.portfolio_list span {display:block;}
	.portfolio_list .row {background-color:#efefef;}

	.title {color:#4c3309; font-size:32px; font-weight:bold;}
	.summary {color:#4c3309; font-size:24px;}
	
	#portfolio_table {width:100%;}

/* Fancybox overrides */
#fancy_title td {border:0;}