/*
Theme Name: 88teeth Custom Theme
Theme URI: http://eightyeightteeth.com/
Description: Business and Pleasure
Version: 1.0
Author: Monzilla Media
Author URI: http://monzilla.biz/
Copyright: All Contents Copyright (c) 2008 Thane Champie/88teeth - All Rights Reserved
*/

/* == RESETS == */
* {
	text-shadow: #000 0 0 0;
	border: 0 none;
	padding: 0;
	outline: 0;
	margin: 0;
	}
* :focus { 
	outline: 0; 
	}
/* == BODY == */
html {
	background: #0E1422 url(images/tile.jpg) repeat 0 0;
	}
body {
	background: url(images/bg.jpg) repeat-x 0 0;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 22px;
	text-align: center;
	font-size: 62.5%;
	color: #000;
	}
/* == WRAPPER == */
div#wrapper {
	text-align: left; 
	margin: 0 auto;
	width: 908px;
	}
/* == HEADER == */
div#header {
	background: url(images/pnl.png) repeat 0 100%; /* -18px */
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 33;
	}
div#header img {
	border: 3px solid #C4B597;
	margin-top: 11px;
	}
div#header h1 {
	background: url(images/lgo.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	height: 310px;
	width: 249px;
	z-index: 99;
	left: 41px;
	top: 14px;
	}
/* == FEATURED == */
div#featured p {
	margin: 0;
	}
div#featured p.caption {
	font: italic bold 1.3em/1.3em Calibri, Georgia, serif;
	margin: 3px 50px 25px 0;
	text-align: right;
	}
div#featured p.caption a:link, div#featured p.caption a:visited {
	text-decoration: none;
	color: #C4B597;
	}
div#featured p.caption a:hover, div#featured p.caption a:active {
	text-decoration: underline;
	color: #9D8517;
	}
/* == MAIN MENU == */
div#menu {
	overflow: hidden;
	margin: 0 auto;
	width: 888px;
	}
div#menu ul {
	margin: -15px 33px 0 0;
	}
div#menu li {
	display: block;
	margin: 0 7px;
	float: right;
	clear: none;
	}
div#menu li#homepag {
	margin-right: 66px;
	height: 37px;
	width: 234px;
	}
div#menu li#photogr {
	height: 51px;
	width: 134px;
	}
div#menu li#artwork {
	height: 51px;
	width: 104px;
	}
div#menu li#process {
	height: 51px;
	width: 104px;
	}
div#menu li#updates {
	height: 51px;
	width: 110px;
	}
div#menu li#homepag a {
	background: url(images/eet.png) no-repeat 0 3px;
	text-indent: -9999px;
	position: absolute;
	height: 43px;
	width: 247px;
	}
	div#menu li#homepag a:hover {
		background: url(images/eeh.png) no-repeat 0 3px;
		}
div#menu li#photogr a {
	background: url(images/pht.png) no-repeat 0 -13px;
	text-indent: -9999px;
	position: absolute;
	height: 51px;
	width: 134px;
	}
	div#menu li#photogr a:hover {
		background: url(images/pht.png) no-repeat 0 -9px;
		}
div#menu li#artwork a {
	background: url(images/art.png) no-repeat 0 -13px;
	text-indent: -9999px;
	position: absolute;
	height: 51px;
	width: 104px;
	}
	div#menu li#artwork a:hover {
		background: url(images/art.png) no-repeat 0 -9px;
		}
div#menu li#process a {
	background: url(images/prc.png) no-repeat 0 -13px;
	text-indent: -9999px;
	position: absolute;
	height: 51px;
	width: 104px;
	}
	div#menu li#process a:hover {
		background: url(images/prc.png) no-repeat 0 -9px;
		}
div#menu li#updates a {
	background: url(images/upd.png) no-repeat 0 -13px;
	text-indent: -9999px;
	position: absolute;
	height: 51px;
	width: 110px;
	}
	div#menu li#updates a:hover {
		background: url(images/upd.png) no-repeat 0 -9px;
		}
/* == CONTENT == */
div#content {
	background: url(images/cnt.png) repeat-y 50% 0;
	overflow: hidden;
	margin: 15px 0;
	width: 100%;
	}
div#content div.post {
	overflow: hidden; 
	margin: 50px auto;
	width: 666px;
	}
div#content p.gallery_caption {
	margin-top: -0.7em;
	}
div#content h1 a:link, div#content h1 a:visited {
	text-decoration: none;
	color: #081023;
	}
div#content h1 a:hover, div#content h1 a:active {
	text-decoration: none;
	color: #081F57;
	}
div#content h1+p {
	margin: 0.3em 0 1.3em 0;
	}
div#content p.postmetadata+p:first-letter {
	font: italic 300% Georgia, serif;
	margin: 0.2em 0.1em 0 0;
	float: left;
	}
p#prev_nav {
	float: left;
	clear: none;
	width: 45%;
	}
p#rec_nav {
	text-align: right;
	float: right;
	clear: none;
	width: 45%;
	}
div.authentic {
	background: #111 url(images/icon.gif) no-repeat 1px 1px;
	border: solid 1px #555;
	margin: 11px 0;
	padding: 1px;
	height: 25px;
	width: 25px;
}
/* == COMMENTS == */
div#comment_area p#comment_jump {
	margin-top: 0;
	}
div#comment_area p.comment_meta {
	font-family: Georgia, serif;
	font-size: 1.5em;
	}
div#comment_area form#comment_form label {
	margin: 1.2em 0 0.3em 0;
	text-align: left;
	font-size: 1.3em;
	display: block;
	border: 0 none;
	float: left;
	clear: both;
	}
div#comment_area form#comment_form input {
	font: 1.8em Helvetica, Arial, sans-serif;
	border: 1px solid #4C5053;
	background: #eee;
	color: #424857;
	padding: 5px;
	float: left;
	clear: both;
	width: 50%;
	}
div#comment_area form#comment_form textarea {
	font: 1.8em/1.3em Helvetica, Arial, sans-serif;
	border: 1px solid #4C5053;
	background: #eee;
	color: #424857;
	padding: 5px;
	float: left;
	clear: both;
	width: 80%;
	}
div#comment_area form#comment_form input#submit {
	font-family: Georgia, serif;
	border: 1px solid #4C5053;
	margin: 0.5em 0 0.7em 0;
	font-size: 1.3em;
	cursor: pointer;
	padding: 5px;
	width: 25%;
}
div#comment_area form#comment_form p.subscribe-to-comments {
	padding-top: 0.5em;
	}
div#comment_area form#comment_form p.subscribe-to-comments label {
	margin: -3px 0 0 3px;
	font-size: 0.9em;
	display: block;
	float: left;
	clear: none;
	}
/* == GALLERY == */
div#gallery {
	border: 1px solid #4C5053;
	text-align: center;
	background: #111;
	overflow: hidden;
	margin: 0 auto;
	width: 888px;
	}
div#gallery div.gallery {
	margin: 1.6em 0 0.6em 3.6em;
	width: 176px;
	float: left;
	clear: none;
	}
div#gallery img {
	border: 1px solid #4C5053;
	background: #333;
	padding: 3px;
	}
div#gallery img:hover {
	border: 1px solid #ccc;
	background: #777;
	padding: 3px;
	}
div#gallery h3 {
	font-family: Georgia, serif;
	margin: 0.7em 0 0 1.7em;
	font-weight: normal;
	text-align: left;
	font-size: 2em;
	color: #777;
	}
div#gallery_links {
	margin-bottom: 2.6em;
	overflow: hidden;
	clear: both;
	width: 100%;
	}
p#gallery_artwork {
	text-align: right;
	float: left;
	clear: none;
	width: 46%;
	margin: 0;
	}
p#gallery_photogr {
	padding-right: 3.7em;
	text-align: right;
	float: right;
	clear: none;
	width: 46%;
	margin: 0;
	}
div#gallery_links a:link, div#gallery_links a:visited {
	text-decoration: none;
	color: #C4B597;
	}
div#gallery_links a:hover, div#gallery_links a:active {
	text-decoration: underline;
	color: #9D8517;
	}
/* == FOOTER == */
div#footer {
	border: 1px solid #4C5053;
	text-align: center;
	margin: 15px auto;
	background: #000;
	overflow: hidden;
	padding: 22px 0;
	width: 888px;
	color: #777;
	}
div#footer h6.local a {
	padding: 0 3px;
	}
div#footer a:link, div#footer a:visited {
	text-decoration: none;
	color: #C4B597;
	}
div#footer a:hover, div#footer a:active {
	text-decoration: underline;
	color: #9D8517;
	}
/* == GENERAL == */
h1 {
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 2.8em;
	}
h2 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 2.4em;
	}
h3 {
	font-weight: normal;
	font-size: 2.1em;
	}
h4 {
	font-weight: bold;
	font-size: 1.7em;
	}
h5 {
	font-weight: bold;
	font-size: 1.5em;
	}
h6 {
	font-weight: lighter;
	line-height: 1.6em;
	font-size: 1.2em;
	}
p, ul, ol, dl {
	line-height: 1.5em;
	font-size: 1.4em;
	margin: 1.3em 0;
	color: #081023;
	}
dt     { font-weight: bold; }
ul li  { list-style-type: disc; }
ol li  { list-style-type: decimal; }
dd, li { margin: 0.3em 0 0.3em 2.7em; }
ul, ol { list-style-position: outside; }
ul ul, ol ol, ol ul, ul ol, ul p, ol p, dl ol, dl ul dl p {
	font-size: 1.0em;
	}

acronym, abbr {
	border-bottom: 1px dotted #444;
	cursor: help;
}
ins { text-decoration: underline; }
del { text-decoration: line-through; }
sup {
	vertical-align: top;
	font-size: 88%;
	color: #888;
}
em       { font-style: italic; }
small    { font-size: 88%; }
strong   { font-weight: bold; }
blockquote {
	background: url(images/quo.png) no-repeat 0 0;
	margin: 0.3em 3.5em 1.3em 0.5em;
	padding-left: 77px;
	}
blockquote p {
	text-align: justify;
	font-style: italic;
	font-size: 1.6em;
	}
pre, code, samp, kbd {
	font-family: Courier, "Courier New", mono;
	color: #333;
	}
pre {
	border: 1px solid #4C5053;
	padding: 1.3em 1.1em;
	background: #eee;
	font-size: 1.2em;
	margin: 1.3em 0;
	overflow: auto;
	width: 90%;
	}
/* == LINKS == */
a:link, a:visited {
	text-decoration: underline;
	color: #4B3E02;
	}
a:hover, a:active {
	text-decoration: none;
	color: #5B4B03;
	}
/* == IMAGES == */
div.post img {
	border: 1px solid #4C5053;
	max-width: 770px;
	margin: 3px 0;
	}
div.post img.left { 
	margin: 5px 15px 5px 0;
	float: left;
	}
div.post img.right { 
	margin: 5px 0 5px 15px;
	float: right;
	}
div.post img.center { 
	margin: 3px auto;
	display: block;
	}
/* == SEARCH == */
div#search_form {
	height: 250px;
	float: left;
	clear: none;
	width: 40%;
	}
div#search_results {
	float: right;
	clear: none;
	width: 50%;
	}
div#search_form h1, div#search_results h2 {
	margin-bottom: 0.5em;
	}
div#search_form input {
	font-family: Helvetica, Arial, sans-serif;
	border: 1px solid #4C5053;
	background: #eee;
	font-size: 1.5em;
	color: #424857;
	padding: 5px;
	width: 300px;
	}
div#search_form input:focus {
	border: 1px solid #363B3E;
	color: #081023;
	}

/* == CLASSES == */
.hide, .h {
	visibility: hidden;
	display: none;
	}

/* == COLDFORM == */
/* 
Coldskin #3 for Contact Coldform WordPress Plugin [customized for 88teeth]
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/15/contact-coldskins/ 
*/
div#coldform {
	font-family: Georgia, serif;
	background: transparent;
	color: #081023;
	width: 88%;
}
div#coldform+p {
	padding-top: 1.5em;
	display: block;
	clear: both;
	width: 100%;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;
}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	margin: 1.2em 0 0.3em 0;
	text-align: left;
	font-size: 1.3em;
	display: block;
	border: 0 none;
	float: left;
	clear: both;
} 
div#coldform input.input {
	font: 1.8em Helvetica, Arial, sans-serif;
	border: 1px solid #4C5053;
	background: #eee;
	color: #424857;
	padding: 5px;
	float: left;
	clear: both;
	width: 50%;
}
input#coldform_carbon {
	float: left;
	clear: both;
}
div#coldform textarea#coldform_message {
	font: 1.8em/1.3em Helvetica, Arial, sans-serif;
	border: 1px solid #4C5053;
	background: #eee;
	color: #424857;
	padding: 5px;
	float: left;
	clear: both;
	width: 80%;
}
div#coldform input.submit {
	font-family: Georgia, serif;
	border: 1px solid #4C5053;
	margin: 0.5em 0 0.7em 0;
	font-size: 1.3em;
	cursor: pointer;
	padding: 5px;
	width: 25%;
}
h3#coldform_success, h3#coldform_error, h3#coldform_spam {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 2.4em;
	margin: 0.7em 0;
}
span.required {
	font-family: Verdana, sans-serif;
	vertical-align: baseline;
	font-size: 1.4em;
	color: red;
}
/* == 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(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     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 { /* ie6 hack */
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/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
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 { /* ie6 hack */
     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;
}

/* == CUSTOM POST STYLES == */
/* tested on the fool post */
.clear {
	overflow: hidden;
	margin: 1.3em 0;
	width: 100%;
	}
.left {
	float: left;
	clear: none;
	width: 52%;
	}
.right {
	float: right;
	clear: none;
	width: 46%;
	}
/* for thumbnail posts - ie, Old Websites Never Die */
.left-thumb {
	float: left;
	clear: none;
	width: 26%;
	}
.right-thumb {
	float: right;
	clear: none;
	width: 71%;
	}
.right p, .left p, .right50 p, .left50 p, .left-thumb p, .right-thumb p {
	margin-top: 0;
	}
/* left space applied to second image on fool post */
.space {
	position: relative;
	left: 25px;
	}



/* use: "border: thin solid red;" for diagnostics */
/* even more custom divs - don't forget to add new classes to the anti-top margin list above */
.left50 {
	float: left;
	clear: none;
	width: 47%;
	}
.right50 {
	float: right;
	clear: none;
	width: 47%;
	}







/* == ALL YOUR CODE ARE BELONG TO POETRY == */