.style1 {
	font-size: 16px;
	font-weight: bold;
}
.style2 {
	font-size: 16px;
	font-style: italic;
}
.style3, .normal-text {font-size: 16px}
.style4, .small-gray-text {
	font-size: 11px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.style7 {
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}
.style9 {
	font-size: 11.5px;
	color: #666666;
	font-weight: lighter;
	letter-spacing: .1em;
}
.style10 {
	font-size: 16.5px;
	line-height: 18px;
	font-weight: lighter;
	font-style: italic;
	word-spacing: normal;
}
.style13 {
	font-size: 11px;
	letter-spacing: 1px;
	color: #27C700;
	font-weight: lighter;
}
.style14 {color: #27C700}
.comment-body-text {
	font-size: 16px;
	line-height: 18px;
	font-weight: lighter;
	/*font-style: italic;*/
	word-spacing: normal;
	font-family:times, serif;
	letter-spacing:0;
}
.style18 {
	font-size: 16px;
	line-height: 18px;
	font-weight: lighter;
	font-style: italic;
	word-spacing: normal;
	color: #FF4F00;
}
.style20 {color: #FF4802}
.style22 {
	color: #FF4802;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style23 {line-height: 18px; font-weight: lighter; word-spacing: -1em; color: #FF4F00; font-size: 16.5px;}
.style24 {font-size: 16px; color: #27C700; }
.style25 {font-weight: lighter; word-spacing: -1em; font-size: 16.5px; line-height: 18px;}
.style26 {font-weight: lighter; letter-spacing: .1em; font-size: 11.5px;}
.style27 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style28 {
	font-size: 16px;
	line-height: 18px;
	font-weight: lighter;
	font-style: italic;
	letter-spacing: 0em;
}
.style33 {
	font-size: 11px;
	letter-spacing: 1px;
	color: #666666;
	font-weight: lighter;
}
.style35 {font-size: 11px;letter-spacing: 1px; color: #727272; font-weight: lighter;}
.style37 {color: #666666}
.style39 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	letter-spacing: .1em;
}


body, html {
	height:100%;
	margin:0;
}
body {
	color:#333;
	word-wrap:break-word;
	background:url(/images/light-gray.png);
}
body.projects-section {
	background:none;
}
* {
	outline:none;
}
a {
	color:#666;
}
a:hover {
	color:black;
}
a img {
	border:none;
	background:none;
}
p {
	margin:0 0 8px 0;
}
tr {
}
td {
	border-right:1px dotted;
	border-bottom:1px dotted;
	padding: 8px;
}
td.last-td {
	border-right:none;
}
#flash-message {
	position:fixed;left:0;top:30px;
	color:green;
	width:120px;
}
#screencover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2000;
	background-color:white;
}
#screensaver {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2000;
}
.this-is-a-screensaver-photo td {background-color:#0ff;}
#admin-menu-bar {position:fixed;width:100%;top:0px;left:0px;height:15px;font-size:13px;color:black;background-color:#888;z-index:1000;padding-left:8px;}
#admin-menu-bar a {color:black;text-decoration:none;display:block;float:left;margin-right:10px;}
#admin-menu-bar a:hover {color:#eee;}
#admin-menu-bar form {float:right;margin-right:16px;}
#admin-menu-bar input:hover {color:#eee!important;}
#green-window {
	position:absolute;
	z-index:2001;
	width:258px;
	cursor:move;
}
.open #green-minimizer {
	width:22px;
	height:20px;
	background:url(/images/buttonsforannouncement.gif) right center no-repeat;
}
.closed #green-minimizer {
	width:21px;
	height:20px;
	background:url(/images/buttonsforannouncement.gif) left center no-repeat;	
}
#green-window-bg {
	background:url(/images/green-bg.gif);
}
.green-window-title {
	height:30px;
	padding:14px 30px 0px 14px;
	font-size:16px;
	font-weight:bold;
	font-family:times, serif;
	background:url(/images/annoucementwindow.gif) no-repeat 2px 4px;
}
.green-window-content {
	min-height:338px;
	padding:7px 14px 14px 14px;
}
.green-window-content p{
	margin-top:0px;
}
#triangle {
	/*background:url(/images/triangle.png) 0 0 no-repeat;
	width:15px;
	height:15px;*/
	font-size:11px;
	letter-spacing: 1px;
	color:#ccc;
	cursor:pointer;
	position:fixed;
	left:10px;
	top:15px;
}
#triangle:hover {
	/*background-position: 0 -15px;*/
	color:black;
}
#page {
	max-width:1100px;
	min-width:825px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:-10px;
	position:relative;
	font-size: 16px;
	z-index:1000;
}
#page-inner {
	padding:70px 0 0 0;
}
.fixed-wrapper {
	width:100%;
	height:0;
	position:fixed;
	left:0;
	top:0;
}
.fixed-page {
	max-width:1100px;
	min-width:825px;
	height:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	position:relative;
	padding:0 8px;
	font-size: 16px;
}
#fixed-wrapper {
	z-index:1001;
}
#buttons-fixed-wrapper {
	z-index:2001;
}
.menu {
	width:150px;
	text-align:center;
	z-index:-1000;
}
.menu a {
	color:black;
	text-decoration:none;
	display:none;
	height:18px;
	padding-top:3px;
	background:url(/images/menu-underline.png) bottom center no-repeat;
}
.menu a.heading, .menu a.heading:hover {
	display:block;
	background:url(/images/menu.png) bottom center no-repeat;
	padding-top:0px;
	height:19px;
}
.menu a:hover {
	background:url(/images/menu_bg_arrows.png) bottom center no-repeat;
}
.menu:hover a, .menu a.active {
	display:block;
}
#admin-menu-bar a.active {
	color:#0f0;
}
.return-button {
	position:absolute;
	right:50%;
	margin-right:-20px;
	top:0px;
	width:42px;
	height:20px;
	background:url(/images/refreshanimation3.gif) no-repeat center -20px;
}
div.loading {
	background-position: center bottom;
}
div.loading form {
	display:none;
}
#projects-menu {
	position:absolute;
	right:20%;
	top:0;
}
#studio-menu {
	position:absolute;
	left:21%;
	top:0;	
}
#search-form {
	position:absolute;
	top:0;
	left:0;
}
#search-input {
	background:none;
	background-color:white;
	border:none;
	height:20px;
	width:140px;
	vertical-align:center;
	font-size: 11px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: lighter;
	letter-spacing: .1em;
	text-indent:4px;
}
.projects-section #search-input {
	background:url('/images/light-gray.png');
}
.column {
	float:left;
}
.narrow {
	width:275px;
}
div .wide {
}
div .wide-left {
	margin-right:550px;
	min-width:275px;
}
div .wide-right {
	position:absolute;
	right:0px;
	top:67px;
	width:545px;
}
.inner-column {
	padding-left:7px;
	padding-right:8px;
}
.wide-left .inner-column {
	padding-right:18px;
}
.column-title {
	font-size: 16px;
	font-weight: bold;
	position:relative;
	margin-bottom:20px;
}
.zoom-buttons {
	position:absolute;
	bottom:-20px;
	right:13px;
}
.announcements {
	font-style:italic;
}
.blog-entry {
	position:relative;
	clear:both;
}
.blog-entry-text {
	margin-bottom:5px;
}
.blog-entry-title {
	font-weight:bold;
}
.blog-entry-time {
	font-weight:bold;
	font-size:13px;
}
form.new_comment {
	font-family:helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	margin:8px 0;
}
form.new_comment div.form-title {
	padding:8px 5px;
}
form.new_comment input, form.new_comment textarea{
	border:none;
	margin-left:5px;
}
form.new_comment textarea{
	height:50px;
}
.blog form.new_comment {
}
.project-detail form.new_comment input {
	width:238px;
	margin-left:5px!important;
}
.project-detail form.new_comment textarea {
	width:240px;
	margin-left:5px!important;
}

form.new_comment textarea {
	width:98%;
	height:42px;
	margin-top:2px;
	margin-bottom:5px;
}
form.new_comment input{
	width:48%;
}
form.new_comment input.submit{
	margin-left:0;
	padding-left:0;
}
.new-comment {
	background:url('/images/light-gray.png');
	padding-top:3px;
}
input, textarea {
	font-size: 11px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
span.view-comments {
	padding-left:11px;
	letter-spacing: 1px;
	cursor:pointer;
	position:relative;
	left:-3px;
}

.comment {
	margin-bottom:12px;
	position:relative;
}
.editor{
	font-size:11px;
	letter-spacing: 1px;
	position:absolute;
	font-weight:normal;
	left:-5px;top:-20px;
	width:25px;
	height:40px;
	background:url(/images/edit-glow.png) no-repeat center center;
	padding-top:10px;
	padding-right:12px;
	text-align:right;
	z-index:2000;
}
.comment .editor {
	left:-5px;top:-20px;
}
.editor a {
	font-size:11px;
	letter-spacing: 1px;
}
.comment .editor a, .full-project-image .editor a {
	text-align:right;
	display:block;
}
.on {
	background:url('/images/small-arrows.png') no-repeat 0 -19px;
}
.off {
	background:url('/images/small-arrows.png') no-repeat 0 2px;
}
span.viewing-comments {
}
span.like {
}
.smaller_helvetica {
	font-family:helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	color:#666;
}
.orange, .orange a{
	color: #FF4802;
	/*color:#f30;*/
}
.green, .green a{
		color: #27C700;
	/*	color:#0c0; */
}
input.submit {	
	/*color:#f30;*/
	background:none;
	text-align:left;
	text-decoration:underline;
	margin-left:0;
	padding-left:0;
	margin-bottom:0;
	padding-bottom:0;
	letter-spacing:1px;
	font-size:11px;
	letter-spacing: 1px;
	cursor:pointer;
}
input.orange-submit {	
	color: #FF4802;
	/*color:#f30;*/
	background:none;
	text-align:left;
	text-decoration:underline;
	margin-left:0;
	padding-left:0;
	letter-spacing:1px;
	font-size:11px;
	letter-spacing: 1px;
	cursor:pointer;
}
input.green-submit {
	color: #27C700;
/*	color:#0c0; */
	background:none;
	text-decoration:underline;
	text-align:left;
	margin-left:0;
	padding-left:0;
	letter-spacing:1px;
	font-size:11px;
	letter-spacing: 1px;
	cursor:pointer;
}

.full-project-image {
	position:relative;
	margin-bottom:47px;
}
.zoom-in-button {
	position:absolute;
	top:-25px;
	right:0px;
}
.zoom-out-button {
	position:absolute;
	top:-25px;
	right:23px;
}
.slide-right-button {
	position:absolute;
	top:-25px;
	right:0px;
}
.slide-left-button {
	position:absolute;
	top:-25px;
	right:27px;
}
.move-cursor {
	cursor:move;
}
.project {
	position:relative;
	margin:0 0 75px 0;
	width:167px;
}
.search-result .project {
	margin:8px 0 35px 0;
}
.project-description .project, .blog-entry .project {
	margin:10px 12px 50px 0;
	float:left;
}
.blog .blog-entry .last {
	margin-right:0;
}
.projects-thumb-column {
	width:232px;
	float:left;
}
#projects-column-5 {
	width:167px;
}

.project-thumb-window {
	position:relative;
	width:167px;
	overflow:hidden;
}
.project-thumb-window a {
	position:absolute;
	left:0px;
	top:0px;
	width:324px;
}
.project-thumb-window a:hover, .project-thumb-window a:visited, .project-thumb-window a.visited {
	left:-167px;
}
.admin-links {
	position:absolute;
	left:0px;
	top:-15px;
	font-size:11px;
	letter-spacing: 1px;
	font-family:helvetica;
}
.gray-thumb {
	position:absolute;
	left:0px;
	top:0px;
	opacity:.5;
}
.color-thumb {
	position:absolute;
	left:167px;
	top:0px;
}
.project-pictures ul{
	display:block;
	width:100%;
	height:3000px;
}
.project-pictures li{
	list-style:none;
	float:left;
	display:block;
	margin-right:4px;
	height:100px;
}
.project-infos {
	position:absolute;
	left:0;
	width:167px;
	height:40px;
	font-size: 11px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	display:none;
	padding-top:5px;
	line-height: 12px;
}
.project:hover .project-infos {
	display:block;
}
.project-description {
	margin-bottom:5px;
}
input.orange-submit, input.green-submit {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
/* project details page */
#column-2 {
	margin-bottom:16px;
}
#project-images {
	position:relative;
}
.comments-list {
	margin-top:7px;
}
#page .admin-image-tools {
	position:fixed;
	top:50px;
	left:10px;
	width:120px;
}
.italics-in-title {
	font-style:italic;
	font-weight:normal;
}
.inner-column {
	position:relative;
}
.full-project-image .comments-likes {
	margin-bottom:10px;
	margin-top:5px;
}
.blog .comments-likes {
	margin-top:-6px;
	margin-bottom:14px;
}
.liking {
	float:right;
	margin-right:-2px;
}
.search-result {
	position:relative;
	padding:10px 0;
}
.search-page-inner-column {
	padding:0 8px;
}
.search-page-last-column .search-page-inner-column {
}
.content-page-column p {
	margin-top:0;
	padding-top:0;
}
.bottom-left-text {
	margin-top:16px;
}
.wide-right .column-title {
	height:22px;
}
/***** FLASH PLAYER *****/
/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
#hulu {
	width:515px;
	height:40px;
	background-color:white;
	position:relative;
}
div.hulu {
	margin-top:12px;
	height:40px;
	width:570px;
	position:relative;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	top:1px;
	left:0px;
	width: 35px;
	height: 15px;
	display:block;
	text-indent:-9999em;
	background:url(/images/play_button.png) no-repeat 0 -18px;
	cursor:pointer;
	border:none; 
}

div.hulu a.play:hover {
	background-position:0 0;	
}

/* pause state */
div.hulu a.pause { 
	background-position:0 0;
}

div.hulu a.pause:hover {
	background-position:0 0;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:42px;
	position:absolute;
	top:10px;
	cursor:pointer;
	width:473px;
	border:none;
	height:2px;	
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	top:-6px;
	
	cursor:pointer; 
	background-color:#ff0000;
	width:3px;
	height:15px;
	border:none;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#666;
	width:0px;
	height:2px;
}

div.hulu div.buffer {
	background-color:#ccc;
}

/* time display */
div.hulu div.time {
/*	position:absolute;		
	width:129px;
	left:330px;
	padding:12px 0;
	text-align:center;
	font-size:12px; */
	display:none;
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:507px;
	width:30px;
	height:20px;
	top:1px;
	text-align:center;
	background:url(/images/mute.png) no-repeat center right;
	cursor:pointer;
	text-indent:-9999em;
}

div.hulu a.mute:hover {
	background-position:center right;	
}

/* unmute state */
div.hulu a.unmute {
	background-position:center right;	
}

div.hulu a.unmute:hover {
	background-position:center right;	
}
.move-cursor {
	cursor:move;
}