body {
  margin: 0;
  padding: 0;
  background:#ffffff url("/images/album-bg.jpg") repeat-x center top;
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  color:#000;
  font-size:9pt;
}

/* Links
----------------------------------------------- */
a:link, a:visited {
  color:#3366cc;
  text-decoration: none;
}
a:hover { color:#003399; }


/* Wrapper
----------------------------------------------- */
#wrapper {
  	width:1210px;	
 	height:100%;
  	padding:0;
	margin:0 auto;
}

/* Header
----------------------------------------------- */
#header {
	width:1200px;
	height:80px;
}

#logo { 
	float: left; 
	width:325px;
}

#page-content {
	float:left;
	width:100%;
	height:100%;
	padding:2px 10px;
	border-top:1px dotted silver;
}

.return_link {
	padding-top:10px;
	text-align:center;
}
/*
.return_link a:link, a:visited {
  color:#3366cc;
  text-decoration: none;
}

.return_link a:hover { color:#003399; }
*/
#user-info {
	float:left;
	width:410px;
	padding:2px;
	margin-top:2px;
}

#rate-box {
	float:left;
	width:120px;
	padding:2px;
	margin-top:2px;
	margin-right:4px;
	text-align:center;
}

#nav-box {
	float:left;
	width:230px;
	padding:2px;
	margin-top:2px;
}

#nav-box .arrowl, #nav-box .arrowr {
	float:left;
	width:13px;
	height:45px;
	padding:2px;
}

#prev_pic, #next_pic {
	float:left;
	width:47px;
	padding:0 2px;
}

#nav-box .info {
	float:right;
	text-align:center;
	width:80px;
	font-size:small;
}

#photo-caption {
	position:relative;
	line-height:2.0em;
	font-size:medium;
	clear:both;
}

#thumbnail_nav {
	position:relative;
/*	float:left;*/
	padding:0;
	margin:0;
	width:120px;
	height:390px;
	overflow:auto;
}

#thumbnail_nav img {
	margin-bottom:2px;
}

#photo_div {
/*	position:relative;
	float:left;
	width:50%;
	height:100%;*/
	padding:5px;
}

#pic_tags {
	width:200px;
	height:100px;
	padding:2px;
	overflow:auto;
}

#pic_tags a {
	font-size:x-small;
}

#photo-info {
	font-size:10pt;
	color:#5a5a5a;
}

#photo-info a:link, #photo-info a:visited {
  color:#3366cc;
  text-decoration: none;
}

#photo-info a:hover { 
	color:#003399; 
}

em {
	color:#7d7d7d;
	font-style:italic;
	font-size:small;
}

#comments_frame {
    width: 460px;
}

#pic_desc {
	width:200px;
	min-height:60px;
	padding:2px;
	overflow:auto;
}

/* boxes */
/*
.box {
  margin-bottom:6px;
  padding:2px;
  border:1px solid #e3e3e3;
  background:#f5f5f5;
}

.box a { color:#000000; }
.box a:hover {	color:#ff0; }
*/

/* shared by album.css */

h2 {
	line-height:1.1em;
	margin:0 0 2px 0;
	font-size:large;
}

h3 {
  font-size:medium;
  margin:0;
}

h3 a:link, h3 a:hover { text-decoration: none; }

h4 {
  font-size:small;
  margin:0;
}

h4 a:link { text-decoration: none; }

h4 a:hover {
  text-decoration: none;
  border-bottom:1px dotted #66ff00;
}

.button, .xbutton {
	font-size:8pt;
	cursor:pointer;
	font-weight:bold;
}

.button, .xbutton {
	border:3px double gray;
}

.button:hover {
	background-color:#CCFFCC;
}

.xbutton:hover {
	background-color:#FF9999;
}
select {
	background-color:#fff;
	border:1px solid;
	color:#000;
	margin:2px 0 0 0;
}

.select-highlight {
	color:yellow;
	font-size:9pt;
	font-weight:bold;
}

.select-even {
	background: #1d1d1d;
}

.field {
	border:1px solid #a2a2a2;
	background:#eaeaea;
	color:#000;
}

textarea {
	border:1px solid #fff;
	background-color:#000;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-size: 9pt;	
	color:#fff;
}

textarea:hover, .field:hover, select:hover {
	border:1px solid #99ccff;
}

/* boxes */
.box { 
  position:relative;
  margin-bottom:6px;
  padding:2px;
  border:1px solid #e3e3e3;
  background:#f5f5f5;
  overflow:hidden;
 * overflow:none;
 * width:99%;
}

.clear { clear:both; }

.navbtn {
	cursor:pointer;
	background:transparent;
/*	font-size:small;*/
	padding: 1px 0 7px 0;
	margin: 0 3px;
	color: #3366cc;
	border: 1px solid #3366cc;
	height:20px;
	position:relative;
	top:1px;
}

div.pagination { padding: 3px; margin: 3px; }
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #0066cc;
}

div.pagination a:hover, div.pagination a:active, div.pagination .navbtn:hover {
	border: 1px solid #003366;
	background:#eaeaea;
	color: #003366;
	
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px;
	font-weight: bold;
	color: #000;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #909090;
	color: #909090;
}

div.pagination span.counter {
	color:#ff6600;
	font-weight:bold;
}

.empty_box {
	width:100%;
	height: 500px;
	font-size:medium;
}

/****/

.float_menu {
	position:absolute;
	top:1px;
	left:1px;
	width:140px;
	z-index:9999;
}

#dd_div {
	position:absolute;
	top:1px;
	left:1px;
	width:140px;
	z-index:9999;
}

.dd { margin: 0;
    padding: 0;
    z-index: 99999;
	
}

.dd li { margin: 0;
    padding: 0;
    list-style: none;
    font: bold 11px arial;
}

.dd li a.menu {   
	display: block;
    text-align: center;
	margin-left:15px;
    width: 60px;
    text-decoration: none;
}
.submenu {   
	background: #e4e4e4;
    border: 1px outset #7e7e7e;
    visibility: hidden;
    position: absolute;
    z-index: 3;
}
.submenu a {   
	display: block;
    font: 11px arial;
    text-align: left;
    text-decoration: none;
    padding: 5px;
}
.submenu a:hover { background: #464646; color: #FFF; }

/******/
/* Visual Editor */
#editor_box {
	background:#c6c6c6;
	z-index:9999;
	border:1px outset silver;
	overflow: auto; /* Mozilla fix: disappearing pointer/caret */
}

.editor {
	overflow:hidden;
	background:#c6c6c6;
	padding:2px;	
}

#editor_title {
	padding:4px;
	font-weight:bold;
}

.editor_area { 
	padding:1px;
}

#visualeditor {
	background:#f5f5f5;
	color:#000000;
	border:1px solid #6c6c6c;
}

#visualeditor:hover {
	border:1px solid #99ccff;
}

.editor_btns {
	height:22px;
	padding:2px;
}

#editor_smilies {
	width:500px;
	margin-top:2px;
}

#editor_smilies img { cursor:pointer; }
#editor_smilies a:link { color:white; }

.smilie {
	position:relative;
	float:left;
	width:42px;
	height:18px;
	padding:2px;
}

.smilie:hover {
	background:#dcdcdc;
}

.clickable { cursor: pointer; }

.small { font-size:7pt; }
.small2 { font-size:8pt;}
.medium { font-size:10pt; }
.medium2 { font-size:11pt; font-weight:bold; }
.big { font-size:12pt; font-weight:bold; }
.bigger { font-size:14pt; font-weight:bold; }
.biggest { font-size:18pt; font-weight:bold; }
.huge { font-size:22pt; font-weight:bold; }
.ginormous { font-size:28pt; font-weight:bold; }

.hide {
	border:0px;
	background:#fff;	
}

.user-img {
	float:left;
	margin:3px;
	padding:2px;
	border:1px inset #6c6c6c;
}

.message {
  position:relative;
  clear:both;
  width:450px;
  margin:5px 0 5px 15px;
  border:1px solid #b4b4b4;
  padding:2px;
  background:#ffff66;
  color:black;
  font-size:9pt;
}

.message li {
	padding:5px;
	margin-left:25px;
}

.message-header {
	background-color: #ffcc00;
	font-weight:bold;
	font-size:small;
}    

#bigassstar { 
	position:absolute;
	top:0;
	left:0;
	width:44px;
	height:48px;
	z-index:999991;
/*	opacity:0.9999;
	filter: alpha(opacity=0);
	-moz-opacity:0.9999;
*/
/* mac ff flickers switching btwn rendering modes */

}

/*warn msg */
.warn_msg {
	position:absolute;
	top: 7px;
	left: 20px;
	width:1800px;
	height:1750px;
	background:#ffff99;
	color:black;
	padding:2px;
	z-index:999999;
	font-size:11pt;
	border:2px solid #ffffcc;
	display:block;
	visibility:visible;
}

.warn_msg a {
	color:blue;
}

.warn_msg_head { 
	background: #ffff66;
	color:red;
}

.warn_msg_txtbox {
	position:relative;
	width:800px;
	height:220px;
	overflow:auto;
	background:#ffff66;
	text-align:left;
}
/* end warnmsg */


/* end shared */