@charset "UTF-8";
/* CSS Document */

/********************* basics & fonts *****************/

* {
	margin:0;
	padding:0;
}
html {
	height:101%;
}
@font-face {
	font-family: 'BenthamRegular';
	src: url('/assets/fonts/Bentham.eot');
	src: local('Bentham Regular'), local('BenthamRegular'), url('/assets/fonts/Bentham.otf') format('opentype');
}
@font-face {
	font-family:'RabioheadRegular';
	src: url('/assets/fonts/rabiohead.eot');
	src: local('Rabiohead Regular'), local('RabioheadRegular'), url('/assets/fonts/rabiohead.ttf') format('truetype');
}
@font-face {
	font-family: 'IMFELLGreatPrimerPRORegular';
	src: url('/assets/fonts/Primer-Pro.eot');
	src: local('IM FELL Great Primer PRO Regular'), local('IM_FELL_Great_Primer_PRO_Roman'), url('/assets/fonts/Primer-Pro.ttf') format('truetype');
}
@font-face {
	font-family: 'BebasRegular';
	src: url('/assets/fonts/Bebas.eot');
	src: local('Bebas Regular'), local('Bebas'), url('/assets/fonts/Bebas.ttf') format('truetype');
}
body {
	font-family:'IMFELLGreatPrimerPRORegular', Georgia, "Times New Roman", Times, serif;
	background-color:#eee;
	background-image:url(/assets/images/page-background.jpg);
	background-attachment:fixed;
	background-position:center;
	padding-top:8px;
}
.DBCB {
	display:block;
	clear:both;
}
img {
	border:none;
}
em {
	font-style:italic;
}


/********************* layout *****************/

.center {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

/********************* top *****************/

#tagline {
	text-align:center;
	font-size:13px;
	display:block;
	padding: 5px 0 0 10px;
	height:20px;
	background-image:url(/assets/images/star-on-white.gif);
	background-repeat:no-repeat;
	background-position:left center;
	width:590px;
}
#tagWrapper {
	background-image:url(/assets/images/star-on-white.gif);
	background-repeat:no-repeat;
	background-position:right center;
	width:610px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:35px;
	height:25px;
}
#topRow {
	height:130px;
	border-top:4px solid #000;
	border-bottom:1px solid #000;
	background-image:url(/assets/images/header-background.gif);
	background-position:center;
	background-repeat:repeat-x;
}
.line {
	height:3px;
	border-bottom:1px solid #000;
}
#logoWrapper img {
	behavior:url('/assets/scripts/iepngfix.htc');
	position:absolute;
	top: -43px;
	left: 50%;
	margin-left: -238px;
}
/*#logoWrapper {
	width:476px;
	float:left;
	position:relative;
	margin-left: 69px;
	margin-right: 69px;
}*/
#topLeft, #topRight {
	width:140px;
	float:left;
	text-align:center;
	padding-top:10px;
}
#topRight p, #topLeft p {
	line-height:130%;
	margin:0;
}
#topLeft .copy, #topRight .copy {
	text-transform:lowercase;
}
#topLeft {
	margin-left:50px;
}
#topRight {
	margin-left:620px;
}
.headline {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:20px;
	word-spacing:3px;
}	
#topRight p.copy, #topLeft p.copy {
	font-size:16px;
	margin: 3px 0 5px 0;
}
.timestamp {
	font-size:12px;
}
.xsmall {
	font-size:8px;
}

/********************* main nav *****************/

#mainNav {
	background-color:#333;
	margin-top:40px;
}
#mainNav a {
	display:block;
	float:left;
	padding:8px 15px 5px 15px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	border-bottom:3px solid #333;
	margin-left:70px;
	width:auto;
}

/***************** homepage styles *******************/

#flickrFeed {
	height:270px;
	padding:15px 0 15px 0;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.photo div.caption {
	position:absolute;
	z-index:500;
	top:215px;
	left:10px;
	width:230px;
	display:block;
	font-family: 'RabioheadRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.photo div.caption p {
	line-height:100%;
	margin:0;
	font-size:16px;
	}
.photo div.caption a {
	text-decoration:none;
	color:#000;
	background-color:transparent;
}
.photo div.caption a:hover {
	color:#000 !important;
}
.photo {
	width:246px;
	height:270px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center 17px;
	position:relative;
	float:left;
}
/*.photo img {
	float:left;	
	position:absolute;
	z-index:0;
}*/
.center h2.subhead {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
	word-spacing:3px;
	padding: 3px 0 3px 3px;
	margin-bottom:15px;
	border:none;
}
.blogPost {
	width:400px;
	margin-left:40px;
	float:left;
}
.blogPost a img {
	width:100px;
	height:75px;
	float:left;
	margin-right:10px;
	border:6px solid #fff;
	border-bottom:25px solid #fff;
	background-color:transparent;
}
p.postNumber {
	display:block;
	float:left;
	width:110px;
	font-family:'BenthamRegular', Georgia, "Times New Roman", Times, serif;
	font-size:68px;
	color:#bdbdbd;
	line-height:normal;
}
.blogPost p.postNumber .number {
	font-size:28px;
	text-transform:uppercase;
	display:block;
	margin-bottom:-110px;
}
.blogContent {
	margin-left:110px;
}
.blogPost .blogContent h1 {
	font-family:'IMFELLGreatPrimerPRORegular', Georgia, "Times New Roman", Times, serif;
	border:none;
	text-transform:none;
	font-size:28px;
	margin:0;
}
.blogContent p {
	font-size:16px;
	line-height:170%;
	margin:0;
}
.blogContent p a {
	background:transparent;
	color:#333;
	border-bottom:1px dashed;
}
.blogContent p a:hover {
	background-color:#333;
}
p.postDate {
	font-style:italic;
	font-size:13px;
}
p.jamie, p.tom {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-transform:uppercase;
	display:block;
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	margin-right:10px;
	margin-top:8px;
}
p.jamie {
	width:70px;
	height:30px;
	padding-top:40px;
	background-image:url(/assets/images/stag.gif);
}
p.tom {
	width:63px;
	height:30px;
	padding-top:30px;
	background-image:url(/assets/images/bird.gif);
}
p.jamie a, p.tom a {
	color:#333;
	text-decoration:none;
	background-color:transparent;
}
.marginLeft {
	margin-left:80px;
}
.bigMarginLeft {
	margin-left:330px;
}
.threeCol {
	width:300px;
	float:left;
}
.center .threeCol h2 {
	padding-left:70px;
	border:none;
	font-family:'IMFELLGreatPrimerPRORegular', Georgia, "Times New Roman", Times, serif;
	margin:0;
	text-transform:none;
	font-size:24px;
}
.threeCol p, .threeCol a {
	margin-left:70px;
}
.threeCol a:hover, p.more a:hover {
	background-color:#666;
}
.threeCol p {
	font-size:14px;
	line-height:170%;
	margin-bottom:8px;
	margin-top:3px;
}
.threeCol a, p.more a {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:15px;
	text-transform:uppercase;
	color:#fff !important;
	background-color:#333 !important;
	text-decoration:none;
	padding:0 2px 2px 2px;
	width:auto;
	word-spacing:3px;
	overflow:hidden;
	border-bottom:none !important;
}
#a, #b, #c {
	background-repeat:no-repeat;
	background-position:20px top;
}
#a {
	background-image:url(/assets/images/a.gif);
}
#b {
	background-image:url(/assets/images/b.gif);
}
#c {
	background-image:url(/assets/images/c.gif);
}
#typewriter {
	padding-bottom:90px;
	background-image:url(/assets/images/typewriter-on-white.gif);
	background-repeat:no-repeat;
	background-position:180px bottom;
}

/*************************footer**********************/

#footer {
	background-color:#333;
	color:#fff;	
	background-image:url(/assets/images/footer-background.gif);
	background-repeat:repeat-x;
}
.topLine {
	border-top:1px solid #333;
	height:7px;
}
#left {
	float:left;
	width:830px;
	padding:30px 0px 0px 0px;
	overflow: visible;
}
#twitterFeed {
	width:270px;
	float:left;
	padding-top:10px;
	background-image:url('/assets/images/twitter-bird.gif');
	background-repeat:no-repeat;
	background-position:left 11px;
	padding-left:38px;
	height:155px;
}
#twitterFeed h3 {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	text-transform:uppercase;
	border-bottom:none;
	margin-bottom:0;
}
#twitterFeed h3 a {
	text-decoration:none;
}
#twitterFeed h3 a:hover {
	border-bottom:1px dashed;
}
#twitterFeed #tweet {
	font-size:15px;
}
#twitterFeed #tweetTime {
	font-size:12px;
	color:#ccc;
}
#twitterFeed p {
	line-height:170%;
	margin:0;
}
#twitterFeed p a {
	text-decoration:none;
}
#twitterFeed p a:hover {
	border-bottom:1px dashed;
}
#socialMedia {
	width:450px;
	float:left;
	font-size:13px;
	padding:25px 20px 20px 15px;
	margin:15px 0px 0px 20px;
	background-image:url(/assets/images/both-brackets.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#socialMedia a {
	text-decoration:none;
	color:#fff;
	display:block;
	width:140px;
	padding-bottom:3px;
	margin-bottom:8px;
	padding-left:25px;
	background-image:url(/assets/images/star-on-black.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#socialMedia a:hover {
	text-decoration:underline;
}
#twitterLink, #facebookLink, #jamieGR, #tomGR {
	float:left;
}
#twitterLink, #jamieGR {
	margin-left:65px;
	margin-right:25px;
}
#blogLink {
	margin-left:auto;
	margin-right:auto;
	clear:left;
}
.emphasis {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
}
#bottomNav {
	float: left;
	width: 100%;
}
#bottomNav a, #left #bottomNav p {
	display:block;
	float:left;
	width:auto;
	margin-right:75px;
	color:#666;
	text-decoration:none;
	font-size:12px;
	line-height:normal;
}
#bottomNav a:hover {
	color:#fff;
}
#right {
	background-color:#636363;
	width:132px;
	height:280px;
	float:left;
	background-image:url(/assets/images/typewriter-on-black.gif);
	background-repeat:no-repeat;
	background-position:center 175px;
	border-left:5px solid #333;
	border-right:5px solid #333;
}
#right td {
	padding:5px;
	border-bottom:1px solid #fff;
}
.count {
	font-size:30px;
	font-family:'BenthamRegular', Georgia, "Times New Roman", Times, serif;
}
#right p#since {
	color:#ccc;
	font-size:12px;
	text-align:center;
	margin-top:8px;
	line-height:100%;
	margin-bottom:0;
}
#right table {
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
}
#right h3 {
	text-align:center;
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:26px;
	line-height:100%;
	margin-top:10px;
	word-spacing:3px;
	border-bottom:none;
	margin-bottom:0;
}

#lenzLogo {
	text-align: center;
	margin-top: -20px;
}

#lenzLogo a {
	font-size: 12px;
	color:#666;
}

#lenzLogo img {
	padding-right: 3px;
}
#lenzLogo a:hover {
	color:#666 !important;
}


/*************************interior layouts**********************/

.twoCol .first, .twoCol .second {
	width:400px;
	float:left;
}
.second {
	margin-left:60px;
}
div.jamie, div.tom {
	background-repeat:no-repeat;
	background-position:left center;
	padding:15px 0px 10px 20px;
	height:40px;
	margin-left:-15px;
}
div.jamie {
	background-image:url(/assets/images/stag.gif);
}
div.tom {
	background-image:url(/assets/images/bird.gif);
}
.oneCol {
	padding-right:60px;
}
table.clients {
	width:100%;
	margin-top:30px;
}
table.clients img {
	padding:5px;
}
table.clients img:hover {
	padding:3px;
	border:2px dashed #c8df5a;
}
#bioPic {
	width:320px;
	float:left;
}
.pullout {
	font-family: 'RabioheadRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:22px;
	line-height:110%;
	border-bottom:1px dashed #666;
	background-color:#ccc;
	padding:5px;
}
div.floatR {
	width:250px;
	float:right;
	margin-left:15px;
}
div.floatL {
	width:310px;
	float:left;
	margin-right:15px;
}
.pullout .source {
	font-size:16px;
}
.bigMarginLeft p a {
	color:#333;
	background-color:transparent;
	border-bottom:1px dashed;
}
.bigMarginLeft p a:hover {
	background-color:#333;
}
.clearLeft {
	clear:left;
}

/*************************form styling**********************/

table.contact {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	word-spacing:3px;
	font-size:20px;
}
td {
	padding:5px 0px 5px 5px;
}
input.text, .input input {
	height:22px;
	width:200px;
}
input#SentenceString {
	width:600px;
	height:22px;
}
textarea {
	width:400px;
	height:200px;
}
input.text, textarea, .input input {
	border:4px solid #999;
}
#UserLoginForm div, #SentenceCreateForm div, #SentenceEditForm div, #StatEditForm div, #StatCreateForm div, #UserEditForm div {
	margin-bottom:10px;
}
#UserLoginForm {
	margin-top:30px;
	width:200px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:180px;
}
#UserLoginForm label, .adminWrapper label {
	display:block;
}
#address {
	display:none;
}
input#submit, div.submit input {
	text-align:center;
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:20px;
	background-color:#333;
	width:auto;
	padding:0 5px 0 5px;
	color:#fff;
	height:40px;
	word-spacing:3px;
}
div.submit input {
	border:4px solid #f3e800;
}
input#submit {
	border:4px solid #f44f57;
}
input#submit:hover {
	color:#333;
	background-color:#f44f57;
}
div.submit input:hover {
	color:#333;
	background-color:#f3e800;
}
input.text:focus, textarea:focus {
	border: 4px solid #f44f57;
}
p.warning {
	background-color:#f44f57;
	color:#fff;
	padding-left:3px;
}

/*************************admin**********************/

#menu a {
	color:inherit;
	text-decoration:none;
	display:block;
	width:150px;
	margin-bottom:10px;
	padding-bottom:1px;
}
#menu {
	padding:10px;
	border:1px dashed #999;
	width:150px;
	margin:15px;
	float:left;
}
#menu a:hover {
	border-bottom:1px solid;
	padding-bottom:0;
}
.adminWrapper {
	padding:25px 0 50px 0;
	float:left;
	width:700px;
	margin-left:15px;
}
.adminWrapper table {
	width:100%;
	margin-top:25px;
}
.adminWrapper table td {
	border-bottom:1px dotted #999;
	padding:10px 20px 10px 0px;
}
a.add, td.actions a {
	text-align:center;
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:16px;
	background-color:#333;
	color:#fff;
	text-decoration:none;
	padding:5px;
	word-spacing:3px;
}
a.add {
	width:100px;
	font-size:16px;
	padding:5px;
}
td.actions a {
	width:50px;
	padding:3px;
	font-size:14px;
}
td.actions {
	width:150px;
	text-align:center;
}
a.add:hover, td.actions a:hover {
	color:#f3e800;
}
.adminWrapper th {
	text-align:left;
	font-weight:normal;
	vertical-align:bottom;
	border-bottom:3px solid #333;
	font-size:18px;
	padding-right:20px;
}

/*************************typography**********************/

h1, h2, h3, h4, h5 {
	font-weight:normal;
}
h1, h2 {
	font-family:'BebasRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	word-spacing:3px;
	margin:20px 0 15px 0px;
	padding-bottom:3px;
}
h1 {
	font-size:46px;
}
h1 a {
	color:#333;
	text-decoration:none;
}
h1 a:hover {
	border-bottom:1px dashed;
}
h2 {
	font-size:36px;
}
p {
	line-height:180%;
	font-size:16px;
	margin-bottom:20px;
}
li {
	line-height:160%;
	font-size:16px;
	margin-left:35px;
}
li a {
	color:#333;
	text-decoration:none;
}
li a:hover {
	background-color:#333;
}
p a {
	text-decoration:none;
	color:#fff;
	background-color:#333;
	padding:0 3px 0 3px;
}
h3 {
	font-size:30px;
	border-bottom:1px dashed #999;
	margin-bottom:15px;
}
p.more {
	text-align:right;
}
.firstLine {
	font-size:26px;
}

/*************************accent colors**********************/

#mainNav a:active {
	border-bottom:3px solid #f3e800;
	color:#f3e800;
}

/****yellow****/

.yellow h2.subhead, .yellow p.tom a:hover, .yellow p.jamie a:hover {
	background-color:#f3e800;
}
.yellow #twitterFeed h3, .yellow .emphasis, .yellow #right h3, .yellow .threeCol a:hover, .yellow p.more a:hover, .yellow p a:hover , .yellow li a:hover, .yellow #twitterFeed h3 a {
	color:#f3e800 !important;
}
.yellow #mainNav a:hover { 
	border-bottom:3px solid #f3e800;
	color:#f3e800;
}
.yellow h1, .yellow h2 {
	border-bottom:8px solid #f3e800;
}
.yellow .pullout {
	border-top:5px solid #f3e800;
}

/****blue****/

.blue h2.subhead, .blue p.tom a:hover, .blue p.jamie a:hover {
	background-color:#80c7f2;
}
.blue #twitterFeed h3, .blue .emphasis, .blue #right h3, .blue .threeCol a:hover, .blue p.more a:hover, .blue p a:hover, .blue li a:hover, .blue #twitterFeed h3 a {
	color:#80c7f2 !important;
}
.blue #mainNav a:hover { 
	border-bottom:3px solid #80c7f2;
	color:#80c7f2;
}
.blue h1, .blue h2 {
	border-bottom:8px solid #80c7f2;
}
.blue .pullout {
	border-top:5px solid #80c7f2;
}

/****orange****/

.orange h2.subhead, .orange p.tom a:hover, .orange p.jamie a:hover {
	background-color:#f28b30;
}
.orange #twitterFeed h3, .orange .emphasis, .orange #right h3, .orange .threeCol a:hover, .orange p.more a:hover, .orange p a:hover, .orange li a:hover, .orange #twitterFeed h3 a {
	color:#f28b30 !important;
}
.orange #mainNav a:hover { 
	border-bottom:3px solid #f28b30;
	color:#f28b30;
}
.orange h1, .orange h2 {
	border-bottom:8px solid #f28b30;
}
.orange .pullout {
	border-top:5px solid #f28b30;
}

/****pink****/

.pink h2.subhead, .pink p.tom a:hover, .pink p.jamie a:hover {
	background-color:#f6416b;
}
.pink #twitterFeed h3, .pink .emphasis, .pink #right h3, .pink .threeCol a:hover, .pink p.more a:hover, .pink p a:hover, .pink li a:hover, .pink #twitterFeed h3 a {
	color:#f6416b !important;
}
.pink #mainNav a:hover { 
	border-bottom:3px solid #f6416b;
	color:#f6416b;
}
.pink h1, .pink h2 {
	border-bottom:8px solid #f6416b;
}
.pink .pullout {
	border-top:5px solid #f6416b;
}

/****red****/

.red h2.subhead, .red p.tom a:hover, .red p.jamie a:hover {
	background-color:#f44f57;
}
.red #twitterFeed h3, .red .emphasis, .red #right h3, .red .threeCol a:hover, .red p.more a:hover, .red p a:hover, .red li a:hover, .red #twitterFeed h3 a {
	color:#f44f57;
}
.red #mainNav a:hover { 
	border-bottom:3px solid #f44f57;
	color:#f44f57 !important;
}
.red h1, .red h2 {
	border-bottom:8px solid #f44f57;
}
.red .pullout {
	border-top:5px solid #f44f57;
}


/****green****/

.green h2.subhead, .green p.tom a:hover, .green p.jamie a:hover {
	background-color:#c8df5a;
}
.green #twitterFeed h3, .green .emphasis, .green #right h3, .green .threeCol a:hover, .green p.more a:hover, .green p a:hover, .green li a:hover, .green #twitterFeed h3 a {
	color:#c8df5a !important;
}
.green #mainNav a:hover { 
	border-bottom:3px solid #c8df5a;
	color:#c8df5a;
}
.green h1, .green h2 {
	border-bottom:8px solid #c8df5a;
}
.green .pullout {
	border-top:5px solid #c8df5a;
}