/*
-----------------------------------------------
Title: gravityscripts gallery template dku
Author:   soul76 // gravitydesign
Date:  MAR 2006
History:
ver1.0 160306
----------------------------------------------- */

/* structure
----------------------------------------------- */

body, html
{
	margin: 0;
	padding:0;
}
  
body
{
	background: white url(img/header.jpg) top center no-repeat;
	color: black;
}

#pagecontainer
{
	position: relative;
	margin: 0 auto;
	width: 900px;
	font: 9pt verdana, geneva, arial, sans-serif;
}

/* png transparency in firefox etc */
html > body #header
{
	background: transparent url(img/gallery_logo.png) no-repeat;
}

/* png transparency in M$IE etc */
#header
{
	z-index: 100;
	position: absolute; 
	top: -35px;
	left: -70px;
	width: 232px;
	height:170px;
}

#current_img
{
	position: relative;
	width: 500px;
	overflow: hidden;
	z-index: 10;
	text-align: center;
}

#current_img img
{
	text-align: center;
}

#leftcolumn
{
	position: absolute;
	width: 500px;
	overflow:hidden;
	top: 80px;
	left: 20px;
}

#rightcolumn
{
	top: 80px;
	left: 540px;
	position: absolute;
	width: 300px;
}

#comment
{
	display: block;
	clear: both;
	text-align: left;
	border-top: 1px dotted #E9E9E9;
}

#link
{
	position: absolute;
	left: 440px;
}

.box
{
	width: 350px;
	display:block;
	background: transparent url(img/box_hl.jpg) no-repeat;
	margin-bottom: 20px;
}


/* text
----------------------------------------------- */

/* headlines */
h1, h2, h3
{
	font-size: 10pt;
}


.box h2
{
	padding: 25px 0 0 40px;
	font-size: 10pt;
	
}

.box p
{
	margin: 5px 30px 20px 40px;
}

.box span
{
	height: 41px;
	width: 350px;
	background: transparent url(img/box_bottom.jpg) no-repeat;
	display: block;
	margin-top: -40px;
	z-index: 1;
}


/* paragraphs */
p {
	color: black;
	font-weight: bold;
	font: 9pt Arial, sans-serif;
	position: relative;
}

p#data
{
	position: relative;
	text-align: left;
	border-top: 1px dotted #E9E9E9;
	border-bottom: 1px dotted #E9E9E9;
	padding: 4px;
}

p#about 
{
	text-align: left;
}

.border { padding: 5px; border: 1px dotted #C8C8C8; background: #F1F1F1; }

/* other */

/* links
----------------------------------------------- */

/* basic */
a:link { color: #AC070E; }
a:visited { color: #AC070E;  }
a:hover { color: #BABABA; text-decoration: none; }
a:active { color: #BABABA; text-decoration: none; }
a:focus { color: #BABABA; text-decoration: none; }

#commentstoggle { background: transparent; margin: 0; padding: 0 0 2px 10px; }

#imglinks a { color: #AC070E; background: transparent; padding:0;  text-decoration: none; font-weight: bold; }
#imglinks a:hover, #imglinks a:active, #imglinks a:focus { color: #999999; text-decoration: underline;  font-weight: bold;}

#bwd a:link
{
	position: absolute;
	left: 10px;
	top: 125px;
	display: block;
	width: 100px;
	height: 300px;
	z-index: 103;
}

#fwd a:link
{
	position: absolute;
	left: 420px;
	top: 125px;
	display: block;
	height: 300px;
	z-index: 100;
	width: 103px;
}


#bwd a:hover {
	background: transparent url(img/back.png) center no-repeat;
}

#fwd a:hover{
	background: transparent url(img/next.png) center no-repeat;
}

/* other elements
----------------------------------------------- */
img { border:none; }


/* lists
----------------------------------------------- */
.box ul
{
	list-style-type: none;
	margin: 0px 0 30px 40px;
	padding: 0;
	font-size: 9pt;
	z-index: 10;
	position: relative;
}

.box li
{
	background: transparent;
	margin: 0;
	padding: 0 0 2px 0;
}

#imglinks
{
	position: relative;
}

#imglinks ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

#imglinks li
{
	float: left;
	width: 72px;
	height: 72px;
	margin: 3px;
	padding: 0;
	text-align: center;
}


/* form elements */
input, textarea 
{
	border: 1px solid #BABABA;
	background: transparent;
	width: 350px;
}

button
{
	border: 1px solid #BABABA;
	background: transparent;
	color: #BABABA;
}

button:hover
{
	border: 1px solid #FF3300;
	color: #FF3300;
}

textarea
{
	height: 100px;
}


/* comments */
.gs_comment_2 { background: #F3F3F3; display: block; margin: 5px; padding: 10px;}
.gs_comment_1 { background: #E9E9E9; display: block; margin: 5px; padding: 10px; }
.gs_comment_2 p, .gs_comment_1 p { margin: 0; padding: 0; }


/* forms */
#gs_form_settings { margin: 5px 0 5px 0;}

#gallery_addcomment td { padding: 5px; vertical-align: top; width: 100px; }

#gallery_addcomment table td, input, button, textarea, file, select { font: 8pt verdana, geneva, arial, sans-serif; font-weight: normal; }