/*
Theme Name: Litvin
Theme URI: http://www.michellelitvin.com/
Description: Custom WordPress theme created for Michelle Litvin.
Version: 1.0
Author: Erika Holmquist
Author URI: http://www.erikaholmquist.com/
Tags: custom

*/

/* Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');

/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html,
body {
	height:100%;
	width:100%;
	overflow:auto;
	margin:0;
	padding:0;
}
body {
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:100;
	text-align:left;
	color:#333;
}
#container {
	position:relative; /* needed for footer positioning*/
	height:100%; /* real browsers */
	width:auto;
	padding:0 30px;
}
@media print
{
#container {top:0%; margin-top:0px;}
}
button::-moz-focus-inner { border:0; }
a:focus { outline:none; }

/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.right {
	float:right;
}
.left {
	float:left;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display:none;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#FF0;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link,
a:visited,
a img {
	border:none;
	text-decoration:none;
	color:#333;
	/*color:#666;*/
}
a:hover,
a:active {
	border:none;
	text-decoration:none;
	color:#F30;
}
ul a:link,
ul a:visited {
	border:none;
	text-decoration:none;
	color:#333;
}
ul a:hover,
ul a:active {
	border:none;
	text-decoration:none;
	color:#666;
}

ul a:link,
ul a:visited {
	border:none;
	text-decoration:none;
	color:#333;
}
ul a:hover,
ul a:active,
#popup a img {
	border:none;
	text-decoration:none;
	color:#666;
}
#popup a:link,
#popup a:visited,
#popup a img {
	border:none;
	text-decoration:underline;
	color:#333;
}
#popup a:hover,
#popup a:active {
	border:none;
	text-decoration:none;
	color:#666;
}
.info,
.info a:link,
.info a:visited {
	float:left;
	padding-right:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	line-height:18px;
	font-weight:bold;
	font-style:italic;
	color:#F30;
}
.info a:hover,
.info a:active {
	color:#333;
}

/* Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1,
ul li {
	margin:0;
	padding:5px 0 2px;
	font-family:'Helvetica Neue Light Ultra', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
	font-size:30px;
	line-height:30px;
	font-weight:100;
}
h1 strong {
	font-weight:bold;
}
h1 em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
h2 {
	margin:0;
	padding:0 0 5px 0;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
}
li h2 {
	margin:0;
	padding:5px 0 2px;
	font-family:'Helvetica Neue Light Ultra', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
	font-size:24px;
	line-height:16px;
	font-weight:100;
}
ul li ul,
ul li ul li {
	margin:0;
	padding:0 0 5px 0;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
}
h2 em,
ul li ul em,
ul li ul li em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
}
h3 {
	font-weight:100;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p {
	margin:0 0 10px 0;
}
strong {
}
strong.ink {
	float:left;
	padding:1px 0 0 7px;
	text-transform:uppercase;
}
h2 p {
	float:left;
}
em {
}
.copyright {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#999;
}
.announcements {
	padding:2px 0 0 0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background:#FF0;
}
#banner {
	position:absolute;
	bottom:0;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
ul,
ul li,
ul li ul,
ul li ul li {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li {
	padding:10px 0 0;
}
ul li ul {
	padding:0 0 10px;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {
	display:block;
	position:relative;
	height:100px;
	margin:0;
	padding:10px 0 0;
}
#header.home {
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
	top:5px;
}

/* Top Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav {
	display:block;
	position:relative;
	height:20px;
}

/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#trans {
	position:absolute;
}
#content {
	display:block;
	position:relative;
	min-height:575px;
	padding-bottom:20px;
}
#content.home {
	min-height:470px;
	margin-top:105px;
}
#post_thumbnail{
	display:none;
	position:absolute;
	left:375px;
	z-index:10;
}
#popup {
	background:transparent;
}
#popupSpacer {
	padding:120px 0 10px 0;
}
	
/* Password Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
#password {
	padding:110px 0 0 0;
}
#password h3 {
	padding:20px 0 10px 0;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
div.wpcf7-mail-sent-ok {
	margin:0;
	padding:20px 0 10px 0;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:none;
	border:none;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip, 
span.wpcf7-not-valid-tip-no-ajax {
	padding:2px 0 0 0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background:#FF0;
	border:none;
}


/* Images
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
img.alignright {
	float:right;
	padding:0 0 15px 25px;
}
.alignright img {
	float:right;
	padding:0 0 5px 25px;
}
img.alignleft,
.alignleft img {
	float:left; 
	padding:0 25px 5px 0;
}
img.aligncenter {
	display:block; 
	margin-left:auto; 
	margin-right:auto;
	padding:0 0 5px 0;
}

/* Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Slideshow
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Forms & Tables
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#clear {
	clear:both;
}
#footer {
	padding:5px 0;
}
#footer p {
	margin:0;
}