/*
//
//   CF Image Hosting Script v1.3
//   -------------------------------
//
//   Author:    codefuture.co.uk
//   Version:   1.3
//   Date:      26-Apr-10
//
//   download the latest version from - http://codefuture.co.uk/projects/imagehost1.3/
//   Copyright (c) 2010 codefuture.co.uk
//
////////////////////////////////////////////////////////////////////////////////////*/

* {margin: 0;padding: 0;outline: 0;}
html{height: 101%;}
body {background: #ccc;font: 12px/1.4 Helvetica,Arial,sans-serif;color: #777;text-align: center;margin: 0;}
a, a:visited {text-decoration: none;background: inherit;color: #346187;}
a:hover {text-decoration: underline;background: inherit;color: #4682B4;}
h1, h2, h3 {font-family: Helvetica,Arial,sans-serif;}
h1 {font-size: 180%;font-weight: 400;color: #555;}
h4{font:500 20px normal verdana,sans-serif;word-spacing:0.5pt;color:#aaa;}
img {border: 0;}
h1, h2, p {margin: 10px 15px;padding: 0;}
h3 {font-size: 16px; font-weight:normal;padding:20px 0 0 250px;margin:0;clear:both;}
ul, ol {margin: 5px 15px;padding: 0 0 0 20px;}
label {display:block;font-size:14px;font-weight:500;margin:0 auto 5px;text-align:center;width:220px;}

input.button {
	background: #00D1F8 url('../img/overlay_l.png') left top repeat-x;
	border: 0;
	color: #f5f5f5;
	font-size: 13px;
	padding:4px 15px;
	margin-left: 250px;
	text-align: center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

textarea.text_input,
input.text_input,
select.text_input{
	font-size: 12px;
	color: #888;
	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;}

/* layout */
#wrap {
	width: 860px;
	margin: 15px auto;
	text-align: left;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-box-shadow: 0px 0px 5px #444;
	-webkit-box-shadow: 0px 0px 5px #444;
	box-shadow: 0px 0px 5px #444;
}

#content {padding: 10px 20px;border-left: 10px solid #fff;border-right: 10px solid #fff;background: #f5f5f5;}
#header {background: #4682B4 url('../img/background.png');position: relative;height: 100px;padding: 0;color: #fff;border: 10px solid #fff;-moz-border-radius: 16px 16px 0 0;-webkit-border-radius: 16px 16px 0 0;}
#search{position:absolute;right:10px;top:20px}
#search input.text_input{width: 175px;}
#search input.button {margin-left:5px;}

#logo {display: block;}
#logo h1, #logo h1 * {color: #fff;font-weight: normal;text-decoration: none;margin:0;padding:0 0 0 5px;}
#logo h1 a span {color: #ffa200;}
#logo h1 {font-size: 4em;}
#logo h2 {color: #fff;font-size: 1.1em;font-weight: normal;padding: 0 0 0 13px;margin:0;}

#nav{bottom:0;display:block;height:26px;position:absolute;right:10px;}
#nav ul{margin:0;padding:0;}
#nav li{list-style:none;float:left;padding-left: 5px;}
#nav a, #nav a:visited {
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	border-top: 5px solid #346187;
	border-left: 5px solid #346187;
	border-right: 5px solid #346187;
	position: relative;
	cursor: pointer;
	line-height: 1;
	font-size: 10px;
	background: #4682B4 url('../img/overlay_l.png') repeat-x;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-top-left-radius:6px;

}
#nav a:hover,#nav a.current { color: #4682B4;background: #fff; }
#content p {font-size: 100%;line-height: 140%;padding-bottom: 10px;}
#content .teaser {font-size:110%;text-align:center;}
#content .top_ad{}
#content .button_cen{margin-left: 250px;}
#content .error_message{color:red;}
#tos ul li {padding: 5px 0;}
#tos ul li ul {margin: 5px 0 15px 0;}
#tos ul li li {font-size: 95%;padding:0;}

#footer {color: #fff;background: #4682B4 url('../img/background.png');height: 40px;text-align: center;font-size: 90%;line-height: 0.9;border: 10px solid #fff;-moz-border-radius: 0 0 16px 16px;-webkit-border-radius: 0 0 16px 16px;}
#footer p {padding: 5px 0;margin: 0;}
#footer a {color: #fff;text-decoration: underline;}

/* gallery */
ul.gallery {width: 800px;margin: 0 auto;padding: 0;}
ul.gallery li {float:left;position:relative;margin:10px;padding:0;height:230px;background:transparent;display:inline;}
ul.gallery li a.thumb {display:table-cell; *display:block;height:183px;text-align:center;vertical-align:bottom;width:180px;}
ul.gallery img{border:5px solid #fff;background-color:#fff;}
ul.gallery img:hover{-moz-box-shadow: 0 0 5px #444;-webkit-box-shadow: 0px 0px 5px #444;box-shadow: 0px 0px 5px #444;}
ul.gallery li h2{margin:0;}
ul.gallery li h2 a {color:#444;display:block;font-size:10px;margin:0;overflow:hidden;padding:10px 5px;text-align:center;text-decoration:none;width:170px;}
.gallery_ad{margin:0 auto;padding:10px;text-align:center;width:760px;}
.search_for{color:#777;}
.img_report{
	-moz-border-radius:10px 0 10px 10px;
	background-color:#FFFFFF;
	padding:3px 0;
	position:absolute;
	right:0;
	top:0;
	display:none;
	text-align:center;
	width:50px;
}

/* pagination */
.pagination {background-color:#d1d1d1;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:#666;}
.pagination a:hover, div.pagination a:active {background-color:#4682B4;color:#fff;}
.pagination span.current {color:#868686;font-weight:bold;background-color:#eee;}
.pagination span.disabled {color:#868686;}

/* notification */
.notification {position: relative;margin: 5px auto;padding: 0;border: 1px solid;font-size: 13px;}
.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;}

/* file upload skinning */
.upload_form{height: 55px;display: block;}
.hide{display:none;}
.add_another_file_input img{vertical-align:middle;}
form.upform .loading {display: none;height: 70px;padding: 0px;text-align: center;width:800px;}
form.upform .loading img {border: #8E8E8E 1px solid;background: #4682B4;}
form.upform {text-align:center;}
form.upform .file_input_div {height: 30px;margin: 0 auto;overflow: hidden;position: relative;text-align: left;width: 520px;}
form.upform .file_input_div input.text_input {position: relative;z-index: 1002;}
form.upform .file_input_button {
	background: #00D1F8 url('../img/overlay_l.png') left top repeat-x;
	border: 0 none;
	color: #fff;
	height: 28px;
	padding: 0;
	margin:0px;
	top: 0;
	width: 80px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
form.upform input.button{margin:0px;}
form.upform .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;
}

/* Thumbnail page */
.flip{background-color:#FFF;display:block;margin:0 0 20px;padding:5px;cursor:pointer;}
.panel{margin:0 0 20px;border-bottom:2px solid #fff;padding:0 0 10px;display:none;}
div.open{display:block;}
.code_box{clear:both;height:25px;padding:5px;width:775px;margin:0 auto;}
.code_box label {float:left;margin:0 10px !important;padding:2px 0 0;text-align:right !important;}
.code_box .text_input {float: left;}
.long,.long_des {width: 420px!important;}

.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 {background-color:#EEEEEE;border-top:2px solid #FFFFFF;margin:0 auto;padding:10px;text-align:center;}
.img_box img {margin:0 auto;}
.img_box a {text-decoration:none;color:#444;}

/* admin menu bar */
#admin_bar{display:block;background-color:#333}
#admin_bar .title{color:#BBBBBB;float:left;font-size:20px;padding:0 5px;}
#admin_bar ul{padding:5px 20px 0px;height:25px;width:auto;list-style: none;margin:0;}
#admin_bar li {float: right;margin: 0;padding:0px 10px 0px 0px;}
#admin_bar a {color:#fff;}

.clear {clear: both;}