/* PORTFOLIO */

.portfolio #content {
	width: 867px;
}

.portfolio .slider {
	width: 817px;
	margin-left: 25px;
	overflow-x: auto;
	overflow-y: hidden;
}

.slider .description {
	display: none;
}

.portfolio #content ol {
	/* width = 276px x entries # */
	/* added inline in porfolio view */
}

.portfolio #content ol li {
	float: left;
	width: 265px;
	margin-right: 11px;
	padding-bottom: 20px;
}

.portfolio #content ol li.last {
	margin-right: 0;
}

.portfolio #content ol li img {
	display: block;
}

.portfolio #content ol li img {
	display: block;
	border: 1px solid #777;
}

.portfolio #content ol li a img {
	border: none;
}

.img_link {
	display: block;
	border: 1px solid #Bfbfbf;
}

a.img_link:hover {
	border: 1px solid #4a5666;
}

.portfolio h2 {
	margin-top: 1em;
	text-transform: uppercase;
	color: #4a5666;
}

.portfolio h3 {
	margin-bottom: .6em;
	font-size: .9em;
	line-height: 1.3em;
}

.portfolio .visit {
	width: 100px;
	height: 17px;
	margin-bottom: 0;
	background: url(../_img/porfolio-a-visit_site-bg.gif) 0 -17px no-repeat;
}

.portfolio .visit a {
	display: block;
	width: 100px;
	height: 0;
	padding-top: 17px;
	overflow: hidden;
	background: url(../_img/porfolio-a-visit_site-bg.gif) no-repeat;
}

.portfolio .visit a:hover {
	background-image: none;
	text-decoration: none;
}

/* LOCAL NAV + PAGINATION*/

#local_nav li {
	width: 19px;
	height: 19px;
	background-position: 0 -19px;
}

#local_nav a {
	display: block;
	width: 19px;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background-position: 0 0;
}

#local_nav li a:hover {
	background-image: none;
}

#local_nav .prev, #local_nav .prev a {
	background-image: url(../_img/portfolio-a-prev-bg.gif);
}

#local_nav .next, #local_nav .next a {
	background-image: url(../_img/portfolio-a-next-bg.gif);
}

/* those 2 changed via javascript, when no more new page to scroll to */
#local_nav li.prev.off a:hover {
	cursor: default;
	background-image: url(../_img/portfolio-a-prev-bg.gif);
}

#local_nav li.next.off a:hover {
	cursor: default;
	background-image: url(../_img/portfolio-a-next-bg.gif);
}

.portfolio #pagination {
	position: absolute;
	top: -18px;
	right: 18px;
}

.portfolio .prev {
	position: absolute;
	top: 81px;
	left: 0;
}

.portfolio .next {
	position: absolute;
	top: 81px;
	right: 0;
}

/* single portfolio page (coming from search engines and/or Javascript disabled) */

.portfolio#single #content {
	margin-left: 25px;
	width: 600px;
}

.portfolio#single .img_link {
	width: 263px;
	float: left;
}

.portfolio#single img {
	display: block;
}

.portfolio#single #information {
	padding-left: 283px;
}

/* INFORMATION */

.information #content {
	margin-left: 25px;
	width: 540px;
}

.information dt {
	line-height: 1.5em;
}

.information dt a {
	font-size: 1.1em;
	text-decoration: none;
}

.information dt.closed a { /* via javascript */
	color: #Bfbfbf;
}

.information dt.open { /* via javascript */
	margin-top: .6em;
	text-transform: uppercase;
}

.information dt.open a { /* via javascript */
	color: #4a5666;
}

.information dt a:hover {
	color: #4a5666;
}

.information .entry h2 {
	margin-bottom: .3em;
}

/* CONTACT */

.contact #content {
	width: 480px;
	margin-left: 25px;
}

.vcard {
	margin-bottom: 20px;
}

.contact .org {
	margin-bottom: 0;
	font-weight: bold;
}

.contact .street-address {
	margin-bottom: 0;
}

.contact .tel {
	font-weight: bold;
}

.contact .type {
	display: none;
}

.email a {
	padding: 0 0 .5em 16px;
	background: url(_img/gl-a-arrow-bg.gif) 0 .2em no-repeat;
}

#c_form {
	margin-top: 20px;
	width: 550px;
}

#c_content ol {
	margin-top: 16px;
}

/* CONTACT FORM VALIDATION + SUBMISSION MESSAGES */

 .contact #content label.error {
	padding-left: 1em;
	display: inline;
	vertical-align: bottom;
	font-size: .9em;
	background-color: transparent;
	border: none;
}

input.error, textarea.error {
	border: 1px solid #b3382d;
}

.contact div.success, .contact div.error {
	padding: 10px 20px 0;
}

.contact ul.error {
	padding: 1em 1.5em .6em;
}

/* DOWNLOADS + ARTICLES */

.downloads #content, .articles #content {
	margin-left: 25px;
	width: 540px;
}

.entry h2 {
	text-transform: uppercase;
	color: #4a5666;
}

.entry h2 a {
	text-transform: none;
	text-decoration: none;
}

.entry .meta {
	font-size: .95em;
	font-weight: bold;
}

.entry .meta li {
	display: inline;
	padding-right: 2em;
}

.entry .file_uri {
	margin: .5em 0 .7em;
	font-size: .95em;
}

#single .entry .file_uri {
	margin-bottom: 1.5em;
}

.entry .file_uri a {
	padding: 0 0 .5em 16px;
	background: url(_img/downloads-a-file_uri-bg.gif) 0 .1em no-repeat;
}

.excerpt {
	margin: .5em 0 2em;
}

/* articles + comments typographic fioritures */

/* in case user plays with headers... */
.comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6 {
	font-size: 1em;
}

.body h4 {
	margin: 1em 0 .5em;
	line-height: 1em;
}

.body h5 {
	font-size: 1em;
	color: #5F6266;
}

.body ul, .body ol, .comment ul, .comment ol {
	margin-bottom: .6em;
}

.body ul li, .comment ul li {
	margin-left: .5em;
	padding-left: 10px;
	background: url(_img/gl-ul-bullet-bg.gif) 0 .5em no-repeat;
}

.body ol, .comment ol {
	margin-left: 1.6em;
	list-style-type: decimal;
}

.body li ul, .body li ol, .comment li ul, .comment li ol {
	margin-top: .6em;
}

.body pre, .comment pre {
	margin-bottom: 1em;
	padding: .5em 1em;
	overflow: auto;
	background-color: #3f3b5c;
}

.comment pre {
	background-color: #e2e6e9;
}

.body code {
	color: #817317;
}

.body pre code {
	color: #fff5ac;
}

.comment pre code {
	color: #797b7d;
}

.body img {
	display: block;
	margin: 16px auto 0;
}

.body dfn {
	display: block;
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
	color: #5F6266;
}

.body strong {
	padding: 0 .3em;
	color: #555;
	background-color: #FFFFC1;
}

.body table {
	margin: 1em 0 .7em;
	border-collapse: collapse;
}

.body th, .body td {
	padding: 2px 10px;
}

.body th {
	text-align: left;
	border-bottom: 2px solid #fff;
	background-color: #E5E7E9;
}

.body td {
	background-color: #F5F5F5;
	border-bottom: 2px solid #fff;
}

#comments {
	margin-top: 2.5em;
}

#comments h4 {
	font-size: .95em;
	margin-bottom: 1em;
}

.comment {
	padding: 1em 1em 2px;
	background-color: #f2f4f7;
}

.comment blockquote {
	min-height: 2em;
}

.my_comment {
	background-color: #ffffd9;
}

.my_comment blockquote {
	color: #909076;
	background: url(_img/my_comment-blockquote-bg.gif) no-repeat;
}

.author {
	padding: .5em 0 .5em 3em;
	background: url(_img/multi-div-author-bg.gif) no-repeat;
}

.me {
	background: url(_img/multi-div-me-bg.gif) no-repeat;
}

.no_comments {
	padding-top: 1em;
}

#comment_form h4 {
	font-size: .95em;
	margin-bottom: 1em;
}

.instructions {
	margin-bottom: 1em;
}

.instructions p {
	margin-bottom: .5em;
}

#comment_form.success {
	padding: 10px 20px 6px;
}

#comment_form ul.error {
	margin-bottom: 10px;
	padding: 1em 1.5em .6em;
}

#cmt_form ul li, #my_info {
	margin-left: 82px;
}

#cmt_form label.error {
	padding-left: 1em;
	display: inline;
	vertical-align: bottom;
	font-size: .9em;
	background-color: transparent;
	border: none;
}

/* TAGS */

.tag_title li {
	float: left;
	width: 30%;
}

.tag_title a {
	text-transform: none;
	text-decoration: none;
	color: #Bfbfbf;
}

.tag_title a:hover {
	color: #4a5666;
}

.tag_title .selected a {
	font-weight: bold;
	text-transform: uppercase;
	color: #4a5666;
}

#tags .entry {
	clear: both;
}

#tags .entry h2 {
	padding-top: 1.2em;
}

#tags .entry .excerpt {
	margin-bottom: 0;
}

/* ARCHIVES */

.order {
	float: right;
	margin-right: -30px;
}

.order li {
	width: 20px;
	height: 21px;
	background-position: 0 -21px;
	background-repeat: no-repeat;
}

.order a {
	display: block;
	width: 20px;
	height: 0;
	padding-top: 21px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.order .alpha, .order .alpha a {
	background-image: url(_img/articles-a-alpha-bg.gif);
}

.order .chrono, .order .chrono a {
	background-image: url(_img/articles-a-chrono-bg.gif);
}

.order a:hover, .order a.selected {
	background-image: none;
	text-decoration: none;
}

.tag_results.alpha .tag_title {
	display: none;
}

#archives h2 {
	margin-top: 1.2em;
}

#archives_pagination li {
	display: inline;
}

#archives_pagination a {
	padding-right: .5em;
	text-transform: uppercase;
	text-decoration: none;
	color: #Bfbfbf;
	text-decoration: none;
}

#archives_pagination.chrono a {
	padding-right: 1.5em;
}

#archives_pagination a:hover, #archives_pagination .selected a {
	color: #4a5666;
}