/* Colors */
/* Blue-gray: #7292a1 */
/* Darker Blue-gray: #5c7079 */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
 
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}/* Font Stuff */

body {
	background: #fff url("../images/body-bg.png") repeat-x top;
	text-align: center;
}

a:active
{
  outline: none;
}

#main ul {
	margin: .5em 0 1.5em 0;
}
#site-map ul {
	margin: 0
}

img {
	border: 0;
}

body {
	color: #5c7079; /*#7292a1;*/
	font-family: "verdana", sans-serif;
	text-align: left;
}

a:link, a:visited {
	color: #d8a224;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 1.3em;
	margin: 1.5em 0 .5em 0;
}

h4 {
	font-size: 1.2em;
	margin: 1em 0 .3em 0;
}

img.right {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
}

img.left {
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
} 

#main li {
	margin-left: 1.5em;
}

#main h2, #main h1, #band h2 {
	color: #5c7079;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: -1px;
	background: transparent url("../images/h2_border.png") repeat-x bottom;
	font-weight: normal;
	margin-bottom: .5em;
}

#main h1 {
  background: none;
  font-size: 18px;
  margin: 10px 0 10px 0;
}

#band h2 {
  background: none;
  border-bottom: 1px dotted #5c7079;
}

#band h3 {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
}

#band-news p {
  margin: 0 0 1.5em 0;
}

#main p {
	margin: 0 0 1em 0;
}

#main p, #main li {
	line-height: 1.4em;
}

#sidebar-left p, #sidebar-right p {
	font-size: 0.9em;
	margin: 0 0 1em 0;
}

#sidebar-left h3, #sidebar-right h3 {
	font-size: 1em;
	margin: 0;
	font-weight: bold;
}

#testimonials blockquote {
	padding-left: 25px;
	background: url("/images/quote.png") no-repeat left top;
        margin-top: 2em;
}

#testimonials blockquote p {
	font-family: Georgia, serif;
	margin-bottom: 2px;
	font-size: 1.1em;
}

#testimonials li {
	list-style-type: square;
	list-style-position: inside;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	text-align: right;
}

#references pre, #references code {
	font-size: 1em;
	font-family: "lucida grande", "helvetica", "arial", sans-serif;
}
#references pre {
	margin: 1em 0 0 0;
}

ul.bare li {
	list-style: none;
}

#main p.date {
	margin: 0 0;
	font-size: 0.9em;
	color: #999;
}

span.date {
	font-size: 0.9em;
	color: #666;
}

td.logo {
	text-align: right;
	vertical-align: middle;
	padding: 10px 0;
}

td.assoc {
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
}

.photobooth-formats {
	margin: 1em 0;
	border: 0;
}
.photobooth-formats td {
	padding: 10px;
	border: 0;
	vertical-align: top;
}

#main .tabs {
	margin: 2em 0;
	border-bottom: 1px solid #445160;
}
#main .tabs li {
	margin: 0 10px 0 0;
	float: left;
	list-style: none;
	line-height: 1;
}
#main .tabs li.first {
	margin-left: 5px;
}
#main .tabs li a {
	display: block;
	float: left;
	padding: 7px 7px 5px 7px;
	background-color: #dfe5e7;
	color: #445160;
	font-weight: bold;
}
#main .tabs li a:hover {
	color: #d8a224;
	text-decoration: none;
}
#main .tabs li a.active {
	background-color: #708e9d;
	color: #fff;
}

#package-comparison table, #package-addons table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
#package-comparison th, #package-comparison td, #package-addons th, #package-addons td {
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 11px;
	text-align: left;
}
#package-comparison th {
	text-align: left;
	font-weight: normal;
}
#package-comparison td {
	text-align: center;
}
#package-comparison tr.packages th {
	font-weight: bold;
	text-align: center;
	background-color: #f9e8b4;
	font-size: 12px;
}
#package-comparison tr.packages th a {
	color: #5c7079;
	text-decoration: none;
}
#package-comparison tr.packages th a:hover {
	text-decoration: underline;
}
#package-comparison tr.pricing th, #package-comparison tr.pricing td {
	font-weight: bold;
}

.footnote {
	font-size: 11px;
	color: #aaa;
	margin: 4px 0;
}
#package-addons {
	margin: 2em 0 1em 0;
}
#package-addons th, #package-addons td {
	font-size: 12px;
}
#package-addons th {
	font-weight: bold;
	background-color: #f9e8b4;
}

#twitter-updates {
	margin: 2em 0 0 0;
}

#twitter-title {
	width: 400px;
	height: 58px;
	background: transparent url("/images/follow-joe-on-twitter.png") no-repeat left top;
	text-indent: -9000px;
	margin: 0 0 1em 0;
	padding: 0;
}

#twitter-title a {
	display: block;
	width: 100%;
	height: 100%;
}

#twitter-updates ul {
	margin: 0;
	width: 390px;
	padding: 0 5px;
}

#twitter-updates li {
	list-style: none;
	margin: 1em 0;
	font-size: 1.1em;
}

#payment-form .form-control {
	margin: 1em 0;
	clear: both;
}

#payment-form .error-container {
	clear: both;
}

#payment-form .form-control label {
	display: block;
	float: left;
	width: 130px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	padding: 7px 0;
}

#payment-form .form-control div.input {
	width: 250px;
	border: 2px solid #aaaaaa;
	float: left;
	margin-right: 5px;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
}

#payment-form .form-control p.tip {
	clear: both;
	margin-left: 147px;
	font-size: 10px;
	line-height: 1;
	color: #aaaaaa;
	white-space: nowrap;
}

#payment-form .form-control input {
	border: 0;
	background-color: transparent;
	padding: 0;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px !important;
	color: #666;
	font-family: inherit;
}

#payment-form .form-control .nested {
	line-height: 1;
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

#payment-form .form-submit {
	margin-left: 140px;
}

.feedburnerFeedBlock ul {
  margin: 0 0;
}

.feedburnerFeedBlock ul li {
  list-style: none;
  margin: 0 0 12px 0;
}

.feedburnerFeedBlock .headline {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

.feedburnerFeedBlock p {
  margin: 5px 0;
}