/*
Author: Josh Teague
Author URI: http://www.joshteague.com
.
Copyright (C) 2008 Josh Teague Studios
.*/
* {
margin:0;
padding:0;
}

html,body {
background:#fff;
color:#444;
}

body {
text-align:center;
font:70%/160% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

#wrap {
width:690px;
background:#fff;
text-align:left;
margin:0 auto;
}

#header {
height:85px;
text-align:left;
overflow:hidden;
padding-bottom:10px;
background:url('http://www.joshteague.com/img/header.png') no-repeat;
}

/*	Header image and link	 */
#header h1 {
font-size:3.5em;
line-height:1em;
margin:0;
}

#header h1 a {
text-indent:-9999px;
display:block;
width:330px;
height:70px;
}

h1 a:link,h1 a:visited,h1 a:hover,h1 a:active {
text-decoration:none;
}

/* Main Menu in Header */
#themenu {
padding-top:8px;
_padding-top:19px;
height:41px;
float:right;
}

#homeandpostwrap {
text-align:left;
}

#homeandpostwrap p {
text-align:left;
font-size:11px;
}

#homeandpostwrap .more {
text-align:right;
}

#frontimg {
border-color:#efefef;
border-style:solid;
border-width:13px;
}

#left {
float:left;
width:385px;
margin-bottom:10px;
}

#left h1 {
color:#a1a1a1;
font-size:30px;
line-height:1.7em;
}

#left h2 {
font:normal 1.5em/130% 'Nimbus Sans L', helvetica, arial, sans-serif;
text-transform:none;
padding-top:10px;
border-top:thin dotted #cecece;
color:#666;
}


#left h3 {
font: 1.6em/120% 'Helvetica', arial, sans-serif;
margin:10 0 0 0;
line-height:1.3em;
color:#c5c5c5;
text-transform:none;
padding-bottom:10;
border-bottom:thin dotted #cecece;
display: block;
}

#left h3 a {
text-decoration: underline;
}

#left h4 {
padding:0 5px 1;
font-weight:normal;
font-size:.9em;
background:#ffffcc;
border-color:#EBD430;
border-style:solid;
border-width:1px;
}


#left img {
height:131px;
width:373px;
background:#333;
border-color:#efefef;
border-style:solid;
float:left;
border-width:6px;
margin:12px 10px 2 0px;
}

#left ul {
font: 1.3em/140% 'Helvetica', arial, sans-serif;
margin:0;
color:#c5c5c5;
padding-bottom:0;
list-style-type:none;
}

#left p {
font-size:1em;
line-height:1.7em;
margin-top:-0.2em;
margin-bottom:1.5em;
}


#postnav {
float:left;
width:475px;
}

#right {
float:right;
width:288px;
margin:0;
}

#right h1 {
color:#666;
background:#3784dc;
font-size:11px;
margin:5px 0 5px 5px;
padding:2px 6px;
}

#right h2 {
font:normal 1.5em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
letter-spacing:-0.04em;
margin:17 0 0 5;
letter-spacing:-0.04em;
text-transform:none;
}

#right p {
color:#666;
margin-right:2px;
}

span.highlight {
background:#EFEFEF;
}

#form p {
color:#fff;
font-size:11px;
margin-right:20px;
}

#footer {
clear:both;
background:#f9f9f9;
width:100%;
height:110px;
color:#888;
text-align:center;
border-color:#cacaca;
border-width:1px 0 0;
margin:10px auto 0;
}

#footer h1 {
font-size:11px;
width:688px;
text-align:center;
margin:0 auto;
}

#footer h2 {
width:688px;
text-align:left;
margin:0 auto;
}

#footer p {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:2px;
width:688px;
text-align:center;
}

#smlink {
float:left;
width:30%;
text-align:left;
margin:0;
}

#searchform,#searchform p {
font-size:1em;
margin:0;
}

#searchform input {
width:110px;
font-size:1em;
background:#fff;
color:#333;
border:1px solid #888;
margin:0;
}

#searchform input:focus {
border-color:#36d;
}

/*	Giving block elements a default margin.	 */
h2,h3,h5,h6,p,ul,ol,dl,pre,fieldset,address,table {
margin:1em 0;
}

/* 	General styling		*/
h2 {
font:normal 1.5em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
margin:3px 0px 0px 0px;
letter-spacing:-0.04em;
text-transform:none;
}

h3 {
font:normal 1.5em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
margin-bottom:.3em;
display:inline;

}

h5 {
font-size:1em;
}

address {
font-style:italic;
}

blockquote {
margin:0;
padding:1px 0 1px 20px;
}

blockquote p {
margin:.7em 0;
}

dt {
font-weight:700;
margin:1em 0 .5em;
}

code,pre,var {
font-family:'bitstream vera sans mono', 'andale mono', monospace;
font-size:1em;
}

dd {
margin:.5em 0 1em 1.5em;
}

ol {
margin-left:3em;
}

textarea {
width:385px;
}

ul {
margin-left:1.5em;
color:#666;
}

a:link {
color:#2b77d9;
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:underline;
outline:none;
}

.links a:link {
color:#2b77d9;
outline:none;
}

.portfolio a:link {
outline:none;
color:#3784dc;
}

.portfolio a:visited {
outline:none;
color:#96c;
text-decoration:none;
}

.portfolio a:hover {
color:#2b77d9;
text-decoration:underline;
}

.img a:visited {
color:#96c;
text-decoration:none;
}

.img a:hover {
border:thin dotted;
color:#2b77d9;
}

.rss a:link {
color:#2b77d9;
outline:none;
float:right;
}

h2 a,h2 a:link,h2 a:visited,h2 a:hover,h2 a:active {
color:#666;
}

h2 a:hover {
text-decoration:underline;
}

.commentlink {
text-align:right;
}

ol.commentlist {
list-style:none;
margin-left:0;
color:#ff4d00;
}

.commentlist li {
color:#444;
font-style:normal;
margin-left:0;
margin-right:-10px;
border-bottom:1px dotted #444;
padding:1em;
}

.commentlist .alt {
background:#EFEFEF;
margin-left:0;
margin-right:-10px;
border-bottom:1px dotted #444;
}

.hilite {
background:#f93;
}

.posted cite {
font-weight:700;
font-style:normal;
}

input#submitComment {
padding:0;
}

input#submitComment:hover {
cursor:pointer;
}

/*	Navigation links		*/
.prev {
display:block;
float:left;
text-align:left;
width:50%;
font-size:10px;
letter-spacing:0;
}

.next {
display:block;
float:right;
text-align:right;
width:50%;
font-size:10px;
margin-top:-20px;
margin-right:-10px;
}

.prevpost {
display:block;
float:left;
text-align:left;
width:50%;
font-size:10px;
letter-spacing:0;
}

.nextpost {
display:block;
float:right;
text-align:right;
width:50%;
font-size:10px;
}

.nav:after {
content:".";
display:block;
height:0;
overflow:hidden;
clear:both;
visibility:hidden;
}

* html .nav {
height:1%;
}

object.support {
border:none;
height:120px;
width:330px;
overflow:hidden;
margin:0;
padding:0;
}

/* NAVIGATION MAIN */
#nav ul {
display:inline;
}

#nav li {
float:left;
list-style-type:none;
}

#nav a {
display:block;
text-indent:-10000px;
}

#nav_home,#nav_portfolio,#nav_about,#nav_contact {
margin-left:26px;
height:30px;
}

/* this rollover is for the HOME nav button */
#nav_home {
text-decoration:none;
background:url(http://www.joshteague.com/img/nav_home.gif) no-repeat -86px 0;
width:42px;
}

a#nav_home:hover {
background:url(http://www.joshteague.com/img/nav_home.gif) no-repeat -43px 0;
}

#home a#nav_home,#home a#nav_home:hover {
text-decoration:none;
background:url(http://www.joshteague.com/img/nav_home.gif) no-repeat 0px 0;
}

/* this rollover is for the PORTFOLIO nav button */
#nav_portfolio {
text-decoration:none;
background:url(http://www.joshteague.com/img/nav_portfolio.gif) no-repeat -118px 0;
width:59px;
}

a#nav_portfolio:hover {
background:url(http://www.joshteague.com/img/nav_portfolio.gif) no-repeat -59px 0;
}

#portfolio a#nav_portfolio,#portfolio a#nav_portfolio:hover {
background:url(http://www.joshteague.com/img/nav_portfolio.gif) no-repeat 0px 0;
}

/* this rollover is for the ABOUT nav button */
#nav_about {
text-decoration:none;
background:url(http://www.joshteague.com/img/nav_about.gif) no-repeat -86px 0;
width:43px;
}

a#nav_about:hover {
background:url(http://www.joshteague.com/img/nav_about.gif) no-repeat -43px 0;
}

#about a#nav_about,#about a#nav_about:hover {
text-decoration:none;
background:url(http://www.joshteague.com/img/nav_about.gif) no-repeat 0px 0;
}

/* this rollover is for the CONTACT nav button */
#nav_contact {
text-decoration:none;
background:url(http://www.joshteague.com/img/nav_contact.gif) no-repeat -112px 0;
width:56px;
}

a#nav_contact:hover {
background:url(http://www.joshteague.com/img/nav_contact.gif) no-repeat -56px 0;
}

#contact a#nav_contact,#contact a#nav_contact:hover {
text-decoration:none;
background:url(http://www.joshteague.com/img/nav_contact.gif) no-repeat 0px 0;
}

#portleft {
float:left;
width:401px;
border-bottom:thin dotted #999;
margin:0;
}

#portleft2 {
float:left;
width:401px;
background:#EFEFEF;
border-bottom:thin dotted #999;
margin:0;
}

#portright {
_margin:2px 0 0 0;
float:left;
height:163px;
width:284px;
border-bottom:thin dotted #999;
margin:0;
}

#portright2 {
_margin:2px 0 0 0;
float:left;
height:163px;
width:284px;
background:#EFEFEF;
border-bottom:thin dotted #999;
margin:0;
}

#projleft {
float:left;
width:402px;
border-bottom:thin dotted #999;
margin:0;
}

#projleft2 {
float:left;
width:402px;
background:#EFEFEF;
border-bottom:thin dotted #999;
margin:0;
}

#projright {
float:right;
min-height:252px;
width:285px;
border-bottom:thin dotted #999;
margin:0;
}

#projright2 {
float:right;
width:288px;
background:#EFEFEF;
border-bottom:thin dotted #999;
margin:0;
}

#credits {
color:#a1a1a1;
text-align:justify;
font-size:10px;
line-height:1.7em;
margin:7px 9px 0 7px;
}

#aboutwrap p {
color:#666;
text-align:justify;
font-size:11px;
line-height:1.7em;
margin:0px 0 15px;
}

#aboutwrap img {
background:#333;
float:left;
margin-top:42px;
margin-right:20px;
border-color:#EFEFEF;
border-style:solid;
border-width:12px;
}

#aboutwrap h4 {
margin-bottom:-35px;
padding-left:85px;
padding-right:5px;
font-weight:normal;
background:#ffffcc;
width:140px;
border-color:#EBD430;
border-style:solid;
border-width:1px;
}

#contactleft {
float:left;
width:400px;
border-bottom:none;
margin:0;
}

#contactright {
float:right;
width:277px;
}

/* this is for Lightbox Javascript */
#lightbox {
background-color:#eee;
border-bottom:2px solid #666;
border-right:2px solid #666;
padding:10px;
}

#lightboxDetails {
font-size:0.8em;
padding-top:0.4em;
}

#lightboxCaption {
float:left;
font-size:8pt;
color:#444;
}

#keyboardMsg {
float:right;
font-size:8pt;
}

#closeButton {
top:5px;
right:5px;
}

#lightbox img {
border:none;
clear:both;
}

#overlay {
background-image:url(http://www.joshteague.com/img/overlay.png);
}

* html #overlay {
background-color:transparent;
background-image:url(http://www.joshteague.com/img/blank.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.joshteague.com/img/overlay.png", sizingMethod="scale");
}

.delicious-title {
margin-left:.4em;
margin-bottom:.2em;
letter-spacing:-0.05em;
text-transform:none;
color:#666;
}

.delicious-posts ul,.delicious-posts li,.delicious-banner {
padding-bottom:4px;
padding-top:3px;
padding-left:5px;
margin:0;
}

.delicious-odd {
background-color:#f9f9f9;
}

table.inspiration {
color:#666;
font-size:11px;
line-height:1.7em;
border-collapse:separate;
background-color:#FFF;
border-color:#f1f1f1;
border-style:solid;
border-width:1px;
}

table.inspiration td {
padding-left:6px;
padding-right:53px;
background-color:#FFF;
}

#homeandpostwrap form p,#postcomment {
text-align:left;
}

#form,.commentlist p {
margin:0;
}

/*#form h1,h4 {
color:#ff6000;
font-size:13px;
margin:0 0 10px;
}*/

img,#overlay img {
border:none;
}

a:visited,.links a:visited,.rss a:visited {
color:#96c;
text-decoration:none;
outline:none;
}

.links a:hover,.rss a:hover {
text-decoration:none;
outline:none;
background:#2b77d9;
color:#FFF;
}

#portfoliowrap,#aboutwrap {
width:690px;
margin:10 auto;
text-align:left;
}

#aboutwrap h1 {
font:normal 1.55em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
color:#3784dc;
margin:8px 0 0 0px;
}

#portleft img,#portleft2 img {
background:#333;
border-color:#cacaca;
border-style:solid;
border-width:6px;
margin:10px 8px;
}

#projleft img,#projleft2 img {
background:#333;
border-color:#E4E4E4;
border-style:solid;
border-width:6px;
margin:10px 8px;
}

#portfoliowrap h1 {
	font: normal 1.55em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
	color: #3784dc;
	margin: 8px 0px 0px 7px;
}

#portfoliowrap h4 {
padding:2 5px 4;
font-weight:normal;
background:#ffffcc;
border-color:#EBD430;
border-style:solid;
border-width:1px;
display:inline;
}

#portfoliowrap p {
	color: #666;
	text-align: justify;
	font-size: 11px;
	margin: 0px 9px 0px 7px;
}

#portleft img {
	border-style: solid;
	border-width: 6px 6px 6px 6px;
	margin: 10px 8px 10px 8px;
	border-color: #cacaca;
	background: #333;
}

#white {
width:687px;
min-height:163px;
_height:163px;
_margin-left:12px;
margin:0 auto;
border-bottom:thin dotted #999;
}

#white h1 {
font:normal 1.55em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
color:#3784dc;
margin:-8px 0 0 0px;
}

#white p {
text-align:justify;
color:#666;
margin:0 15px 0 0;
}

#white img {
height:131px;
width:373px;
background:#333;
border-color:#cacaca;
border-style:solid;
float:left;
border-width:6px;
margin:10px 15px 0 10px;
}

#grey {
background:#EFEFEF;
width:687px;
min-height:163px;
_height:163px;
_margin-left:12px;
margin:0 auto;
border-bottom:thin dotted #999;
}

#grey h1 {
font:normal 1.55em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
color:#3784dc;
margin:-8px 0 0 0px;
}

#grey p {
text-align:justify;
color:#666;
margin:0 15px 0 0;
}

#grey img {
height:131px;
width:373px;
background:#333;
border-color:#cacaca;
border-style:solid;
float:left;
border-width:6px;
margin:10px 15px 0 10px;
}