body {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:0;	
}

a, a:visited {
	
}

a:hover {
	
}

#container {
	margin:0 auto;
	background:#fafafa;
	border:1px solid #1b567d;
	width:900px;
	position:relative;
	min-height:600px;
}

ul#nav {
	display:block;
	padding:0;
	margin:0;
	width:100%;
	list-style:none;
	background:#287eb8 url(images/nav-bg.png) repeat-x top left;
	height:30px;
	border-bottom:1px solid #1b567d;
}

ul#nav li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding: 0 10px;
	color:#fff;
	text-shadow: #1b567d 1px 1px 0px;
}

ul#nav li a:hover {
	background:#fff;
	color:#287eb8;
	text-shadow: #1b567d 0px 0px 0px;
}

input#searchform {
	padding:2px 5px;
	width:140px;
	font-size:11px;
	position:absolute;
	top:5px;
	right:30px;
	border:1px solid #1b567d;	
}

input#searchbutton {
	position:absolute;
	top:5px;
	right:5px;
}

#login-box {
	background:#287eb8;
 	border-bottom:1px solid #1b567d;
	border-left:1px solid #1b567d;
 	padding:5px;
 	margin-bottom:10px;
	position:absolute;
	top:30px;
	right:0;
	color:#fff;
	text-shadow: #1b567d 1px 1px 0px;
}

input#loginform {
margin-bottom:5px;
border:1px solid #1b567d;
padding:2px 4px;
}

input#loginbutton {
float:right;
border:1px solid #1b567d;
padding:2px 4px;
}

#block {
	width:500px;
	background:#fafafa;
	border:1px solid #1b567d;
	margin:10px auto;
}

#block-head {
	display:block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	background:#287eb8 url(images/nav-bg.png) repeat-x top left;
	border-bottom:1px solid #1b567d;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-shadow: #1b567d 1px 1px 0px;
}

#block-content {
	padding:10px;	
}

#upload_box {
	width:500px;
	background:#fafafa;
	border:1px solid #1b567d;
	margin:10px auto;
}

#upload_box_contents {
	padding:10px;
}

input#uploadform {
width:100%;
padding: 5px 0;
text-indent:10px;
border:1px solid #1b567d;
}

input#uploadbutton {
margin:10px auto 0 auto;
padding: 5px 10px;
border:1px solid #1b567d;
}

.album-img {
	padding:5px;
	border:2px solid #1b567d;
	width:150px;
	height:150px;
	margin:5px;
	float:left;
}

.flagged {
	padding:5px;
	background:#ff0000;
	border:2px solid #8b0000;
}

img#img {
	padding:5px;
	background:#fff;
	border:1px solid #1b567d;
	max-width:468px;
	margin-bottom:10px;
}

#details {
	background:#fff;
	border:1px solid #1b567d;
	padding:5px;
	margin-bottom:10px;
}

input#imgurl {
	width:458px;
	border:1px solid #1b567d;
	padding:5px 10px;
}

#pagination {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
}

#pagination p {
	padding:0; margin:0;
	text-align:center;
}

a.page {
	padding:5px;
	background:#fff;
	border:1px solid #1b567d;
	margin-right:3px;
	color:#1b567d;
}

a.page:hover {
	padding:5px;
	background:#1b567d;
	border:1px solid #1b567d;
	margin-right:3px;
	color:#fff;
}

span.current {
	color:#fff;
	padding:5px;
	background:#1b567d;
	border:1px solid #1b567d;
	margin-right:3px;	
}

a.reportlink {
float:right;
color:#fff;
text-decoration:none;
}

input#regform {
	margin-bottom:5px;
	border:1px solid #1b567d;
	padding:2px 4px;
}

input#regbutton {
	border:1px solid #1b567d;
	padding:2px 4px;
}

ul#admin-nav {
	padding:0;
	margin:0;
	width:100%;
	list-style:none;
	height:30px;
	margin-bottom:10px;
}

ul#admin-nav li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding: 0 10px;
	background:#1b567d;
	color:#fff;
	text-shadow: #1b567d 1px 1px 0px;
	margin-right:10px;
}

ul#admin-nav li a:hover {
	background:#ccc;
	color:#287eb8;
	text-shadow: #1b567d 0px 0px 0px;
}

input#optionsform {
	margin-bottom:5px;
	border:1px solid #1b567d;
	padding:2px 4px;
	width:300px;
}

input#optionsbutton{
	border:1px solid #1b567d;
	padding:2px 4px;
}

textarea#optionsform {
	margin-bottom:5px;
	border:1px solid #1b567d;
	padding:2px 4px;
	width:300px;
}

tr.thead {
	background:#287eb8 url(images/nav-bg.png) repeat-x top left;
	border-bottom:1px solid #1b567d;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-shadow: #1b567d 1px 1px 0px;	
}

a#del {
padding:5px 10px;
background:#ff0000;
border:1px solid #8b0000;
color:#fff;
font-weight:bold;
text-shadow: #8b0000 1px 1px 0px;
}

a#clear {
margin-left:10px;
padding:5px 10px;
background:#53dd00;
border:1px solid #318200;
color:#fff;
font-weight:bold;
text-shadow: #318200 1px 1px 0px;
}

#footer {
	display:block;
	width:880px;
	text-align:center;
	margin:0 auto;
	height:30px;
	line-height:30px;
	padding:0 10px;
	background:#287eb8 url(images/nav-bg.png) repeat-x top left;
	border:1px solid #1b567d;
	border-top:0;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-shadow: #1b567d 1px 1px 0px;	
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}