@import url(default-player.css);

@font-face {
    font-family:"Skinny";
    src:url("Skinny.eot") format("eot");
}
@font-face {
    font-family:"Skinny";
    src:url("Skinny.ttf") format("truetype");
}

body {
	background:#000;
}

.template {
	width:640px;
	margin:0 20px;
}
.template.mappage {
	width:95%;
}

.header {
	display:block;
	height:55px;
}
.header h1 {
	margin:0;
	padding:0;
}
.header h1 a {
	float:left;
	outline:none;
	display:block;
	color:#fff;
	width:146px;
	height:70px;
	background:url(images/limbo.gif) top left no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:10px 10px 0 0;
}
.header ul.navbar {
	list-style-type:none;
	padding:0;
	margin:0 10px 0 0;
}
.header ul.navbar li {
	display:inline;
	width:36px;
	height:36px;
}
.header ul.navbar a {
	float:left;
	outline:none;
	display:block;
	color:#fff;
	width:36px;
	height:36px;
	margin-left:5px;
	margin-top:6px;
	background-color:#fff;
	border:2px solid #666;
}
.header ul.navbar a:hover,
.header ul.navbar a.selected {
	border:2px solid #fff;
}
.header ul.navbar li.about a {
	background:url(images/about.gif) top left no-repeat;
	text-indent:-9999px;
}
.header ul.navbar li.twitter a {
	background:url(images/twitter.gif) top left no-repeat;
	text-indent:-9999px;
}
.header ul.navbar li.twitter a:hover,
.header ul.navbar li.twitter a.selected {
	background:url(images/twitter-over.gif) top left no-repeat;
}
.header ul.navbar li.facebook a {
	background:url(images/facebook.gif) top left no-repeat;
	text-indent:-9999px;
}
.header ul.navbar li.facebook a:hover,
.header ul.navbar li.facebook a.selected {
	background:url(images/facebook-over.gif) top left no-repeat;
}
.header ul.navbar li.feed a {
	background:url(images/feed.gif) top left no-repeat;
	text-indent:-9999px;
}
.header ul.navbar li.feed a:hover,
.header ul.navbar li.feed a.selected {
	background:url(images/feed-over.gif) top left no-repeat;
}
.header ul.navbar li.iphone a {
	background:url(images/iphone.gif) top left no-repeat;
	text-indent:-9999px;
}

.header ul.navbar li.book a {
	background:url(images/book.png) top left no-repeat;
	text-indent:-9999px;
}

.header p {
	display:block;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:80%;
	line-height:140%;
	color:#fff;
	margin:0 0 0 440px;
}

.mappage .header p {
	display:block;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:80%;
	line-height:140%;
	color:#fff;
	margin:0 0 0 440px;
	padding:8px 0;
}

.body {
	clear:both;
}
.body h2 {
	clear:both;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:100%;
	line-height:140%;
	color:#fff;
	margin:10px 2px;
}

.body p {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:80%;
	line-height:140%;
	color:#fff;
	margin:10px 2px;
}
.body p.justify {
	text-align:justify;
}
.body p a {
	outline:none;
	color:#fff;
}
.drawing img {
	border:1px solid #999;
}
.socialbuttons {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	color:#fff;
	background-color:#000;
	padding:4px 0;
}
.googlemap {
	margin:10px 0;
}

p img {
	border:0;
}
p img.border {
	border:1px solid #fff;
	margin:4px;
}

p.errors {
	background:#fff;
	border:2px solid red;
	color:red;
	font-weight:bold;
	padding:5px 10px;
}
p.thanks {
	background:#060;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
}

form.bookemail {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:80%;
	line-height:140%;
	color:#fff;
	margin:10px 2px;
}

.bookimages {
	display:block;
	float:left;
	margin:10px 25px 10px 0px;
	height:124px;	
}

.map {
	padding-left:300px;
}
#mapimage {
	position:relative;
	display:block;
	width:627px;
	height:520px;
	margin:0 auto;
	border:0;
}
#mapimage img.info {
	position:absolute;
	bottom:10px; right:80px;
}

#label {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:14px;
	display:none;
	position:relative;
	top:0;
	left:0;
	width:150px;
	margin:0;
	padding:5px;
	background:url(images/pointer.gif) 10px 0px no-repeat;
}
#label p {
	color:#000;
	background:#d9d9d9;
	margin:0;
	padding:5px;
}
#label .title {
}
#label .date {
	font-size:80%;
}

.sidebar {
	float:left;
	width:280px;
	height:524px;
	background-color:#000;
}
#scroller {
	width:270px;
	height:494px;
	overflow:auto;
	/* IE overflow fix, position must be relative or absolute*/
	position:relative;
	margin:0;
	overflow:hidden;
	outline:none;
	border:1px solid #666;
	background:url(images/scrollerbg.gif) top right repeat-y;
}
.sidebar h2 {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:0 4px 0 0;
}
.sidebar h2 a {
	outline:none;
	color:#999;
	text-decoration:none;
	margin:0;
	padding:0 4px;
}
.sidebar h2 span.selected {
	color:#fff;
	margin:0;
	padding:0 4px;
}
.sidebar h2 a:hover {
	color:#fff;
	text-decoration:none;
}
.sidebar h3 {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:100%;
	width:246px;
	color:#fff;
	margin:6px;
}
.sidebar p {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:75%;
	line-height:140%;
	width:246px;
	color:#fff;
	margin:6px;
}
.sidebar p a {
	text-decoration:none;
}
.sidebar p a:hover {
	text-decoration:underline;
}
.sidebar .thumbnails {
	margin-top:4px;
}
.sidebar .thumbnails ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.sidebar .thumbnails ul li {
	padding:0;
	margin:0;
}
.sidebar .thumbnails ul li a {
	display:block;
	width:240px;
	height:56px;
	padding:4px;
}
.sidebar .thumbnails ul li img {
	float:left;
	margin-right:4px;
	border:0;
}
.sidebar .thumbnails ul li span.title {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:100%;
	line-height:120%;
}
.sidebar .thumb.small {
	position:relative;
	width:60px;
}
.sidebar .thumb.big {
	position:relative;
	width:124px;
}
.sidebar .thumb.small img {
	border:0;
	width:56px;
	height:56px;
}
.sidebar .thumb.big img {
	border:0;
	width:120px;
	height:120px;
}
.sidebar .thumb a {
	outline:none;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border:2px solid #666;
	margin-left:4px;
	margin-bottom:4px;
}
.sidebar .thumb a:hover {
	border:2px solid #f00;
}
.sidebar .thumb p.date {
	position:absolute;
	display:block;
	top:0; left:2px;
	width:100%;
	font-family:monospace;
	font-size:9px;
	text-align:center;
	color:#999;
	margin:0;
	padding:0;
}
.sidebar .thumb.black p.date {
	color:#999;
}
.sidebar .latest,
.sidebar .places {
	clear:both;
	margin:0 4px;
}

.footer {
	clear:both;
}
.footer p {
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:75%;
	line-height:100%;
	color:#999;
	padding-top:5px;
	margin:10px 0;
	line-height:160%;
}
.footer p a {
	outline:none;
	color:#fff;
}
.footer p a:hover {
	color:#fff;
}

ul.logos {
	height:80px;
	list-style-type:none;
	margin:10px auto;
	padding:0;
	clear:left;
}
ul.logos li {
	display:inline;
}
ul.logos li a {
	outline:none;
	float:left;
	display:block;
	text-indent:-9999px;
	margin-left:5px;
	margin-bottom:10px;
}
ul.logos li.appstore {
	width:200px;
	height:70px;
}
ul.logos li.appstore a {
	width:200px;
	height:70px;
	background:url(images/appstore.gif) top left no-repeat;
}
ul.logos li.ace {
	width:70px;
	height:70px;
}
ul.logos li.ace a {
	width:70px;
	height:70px;
	background:url(images/ace.gif) top left no-repeat;
}
ul.logos li.fvu {
	width:230px;
	height:70px;
}
ul.logos li.fvu a {
	width:230px;
	height:70px;
	background:url(images/fvu.gif) top left no-repeat;
}
ul.logos li.artsway {
	width:190px;
	height:70px;
}
ul.logos li.artsway a {
	width:190px;
	height:70px;
	background:url(images/artsway.gif) top left no-repeat;
}
ul.logos li.artconnexion {
	width:240px;
	height:70px;
}
ul.logos li.artconnexion a {
	width:240px;
	height:70px;
	background:url(images/artconnexion.gif) top left no-repeat;
}
ul.logos li.cuttlefish {
	width:226px;
	height:63px;
}
ul.logos li.cuttlefish a {
	width:226px;
	height:63px;
	background:url(images/cuttlefish.gif) top left no-repeat;
}

.viewer {
}
viewer.black {
	background-color:#000;
}
.viewer.white {
	background-color:#fff;
}
.viewer .template {
	margin:0 auto;
}
.viewer.double .template {
	width:1280px;
}
.viewer .template img {
	padding:140px 0 100px 0;
}
.viewer.double .template img {
	padding:10px 0 10px 0;
}
.viewer .template p {
	position:absolute;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:80%;
	bottom:90px;
	left:10px;
	color:#999;
	padding:0 10px;
}

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.viewer .template p strong {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}

#comments {
	color:#fff;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
}
#comments .posted {
	color:#888;
	margin:0 0 .5em 0;
}
#comments .comment {
	padding-top:5px;
	margin-bottom:1.5em;
}

#comments form {
	width:320px;
	float:right;
}
#comments .listing {
	width:320px;
}
#comments fieldset {
	border:0;
	margin:0; padding:0;
}
#comments legend {
	display:none;
}
#comments form div {
	font-size:90%;
	padding:5px 3px;
}
#comments .error {
	color:#f50;
	font-size:100%;
	font-weight:bold;
}
#comments label {
	display:block;
	padding:3px 0;
}
#comments input.textbox {
	width:14em;
}
#comments input.textbox,
#comments textarea {
	background:#000;
	border:1px solid #888;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	font-size:100%;
	padding:3px 5px;
}
#comments textarea {
	display:block;
	height:10em;
	width:304px;
}
#comments .field_body_text label {
	float:none;
}
#comments #id_submit {
	font-size:200%;
	margin:0;
}