/* mobile support */
@media only screen and (max-device-width: 480px) {

  .page {
    margin: 0!IMPORTANT;
    width:480px!IMPORTANT;
  }

  .portrait {
   display:none!IMPORTANT;
  }

  .stage {
    float: none!IMPORTANT;
    margin-right: 0!IMPORTANT;
  }

  .footer {
    float:none!IMPORTANT;
  }

  #TB_overlay {
    height: 480px!IMPORTANT;
  }
 
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
 background-color:#333;
 color: #FFFFFF;
 font-family: Geneva, "Trebuchet MS", Verdana, Arial;
 font-size: 95%;
 /*overflow-y: scroll;*/
}

img {
 border: none;
}

a:link, a:visited, a:active {
 color: #009cff;
 text-decoration: none;
}

a:hover {
  color: #44CCFF;
}

.page {
 background-color: #333;
 background-image:url(images/body-background-compressed.jpg);
 background-repeat:no-repeat;
 margin:auto;
 width: 800px;
}

.logo img 
{
 margin-top: 16px;
 margin-left: 60px;
}

/* The Menu */
.navigation 
{
 background-color: #111;
 height:2.5EM;
}

.nav-menu {
 list-style-type: none;
 list-style-image: none;
 list-style-position: outside;
 padding-left: 1.5EM;
}

.nav-menu li {
 float: left;
 font-weight: 700;
}

.nav-item {
 height: 2EM;
 padding: 0.55EM 0.5EM 0 0.5EM;
 text-align: center;
 width: 100px;
}

body.index .nav-menu .index,
body.blog .nav-menu .blog,
body.galleries .nav-menu .galleries,
body.bookmarks .nav-menu .bookmarks
{
  background-color: #009cff;
  height:1.7EM;
  margin-top: 0.55EM;
  padding: 0 0.5EM 0 0.5EM;
}

/* The stage */

.stage {
  float: right;
  margin-right: 2.5EM;
  width: 480px;
}

.stage-top {
  height: 75px;
  background-image: url(images/stage-background-comp.png);
  background-repeat: no-repeat;
}

.stage-middle {
  background-color: #FFFFFF;
  color: #222;
  padding: 0.2EM 2EM;
  min-height: 7EM;
}

.stage-bottom {
  height: 105px;
  background-image: url(images/stage-background-comp.png);
  background-repeat: no-repeat;
  background-position: 0px -75px;
}

.galleries-stage-middle {
  background-color: #000;
  background-image: url(images/galleries-stage-middle.png);
  background-repeat: repeat-y;
  color: #222;
  padding: 20px 45px 20px 45px;
  margin: 0px;
  min-height: 300px;
}

.menu-top {
  height: 90px;
}

.menu-middle {
  background-image: url(images/menu-middle-background.png);
  background-repeat: repeat-y;
  color: #222;
  padding: 10px 45px 10px 40px;
}


.menu-bottom {
  height: 264px;
}

.footer {
  color: #444;
  float: right;
  
}

/* ---- misc ---- */

.ui-corner-all 
{
 -moz-border-radius-bottomleft:7px;
 -moz-border-radius-bottomright:7px;
 -moz-border-radius-topleft:7px;
 -moz-border-radius-topright:7px;
 
 -webkit-border-bottom-left-radius:7px;
 -webkit-border-bottom-right-radius:7px;
 -webkit-border-top-left-radius:7px;
 -webkit-border-top-right-radius:7px;
}

.feedback {
  color: #008fff;
  display: none;
}

.portrait 
{
   clear: both;
   display:block;
   float: left;
}

.menu {
  font-weight: 700;
  position: absolute;
  width: 295px;
}

.menu ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

.menu ul li {
  cursor: pointer;
  margin:0;
  padding:0;
}

.menu ul li:hover {
  color: #009cff;
}

.loading {
 clear: both;
 display: none;
 font-size: 2.0em;
 font-weight: 700;
 text-align: center;
 width: 100%;
}


.title {
 font-size: 1.3em;
}

.title-alt {
 color: #999;
 font-size: 1.6em;
 font-weight: bold;
}

.title-sub {
 font-size: 1.1em;
}

.title-menu {
 color: #000;
 font-size: 1.4em;
 font-weight: bold;
 margin-left: 15px;
}

.thumb-div {
  background-color: #666;
  border: solid 2px #000/*#009cff*/;
  float:left;
  height:90px;
  margin:2px;
  text-align: center;
  width:90px;
}

.thumb-td {
  height:85px;
  width: 85px;
  vertical-align:middle;
}


/* ---- forms ---- */

form {
  font-size: 0.75em;
}

label {
 color: #888;
}


/* ---- pagination ---- */

.pagination
{
}
   
.pagination a 
{
    font-weight: 700;
	border: 3px solid #999;
}

.pagination a, .pagination span 
{
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #009cff;
    border: solid 3px #000;
    color: #fff;
	font-weight: 700;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#FFF;
}

/* ---- tag cloud ---- */

.tagSize0, .tagSize1, .tagSize2, .tagSize3, .tagSize4 {
 cursor: pointer;
 white-space: normal;
}

.tagSize0 a, .tagSize1 a, .tagSize2 a, .tagSize3 a, .tagSize4 a {
 padding: 4px;
 white-space:nowrap;
}

.tagSize4 {
 
 font-size: 1.5em;

 font-weight: bold;

}


.tagSize3 {
 
 color: #111;
 
 font-size: 1.2em;
 
 font-weight: bold;
 
 font-style: italic;

}


.tagSize2 {
 
 color: #222; font-size: 1.0em;


}

.tagSize1 {
 color: #333;
 font-size: 0.85em;

}


.tagSize0 {

 color: #444;

 font-size: 0.65em;

}

.tagHover {
 color: #009cff;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #FFF;
}

#TB_secondLine {
	float: right;
	padding: 5px 20px 5px 5px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay 
{
    left: 0px;
	position: absolute;
	z-index:100;
	height:100%;
	top: 0px;
	width:100%;
}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {

	background: #000;
    border: 1px #333 solid;
    color:#FFF;
	display:none;
    left: 0px;
    position: absolute;
	text-align:left;
	top: 0px;
	z-index: 102;
}


#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeWindowButton {
	cursor:pointer;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}