/*--------------------------------------------------------------------------------------------------------
puppy love // kareshi kanojo no jijou (his & her circumstances): pero pero fanlisting
http://fan.plot-kitty.net/peropero
version 1 - 29 july 2008
part of: PKN - http://plot-kitty.net
design and content by Fall - fallske@gmail.com
--------------------------------------------------------------------------------------------------------*/


/*
content: body, text, header, footer
--------------------------------------------------------------------------------------------------------*/

body {background:url('images/pero2fl-bg.gif') no-repeat; background-position: 0px 0px; cursor: sw-resize; background-color: #f2f2fa;}

#content {width: 510px; position: absolute; left: 50px; top: 0px; font-family: georgia, trebuchet ms, serif; font-size: 11px; font-weight: lighter; text-align: justify; color: #8686ae;}

#content h1 {background-image: url('images/pero2fl-list.gif'); background-repeat: no-repeat; background-position: left; width: 510px; border-bottom: 2px solid #e2e1ef; font-family: georgia, trebuchet ms, serif; font-size: 14px; font-style: italic; font-weight: bold; text-indent: 30px; color: #8686ae; letter-spacing: 2px;}

.header {margin: 5px; font-size: 14px; text-indent: 30px; color: #8686ae; text-decoration: underline; letter-spacing: 2px;}

.affi {text-align: center; color: #8686ae;}

.content {margin: 5px;}

.center {text-align: center;}

#text {margin: 5px;}

.footer {text-align: center; color: #8686ae;}

/*
links: content, affiliates, 
--------------------------------------------------------------------------------------------------------*/
a:link, a:visited, a:active {text-decoration: none; border-bottom: 1px solid #ad9abf; color: #ad9abf; font-size: 11px; font-family: georgia, trebuchet ms, serif; font-style: italic;}

a:hover {text-decoration: none; border-bottom: none; color: #c7c6dd; font-size: 11px; font-family: georgia, trebuchet ms, serif; font-style: italic; cursor: help;}

.affi a:link {margin: 3px; line-height: 20px; border-bottom: none; font-family: georgia, trebuchet ms, serif; font-size: 11px; font-style: italic; text-align: center; color: #ad9abf;}

.affi a:visited {margin: 3px; line-height: 20px; border-bottom: none; font-family: georgia, trebuchet ms, serif; font-size: 11px; font-style: italic; text-align: center; color: #ad9abf;}

.affi a:hover {margin: 3px; line-height: 20px; border-bottom: none; font-family: georgia, trebuchet ms, serif; font-size: 11px; font-style: italic; text-align: center; color: #c7c6dd;}

.affi a:active {margin: 3px; line-height: 20px; border-bottom: none; font-family: georgia, trebuchet ms, serif; font-size: 11px; font-style: italic; text-align: center; color: #ad9abf;}

.footer a:link {text-decoration: none; border-bottom: none; color: #ad9abf; font-size: 11px; font-family: georgia, trebuchet ms, serif; font-style: italic;}

.footer a:visited {text-decoration: none; border-bottom: none; color: #ad9abf; font-size: 11px; font-family: georgia, trebuchet ms, serif; font-style: italic;}

.footer a:hover {text-decoration: none; border-bottom: none; color: #c7c6dd; font-size: 11px; font-family: georgia, trebuchet ms, serif; font-style: italic; cursor: help;}

.footer a:active {text-decoration: none; border-bottom: none; color: #ad9abf; font-size: 11px; font-family: georgia, trebuchet ms, serif; font-style: italic;}

/*
formatting: bold, lists, area, forms, blockquote, images
--------------------------------------------------------------------------------------------------------*/
area {border: none; cursor: help;}

input, select, textarea {background-color: #ffffff; border: 1px solid #b9b8d1; font-family: georgia, trebuchet ms, serif; font-size: 11px; color: #8686ae;}

b {color: #ad9abf; font-size: 11px; font-family: georgia, trebuchet ms, serif; font-style: italic;}

i {color: #b2aebb; font-size: 11px; font-family: georgia, trebuchet ms, serif;}

blockquote {background-color: #e0dfee; border: 1px solid #b9b8d1; font-family: georgia, trebuchet ms, serif; font-size: 11px; font-weight: lighter; text-align: center; color: #8686ae;}

img {border: none;}

ul, li {list-style-type: square;}

#codesort {width: 500px; font-family: georgia, trebuchet ms, serif; font-size: 11px; font-weight: lighter; text-align: justify; color: #8686ae;}

#codesort h1 {width: 500px; border-bottom: 2px solid #e2e1ef; font-family: georgia, trebuchet ms, serif; font-size: 14px; font-style: italic; font-weight: bold; text-indent: 30px; color: #8686ae; letter-spacing: 2px;}

.codesort {margin: 5px;}

.codesort img {border: 5px solid #e0dfee; text-align: center;}