
body {

  background-image: url('../images/bg.png');
  background-repeat: repeat;
  font:13px/1.5 Georgia,'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif

}

   
#main {
  background-color: white;

}


#header {
  background-color: #262626;
  padding: 5px 0px;
  color:white;

}

#header ul {
  list-style: none;
  margin:0px;
	padding:0px;
}

#header ul li {
  display: inline;
  margin-left: 10px;
 /* background-color: #333;*/
  margin:5px 1px;
  padding: 2px;
}

#header ul li:hover {
  background-color: #E27206;
}

#header a { 
  text-decoration: none;
  color: white;
}

#header a:hover { }


#footer {
  background-color: #262626;
  padding: 5px 0px;
  color:white;
  text-align: center;
  font-size: 10px;
}

#footer a { 
  text-decoration: none;
  color: white;
  color: #E27206;
}

#footer a:hover { 
color:white;
  }

#logo {
  background-color: #262626;
  width: 620px;  
  height: 200px;
  margin: 8px 0px;
  background-image: url('../images/artcity_final1_kf.jpg');

}

#stat {
  color: #666666;
  margin: 8px 5px 2px 0px;
  font-size: 10px;
}    

#stat a {
  font-size: 12px;
}

.block {
  width: 100%;
  background-color: #white;
  margin-bottom: 5px
}
.block-title {
  width: 100%;
  color: #666666;
  margin: 0px 0px 2px 0px;
  font-size: 19px;
  border-bottom: 1px solid #ccc;
}
.randomspot {
  /*width: 100%;*/
	max-width: 100%;
  border: 0px;
}

#main a { 
  color: #E27206;
  text-decoration: none;
}

#main a:hover { 
  background-color: #EBEBEB; 
}


.admin-func a { 
  color: red; 
  text-decoration: none;
}

.block-comment { 
  border-bottom: 1px solid #ccc; 
}
.block-comment:hover { 
  background-color: #F4F4F4; 
}


.content-title {
  width:100%;
  border-bottom: 1px solid #ccc;
  margin: 5px 0px;
  font-size: 19px;
}
.content-block {
  width: 100%;
  margin: 5px 0px;
}

.content-block img {
  max-width:600px;

}

.content-block-title {
  width:100%;
  border-bottom: 1px solid #ccc;
  margin: 2px 0px;
  font-size: 19px;
}
.comment {
  width: 100%;
  margin: 5px 0px;
}

.comment-title {
 background-color: #ccc;
 padding: 2px;
}



.pager {

	margin:10px auto;
	text-align:center;
}

.pager a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}


.pager ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.pager li {
	margin:0px;
	padding:0px;
	display:inline-block;
	padding:3px 4px;
	margin: 1px;
	background:#EBEBEB;
	cursor:pointer;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.pager li:hover {
	background:#ccc;
}


.right {
  float: right;
}
.left {
  float: left;
}

input {
	background-color: white;
  border: 1px solid #ccc; 
}

input:hover, input:focus {
	background-color: #EBEBEB;
}


textarea {
	background-color: white;
  border: 1px solid #ccc;
}

textarea:hover, textarea:focus {
	background-color: #EBEBEB;
}

img {
  border: 0px;
}

.thumbnail {

	position: relative; 
	display: block; 
	width: 300px; 
	height: 200px; 
	float: left; 
	margin: 5px;

}


.thumbnail-inactive {
  color:#4F4F4F;
}
.thumbnail-wrong {
  color: #ECD672;

}

.thumbnail-infobox {
	position: absolute;
	width: 290px;
	bottom: 0px;
	background: #000;
	color: #fff;	
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding: 5px;
}

.thumbnail-infobox-title {
	opacity: 1.0;
	filter: alpha(opacity = 100);
	margin: 0px;
	padding: 0px;
}

.thumbnail-infobox-title-link {
	color:#E27206;
	font-size:120%;
}

.thumbnail img {
  margin: auto auto;
  display:block;
}


.thumbnail-inactive img {
  margin: auto auto;
  display:block;
}


.thumbnail-wrong img {
  margin: auto auto;
  display:block;
}

.abc {
  margin: 5px;
  text-align: center; 
}

.news {
  margin: 5px 0px;
}

.news-title {
 background-color: #ccc;
 padding: 2px;
}

.news-content {
  text-align:justify;
  background-color: #F4F4F4;
  padding: 2px;
}

.artist-row {
  float: left;
  width: 33%;
  padding:1px;
}
.artist-row img{
  padding: 0px;
  margin: 0px;
}

.interviews  {
  width:100%;
  margin: 0 0;
}

.interviews tr {
  background-color: #F4F4F4; 
}
.articles  {
  width:100%;
  margin: 0 0;
}

.articles tr {
  background-color: #F4F4F4; 
}

.reports  {
  width:100%;
  margin: 0 0;
}

.reports tr {
  background-color: #F4F4F4; 
}

.stats  {
  width:46%;
  margin: 5px 1%;
  float: left;
}

.stats-title  {
  background-color: #ccc;
}

.stats tr {
  background-color: #F4F4F4; 
}
.stats td {
  height: 25px; 
}

hr {
  border:0 #ccc solid;

  border-top-width:1px;
  clear:both;
  height:0;
  margin: 10px;
}

.tooltip span {display:none; padding:2px 3px; margin-left:8px;}
.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}



.indent {
	padding:3px;
	margin:5px;
	background-color:#F4F4F4;
	border:1px dotted #A7A7A7;
}
