/* @override http://lesjames.com/wp-content/themes/viewport-custom/style.css */



/*

Theme Name: LJ Viewport

Theme URI: http://lesjames.com

Description: Custom theme based on Viewport and LJ designs

Version: 0.5

Author: Les James

Template: viewport

*/



/* @group Global Styles */



@import url('../viewport/style.css');



body {

	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

	background: #333 url(images/dark-red.png) center top;

}



#wrap {

	background: url(images/ipsum-dark.png) center 0;

}



.left {

	float: left;

}



.right {

	float: right;

}



.clear {

	clear: both;

}



.round {

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-box-shadow: 0 0 5px #000;

	-webkit-box-shadow: 0 0 5px #000;

	border: solid 1px #000;

}



/* @end */



/* @group Header */



#header {

	position: relative;

	width: 100%;

	height: 60px;

	padding: 0;

	background: url(images/header-spotlight.png) no-repeat center 0;

}



.bottomShadow {

	height: 5px;

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	background-image: url(images/bottom-shadow.png);

}



.headerCenter {

	width: 960px;

	padding: 0;

	height: 60px;

	margin: 0 auto;

	position: relative;

}



h1 {

	display: none;

}



/* Navigation */



#nav {

	padding-top: 5px;

	width: 100%;

}



#nav li {

	margin: 0;

	padding: 0;

	background: none;

	text-indent: -4000px;

}



#nav li a {

	height: 48px;

	display: block;

	margin: 0 10px;

}



#nav li a.home {

	width: 85px;

	background: url(images/navigation/home.png) no-repeat;

}

#nav li a.blog {

	width: 80px;

	background: url(images/navigation/blog.png) no-repeat;

}

#nav li a.web {

	width: 77px;

	background: url(images/navigation/web.png) no-repeat;

}

#nav li a.print {

	width: 70px;

	background: url(images/navigation/print.png) no-repeat;

}

#nav li a.interactive {

	width: 123px;

	background: url(images/navigation/interactive.png) no-repeat;

}



/* Search */



#searchbox {

	position: absolute;

	right: 20px;

	top: 12px;

}



#searchbox li {

	background: transparent url(images/inputs/blank.png) no-repeat;

	width: 300px;

	height: 28px;

}



#searchbox li input {

	width: 282px;

	color: #CCC;

}



/* @end */



/* @group Index Page */



#mid.index {

	background: none;

}



#mid.index div.panel {

	width: 950px;

	height: 610px;

}



div.stripViewer {

	width: 950px;

	height: 610px;

}



.panelContainer div.wrapper {

	height: 600px;

	width: 940px;

	margin: 5px 5px;

}



/* @end */



/* @group Single Page */



#page {

	padding: 12px 0 10px 0;

	background: url(images/ipsum-spotlight.png) no-repeat center -69px;

}



#mid {

	margin: 0;

}



#mid.single {

	background: none;

}



.panel-single div.wrapper {

	height: 300px;

	width: 940px;

}



/* Home Sticky Post */



.panel#post-93 .post-title, .panel#post-93 .entry {

	display: none;

}



/* Content */



#narrow-column {

	margin-bottom: 20px;

}



.content-mid, .sidebar-mid {

	background: url(images/post-bkgd.png) repeat;

	color: #CCC;

	font-size: 1.3em;

	padding: 15px 15px 15px 15px;

	line-height: 1.7em;

	text-shadow: 0 -1px 1px #000;

}



.content-mid p {

	margin: 10px 0;

}



.content-mid p:first-child {

	margin-top: 0;

}



.content-mid a, .sidebar-mid a {

	color: #ccc;

}



#thepost .content-mid p a {

	border-bottom: dotted 1px #CCC;

}



#thepost .content-mid p a:hover {

	text-decoration: none;

}



.content-mid {

	width: 577px;

	padding: 15px 20px 15px 20px;

}



.content-mid .wp-caption {

	background: none;

	border: none;

	margin-left: 20px;

}



.content-mid .wp-caption .wp-caption-text {

	font-size: .8em;

}



#wrap .content-mid p a {

	color: #CCC;

	font-weight: normal;

}

.content-mid li {
	margin: 10px 0;
}



pre {

	margin: 0 20px 15px 20px;

}



code {

	white-space: normal;

}



/* @end */



/* @group Sidebar */



#sidebar .sidebar-mid {

	width: 260px;

	margin-bottom: 20px;

	padding: 15px 20px 5px 20px;

}



#sidebar h2 {

	border: none;

	border-bottom: solid 1px #CCC;

	margin-top: -10px;

	padding-bottom: 10px;

	font-size: 1.3em;

}

#sidebar .widget {
	margin: 15px 0;
}



#sidebar .widget_twitter {

	margin: 20px 0;

	line-height: 1.3em;

}



#sidebar .widget_twitter h2 {

	margin-bottom: 13px;

	padding-bottom: 16px;

}



#sidebar .widget_twitter .entry-meta {

	margin-top: 3px;

	margin-bottom: 15px;

	display: block;

	line-height: 1.2em;

	font-size: .8em;

	color: #7e7e7e;

}



#sidebar .widget_twitter .entry-meta a {

	color: #7e7e7e;

}



#sidebar .widget_twitter ul li:nth-child(2), #sidebar .widget_recent_entries ul li:nth-child(2), #sidebar .widget_deliciousplus ul li:nth-child(2), #sidebar .wpwalla .wpwalla-item-list:nth-child(3) {

	opacity: .8;

}

#sidebar .widget_twitter ul li:nth-child(3), #sidebar .widget_recent_entries ul li:nth-child(3), #sidebar .widget_deliciousplus ul li:nth-child(3), #sidebar .wpwalla .wpwalla-item-list:nth-child(4) {

	opacity: .6;

}

#sidebar .widget_twitter ul li:nth-child(4), #sidebar .widget_recent_entries ul li:nth-child(4), #sidebar .widget_deliciousplus ul li:nth-child(4), #sidebar .wpwalla .wpwalla-item-list:nth-child(5) {

	opacity: .4;

}

#sidebar .widget_twitter ul li:nth-child(5), #sidebar .widget_recent_entries ul li:nth-child(5), #sidebar .widget_deliciousplus ul li:nth-child(5), #sidebar .wpwalla .wpwalla-item-list:nth-child(6) {

	opacity: .2;

}



.widget_deliciousplus {

	padding-bottom: 15px;

}



.widget_deliciousplus li, .widget_recent_entries li {

        line-height: 18px;

        padding-bottom: 8px;

}








.widget.wpwalla .gowalla_time {

        margin-top: 3px;

	margin-bottom: 15px;

	display: block;

	line-height: 1.2em;

	font-size: .8em;

	color: #7e7e7e;

}





/* @end */



/* @group Comments */



#thecomments .content-mid {

	width: 577px;

	padding: 15px 20px 15px 20px;

}



#thecomments .commentlist .comment-mid {

	padding: 10px 0;

	border: none;

	width: 100%;

}



#thecomments .commentlist li {

	padding: 20px 15px 0 15px;

	margin: 10px 0;

	border: solid 1px #000;

	background-color: #333;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}



#thecomments .commentlist a {

	font-size: .9em;

	font-weight: bold;

}



#thecomments h3#respond {

	border-bottom: solid 1px #CCC;

	margin-bottom: 15px;

}



#thecomments input {

	background-color: #1b1b1b;

	border: solid 1px #000;

	color: #CCC;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}



#thecomments textarea {

	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

	width: 565px;

	background-color: #1b1b1b;

	border: solid 1px #000;

	color: #CCC;

	overflow: h;

	font-size: .9em;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}



#thecomments #submit {

	color: #CCC;

	background-color: #1b1b1b;

	border: solid 1px #000;

	padding: 5px 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}



#thecomments .comment-top {

	background: none;

	padding: 0;

	width: 100%;

}



/* @end */



/* @group Search */



h2.error {

	color: #CCC;

	margin-left: 370px;

	margin-top: 50px;

	text-shadow: 0 -1px 5px #000;

	font: 45em "Times New Roman", Georgia, Times, serif;

}



/* @end */



/* @group Archive */



.archive .wrapper-archive {

	margin: 35px 0 0 19px;

	background: none;

}



.postmetadata-archive, .postmetadata-archive a {

	text-align: center;

	color: #CCC;

}



.archiveImage {

	width: 270px;

	height: 172px;

	background-repeat: no-repeat;

}



#archiveHeader {

	color: #CCC;

	width: 900px;

	margin: 0 auto;

	height: 200px;

	font-size: 1.3em;

	padding: 20px;

	line-height: 1.7em;

	background: url(images/post-bkgd.png) repeat;

	margin-bottom: -20px;

	-webkit-column-count: 2;

	-webkit-column-gap: 25px;

	-moz-column-count: 2;

	-moz-column-gap: 25px;

}



.category-web-design #archiveHeader {

	-webkit-column-count: 2;

	-webkit-column-gap: 25px;

	-moz-column-count: 2;

	-moz-column-gap: 25px;

	height: 100%;

}



.category-interactive #wrap .stripViewer, .category-web-design #wrap .stripViewer {

	height: 100%;

	padding: 10px 0 1px 0;

}



.category-interactive #wrap .panel, .category-web-design #wrap .panel {

	width: 940px;

	margin: 0 auto;

	padding: 2px 0;

	height: 200px;

}



.category-interactive #wrap .wrapper-archive, .category-web-design #wrap .wrapper-archive {

	padding: 0;

	margin: 40px 0 0 0;

}



/* @end */



/* @group Footer */



#footWrap {

	position: relative;

	height: 225px;

	background: url(images/footer-highlight.png) no-repeat center top;

}



#footWrap .topShadow {

	height: 5px;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background-image: url(images/top-shadow.png);

}



#footCenter {

	width: 960px;

	margin: 0 auto;

	position: relative;

}



/* About */



#about {

	color: #CCC;

	position: absolute;

	width: 643px;

	height: 256px;

	background: url(images/about-bkgd.png) no-repeat;

	left: -15px;

	top: 8px;

}



#about li {

	list-style: none;

}



#about p {

	line-height: 1.8em;

	font-size: 1.5em;

	margin: 35px 10px 0 260px;

	padding-right: 10px;

}



/* @group Social Icons */



#socialLinks {

	position: absolute;

	width: 300px;

	top: 234px;

	right: 332px;

}



#socialLinks a {

	text-indent: -4000px;

	float: right;

	margin-left: 8px;

	width: 29px;

	height: 29px;

}



#socialLinks a.facebook {

	background: url(images/social/facebook.png) no-repeat;

}



#socialLinks a.twitter {

	background: url(images/social/twitter.png) no-repeat;

}



#socialLinks a.google {

	background: url(images/social/google.png) no-repeat;

}



#socialLinks a.linkedin {

	background: url(images/social/linkedin.png) no-repeat;

}



#socialLinks a.rss {

	background: url(images/social/rss.png) no-repeat;

}



/* @end */



/* Contact */



#contact {

	width: 300px;

	position: absolute;

	right: 8px;

	top: 29px;

}



#contact input {

	background: transparent url(images/inputs/blank.png) no-repeat;

	width: 300px;

	height: 20px;

	padding-top: 8px;

	border: none;

	color: #CCC;

	font-size: 1.1em;

	margin-bottom: 13px;

	padding-left: 8px;

}



#contact .message {

	height: 97px;

	margin: 0;

	width: 290px;

	border: none;

	color: #CCC;

	overflow: hidden;

	text-indent: 0;

	font-size: 1.1em;

	padding: 8px 5px 5px 7px;

	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

	background: transparent url(images/inputs/message-blank.png) no-repeat;

}



#contact .submit {

	float: right;

	cursor: pointer;

	width: 57px;

	height: 28px;

	margin-top: 13px;

	margin-bottom: 20px;

	background: transparent url(images/inputs/send.png) no-repeat;

	border: none;

	color: #CCC;

	font-size: 1.1em;

}



/* @end */





/* @group More Panel */



.home .widget_recent_entries {

	list-style: none;

	position: absolute;

	top: 40px;

	left: 0px;

}



.home .widget_recent_entries h2 {

	display: none;

}



.home .widget_recent_entries li {

	list-style: none;

	width: 300px;

	background: url(images/post-bkgd.png) repeat;

	border: solid 1px #333;

	border-left: none;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-bottomleft: 0px;

	-webkit-border-radius: 10px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 0px;

	-moz-box-shadow: 0 0 2px #000;

	-webkit-box-shadow: 0 0 2px #000;

	margin: 5px;

	padding: 10px;

	text-align: right;

}







.home .widget_recent_entries a {

	color: #CCC;

	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

	font-size: 1.6em;

	text-shadow: #333 0 -1px 1px;

}



/* Twitter */



.home .widget_twitter {

	list-style: none;

	position: absolute;

	right: 0px;

	top: 20px;

}



.home .widget_twitter h2 {

	display: none;

}



.home .widget_twitter li {

	margin: 5px;

	padding: 10px;

	background: url(images/post-bkgd.png) repeat;

	border: solid 1px #333;

	border-right: none;

	-moz-border-radius: 10px;

	-moz-border-radius-topright: 0px;

	-moz-border-radius-bottomright: 0px;

	-webkit-border-radius: 10px;

	-webkit-border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;

	-moz-box-shadow: 0 0 2px #000;

	-webkit-box-shadow: 0 0 2px #000;

	text-align: left;

	width: 580px;

	list-style: none;

	font-size: 1.6em;

	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

	text-shadow: #333 0 -1px 1px;

	color: #CCC;

	line-height: 1.3em;

}





.home .widget_twitter a {

	color: #CCC;

}



.home .widget_twitter .entry-meta {

	font-size: .6em;

	padding-top: 2px;

	display: block;

	color: #666;

}



.home .widget_twitter .entry-meta a{

	color: #666;

}



/* @end */



/* @group jGrowl */



div.jGrowl {padding: 10px;z-index: 9999;}/** Special IE6 Style Positioning **/div.ie6 {position: absolute;}div.ie6.top-right {right: auto;bottom: auto;left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}div.ie6.top-left {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}div.ie6.bottom-right {left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}div.ie6.bottom-left {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}div.ie6.center {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );width: 100%;}/** Normal Style Positions **/body > div.jGrowl {position: fixed;}body > div.jGrowl.top-left {left: 0px;top: 0px;}body > div.jGrowl.top-right {right: 0px;top: 0px;}body > div.jGrowl.bottom-left {left: 0px;bottom: 0px;}body > div.jGrowl.bottom-right {right: 0px;bottom: 0px;}body > div.jGrowl.center {top: 50%;height: 25%;width: 50%;left: 25%;}/** Cross Browser Styling **/div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right: auto;}div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color: #000;color: #fff;opacity: .85;filter: alpha(opacity = 85);zoom: 1;width: 235px;padding: 10px;margin-top: 5px;margin-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;display: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;}div.jGrowl div.jGrowl-notification {min-height: 40px;}div.jGrowl div.jGrowl-notification div.header {font-weight: bold;font-size: 10px;}div.jGrowl div.jGrowl-notification div.close {float: right;font-weight: bold;font-size: 12px;cursor: pointer;}div.jGrowl div.jGrowl-closer {height: 15px;padding-top: 4px;padding-bottom: 4px;cursor: pointer;font-size: 11px;font-weight: bold;text-align: center;}



/* @end */



/* @group Thickbox */



#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color: #666666;}#TB_window a:link {color: #666666;}#TB_window a:visited {color: #666666;}#TB_window a:hover {color: #000;}#TB_window a:active {color: #666666;}#TB_window a:focus {color: #666666;}#TB_overlay {position: fixed;z-index: 100;top: 0px;left: 0px;height: 100%;width: 100%;}.TB_overlayMacFFBGHack {background: url(tb/macFFBgHack.png) repeat;}.TB_overlayBG {background-color: #000;filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}* html #TB_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_window {position: fixed;background: #ffffff;z-index: 102;color: #000000;display: none;border: 4px solid #525252;text-align: left;top: 50%;left: 50%;}* html #TB_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_window img#TB_Image {display: block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}#TB_caption {height: 25px;padding: 7px 30px 10px 25px;float: left;}#TB_closeWindow {height: 25px;padding: 11px 25px 10px 0;float: right;}#TB_closeAjaxWindow {padding: 7px 10px 5px 0;margin-bottom: 1px;text-align: right;float: right;}#TB_ajaxWindowTitle {float: left;padding: 7px 0 5px 10px;margin-bottom: 1px;}#TB_title {background-color: #e8e8e8;height: 27px;}#TB_ajaxContent {clear: both;padding: 2px 15px 15px 15px;overflow: auto;text-align: left;line-height: 1.4em;}#TB_ajaxContent.TB_modal {padding: 15px;}#TB_ajaxContent p {padding: 5px 0px 5px 0px;}#TB_load {position: fixed;display: none;height: 13px;width: 208px;z-index: 103;top: 50%;left: 50%;margin: -6px 0 0 -104px;/* -height/20 0 -width/2 */}* html #TB_load {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_HideSelect {z-index: 99;position: fixed;top: 0;left: 0;background-color: #fff;border: none;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;height: 100%;width: 100%;}* html #TB_HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_iframeContent {clear: both;border: none;margin-bottom: -1px;margin-top: 1px;_margin-bottom: 1px;}



/* @end */



/* @group Thickbox Override*/



div#TB_window {

	background: none;

	border: none;

}



div#TB_window #TB_closeWindow {

	display: none;

	float: none;

	text-align: center;

	padding: 12px 0 0 0;

	position: absolute;

	width: 120px;

	left: 50%;

	margin-left: -60px;

	background-color: #333;

	color: #CCC;

	font-weight: normal;

	font-size: 1em;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border: solid 1px #CCC;

}



div#TB_window #TB_closeWindow a {

	color: #CCC;

}



div#TB_window img#TB_Image {

	border: none;

}



/* @end */