/* ======================================================== */
/* Add styles that are specific fot this website            */
/*                                                          */
/* Change history:                                          */
/*   18-07-2008 Created by Marco Verheul                    */
/*                                                          */
/* ======================================================== */

/* ====================================== */
/* general styles                         */
/* ====================================== */
.hidden {
	display: none;
}

.clear {
	clear: both;
}

.page {	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.80em;
	color: #222;
}

.page a, .page a:link {
	color: #06c;
	text-decoration: none;
}
.page a:visited {
	color: #c4a1ac;
	text-decoration: none;
}
.page a:hover {
	color: #029dff;
	text-decoration: underline;
}

.page h1,.page h2, .page h3, .page h4, .page h5, .page h6 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color: #18a417;
	font-weight: normal;
}

.page h1 {font-size: 1.6em;}
.page h2 {font-size: 1.4em;}
.page h3 {font-size: 1.2em;}
.page h4 {font-size: 1.1em;}
.page h5 {font-size: 1em;}
.page h6 {font-size: 0.9em;}

.page .message {
	margin: 0 0 1em 0;
	padding: 1em;
	background-color: #3c0;
	color: #fff;
}

.page .error {
	margin: 0 0 1em 0;
	padding: 1em;
	background-color: #f63;
	color: #fff;
}


/* ====================================== */
/* page structure                         */
/* ====================================== */

body {
	background-color: #f5f5f3;
	/*background: url(../images/layout/bg-body.png) repeat top left;*/
	margin: 0;
	padding: 0;
}

#container {
	width: 1024px;
	margin: 0 auto;
}


#header {
	width: 100%;
	height: 110px;
	margin: 0;
	position: relative;
}

#branding {
	position: absolute;
	top: 20px;
	left: 0;
}

#branding a,
#branding a:active,
#branding a:visited,
#branding a:hover {
	color: #18a417;
	font-size: 2em;
	text-decoration: none;
}

#content-wrapper {
	margin: 0;
	padding: 2em 0;
	background-color: #fff;
	border: 1px solid #eee;
}

#content {
	margin: 0 30px;
}

#footer {
	width: 1004px;
	margin: 0 auto;
	padding: 0 10px;
}

#footer p {
	font-size: 0.9em;
	color: #aaa;
}

#footer a, footer a:link, footer a:visited, footer a:hover {
	color: #aa;
	text-decoration: underline;
}

/* ====================================== */
/* main navigation                        */
/* ====================================== */
#mainnav {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #b6dae7;
	border-bottom: #fff;
}
#mainnav ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 10px;
}
#mainnav li {
	display: inline;
}
#mainnav li a {
	display: block;
	color: #88c3d8;
	float: left;
	text-decoration: none;
	height: 27px;
	border: 1px solid #e3f1f6;
	border-bottom: 1px solid #fff;
	/*background: #eee url(../images/layout/bg-admin-tab.png) top left repeat-x;*/
	background-color: #e3f1f6;
	line-height: 2em;
	margin: 12px 1px -1px 2px;
	padding: 0 1em;
}

#mainnav li#mn-pictures a:hover, #mainnav li#mn-pictures a.active,
#mainnav li#mn-categories a:hover, #mainnav li#mn-categories a.active,
#mainnav li#mn-equipment a:hover, #mainnav li#mn-equipment a.active,
#mainnav li#mn-comments a:hover, #mainnav li#mn-comments a.active {
	color: #222;
	background: #fff;
	border: 1px solid #fff;
}

#mainnav #userName {
	/*border: 1px solid red;*/
	width: 25%;
	height: 40px;
	line-height: 40px;
	float: right;
	text-align: right;
	color: #59abc9;
	font-size: 95%;
	padding: 0 10px 0 0;
}

/* ====================================== */
/* form styles                            */
/* ====================================== */

form.admin {
	margin-bottom: 2em;
}
form fieldset {
	border: 1px solid #ffdbdb;
	background-color: #fff7f7;
	padding: 1em;
}

form div, form label, form input, form p.error, form select {
	float: left;
}

form label {
	color: #222;
}

form legend {
	font-size: 1em;
	color: #222;
	padding: 0.2em 0.5em;
}

form div {
	clear: left;
	padding: 0.2em 0;
}

form label {
	width: 120px;
	text-align: right;
	margin-right: 20px;
}

form input.text, textarea, select {
	border: 1px solid #ddd;
}

form input.text, form select {
	padding: 0;
}

form input.text {
	height: 22px;
}

form select {
	height: 24px;
}

form #form-submit {
	margin-left: 140px;
	padding: 0;
}

form button.submit {
	border: 1px solid #aaa;
	height: 24px;
	margin: 0 0 0 0.2em;
	padding: 0 1em;
	float: left;
}

form a.submit,
form a:visited.submit,
form a:active.submit,
form a:hover.submit {
	border: 1px solid #aaa;
	height: 22px;
	line-height: 22px;
	margin: 0 0 0 0.4em;
	padding: 0 1em;
	color: #000;
	text-decoration: none;
	font-size: 0.8em;
	float: left;
}

form .blue {
	background: url(../images/layout/bg-btn-blue.png) top left repeat-x;
	/*border-color: #8ac3eb;*/
}

form .gray {
	background: url(../images/layout/bg-btn-gray.png) top left repeat-x;
	/*border-color: #dae1e4;*/
}

form p.error {
	color: red;
	margin: 0 0 0 20px;
	padding-left: 20px;
	background: transparent url(../images/layout/cross_circle_frame.png) no-repeat center left;
}

/* ==== specific form styles ==== */
form#loginform ,
form#imageform {
	width: 780px;
}
form#uploadform {
	width: 100%;
}
form#uploadform p.error {
	margin: 1em 0 1em 140px;
}
form#loginform input.text, form#loginform textarea {
	width: 220px;
}
form#imageform input.text, form#imageform textarea, form#imageform select {
	width: 350px;
}

form#imageform div.thumb {
	float: right;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
	background-color: #fff;
	padding: 20px;
	text-align: center;
}
form#imageform div.thumb img {
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
}
form#imageform div.thumb p {
	font-size: 0.95em;
}
form#imageform a.cancel-link {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #029dff;
	text-decoration: underline;
	margin: 0 1em;
}

form#imageform #cat-checkboxes {
	float: left;
	width: 350px;
	margin: 4px 0 10px 140px;
	background-color: #FFF7F7;
}

form#imageform #cat-checkboxes div {
	clear: none;
	margin: 0 5px;
	width: 165px;
	height: 1.6em;
	float: left;
}

form#imageform #cat-checkboxes label {
	width: 120px;
	height: 1.6em;
	line-height: 1.6em;
	text-align: left;
}

form#uploadform input.text {
	border: 1px solid #D4ECEC;
}

form#registrationform input#email,
form#registrationform input#question,
form#registrationform input#answer {
	width: 400px;
}
form#equipmentform input.text {
	width: 350px;
}

/* ====================================== */
/* table image overview                   */
/* ====================================== */

table.admin-overview {
	width: 100%;
	text-align: left;
	margin: 0 0 1em 0;
	/*border-bottom: 1px solid #ddd;*/
	border-collapse: collapse;
}
table.admin-overview tr:hover {
	background-color: #ffffe5;
	/*background-color: #f5f5f3;*/
}
table.admin-overview tr.t-head,
table.admin-overview tr.t-head:hover {
	background-color: #e3f1f6;
	line-height: 1.6em;
	border: none;
}
table.admin-overview th, td {
	vertical-align: top;
}
table.admin-overview th {
	color: #222;
}
table.admin-overview td {
	border-bottom: 1px solid #ddd;
	padding: 0.2em 0;
}
table.admin-overview td a.thumbnail img {
	border: none;
}
table.admin-overview td a.btn-view,
table.admin-overview td a.btn-ban_ip,
table.admin-overview td a.btn-allow,
table.admin-overview td a.btn-edit,
table.admin-overview td a.btn-deny,
table.admin-overview td a.btn-delete {
	margin: 0 0.5em;
}
table.admin-overview td a.btn-view img,
table.admin-overview td a.btn-ban_ip img,
table.admin-overview td a.btn-allow img,
table.admin-overview td a.btn-edit img,
table.admin-overview td a.btn-deny img,
table.admin-overview td a.btn-answer img,
table.admin-overview td a.btn-delete img {
	border: none;
}
table.admin-overview td div.sort a {
	color: #06c;
	text-decoration: none;
}

table#categories .th-1, table#lenses .th-1 {width: 5%;}
table#categories .th-2, table#lenses .th-2 {width: 80%;}
table#categories .th-3, table#lenses .th-3 {width: 10%;}
table#categories .th-4, table#lenses .th-4 {width: 5%;}

table#cameras .th-1, table#lenses .th-1 {width: 5%;}
table#cameras .th-2, table#lenses .th-2 {width: 10%;}
table#cameras .th-3, table#lenses .th-3 {width: 70%;}
table#cameras .th-4, table#lenses .th-4 {width: 10%;}
table#cameras .th-5, table#lenses .th-5 {width: 5%;}

table#comment-table .th-1 {width: 7%;}
table#comment-table .th-2 {width: 36%;}
table#comment-table .th-3 {width: 25%;}
table#comment-table .th-4 {width: 10%;}
table#comment-table .th-5 {width: 8%;}
table#comment-table .th-6 {width: 14%;}

/* ====================================== */
/* overview pagination                    */
/* ====================================== */

div.paging {
	text-align: center;
}

div.paging ul {
	/*float: left;*/
	list-style: none;
	margin: o auto;
}

div.paging ul li {
	display: inline;
	margin: 0 0.2em;
	font-weight: bold;
}

div.paging ul li a {
	padding: 0.1em 0.3em;
	font-weight: normal;
	border: 1px solid #aaa;
	background:transparent url(../images/layout/bg-btn-blue.png) repeat-x scroll left top;
}
div.paging ul li a,
div.paging ul li a:link,
div.paging ul li a:active,
div.paging ul li a:visited {
	color: #222;
}

div.paging ul li a:hover {
	color: red;
}

/* ------ other ------ */
body#comments div.thumb {
	margin: 1em 0;
}