/* CSS Document 

http://thesis.jessierauch.com
author: Jessie Rauch
author site: http://www.jessierauch.com

All rights reserved. This CSS may not be duplicated for any purpose.
*/


/*
1. Universal Declarations
2. Structure
3. Text Styles
4. Navigation
5. Quicktime
*/


/* Universal Declarations
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td  {
		margin: 0;
		padding: 0;
	}
		
ul {
		list-style-type: none;
	}
	
* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
	}
		
:link img {
		border: none;
	}

* img {
		border: none;
	}
	
a img {
		border: none;
	}
	
:link img, :active img {
		border: none;
	}

	
/* Structure
----------------------------------------------------------------------------- */
html { 
		margin-top: 32px;
		/*margin-left:32px;*/
		
	}

body {
		font-size: 62.5%; /*  Sets 1em to 10px */
		text-align:center;
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height:1.6em;
		background:#fbfaf0;
	}

#wrapper {
		width: 910px;
		margin: 0 auto;
		text-align: left;
	}
.blackline {
		height:1px;
		padding-bottom:15px;
		background: url(images/black.gif) repeat-x top left;
}
.spacer {
		height:16px;
		clear:both;
}
.leftCol {
		width:302px;
		padding-left:32px;
		float:left;
}
.rightCol {
		width:302px;
		padding-left:32px;
		float:left;
}
.fullPage {
		width:636px;
		padding-left:32px;
		float:left;
}


/* Text styles
----------------------------------------------------------------------------- */
h2.workimage {
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:32px;
		text-transform:uppercase;
		line-height:1;
		text-indent:-9000px;
}
h2.work {
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		font-size:32px;
		text-transform:uppercase;
		line-height:1;
		font-weight:normal;
		letter-spacing:2px;
}
h2.worklist {
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:capitalize;
		font-size:12px;
}
h2.worklist a{
		color:#000;
		text-decoration:none;
		margin-bottom:-1px;
		border-bottom: 1px dotted #000;
}

h2.worklist a:hover {
		border-bottom: 1px solid #000;
}

p {
		padding-bottom:16px;
}
div.caption {
		font-family: Helvetica, Arial, Verdana, sans-serif;
}
span.undercaption {
		font-size:10px;
		color:#666;
}
span.caps {
		text-transform:uppercase; 
		letter-spacing:1px;
}
span.capsbold {
		text-transform:uppercase;
		font-weight:bold; 
		letter-spacing:1px;
}
span.smallcaps {
		font-size:.9em;
		text-transform:uppercase;
		letter-spacing:1px;
}
span.fakescript {
		font-style:italic;
		font-weight:bold; 
		font-size:14px;
}
span.captiontitle {
		font-family: Rockwell, Clarendon, "NewCenturySchlbk", Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
		font-weight: bold;
		font-size:16px;
		text-transform:uppercase;
		letter-spacing:2px;
		line-height:1;
}
p.intro:first-line {
		font-size:.9em;
		text-transform:uppercase;
		letter-spacing:1px;
}
p + p:first-line {
		font-size:1em;
		font-weight: normal;
		text-transform: none;
}
p.pullquote {
		padding: 16px 32px 16px 32px;
		background: url(images/intro/quote.gif) no-repeat left top;
		background-color: #e8e6d0;
		font-family: Rockwell, Clarendon, "NewCenturySchlbk", Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
		font-weight: bold;
		font-size:12px;
		text-transform:uppercase;
		letter-spacing:2px;
		margin-bottom:16px;
}
p.pullquote:first-line {
		font-weight: bold;
		font-size:12px;
		text-transform:uppercase;
		letter-spacing:2px;
		margin-bottom:16px;
}
span.pullquotecaption {
		text-transform:none;
		letter-spacing:normal;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size: 10px;
}
blockquote {
		padding-left:16px;
		padding-right:16px;
		color:#333;
		padding-bottom:16px;
}
.nextprev {
		float:left;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:.9em;
}
.pages {
		float:right;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:1em;
}
ul.pagination li {
		display:inline;
		padding-right:6px;
		padding-top:3px;
		padding-bottom:3px;
		margin-right:5px;
		border-right: 1px solid #999;
}
ul.pagination li.onnum {
		color:#990000;
}
.nextprev a,
.pages a {
		color: #000;
		text-decoration:none;
		margin-bottom:0;
		border-bottom:none;
}
.nextprev a:hover,
.pages a:hover {
		color:#fbfaf0;
		background-color:#000;
}
.contentcopy {
		font-size:1.1em;
}
.contentcopy a {
		color:#000;
		margin-bottom:-1px;
		border-bottom: 1px dotted #000;
}
.contentcopy a:hover {
		color:#000;
		border-bottom: 1px solid #000;
}
.contentcopy h3 {
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:1em;
}
a.notelink {
		color:#000;
		margin-bottom:-1px;
		border-bottom: 1px dotted #000;
}
a.notelink:hover {
		color:#000;
		border-bottom: 1px solid #000;
}
ol li {
		padding-bottom:16px;
}

/* Navigation
----------------------------------------------------------------------------- */
#mainNav {
		width:207px;
		font-size:11px;
		float:left;
}
#mainNav li.current a{
		color:#990000 !important;
}
#mainNav li.inactive a{
		text-decoration:line-through;
}
#mainNav li a {
		color:#000;
		font-size:9px;
		text-transform:uppercase;
		letter-spacing:1px;
		display:block;
		padding-left:3px;
		margin-left:-3px;
}
#mainNav li a:visited {
color:#222;
}
#mainNav li a:hover {
		color:#fbfaf0;
		background-color:#000;
}

.info {
		font-size:10px;
}
.info a {
		border-bottom: 1px dotted #000;
		color:#000;
}
.info a:hover {
		color:#990000;
}
div.logo {
		width:206px;
		height:96px;
		background:url(images/vice_versa.gif) top left no-repeat;
}
div.logo:hover {
		background:url(images/vice_versa_red.gif) top left no-repeat;
}
div.workimg {
		width:208px;
		height:32px;
		background:url(images/work.gif) top left no-repeat;
}
div.workimg:hover, div.workimgon {
		background:url(images/work_red.gif) top left no-repeat;
}
div.aboutimg {
		width:191px;
		height:32px;
		background:url(images/about.gif) top left no-repeat;
}
div.aboutimg:hover {
		background:url(images/about_red.gif) top left no-repeat;
}

/* Forms
----------------------------------------------------------------------------- */
#search {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
		color:#999;
		font-size:11px;
		float:right;
		vertical-align:middle;
}
#search img {
		vertical-align:middle;
}
.searchbox {
		border:1px solid #CCC;
		margin-left:1px;
		padding:3px;
		color:#666;
}
.searchbox:focus { 
		padding-left:2px;
		padding-top:2px;
		border-top: 2px solid #AAA; 
		border-left: 2px solid #AAA; 
		border-right: 1px solid #BBB; 
		border-bottom: 1px solid #BBB; 
}
.searchbutton {
		border:1px solid #CCC;
		vertical-align:middle; 
		margin-left: 3px;
		margin-bottom:4px;
		padding:4px;
		padding-top:5px;
		background-color:#EFEFEF;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
		color:#999;
		font-size:11px;
}
.searchbutton:hover {
		background-color:#FFF;
}
.searchbutton:focus {
		background-color:#999;
		padding-top:4px;
		padding-left:3px;
		border-top: 2px solid #777; 
		border-left: 2px solid #777; 
		border-right: 1px solid #666; 
		border-bottom: 1px solid #666; 
		color: #666;
}
div.displaybutton {
		float:left;
		margin-left:70px;
}

select {
		width:222px;
}

label.overlabel {
		margin-top:6px;
		float:left;
		width:70px;
		font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		font-size:11px;
		color:#000;
}



/* Quicktime embedding
----------------------------------------------------------------------------- */

/* hides IE garbage */
* html object.mov {
	display: none;
}


* html object.mov/**/ {
	display: inline;
}


* html object.mov {
	display/**/: none;
}