/*
//
//   CF Image Hosting Script v1.1
//   -------------------------------
//
//   Author:    codefuture.co.uk
//   Version:   1.1
//   Date:      01-Apr-10
//
//   download the latest version from - http://codefuture.co.uk/projects/imagehost1.1/
//   Copyright (c) 2010 codefuture.co.uk
//
////////////////////////////////////////////////////////////////////////////////////*/
* {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida", Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

html, body {background: #111 url('../img/bg.png') left top repeat-x;color: #666;}
body {font-size: 75%;text-align: center;}
a {text-decoration: underline;}
a, :focus {outline: 0;}
a {color: #ffa200;}
a:hover, a:focus {text-decoration: none;}
h1 {font-size: 200%;font-weight: normal;}
h2 {font-size: 150%;font-weight: normal;}
ul {list-style: none;}
ul li {background: url('../img/li_bullet1.gif') left 8px no-repeat;display: block;padding: 5px 0 5px 12px;}
ul li ul {margin: 5px 0 15px 20px;}
ul li li {background: url('../img/li_bullet2.gif') left 8px no-repeat;font-size: 95%;padding: 2px 0 0 12px;}
form p {padding: .4em 0 !important;}
a, a *, button, button * {cursor: pointer;}
img {border:0}
small{font-size: 75%;}

input.button {
	background: #ffa200 url('../img/th_bg.gif') left top repeat-x;
	border: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .2em 2em .5em;
	text-align: center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

input.text_input, select.text_input {
	font-size: 12px;
	color: #333;
	border-color: #8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;
	border-style: solid;
	border-width: 1px;
	background: #fefefe url('../img/textback.png') repeat-x 0 0;
	padding: 4px;
	margin: 0 0 2px;
	width: 250px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
}

select.text_input {width: 150px;}

#wrap {margin: 0 auto;text-align: left;width: 800px;}
#header {border-bottom: 5px solid #333;padding: 20px 0 10px;position:relative;}
#logo {display: block;}
#logo h1, #logo h1 * {color: #fff;font-weight: normal;text-decoration: none;}
#logo h1 a span {color: #ffa200;}
#logo h1 {font-size: 4em;}
#logo h2 {color: #555;font-size: 1.1em;font-weight: normal;padding: 5px 0 10px;}

/* nav */
#nav {float: right;font-size: 90%;padding-top: 1.4em;width: 500px;position:absolute;right:0;top:65px;}
#nav ul {float: right;}
#nav li, #nav li a {background:transparent;display: block;float: left;text-align: center;text-decoration: none;}
#nav li {padding: 0 0 0 10px;}
#nav, #nav * {color: #777;text-transform: uppercase;}
#nav a {padding: 3px 3px 5px 3px;border-bottom: 1px solid #333;}
#nav a:hover, #nav a:focus,#nav a.current {color: #ccc;border-color: #666;}
#nav a.current {border-color: #ffa200;border-width: 2px;color: #fff;}

/* content */
#content {padding: 20px 0 20px;}
#content .contentBox{padding:20px 0;}
#content h2, #content h3{color: #ccc;}/*????????*/
#content h3 {font-size: 140%;padding:40px 0 0 245px!important;}
#content p {font-size: 100%;line-height: 200%;padding-bottom: 2em;}
#content .teaser {color: #888;font-size: 130%;}
#content table {border: 0;border-collapse: collapse;border-spacing: 0;width: 100%;}
#content table th, #content table td {font-size:90%;padding:2px;text-align:center;}
#content table thead th {background: #ffa200 url('../img/th_bg.gif') left top repeat-x;color: #fff;height:35px;}
#content table tbody td {border-top: 1px solid #242424;}
#content table tbody .odd td {background: #1a1a1a;}
#content table tbody tr:hover td {color: #aaa;}
#content label {display:block;font-size:16px;font-weight:500;margin:0 auto 5px;text-align:center;width:220px;}

/* Footer */
#footer {display: block;padding: 10px 0 20px;}
#footer p {font-size: 95%;padding: 0 5px 1px 0;}
#footer, #footer * {color: #555;text-decoration: none;}
#footer a:hover {color: #999;}
#footer .sp {border-top:1px solid #1a1a1a;padding: 0;}
.footer_ad{display: block;width:728px;margin:0 auto;}

/* Thumbnail page */
.code_box{clear:both;height:25px;padding:5px;width:800px;}
.code_box label {float:left;margin:0 10px !important;padding:2px 0 0;text-align:right !important;}
.code_box input.text_input {float: left;}
.button_cen{margin:0 0 0 245px !important;}
.long {width: 420px!important;}
.err_red {background-color:#270909;}
.bookmarking {
	border: #aeaeae 1px solid;
	background: #fff;
	display: block;
	width: 420px;
	text-decoration: none;
	float:left;
	height: 16px;
	padding: 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.bookmarking a {margin: 0 5px 0 0;height: 16px;width: 16px;border: 0;position: relative;display: block;float: left;}
.bookmarking a:hover {margin: -2px 5px 0 0;}
.img_box {margin:0 auto 20px;padding:5px;text-align:center;background-color:#1A1A1A;}
.img_box img {margin:0 auto;}

/* gallery */
ul.gallery {width: 800px;margin: 0 auto;padding: 0;}
ul.gallery li {float:left;margin:10px;padding:0;height:230px;background:transparent;display:inline;}
ul.gallery li a {display:table-cell; *display:block;height:183px;text-align:center;vertical-align:bottom;width:180px;}
ul.gallery img{border:5px solid #222;background-color:#222;}
ul.gallery img:hover{border:5px solid #333;}
ul.gallery li h2 {font-size: 0.8em;margin:0;padding:10px 5px;text-align:center;overflow:hidden;width:170px;display:block;}


/* file upload skinning */
.upform{text-align:center;}
#upload_form{height: 55px;display: block;}

.file_input_div {
	height: 31px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
	width:540px;
	left:5px;
	*width:570px;/* IE7*/
}
.file_input_div input.text_input {position: relative;z-index: 1002;top: 2px;}

.file_input_button {
	background:url('../img/th_bg.gif') repeat-x scroll left top #FFA200;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	height:26px;
	padding:0.2em 2em 0.5em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.file_input_hidden {
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.loading {display: none;height: 150px;padding: 0px;text-align: center;position:absolute;width:800px;}
.loading img {border: #8E8E8E 1px solid;background: #4682B4;}

/* Admin */
.table_top{width: 800px;clear: both;display:inline-block;margin:20px 0 5px;}
.table_top .col{float:right;text-align:right;width:160px;}
#tooltip{
	background:#1A1A1A;
	border:1px solid #242424;
	color:#999;
	display:none;
	font-size:16px;
	padding:5px 10px;
	position:absolute;
}

/* pagination */
.pagination {background-color:#1a1a1a;clear:both;margin:30px 0 0;}
.pagination span.disabled,
.pagination span.current,
.pagination a {margin:0;text-decoration:none;padding:2px 6px;display:inline-block;height:16px;}
.pagination a {color:#fff;}
.pagination a:hover, div.pagination a:active {background-color:#ec5210;}
.pagination span.current {color:#868686;font-weight:bold;background-color:#111;}
.pagination span.disabled {color:#868686;}

/* notification */
.notification {position: relative;margin: 0 auto 15px;padding: 0;border: 1px solid;font-size: 13px;width: 800px;}
.success {background: #d5ffce url('../img/tick_circle.png') no-repeat 10px 11px;border-color: #9adf8f;color: #556652;}
.error {background: #ffcece url('../img/cross_circle.png') no-repeat 10px 11px;border-color: #df8f8f;color: #665252;}
.notification div {display: block;font-style: normal;padding: 10px 10px 10px 36px;line-height: 1.5em;}