/* ::::: Poodle Pink by Dan Salmon http://www.dansalmon.info ::::: */

/*
	#ffeaff;	light light pink	
	#ffccff;	light pink			link background colour
	#ff99ff;	medium pink			
	#ff66ff;	medium dark pink	text colour
	#ff33ff;	dark pink			
	#ff00ff;	dark dark pink		link colour
*/


/* Page Setup */

body {
	margin: 0em;
	padding: 2.8em 0em 0em;
	background: #ffffff;
	margin-bottom: 1em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	/* change font size here to format entire style */
	font-size: .7em;
	letter-spacing: 0.04em;
	color: #ff33ff;
}

@media screen {
	body > div#header {
	position: fixed;
}
}

* html body {
	overflow: hidden;
}

* html div#content {
	overflow: auto;
	height: 100%;
}


#content {
	margin-top: 1em;
}

/* Links */

a {
	color: #ff00ff;
	text-decoration: none;
	padding: .1em .2em .2em .2em;
}

a:hover {
	color: #ff00ff;
	background: #ffccff;
}


/* Headings */

h1 {
	margin: 0em;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: .8em
}

h2 {
	margin: 0em;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: .6em
}

h3 {
	margin: 0em;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: .4em
}

p {
	margin: 0em;
	padding: 1em 0em;
}

ul {
	list-style-type: square;
}

ul li {
	padding-top: .2em;
	padding-bottom: .2em;
}


/* Fixed Header & Menu & Image Navigation */

#header {
	position: absolute;
	top: 0em;
	left: 0em;
	padding: .6em 0em .8em 0em;
}

#header, #imagenav, #browsenav {
	background: #ffeaff;
	border-bottom: 1px solid #ff00ff;
	width: 100%;
	height: 1.01em;
}

#imagenav, #browsenav {
	border-top: 1px solid #ff00ff;
}

#imagenav, #browsenav {
	padding: .38em 0em .7em 0em;
}

#browsenav {
	padding: .36em 0em .8em 0em;
}

#header a, #imagenav a, #browsenav a {
	padding: .1em .5em .2em .5em;
	margin-left: .1em;
	margin-right: .5em
}

#header a:first-child {
	margin-left: 2em;
}

.menu {
	float: left;
}

.menuright {
	float: right;
	clear: right;
	text-align: right;
}

.imageprev {
	margin-left: 1em;
	float: left;
	clear: left;
}

.imagenext {
	float: right;
	clear: right;
	text-align: right;
	margin-right: 1em;
}


/* Image */

#imagebox {
	padding: .5em;
}

#imagebox a:hover {
	background: transparent;
}

#imagebox img {
/*	display: block;
	width: 10em;
	height: 10em; */
	background: transparent;
	padding: .5em;
	border: 1px solid #ffffff;
}


/* Image Title & Text */

#imagetitle {
	padding: 1em 2em;
	width: 70%;
	margin: 0em auto;
}


/* Image Info */

#imageinfo {
	width: 70%;
	padding: 0em 0em 1.8em 0em;
	font-size: .9em;
}

#imageexif {
	background: #ffeaff;
	padding: .8em;
	margin: 1em 1em 3.4em 1em;
	border: 1px solid #ff66ff;
	width: 30%;
	vertical-align: top;
	font-size: .9em;
}

#imageexif h3 {
	padding-bottom: .2em;
	margin-bottom: .8em;
	border-bottom: 1px solid #ff66ff;
}


/* Browse Image */

#browsebox, #pagebox {
	padding: 2em;
	width: 70%;
	border: 1px solid #ffffff;
	margin-bottom: 2em;
}

#browsebox a:hover {
	background: transparent;
}

#browsebox img {
	background: transparent;
	padding: 0.6em;
	margin: 0.7em;
	border: 1px solid #ffffff;
}

#browsebox a img {
	border: 1px solid #ffffff;
}

#browsebox a:hover img {
	border: 1px solid #ff66ff;
}

#pagebox {
	text-align: center;
}


/* Browse Navigation Input Box */

span.inputbox {
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #ff33ff;
}

input[type="text"], textarea, select, option {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: .14em .2em 0em .2em;
	font-size: 1em; 
	line-height: 1em; 
	color: #ff33ff;
	border: transparent;
	line-height: 2em;
}


/* Comments */

#commentimage {
	display: block;
	padding: .9em;
	margin: 1em 1.3em 1em 1.3em;
	border: 1px solid #ffffff;
}

#commentimage h3 {
	padding: .6em 0em .1em 0em;
}

#commentimage img {
	background: transparent;
	padding: .3em;
	border: 1px solid #ffffff;
}

#comments {
	display: block;
	text-align: left;
	font-size: .9em;
	padding: 0em;
	margin: 0em;
}

#comments ul {
	list-style-type: none;
	padding: 0em;
}

#comments li {
	display: block;
	padding: .9em;
	margin: 1em 1.5em 1em 1.5em;
	border: 1px solid #ff99ff;
}


/* Add Comments Box */

#addcomment {
	display: block;
	padding: .9em;
	margin: 1em 1.3em 2em 1.3em;
	border: 1px solid #ff99ff;
	background: #ffeaff;
	text-align: left;
}

#addcomment input[type="text"] {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: .1em .5em .1em .5em;
	font-size: 1em; 
	color: #ff33ff;
	border: 1px solid #ff99ff;
}

.input {
	width: 47%;
	font-size: .86em;
	border: 1px solid #ff99ff;
	height: 1.5em;
	padding: .4em;
}
	
#addcomment textarea {
	width: 96%;
	height: 6em;
	border: 1px solid #ff99ff;
	background-color: #ffffff;
	padding: .1em .5em .2em .5em;
	color: #ff33ff;
	line-height: 1.5em; 
}

.comment-button {
	background: #ffffff;
	border: 1px solid #ff99ff;
	border-bottom: 2px solid #ff66ff;
	border-right: 2px solid #ff66ff;
	padding: .1em .2em .2em .2em;
	color: #ff00ff;
	font-size: 1em;
	margin: 0em;
}


/* Thumbnail Navigation */

#thumbnav {
	background: #ffeaff;
	border-top: 1px solid #ff00ff;
	border-bottom: 1px solid #ff00ff;
	width:auto;
	margin: .4em auto;
	margin-top: 2em;
	padding: .3em 0em .4em 0em;
}

#thumbnav a:hover {
	background: transparent;
}

#thumbnav .thumbnails {
	margin: 4px;
	padding: 7px;
	border: 1px solid transparent;
}

#thumbnav a img.thumbnails {
	background-color: #fff;
}

#thumbnav a:hover img.thumbnails {
	background-color: #fff;
	border: 1px solid #ff00ff;
}

.current-thumbnail {
	background-color: #ffeaff;
	margin:4px;
	padding: 7px;
	border: 1px solid transparent;
}


/* Tags */
#tag_cloud {
	font-size: .9em;
}

#tag_cloud_header {
	display: none;
}

.tags02 {
	padding-left: .2em;
	padding-right: .2em;
}


/* Footer */

#footer {
	padding-top: 2em;
	padding-bottom: 3em;
	font-size: .9em;
}


/* Footer Feed Icons */

#footer .feedicon {
	font-size: 16px;
	width: 5.008em;
	height: 0.939em;
}

/* Forms */

input[type="text"] {
	border-width:1px;
	border-style:solid;
	border-color:#ffccff #ff99ff #ff99ff #ffccff;
	padding:.1em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:1em;
	line-height:1em;
	color:#ff00ff;
	text-indent:.2em;
	margin:0em .4em .4em 0em;
}

textarea {
	border-width:1px;
	border-style:solid;
	border-color:#ffccff #ff99ff #ff99ff #ffccff;
}

input[type="submit"] {
	color:#ff00ff;
	background:#ffccff;
	border-width:1px;
	border-style:solid;
	border-color:#ff66ff #ff00ff #ff00ff #ff66ff;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:2px 3px 2px 3px;
	margin:4px 4px 4px 0px;
}

input:hover[type="submit"] {
	color:#ffffff;
	background:#ff66ff;
	border-color:#ff99ff #ff33ff #ff33ff #ff99ff;
}

/* Search */

#searchbox {
	display:inline;
}

#searchbox input[type="text"] {
	margin-top:-2px;
	font-size:11px;
	width:120px;
}

#searchbox input[type="submit"] {
	padding:0px 3px;
	-moz-border-radius: 4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}

/*.search_input_text {
	margin:0px;
	padding:0px;
	width:8em;
}*/

#submit {
	margin-top:-1px;
}

/* Contact Form */

#contact {
	padding-bottom:1em;
	width:90%;
	margin:auto;
}

.contact-form {
	margin:10px 0;
	padding:10px;
	background:#ffeaff;
	border: 1px solid #ff00ff;
	text-align:left;
}

/*#contact input[type="text"] {
	width:90%;
}*/

#contact textarea {
	/*width:93%;*/
	height:130px;
}

#contact input[type="submit"] {
	padding:2px 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.contact_error {
	color:#ff00ff;
}


/* Paged Archive */

.archive_active_page_number a, .archive_page_number a {
	border:1px solid #ff66ff;
	padding-left:4px;
	padding-right:4px;
}

.archive_active_page_number a {
	color:#ffffff;
	background:#ff66ff;
}

.archive_page_number a {
	background:#ffccff;
}

.archive_active_page_number a:hover, .archive_page_number a:hover {
	color: #ff00ff;
	background:#ffeaff;
}


/* Archive CSS Tables */

#imagetitle table {
	width:99%;
}

#imagetitle table th, #imagetitle table td {
	vertical-align:top;
	border-bottom: 1px solid #ffeaff;
}

#imagetitle table th {
	text-align:left;
	width:15%;
}

.archead, .archtext, .archbot {
	width: 100%;
	padding: .38em 0em .7em 1em;
	text-align:left;
}

.archead {
	background: #ffeaff;
	border: 1px solid #ffccff;
	height: 1.01em;
	border-top: 1px solid #ffccff;
	font-weight:bold;
}

.archtext {
	border-left: 1px solid #ffccff;
	border-right: 1px solid #ffccff;
}

.archtext img {
	background: transparent;
	padding: .5em;
	border: 1px solid #ffffff;
}

.archbot {
	border-top: 1px solid #ffccff;
}

