/*
	Apostrophe Studios, Master Stylesheet for Screen Media
	All code on this site unless otherwise mentioned is covered by this Creative Commons License:

		Attribution-NonCommercial-NoDerivs 3.0 Unported
		http://creativecommons.org/licenses/by-nc-nd/3.0/

	You may not steal, reuse or say this code is your own.
	You may, however, learn from my code as a guide to improve your skills.
*/

body {
	font-size: 62.5%;
	/* in em's 62.5% is equivalent to 16px or Text Size > Medium in browsers */
	/* Therefore, 1em is 10px, 0.8em is 8px, 1.2 em is 12px, 1.6em is 16px.  */
	text-align: center;
	margin: 0 auto;
	color: #888;
	text-align: center;
	background: #fff none;
	}

* {
	margin: 0;
	padding: 0;
	}

/* Main Page Structures
----------------------------------------------------------------------------- */

div#container {
	border: 10px solid #d8d8d8;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 0;
	text-align: left;
	min-height: 505px;
	position: relative;
	}

ul, ol {
	display: block;
	margin: 0.5em 0 1.0em 0;
	padding: 0 0 0 4.5em;
	}

li {
	color: #333;
	font: 1.2em/150% "Lucida Grande", Helvetica, Arial, sans-serif;
	}

#lightview li {
	font-size: 11px !important;
	}

h3 {
	color: #eb088a;
	text-shadow: 1px 1px #555;
	margin: -10px 0 0.5em 0;
	font: bold 3.5em/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

p {
	color: #333;
	margin: 0 0 1.0em 0;
	font: 1.2em/150% "Lucida Grande", Helvetica, Arial, sans-serif;
	}

body#home h1 {
	display: block;
	width: 350px;
	height: 75px;
	margin: 15px 0 0 -15px;
	}

body#home h1 a,
body#featured h1 a,
body#goodies.packages h1 a,
body#journal h1 a {
	display: block;
	width: 350px;
	height: 75px;
	border: none !important;
	text-decoration: none;
	text-indent: -9999px;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat left -75px;
	}

h1 {
	display: block;
	width: 75px;
	height: 75px;
	margin: 15px 0 0 -15px;
	}

h1 a {
	display: block;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: none !important;
	text-decoration: none;
	text-indent: -9999px;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat left -150px;
	}

h1 a:hover {
	background-position: left -225px;
	}

#wrapper {
	position: relative;
	width: 990px;
	text-align: center;
	margin: 0 auto;
	}

/* Navigation
----------------------------------------------------------------------------- */

#header {
	height: 100px;
	text-align: left;
	position: relative;
	margin: 0 0 10px 0;
	clear: both;
	border-top: 1px solid #fff;
	}

#header ul {
	list-style: none;
	position: absolute;
	right: 0;
	top: 15px;
	}

#header ul li {
	float: left;
	display: block;
	height: 65px;
	font: bold 2.5em/65px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	}

#header ul li a {
	float: left;
	display: block;
	height: 65px;
	color: #000;
	padding: 0 0.5em;
	margin: 0 0 0 10px;
	text-decoration: none;
	border: none;
	line-height: 65px;
	font-weight: normal;
	text-shadow: #ffc0cb 1px 1px 0;
	}

#header ul li em {
	float: left;
	display: block;
	height: 75px;
	color: transparent;
	font-style: normal;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	}

#header ul li a:hover {
	text-decoration: underline;
	}

#header p.contact {
	position: absolute;
	width: 100px;
	height: 20px;
	top: -2px;
	right: 0;
	font: 10px/100% "Lucida Grande", Helvetica, Arial, sans-serif !important;
	margin: 0 auto;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #eee none;
	}

#header p.contact a {
	display: block;
	width: 100px;
	height: 14px;
	padding: 4px 0 0 0;
	text-transform: uppercase;
	text-decoration: none;
	}

#header p.contact a:hover {
	text-decoration: underline;
	}

body#favorites li.favorites a,
body#featured li.featured a,
body#kudos li.kudos a,
body#goodies li.goodies a,
body#goodies li.prices a,
body#contact li.contact a,
body#journal li.journal a,
body#slideshows li.goodies a {
	color: #fff;
	text-shadow: #000 1px 1px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #eb088a none;
	}

body#favorites li.favorites a:hover,
body#featured li.featured a:hover,
body#kudos li.kudos a:hover,
body#goodies li.goodies a:hover,
body#goodies li.prices a:hover,
body#contact li.contact a:hover,
body#journal li.journal a:hover {
	text-decoration: none;
	}

li.featured, li.favorites, li.kudos, li.prices, li.goodies, li.journal {
	background: transparent url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat right -150px !important;
	}

/* Rotating Gallery
----------------------------------------------------------------------------- */

#carousel {
	position: relative;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
	overflow: hidden;
	height: 525px;
	}

#carousel .belt {
	position: absolute;
	left: 0;
	top: 0;
	}

#carousel .panel {
	float: left;
	margin: 10px 10px 10px 0;
	width: 980px;
	height: 505px;
	}

#carousel .hero {
	display: block;
	width: 728px;
	height: 505px;
	position: absolute;
	left: 0;
	top: 10px;
	}

#carousel .hero a {
	display: block;
	width: 728px;
	height: 505px;
	text-indent: -9999px;
	text-align: left;
	}

#carousel .transition {
	visibility: visible;
	margin: 10px 10px 10px 0;
	}

noscript, p.error {
	color: #333;
	border: #ffc0cb 1px solid;
	background-color: #ffc;
	padding: 0.5em 1.0em;
	margin: 1.0em 0;
	display: block;
	font: 12px/150% "Lucida Grande", Helvetica, Arial, sans-serif;
	}

noscript p {
	margin-bottom: 0;
	}

.showcase {
	display: block;
	position: absolute;
	right: 0;
	z-index: 100;
	display: block;
	width: 248px;
	height: 161px;
	text-indent: -9999px;
	text-align: left;
	}

.showcase a {
	display: block;
	width: 258px;
	height: 160px;
	}

#carousel a:hover {
	background: #fff none;
	opacity: 0.1;
	}

.showcase.top { top: 10px; }
.showcase.middle { top: 182px; }
.showcase.bottom { top: 355px; }

/* Save The Date
----------------------------------------------------------------------------- */

form {
	background: #ededed;
	padding: 0.5em 2.0em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 700px;
	}

fieldset {
	border: none;
	margin: 1.0em 0;
	padding: 2.0em 0 0.5em 0;
	border-top: 2px solid #fff;
	text-shadow: #fff 1px 1px 0;
	}

fieldset legend {
	padding: 0 5px 0 0;
	color: #eb088a;
	text-transform: uppercase;
	font: 1.8em/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

label.email {
	margin: 0 31px 0 0;
	}

label.city {
	margin: 0 53px 0 0;
	}

label.venues {
	margin: 0 17px 0 0;
	}

input#email {
	width: 545px;
	}

label.name {
	margin: 0 6px 0 0;
	}

input#name {
	max-width: 200px;
	}

textarea {
	width: 650px;
	margin: 0 0 0 15px;
	}

fieldset label {
	text-align: right;
	padding: 0 1.0em 0 0;
	width: 95px;
	font-size: 1.3em;
	color: #666;
	}

fieldset input, fieldset textarea {
	font: 1.4em/150% "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	padding: 3px;
	font-size: 1.3em;
	margin: 0 1.0em 0 0;
	}

form :focus {
	background: #ffeff2 none;
	}

button, .button {
	border: 1px solid #fff;
	color: #fff;
	padding: 0.5em;
	text-transform: uppercase;
	font: 1.2em/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #eb088a none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	text-decoration: none !important;
	}

button:hover {
	color: #333;
	cursor: pointer;
	}

.button a {
	color: #fff;
	text-decoration: none !important;
	}

select {
	color: #666;
	padding: 3px;
	margin: 0 6px 0 0;
	font: normal normal 1.4em/150% "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	border: 1px solid #ccc;
	}

p img {
	margin-bottom: -0.5em !important;
	}

h5 {
	color: #333;
	font: bold 2.0em/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/* Goodies
----------------------------------------------------------------------------- */

blockquote {
	margin: 0 0 0 2.5em;
	}

p.travel {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1.0em;
	background: #ffeff2 none;
	width: 500px;
	border: 1px solid #ccc;
	}

/* Client Slideshows
----------------------------------------------------------------------------- */

div#slideshow {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.metadata {
	margin: 1.0em 0 0 0;
	background: #181818 none;
	padding: 0.5em;
	height: 35px;
	position: relative;
	}

.metadata h3 {
	font: 3.4em/150% "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #ccc 1px 1px 0;
	}

.metadata p {
	position: absolute;
	top: 10px;
	right: 10px;
	}

/* Footer
----------------------------------------------------------------------------- */

#footer {
	position: relative;
	margin: 1.0em 0 1.0em 0em;
	padding: 1em 0 0 0;
	text-align: left;
	background: #fff none;
	clear: both;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}

#footer p {
	font: 1.0em/100% "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #888;
	margin: 0 0 1em 0;
	}

#footer a {
	color: inherit;
	font-weight: normal;
	text-decoration: none;
	border-bottom: .1em solid #ffc0cb;
	}

#footer a:hover {
	text-decoration: none;
	color: #ffc0cb;
	border-bottom: .1em solid #555;
	}

small, small a {
	color: #dfdfdf !important;
	font: 10px/100% "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 0 0 25px 0;
	}

#footer .proofs {
	margin-left: 4px;
	padding-left: 18px;
	}

#footer .subscribe {
	margin-left: 4px;
	padding-left: 18px;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat left -400px;
	}

#up {
	display: block;
	display: none;
	text-align: left;
	text-indent: -9999px;
	z-index: 9999;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat left -480px;
	border-bottom: none !important;
	}

/* General Classes
----------------------------------------------------------------------------- */

a {
	outline: none;
	color: #eb088a;
	}

a img {
	border: none;
	}

a img:hover {
	opacity: 0.9;
	}

.clear {
	clear: both;
	display: block;
	}

img.float-right {
	margin-left: 1.0em;
	}

.float-left {
	display: block;
	float: left;
	}

.float-right {
	display: block;
	float: right;
	}

.hidden {
	display: none;
	visibility: hidden;
	}

.proofs {
	padding: 0 0 0 19px;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat left -608px;
	}

abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted;
	cursor: help;
	}

small {
	color: #a8a8a8;
	}

hr {
	width: 100%;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #eee;
	border-left: none;
	line-height: 1px;
	height: 1px;
	margin: 10px auto 15px auto;
	clear: both;
	display: block;
	text-decoration: none;
	}

/* Journal
----------------------------------------------------------------------------- */

p {
	color: #555;
	font: 14px/20px Helvetica, Arial, FreeSans, sans-serif;
	margin-bottom: 20px;
	}

.caption {
	display: block;
	margin-top: -1.0em !important;
	color: #ccc;
	font: italic 11px/14px Helvetica, Arial, FreeSans, sans-serif;
	}

.caption a {
	color: #ccc;
	}

.pink {
	color: #eb088a;
	}

h4 {
	color: #eb088a;
	text-shadow: 0 0 0 #000;
	font: 30px/40px Helvetica, Arial, FreeSans, sans-serif;
	margin: 20px 0;
	}

.signature, .signature * {
	font-size: 12px;
	font-style: italic;
	color: #b8b8b8;
	}

#article p,
#article hr {
	margin: 1.0em 0 1.0em 0;
	text-align: left !important;
	max-width: 740px;
	}

#article blockquote p {
	max-width: 716px !important;
	}

#article p img {
	max-width: 990px;
	}

#article p.wide {
	display: block;
	clear: both;
	width: 990px !important;
	min-width: 990px !important;
	}

p#comments {
	margin: 75px 0 0 0;
	}

.previous {
	float: left;
	display: block;
	width: auto;
	height: 45px;
	text-align: left;
	padding: 0 50px;
	margin: 0 0 15px 0;
	text-decoration: none;
	font: 20px/45px Helvetica, Arial, FreeSans, sans-serif;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat left -300px;
	}

.previous:hover {
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat left -345px;
	}

.next {
	float: right;
	display: block;
	width: auto;
	height: 45px;
	text-align: right;
	line-height: 45px;
	padding: 0 50px;
	margin: 0 0 15px 0;
	text-decoration: none;
	font: 20px/45px Helvetica, Arial, FreeSans, sans-serif;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat right -390px;
	}

.next:hover {
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat right -435px;
	}

p#comments {
	clear: both;
	height: 50px;
	width: 970px;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) repeat-x left -525px;
	}

form#comment_form {
	margin: 25px 0 15px 0;
	padding: 10px 0 10px 40px;
	}

fieldset {
	border: none;
	}

fieldset label {
	color: #666;
	text-shadow: #fff 1px 1px 0;
	}

fieldset label.website {
	margin: 0 -10px 0 0;
	}

input#email {
	width: 250px;
	}

input#url {
	margin-left: 5px;
	width: 560px !important;
	}

.status {
	display: block;
	width: 720px;
	background: #ffc0cb none;
	padding: 3px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: both;
	color: #555;
	margin: 20px 0 0 0;
	font: 1.4em/28px Helvetica, Arial, sans-serif;
	}

#slidebox {
	padding: 0 0 20px 0;
	margin: 0 0 -20px 0;
	border-bottom: 10px solid #d8d8d8;
	background: #ffeff2 none;
	}

#slidebox.bottom {
	border-top: 10px solid #d8d8d8;
	}

#slidebox.top {
	display: block !important;
	visibility: visible !important;
	}

a#slidelink {
	font: 11px/15px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #ccc;
	float: right;
	}

a#slidelink:hover {
	color: #555;
	}

a#slidelink img {
	padding: 0 0 3px 0;
	}

.category.listing {
	width: 295px;
	}

.entry.listing {
	width: 575px;
	}

.listing {
	display: block;
	float: left;
	width: 280px;
	margin: 10px 25px 0 25px;
	list-style: none;
	font: 1.2em/150% "Lucida Grande", Helvetica, Arial, sans-serif;
	}

.listing dt {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	}

.listing dd {
	display: block;
	border-bottom: 1px solid #ccc;
	}

.listing a {
	display: block;
	padding: 5px 5px 5px 0;
	text-decoration: none;
	}

.listing a:hover {
	color: #000;
	background-color: #fff;
	}

.listing a em {
	text-transform: uppercase;
	color: #999 !important;
	font: normal 10px/150% "Lucida Grande", Helvetica, Arial, sans-serif;
	}

#lightview #share {
	width: 720px;
	display: block !important; visibility: visible !important;
	}

table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	text-align: left;
	clear: both;
	margin: 1em 0;
	font: 1.2em/150% "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #333;
	}

table th {
	padding: 4px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	background: #eee none;
	font-weight: bold;
	color: #333;
	font-weight: bold;
	}

table tr {
	padding: 4px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	}

table td {
	padding: 4px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	}

p.notify {
	color: #ccc;
	display: block;
	margin: 5px 40px 0 0;
	font: 1.8em/100% Helvetica, Arial, FreeSans, sans-serif !important;
	}

.smiley {
	padding: 0 20px 0 0;
	margin: -8px 0 0 0;
	background: url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) no-repeat right -496px;
	}

#google_ads_frame1 { margin: 25px 0 0 0; float: left; }
#google_ads_frame2 { margin: 25px 0 0 50px; float: right; }

hr {
	display: block;
	padding: 35px 0 0 0 !important;
	}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure is easier to understand.
*/
#cboxOverlay{background:#000; opacity: 0.85 !important;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:#fff none;}
    #cboxTopRight{width:14px; height:14px; background:url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:#fff none;}
    #cboxBottomRight{width:14px; height:43px; background:url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:#fff none;}
    #cboxMiddleRight{width:14px; background:#fff none;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background: transparent none;}
        #cboxLoadingGraphic{background:url(http://d36t5vr912rvu6.cloudfront.net/images/colorbox/loading.gif) center center no-repeat;}

        #cboxTitle{left:0; text-align:center; width:100%;}
        #cboxCurrent{left:80px;}
        #cboxTitle, #cboxCurrent {position:absolute; bottom:-25px; color:#7A7A7A !important; font: normal normal 12px/125% Helvetica,Arial,sans-serif !important;}
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-28px; background:url(http://d36t5vr912rvu6.cloudfront.net/images/sprite.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}

        #cboxPrevious{left:0; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:25px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-150px -25px; left:50px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-125px -25px; left:50px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}