body {
	margin:0;
	padding:40px;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

h1 {
	float:left;
	margin:0;
	line-height:1em;
}

#staging {
	display:none;
}


#header {
	border:solid 1px #ccc;
}

form {
	text-align:right;
	margin:0;
	padding:0;
}

#tag {
    font-size:1em;
    color:#777;
    border:solid 1px transparent;
    border-bottom:solid 2px #ccc;
    padding:3px;
    margin:0;
}
#tag:hover {
    color:#D30076;
    border:solid 1px #ddd;
    background-color:#f5f5f5;
    border-bottom:solid 2px #D30076;	
}
#tag:focus  {
    color:#D30076;
    border:solid 1px #bbb;
    background-color:#f5f5f5;
    border-bottom:solid 2px #D30076;	
}
#submit {
    font-size:1em;
    color:#555;
    background-color:#eee;
    border-style:none;
    border-bottom:solid 2px #ccc;
    padding:2px;
}
#submit:hover, 	#submit:focus  {
    color:#fff;
    background-color:#D30076;
    border-bottom:solid 2px #AD0061;
    cursor:pointer;
}
	
#status {
	position:absolute;
	top:4px;
	right:8px;
	font-size:1.1em;
	color:#ccc;
	text-align:right;
}

#status a:link, #status a:visited {
	font-size:0.7em;
	text-decoration:none;
	color:#555;
}
#status a:focus, #status a:hover {
	color:#D30076;
	text-decoration:underline;
}

#display {
	clear:both;
	border:solid 1px #000;
	margin-top:10px;
	height:500px;
	position:relative;
	background-color:#000;
	overflow:hidden;

}

#display div {
    position:absolute;
}

#display div img{
    border-style:none;
}



/*  faders style */
#display div.fader {
    position:absolute;
}
#display div.fader a {
    border-bottom:solid 3px transparent;
}
#display div.fader a:hover {
    border-bottom:solid 3px #D30076;
}	
#display div.fader img {
    border:solid 3px #fff;
}	


ul#options {
	list-style:none;
	margin:2px 0;
	padding:0;
}
ul#options li {
    float:left;
    width:50px;
    margin-right:1px;
}
ul#options li a:link, ul#options li a:visited {
    border-top:solid 25px #ccc;
    display:block;
    font-size:0.6em;
    text-align:center;
    text-decoration:none;
    color:#999;
}
ul#options li a:hover, ul#options li a:focus {
    border-top:solid 25px #D30076;
    color:#D30076;
}

ul#options li a.selected:hover, ul#options li a.selected:focus, ul#options li a.selected:visited, ul#options li a.selected:link {
    border-top:solid 25px #999;
    color:#999;
    cursor:default;
}


span.toggle {
	color:#777;
	display:block;
	font-size:0.7em;
	text-align:right;
	margin-top:4px;
}

span.toggle a:link, 
span.toggle a:visited {
	color:#444;
	background-color:#eee;
	border:solid 1px #ccc;
	padding:0 4px;
	line-height:2em;
	text-decoration:none;
}
span.toggle a:hover, 
span.toggle a:focus {
	color:#222;
	border-color:#999;
	border-bottom:solid 2px #999;
}
span.toggle a:active {
	color:#222;
	background-color:#ccc;
	border-color:#666;
	padding-bottom:1px;
	border-bottom:solid 0px #999;
}



#footer {
	margin-top:60px;
	border-top: solid 1px #ccc;
	padding-top:10px;
	color:#aaa;
	font-size:0.7em;
}		

#footer p {
    margin:0 0 3px 0;
}

#footer a:link, #footer a:visited {
    color:#777;
    text-decoration:underline;
}
#footer a:hover, #footer a:focus {
    color:#D30076;
    text-decoration:underline;
}


body.kiosk {
	padding:0;
    background-color: #000;
}
div#display.kiosk {
	margin-top:0;
	border-style:none;
	padding:0;
}

/* polaroid styling */
#display .photo {
    background-color:#fff;
    border: solid 1px #000;
}
#display .photo a {
    border-bottom:solid 3px transparent;
}
#display .photo a:hover {
    border-bottom:solid 3px #D30076;
}
#display .photo img {
    border: 10px solid #fff;
}

#display .photo .title,
#display .photo p {
    background-color: #fff;
    color: #000;
    text-align: right;
    padding: 10px;
    padding-right: 30px;
}

#display .photo,
#display .tweet {
    border-bottom: solid 1px #eeeee0;
    border-right: solid 1px #eeeee0;
}

/* twitter message */
#display .tweet {
    background-color: #fff;
    padding: 1em;
    width: 450px;
}

#display .tweet img {
    float: left;
    border: none;
    margin: 30px 10px 0px 20px;
    padding-bottom: 40px;
}

#display .tweet p {
    color: #000;
    font-size: 1em;
    margin: 25px 10px 10px 20px;
}

.author {
    font-weight: bold;
}

#display .photo a:link, 
#display .tweet a:link, 
#display .photo a:visited,
#display .tweet a:visited {
	color: #000;
	text-decoration: none;
}

#display .tweet a:hover, 
#display .tweet a:active {
	color: #000;
	text-decoration: underline;
}

.time {
    text-align: right;
    padding-right: 30px;
}

#display .time a:link, 
#display .time a:visited, 
#display .time a:hover, 
#display .time a:active {
    color: #888;
    font-size: 0.8em;
}