/* stylesheet for Pinx PhotoBlog */

#scroll { 
position:absolute; 
top:0; 
bottom:-0.1px; 
width:1em; 
z-index:-1; 
}


/* GLOBAL STYLING */

body {	
	background:#111;
	margin:0px 0px 15px 0px;
	padding:0px;
	text-align:center;
	font-size:10px;
	color:#ccc;
	font-family: verdana, arial;
}

input { width:100%;border:1px solid #c2c2c2; font-family:verdana; font-size: 11px}

textarea { width:100%;border:1px solid #c2c2c2; overflow:auto; height:150px;}

* textarea { font-family:verdana; font-size: 11px }

form.form input, form.form textarea { color:#777; }

div {width:100%;}

h2	{margin:0px; font-size:300%; color:#666; letter-spacing:-1px;}

h3	{margin:0px 0px 5px 0px; font-size:12px; font-weight:bold;}

li	{list-style:none; margin:2px 0px 2px 0px;}

img.me { border: 5px solid #ccc; margin:5px;}


a:link,
a:visited  {
	color: #ccc;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

a:hover  { color: #1e90ff }

a.altlink:link,
a.altlink:visited  {
	color: #999;
	text-decoration: none;
	font-weight: normal;
}

a.altlink:hover  {
	color: #1e90ff;
	text-decoration: underline;
}

a.altlink2:link,  
a.altlink2:visited  {
	color: #444;
	text-decoration: none;
	font-weight: normal;
	}

a.altlink2:hover  {
	color: #1e90ff;
	text-decoration: underline;
}

div#image-info a:link,
div#image-info a:visited,
a.textlink:link,  
a.textlink:visited {
	color: #ccc;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

div#image-info a:hover,
a.textlink:hover  {
	color: #1e90ff;
	border-bottom: 1px solid #1e90ff;
}


/*-----------*/	
/* ID STYLES */	
/*-----------*/

#wrapper {
	margin:0px auto;
	width:900px;
	text-align:center;
	}
#image { border:10px solid #000;
}
#image-head {text-align:center;}

#image-info {
    word-spacing: 150%;
    line-height:150%;
    margin:5px 0px 15px 0px;
}

#image-info p {width:350px; margin:0 auto;}

*html #image-info p {margin:0px;}

#header {
		padding:0px;
		margin:25px 0px 25px 0px;
    	font-size:10px;
    	text-align:center;
}

#thingy {
		position:absolute;
		top:10px;
		right:10px;
		width:200px;
		text-align:right;
}

#thingy img {
	margin-right: 5px;
	position:relative;
	top:2px;
	border:0;
}


#header img {margin:0px 0px 15px 0px;}

#thumbs 				{margin:0px 0px 30px;}
#thumbs img {
	height:30px;
	width:30px;
	position:relative;
	vertical-align:middle;
	left:19px;
	margin-right:35px;
}



.thumbnails				{ border:5px solid #222;}
.current-thumbnail 		{ border:5px solid #333;}
#footer 				{color:#999;}

/*------------------*/
/* MAIL-FORM STYLES */
/*------------------*/

#yesido	{
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:20px;
	text-align:center;
	margin:-10px 0px 0px -100px;
}



.form {
	margin:0px 0px 0px 175px;
	width:400px;
	font-size:10px;
	color:#666;
	font-family:verdana, arial;
	text-align:left;
}



*html .form {margin:0px 0px 0px 0px;}
.form-btn 		{width:75px; vertical-align:middle; }
/*-----------------*/
/* INFO.PHP STYLES */
/*-----------------*/

#info-wrapper {width:400px; margin:0px 0px 0px 175px;}
*html #info-wrapper {margin:0px;}

/*------------------*/
/* LINKS.PHP STYLES */
/*------------------*/

#link-wrapper a:link   		{margin:0px; line-height:15px;}
#link-wrapper a:visited 	{margin:0px; line-height:15px;}

/*----------------*/
/* STYLE SWITCHER */
/*----------------*/

#dhtmltooltip {
width:190px;
position: absolute;
font-family:verdana;
font-size:10px;
border: 4px solid #000;
padding: 6px 15px 6px 15px;
background:url("../../gfx/png_black.png") repeat 0px 0px;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}

.top-spacer { margin-top:15px; }
.float-right {float:right;}

.logo {
	width:157px;
	height:25px;
	margin:0px auto 20px auto;
	background:url('../../gfx/pinx_dark_logo.gif') no-repeat 0px 0px;
	padding:0px;
}

#image-date {
	margin:30px auto 0px auto;
	font-size:18px;
	letter-spacing:1px;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
}