body.page #main {padding:0;}
#pagewrapper #page, #pagewrapper #primary, #pagewrapper #content {background:transparent !important; padding:0 !important; margin:0;}
h2.ajax {display:none;}

body {
    xfont-family: "Chalet Oblique Paris" "Myriad Pro";
    xfont-family: Verdana Arial sans-serif;
    font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
    font-size: 1.1rem;
	background:rgb(30,30,27);
	color: #eee;
	margin:0; padding:0;
	text-align:center;
	z-index:-10;
    min-width: 799px;
}
a {
	color: #eee;
}
img {
    border:0;
}

h3 {
    font-size: 110%;
    font-weight: bold;
}
#pagewrapper {
    font-size:0.86em;
    width: 705px; test:605px;
	x-min-height:950px;
    x-height:850px;
    margin: auto;
    padding-bottom: 100px;
    position:relative;
    xx-overflow:hidden;
    text-align:left;
}

#main, #primary, #content {
    position:relative;
    width:658px;
    x-height:auto;
}
#blog #main {
    x-height:2000px;
}

#pagetop {
    position:relative;
}

#header {
	text-align: center;
	border-bottom: 1px #65c6c9 dotted;
	color: #eee;
}
#header a {
	color: #eee; #65c6c9;
	text-decoration:none;
}

#touch {
	margin:auto;
	padding:38px 0;
	width:430px; height:143px;
	background:#fff url(../img/textures.jpg) repeat-x 0px 38px;
}
#touchSMlogo { display:none; }
#bump {
    width:920px;height:22px;
	margin:auto;
	position:relative;
	top:-17px;left:-60px;
	background:#fff url(../img/sprites.gif) no-repeat 80px -158px;
}
#admin {
	float:right;
	font-size:0.8em;
}
#nav {
    position:absolute;
	top:0;
    width: 700px; 600px;
	x-height: 100px;
}
#nav a { 
	display:inline-block;
	margin:15px 0;
	width:155px;
	text-align:left;
	text-decoration:none;
	outline:none; 
	x-height:17px;
	line-height:17px;
    font-weight: 500;
    font-size: 120%;
}
#nav a.nav-contact {
	width:60px;
	text-align:right;
}
body .pg #nav-below {
    border:none;
    margin:0; padding:0;
}
body .pg .nav-next {
    text-align: left;
}

#slider {
	width:700px; 600px;
	height:12px;
	background:rgb(30,30,27) url(../img/sprites.gif) no-repeat -626px -140px;
}
#navtooltip {
    display:none;
    padding:0; margin:0;
    position:absolute;
    z-index:10;
    xleft:0;
    xtop: 2.2em;
    max-width:322px;
    height:34px;
    background: rgb(30,30,27);
}
.tiptop {
    padding:0; margin:0;
    display:block;
    background: rgb(30,30,27) url(../img/sprites.gif) no-repeat center 0;
    max-width:280px;
    height:12px;
}
.tipcontainer {
    display:inline-block;
    padding:0; margin:0;
    height:21px;
    background: white;
}
.tipleft {
    display:inline-block;
    padding:0; margin:0;
    width:11px;
    height:22px;
    background: rgb(30,30,27) url(../img/sprites.gif) no-repeat -564px -15px;
    position:relative;
    top:-1px;
}
.tipright {
    display:inline-block;
    padding:0; margin:0;
    width:11px;
    height:22px;
    background: rgb(30,30,27) url(../img/sprites.gif) no-repeat -875px -16px;
    position:relative;
    top:0px;
}
.tip {
    display:inline-block;
    padding:0; margin:0;
    height:22px;
    background:transparent;
    color:black;
    position:relative;
    top:-5px;
    font-size: 0.8em;
    xfont-family: sans-serif;
}
#nav ul {
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}

#nav ul li {
    font-size: 10pt;
    font-weight: normal;
    list-style-type: none;
    padding: 5px 0 0 10px;
}

div.pg {
	display:none;
	position:absolute;
	top:90px;
	left:0;
    width: 698px !important;
    max-width: 698px !important;
    min-height: 400px;
    padding-bottom: 20px;
}

.posts {
    position: relative;
    clear:both;
    padding: 20px 24px 10px 40px;
    width:600px;
    height:600px;
}

div.pg div.callout {
	color:white;z:#d7d9dc;z:#a7a9ac;
	margin:10px 0;
	font-weight:500;
	letter-spacing:0.5px;
	line-height:1.6em;
}
.pg .tert {
	margin: 15px 25px;
}
.pg {
    x-height: 700px;
    width:  690px;
    overflow: hidden;
    margin: 0px;
}

.pg {
    clear: both;
    padding: 0; // 20px 24px 10px 40px;
    y-position:relative;
}

article .cap {
    position:absolute;
    top: -5px; left:-29px; width:40px; height:40px;
    background: url(../img/sprites.gif) no-repeat -180px -70px;
    z-index:-9;
}
/*
.single-post article .cap {
    top: -6px; left:12px;
}*/
.pg h1, .pg h2, .pg h3 {
    font-size:1.3em;
    font-weight: bold;
    margin-bottom:0.8em;
    color:white;
}
.pg h1 {font-size: 1.4em;}
.pg h3 {font-size: 1.2em;}

article header {
    margin:10px 0 0; padding:0;
}
#blog article header h1 , #blog article header h1.entry-title {
    font-size:100% !important;
    margin:0; padding:0;
    Xcolor:#878785 !important;
    Xline-height:48px;
}
#blog article header h1 a {
    text-decoration:none;
    font-size:1.3rem;
    font-weight:500;
    margin: 18px 0 5px 0;
    display: inline-block;
    Xcolor:#878785 !important;
}
#blog article[role=single] header h1.entry-title a {
    margin:0;
}
#blog article .entry-meta, body article .entry-meta a {
    position: relative !important;
    font-size:90% !important;
    color:#acacac !important;
}
#blog article .entry-content {
    margin:5px 0;
    font-size:80%;
    padding:0;margin:5px 0;
}
.singular .hentry, #content nav#nav-single {
    padding:0 !important;
}
article.hentry {
    width:600px;
}
.pg .markdown {
    font-size:80%;
}
.pg x img {
    width:164px;
}
.pg strong img {
    width:530px;
}

.commentlist > li.comment {
    background:none;
}

#comments {
    font-size:80%;
}
#respond h3 {
    font-size:130%;
}
#respond form p, #respond form p label {
    font-size:90%;
}
.editpost input#title,
.editpost input#slug,
.editpost input#tags
 {
    width:450px;
    margin:3px 0;
}

.portfolio {
    height: 500px;
    width:  620px;
    position:relative;
    overflow: auto;
    margin: 0px;
}
.portarea {
    width:2000px;
    height: 600px;
}
.portcol {
    width:210px;
    overflow:hidden;
    float:left;
    xmargin-right:20px;
}
.portitem {
    width:200px;
    height:150px;
    overflow:hidden;
    margin:6px;
}
.portitem img {
    width:200px;
}

label {
    display: block;
    float: left; clear:left;
    text-align: right;
    width: 120px;
    padding-right: 5px;
    margin: 5px 0 2px 0;
}

div.submit {
    margin: 10px auto;
    padding-left: 105px;
}

textarea {
    margin: 3px 0;
    width:  454px;
    height: 100px;
}

#lbl_preview{
    display:block;
}
div#preview {
    background: transparent;
    height:50px;
    padding: 5px;
    margin: 5px;
    border: 1px dotted grey;
    overflow:scroll;
} 

#footer {
	xx-position:absolute;
	bottom:0;
	width:705px;
	height:200px;
	margin: 5px auto;
	margin-top:670px;
    clear: both;
    border-top: 1px #65c6c9 dotted;
    padding: 10px 0;
    text-align: center;
    font-size:80%;
}
#footer, #footer a {
    color:rgb(90,90,81);
}
#footer .attrib {
    float:right;
    position:relative;
    width:340px;height:190px;
    font-size:0.8em;
}
#footer .attrib .bottom {
    position:absolute;
    bottom:2em;
}
#footer .attrib, #footer .attrib a {
    color:#fff;
    font-style:italic;
}

.message {
    color: green;
}

.error {
    color: red;
}

div#comments {
    border-top: 1px grey dotted;
    clear: both;
}

div.comment-gravatar {
    float: left;
    width: 80px;
}

div.comment-content {
    padding-left: 90px;
}

.admin {
    border-top: 1px grey dotted;
}

#contact div {
    margin:2px 0;
}
#contact #content p {
    margin:0 0 10px;
}
#contact input {
    font-size:100%;
}

.test {
    font-size:90%;
    color:rgb(120,120,108);
    padding-left:10px;
}


pre {
    font-size:smaller;
    width:100%;
}
pre, code{
    background:rgb(45,45,40);
}

/** jScrollpane original CSS **/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 100%;
	x-background: red;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #dde;
	position: relative;
}
.jspDrag {
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/** jScrollpane overrides **/
.jspVerticalBar {
    width: 24px;
	background: transparent;
}
.jspHorizontalBar {
    background: transparent;
    height: 24px;
}
.jspTrack, .jspDrag {
    background: transparent;
}
.jspArrow {
	height: 24px !important;
	width: 24px !important;
}
.jspArrowUp {
    background: url(../img/sprites.gif) no-repeat 0 0;
}
a.jspArrowUp:hover {
    background: url(../img/sprites.gif) no-repeat -28px 0px;
}
a.jspArrowUp.jspDisabled, a.jspArrowUp.jspDisabled:hover {
    background: url(../img/sprites.gif) no-repeat -57px 0px;
}
.jspArrowDown {
    background: url(../img/sprites.gif) no-repeat 0 -30px;
}
a.jspArrowDown:hover {
    background: url(../img/sprites.gif) no-repeat -28px -30px;
}
a.jspArrowDown.jspDisabled, a.jspArrowDown.jspDisabled:hover {
    background: url(../img/sprites.gif) no-repeat -57px -30px;
}

.jspArrowLeft {
    background: url(../img/sprites.gif) no-repeat 0 -67px;
}
a.jspArrowLeft:hover {
    background: url(../img/sprites.gif) no-repeat -58px -67px;
}
a.jspArrowLeft.jspDisabled, a.jspArrowLeft.jspDisabled:hover {
    background: url(../img/sprites.gif) no-repeat -118px -67px;
}
.jspArrowRight {
    background: url(../img/sprites.gif) no-repeat -30px -67px;
}
a.jspArrowRight:hover {
    background: url(../img/sprites.gif) no-repeat -88px -67px;
}
a.jspArrowRight.jspDisabled, a.jspArrowRight.jspDisabled:hover {
    background: url(../img/sprites.gif) no-repeat -148px -67px;
}

x.jspArrow.jspDisabled {
    background: none transparent !important;
}

.jspCorner {display:none;}
.jspArrowRight {float:right !important;}
.jspArrowLeft {margin-left:24px;}

#portfolio .jspHorizontalBar {
    top:450px;
    position:fixed;
    z-index:10000;
}
#portfolio .jspVerticalBar {
	display:none;
}
#quizb {display:none;}
.notice {font-size: 150%; font-weight: bold; color:red;}

a,
#site-title a:focus,
#site-title a:hover,
#site-title a:active,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.widget_twentyeleven_ephemera .comments-link a:hover,
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover,
section.recent-posts .other-recent-posts .comments-link a:hover,
.format-image footer.entry-meta a:hover,
#site-generator a:hover {
  color: #eee;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
  border-color: #eee;
}
article.feature-image.small .entry-summary p a:hover,
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active,
.feature-slider a.active {
  background-color: #eee;
}
#blog .post .entry a {
    border-bottom: 1px dotted #888;
}
#blog .post .entry img {
 display:none;
}