img, li, a, h1, h2, h3, h4, h5, h6, p, table, td, tr, th, div, span, ul, ol, li, body, form {
    margin: 0;
    padding: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  height: 100.1%;
  background: #777777;
}

a {
    outline: none;
	color: black;
}

a:hover {
	color: orange;
}

a img {
	border: none;
}

h3 {
    text-align: center;
}

#width {
    width: 61.6em;
    background: white;
    margin: 0 auto;
}

#banner {
    color: white;
}

#footer {
}

#left-content {
    width: 9.7em;
	padding:0px;
	float:left;
    padding-bottom: 0.5em;    
}

#right-content {
    width: 9.7em;    
	padding:0px;
	padding-bottom: 0.5em;
	float:left;
}

#centre-content {
    width: 41em;
	padding:0px;
	float:left;
}

/* Sections */

#left-content .section {
	width: 9.7em;
}

.section .bd .c .s p {
    padding: 0.2em;
}

.section  .bd .c .s .here,
.section .bd .c .s .sex,
.section .bd .c .s .location,
.section .bd .c .s .status {
    border-top: dashed black 1px;
}

.section .bd .c .s .status {
    margin-top: 1em;
}

.section .bd .c .s .status span {
    display: block;
}

.section .bd .c .s .here label,
.section .bd .c .s .sex label,
.section .bd .c .s .location label,
.section .bd .c .s .age label {
    width: 15px;
    height: 0px;
    overflow: hidden;
    float: left;
}

.section .bd .c .s .here label {
    background: transparent url(/images/here.png) no-repeat 0px 0px;
    padding-top: 68px;
}

.section .bd .c .s .location label {
    background: transparent url(/images/location.png) no-repeat 0px 0px;
    padding-top: 64px;
}

.section  .bd .c .s .age label {
    background: transparent url(/images/age.png) no-repeat 0px 0px;
    padding-top: 30px;
}

.section .bd .c .s .sex label {
    background: transparent url(/images/sex.png) no-repeat 0px 0px;
    padding-top: 29px;
}

.section #email,
.section #password {
    width: 97%;
    display: block;
    margin: 0 auto;
}

.section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section li {
  	display: block;
}

.section ul li a {
    text-decoration: none;
	line-height: 1.5em;
	padding-left: 8px;
    color: black;
    display: block;
}

.section ul li a span {
    width: 100%;
    display: block;
}

.section ul li a:hover {
    color: white;
    background: #5599ff url(/images/blue_ml.png) repeat-y 0px 0px;
}

.section ul li a:hover span {
    background: transparent url(/images/blue_mr.png) repeat-y right 0px;
}

.map {
    height: 0px;
    width: 24px;
    padding-top: 24px;
    overflow: hidden;
    display: block;
    float: right;
    background: transparent url(/images/map.png) no-repeat 0px 0px;
}

.visitor {
    padding: 2px 4px;
    overflow: hidden;
}

.edit {
    float: right;
    display: block;
    height: 0px;
    width: 24px;
    padding-top: 24px;
    overflow: hidden;
    background: transparent url(/images/edit.gif) no-repeat 0px 0px;
}

/*-----*/

.stuff {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.stuff td {
    vertical-align: top;
}



textarea.field {
	width: 99%;
}

.display-text {
    overflow: hidden;
}

.display-text p {
	padding: 3px 0;
}

.display-text li {
	margin-left: 2em;
}

#postcode_postcode {
    margin: 0 auto;
    width: 83%;
    display:block;
    margin-left: 16px;
}

p #postcode_postcode {
	margin: 0;	
	display: inline;
}

#text_me_code {
    margin: 0 auto;
    width: 97%;
    display:block;
}

/* ---> Profile <--- */

#profile {
    width: 41.1em;
    display: block;
}

#profile #details label {
    display: block;
    width: 8.5em;
    text-align: right;
    margin-right: 0.4em;
    font-size: 0.8em;
    font-style: italic;
}

#profile #details span {
    margin-top: -1.2em;
    margin-left: 8.7em;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
}

.controls {
    height: 24px;
}

.controls .edit {
    font-size: 0.8em;
    display: block;
    padding-top: 24px;
    overflow: hidden;
    height: 0px;
    width: 24px;
    float: right;
    background: transparent url(/images/edit.gif) no-repeat right 0px;
}

#profile .left {
    width: 24.9em;
    float: left;
}

#profile .right {
    width: 16.2em;
    float: right;
}

#profile #gallery #master0 {
    margin: 0 auto;
}

#profile #gallery .bd .c .s {
    text-align: center;
}

/* ---> END Profile <--- */

/* ---> Change profile <--- */
#change-profile {
}

#change-profile select {
    margin: 0.1em 0;
}

#change-profile .button {
    margin: 0.5em auto;
    display: block;
}

#change-profile label {
    width: 18em;
    text-align: right;
    margin-right: 0.2em;
    display: block;
    float: left;
}

#change-profile .ratable {
    text-align: center;
}

#change-profile .here-for {
    margin-left: 18.2em;
}

#change-profile .interests .col {
    width: 11em;
    float: left;
}

#change-profile .interests  {
    width:33em;
    margin: 0 auto;
}

#change-profile .education {
    margin-left: 21em;
}

#change-profile #postcode_postcode {
    width: 13.5em;
}

/* ---> END Change Profile <--- */

/* ---> Sign Up Screen <--- */

#register {
    width: 30em;
    padding: 0.5em;
    margin: 0 auto;
}

#register label {
    float: left;
    display: block;
    width: 11em;
    text-align: right;
    padding-right: 5px;
}

#register p {
    text-align: justify;
    padding: 0.1em 0;
}

#register .field {
    width: 15em;
}

/* ---> END Sign Up Screen <--- */

/* ---> Login <--- */

#login {
    width: 30em;
    margin: 0 auto;
}    

#login fieldset {
    width: 60%;
    margin: 0.5em auto;
}

#login label {
    float: left;
    display: block;
    width: 5.5em;
    text-align: right;
    padding-right: 0.4em;
}

#login fieldset p {
    margin: 0.2em 0;
}

#login fieldset div {
    text-align: center;
}

/* ---> END login <--- */

/* ---> Passord Reset <--- */

#account {
}

#account form p {
    padding: 0.5em 0;
}

#account form p label {
    float: left;
    display: block;
    width: 10em;
    text-align: right;
    padding-left: 9em;
    padding-right: 0.2em;
}

/* ---> Password Reset <--- */

/* ---> Rating <--- */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
    background: url(/images/hearts.jpg) left -1000px repeat-x;
}

.star-rating{
    position:relative;
    width:165px;
    height:33px;
    overflow:hidden;
    list-style:none;
    margin:0 auto;
    padding:0;
    background-position: left top;
}

.star-rating li{
    display: inline;
}

.star-rating a,
.star-rating .current-rating{
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:33px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
    background-position: left bottom;   
}

.star-rating a.one-star{
    width:20%;
    z-index:6;
}

.star-rating a.two-stars{
    width:40%;
    z-index:5;
}

.star-rating a.three-stars{
    width:60%;
    z-index:4;
}

.star-rating a.four-stars{
    width:80%;
    z-index:3;
}

.star-rating a.five-stars{
    width:100%;
    z-index:2;
}

.star-rating .current-rating{
    z-index:1;
    background-position: left center;
}

/* ---> END rating <--- */

#search-results {
	width: 35.5em;
	margin: 0 auto;
}

.results-blogs {
    width: 53%;
}

.results-blogs li {
    list-style: none;
}

.results-images {
    width: 44%;
    float: right;
}



/* ---> Edit black book <--- */

#black-book-entries {
    margin: 0 auto;
    list-style-type: none;    
}

#black-book-entries .delete,
#black-book-entries .move-top,
#black-book-entries .move-up,
#black-book-entries .move-down,
#black-book-entries .move-bottom {
    height: 0px;
    width: 24px;
    padding-top: 24px;
    overflow: hidden;
    display: block;
    float: right;
}

#black-book-entries span {
    margin-top: -24px;
    display: block;
}

#black-book-entries li {
    height: 1.5em;
    border: dashed black 1px;
    margin-top: 0.5em;
    position: relative;
}

#black-book-entries li a img {
    border: none;
}

#black-book-entries li a {
    text-decoration: none;
}

#black-book-entries .delete {
    background: transparent url(/images/delete.gif) no-repeat 0px 0px;
}

#black-book-entries .move-top {
    background: transparent url(/images/move-top.gif) no-repeat 0px 0px;
}

#black-book-entries .move-up {
    background: transparent url(/images/move-up.gif) no-repeat 0px 0px;
}

#black-book-entries .move-down {
    background: transparent url(/images/move-down.gif) no-repeat 0px 0px;
}

#black-book-entries .move-bottom {
    background: transparent url(/images/move-bottom.gif) no-repeat 0px 0px;
}

/* ---> END Edit black book <--- */

/* ---> Visitors on a map <--- */

#map-visitors {
    width: 514px;
    margin: 0 auto;
}

/* ---> END Visitors on a map <--- */

/* ---> FAQ <--- */

#faq {
}

#faq li {
    list-style: none;
}

#faq p {
    padding: 0.2em 0;
    text-align: justify;
    border-bottom: dotted black 1px;
}

#faq h3 {
    font-size: 1em !important;
    text-align: left !important;
}

#faq .to-top {
    height: 0px;
    padding-top: 24px;
    width: 24px;
    background: transparent url(/images/to-top.png) no-repeat 0px 0px;
    display: block;
    overflow: hidden;
    float: right;
    margin-top: -20px;
}

#faq .our-number {
    font-size: 2em;
    color: orange;
}

/* ---> END FAQ <--- */

/* ---> blocked list <--- */

#blocks {
}

#blocks li {
    list-style: none;
    height: 1.8em;
}

#blocks li a img {
    border: none;
}

#blocks li .delete {
    height: 0px;
    padding-top: 24px;
    overflow: hidden;
    display: block;
    float: left;
    width: 24px;
    background: transparent url(/images/delete.gif) no-repeat 0px 0px;
}

#blocks p {
    padding: 0.2em 0;
    text-align: justify;
    border-bottom: dotted black 1px;
}

#blocks strong {
    display: block;
}

/* ---> END blocked list <--- */

/* ---> Terms and conditions <--- */

#terms p {
    padding: 0.2em 0.2em;
    text-align: justify;
}

#terms ul {
    margin-left: 1.5em;
    padding: 0.2em 0;
    list-style-image: url(/images/ul-1.png);
}

#terms ul ul {
    list-style-image: url(/images/ul-2.png);
}

#terms ul ul ul {
    list-style-image: url(/images/ul-3.png);
}

/* ---> END Terms and conditions <--- */

/* ---> Main Page Border <--- */

#hd {
    background: transparent url(/images/body_banner_tl.png) no-repeat 0px 0px;
}

#hd .d {
    background: transparent url(/images/body_banner_tr.png) no-repeat right 0px;
    height: 16px;
}

#bd {
    background: transparent url(/images/body_content_ml.png) repeat-y 0px 0px;
}

#bd .d {
    background: transparent url(/images/body_content_mr.png) repeat-y right 0px;
}

#bd .d .b {
    padding: 0 7px;
}

#banner {
    background: #333333 url(/images/body_ml.png) repeat-y 0px 0px;
}

#banner .trulysomeone {
	background: transparent url(/images/trulysomeone.jpg) no-repeat 0px 0px;
	height: 0px;
	padding-top: 128px;
    width: 472px;
    overflow: hidden;
	display: block;
}

#banner .d {
	padding: 0 7px;
	background: transparent url(/images/body_mr.png) repeat-y right 0px;
}

.google-search {
	text-align: right;
}

.google-search label {
	color: white;
}

#content {
    padding: 0;
}

hr {
    margin: 0.5em 0;
    padding:  0;
}

#footer {
    background: #333333 url(/images/body_ml.png) repeat-y 0px 0px;
}

#footer .d {
    background: transparent url(/images/body_mr.png) repeat-y right 0px;
    text-align: center;
}

#footer .d a {
    text-decoration: none;
    color: white;
}

#footer .d a:hover {
    color: orange;
}

#ft {
    background: transparent url(/images/body_footer_bl.png) no-repeat 0px bottom;
}

#ft .d {
    background: transparent url(/images/body_footer_br.png) no-repeat right bottom;
    height: 16px;
}

/* ---> END Main Page Border <--- */

/* ---> Errors <--- */

#errorExplanation * {
	margin: 0;
	padding: 0;
}

#errorExplanation {
    width: 30em;
    margin: 0 auto;
    margin-bottom: 0.5em;
    background: transparent url(/images/err-left.png) no-repeat 0px 0px;
}

#errorExplanation h2 {
	text-align: center;
	font-variant: small-caps;
	color: white;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 1em;
	background: transparent url(/images/err-right.png) no-repeat right 0px;
}

#errorExplanation p {
	padding: 0;
	margin: 0;
	background: white;
	border-left: solid #d40000 3px;
	border-right: solid #d40000 3px;
}

#errorExplanation ul {
	background: white;
	padding: 0 0.5em;
	border-left: solid #d40000 3px;
	border-right: solid #d40000 3px;
	border-bottom: solid #d40000 3px;
}

#errorExplanation ul li {
	background: white;
	margin: 0 1em;
	font-style: italic;
}

.fieldWithErrors {
    margin: 0 0.6em 0 0.5em;
}

#sign-up .section .entry p .checkbox {
    border: solid red 1px;
    background: red;
}

.fieldWithErrors input {
    border: solid red 1px; 
    background: red;
    color: white;
}

/* ---> END Errors <--- */

/* ---> Report form <--- */

#report {
    width: 40.5em;
}

#report .bd .c .s .field {
    width: 100%;
}

#report .bd .c .s {
    padding-right: 14px;
}

/* ---> END Report form <--- */

/* ---> Blurb <--- */

#blurb {
}

#blurb .profiles {
    height: 169px;
    width: 530px;
    text-indent: -9000px;
    margin: 0 auto;
    background: transparent url(/images/pics.jpg) no-repeat 0px 0px;
}

#blurb .text-em {
    height: 160px;
    width: 530px;
    text-indent: -9000px;
    margin: 0 auto;
    background: transparent url(/images/phone.jpg) no-repeat 0px 0px;
}

#blurb p {
	clear: left;
}

#blurb .free {
	text-indent: -9000px;
	height: 52px;
	width: 138px;
	display: block;
	float: left;
	background: transparent url(/images/free.jpg) no-repeat 0px 0px;
}

#blurb .explanation {
    font-size: 0.7em;
    font-style: italic;
    text-align: right;
    margin-top: 1em;
}

#blurb .register {
    margin: 3em auto 0.5em auto;
    display: block;
	height: 0px;
	width: 400px;
	padding-top: 52px;
	overflow: hidden;
	clear: left;
	background: transparent url(/images/register.jpg) no-repeat 0px 0px;
}

#blurb a:hover {
    background: transparent url(/images/register.jpg) no-repeat 0px -52px;
}

/* ---> END Blurb <--- */

#system-message {
	text-align: center;
}

/* ---> Forum <--- */

#sections ul li {
	list-style: none;
	margin: 0.25em 0;
}

#sections .count {
	float: right;
	margin-top: -1.3em;
	padding-right: 0.2em;
}

#sections p {
}

#sections li.highlight {
	background: #f0f0f0;	
}

#topics table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    padding: 0;
    margin: 0;	
}

#topics table th {
	background: #cd87de;
	color: white;
}

#topics th.first {
	background: #cd87de url(/images/purple_ml.png) repeat-y 0px 0px;
}

#topics th.last {
	background: #cd87de url(/images/purple_mr.png) repeat-y right 0px;
}

#topics td.first {
	background: transparent url(/images/white_ml.png) repeat-y 0px 0px;
	padding-left: 7px;
	padding: 5px 0px 5px 7px;
}

#topics td.last {
	background: transparent url(/images/white_mr.png) repeat-y right 0px;
	padding-right: 7px;
}

#topics .replies,
#topics .views {
    padding: 0 5px;
    text-align: center;
}

.latest {
    font-size: 0.8em;
    text-align: right;
    padding-bottom: 0.7em;
}

#topics tr.highlight {
	background: #f0f0f0;
}

#create-topic p {
	text-align: center;
	padding-bottom: 0.4em;	
}

#edit-topic p {
	text-align: center;	
}

#edit-topic label {
	padding-right: 0.4em;
}

#forum table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    padding: 0;
    margin: 0;	
}

#forum table th {
	background: #cd87de;
	color: white;
}

#forum th.first {
	background: #cd87de url(/images/purple_ml.png) repeat-y 0px 0px;
}

#forum th.last {
	background: #cd87de url(/images/purple_mr.png) repeat-y right 0px;
}

#forum td.first {
	background: transparent url(/images/white_ml.png) repeat-y 0px 0px;
	padding-left: 7px;
	padding: 5px 0px 5px 7px;
}

#forum td.last {
	background: transparent url(/images/white_mr.png) repeat-y right 0px;
	padding-right: 7px;
}

#forum td.info,
#forum td.user-area {
	background: transparent url(/images/white_ml.png) repeat-y 0px 0px;
	padding-left: 7px;
}

#forum td.controls,
#forum td.body {
	background: transparent url(/images/white_mr.png) repeat-y right 0px;
	padding-right: 7px;
}

#forum td.info {
	padding: 3px 0px 3px 7px;
	vertical-align: top;	
}

#forum td a img {
	border: none;
}	

#forum td.user-area {
	background: #cd87de url(/images/purple_ml.png) repeat-y 0px 0px;	
}

#forum tr.message {
	background: #cd87de;
}

#forum td.controls {
	background: #cd87de url(/images/purple_mr.png) repeat-y right 0px;
}

#forum h2 {
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 10px !important;
}

#forum td.body {
	overflow: hidden;
	vertical-align: top;
	border-left: dotted black 1px;
	padding-left: 3px;
}

#forum td.controls {
	text-align: right;
}

.original-message {
    margin-left: 0.4em;
    padding-left: 0.4em;
    border-left: dashed black 1px;
}
/* ---> END Forum <--- */


.pages {
	text-align: center;
	margin: 0.4em 0;
}

.banner-blurb {
	float: right;
	margin-top: -120px;
}

.banner-blurb p {
	color: white;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	text-align: right;
}


/* ---> Blogs <--- */

#blog .digg {
    float: right;
}

#blog h2 {
}

#blog .date {
    text-align: left;
    font-style: italic;
    font-size: 0.8em;
}

#blog .tags {
    text-align: center;
    margin: 0.5em 0;
}

#blog .ft .c {
    height: 30px;
    padding: 0;
    padding-right: 7px;
}

#blogs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#blogs li {
  	display: block;
}

#blogs ul li a {
    text-decoration: none;
	line-height: 1.5em;
	padding-left: 8px;
    color: black;
    display: block;
}

#blogs ul li a span {
    width: 100%;
    display: block;
}

#blogs ul li a:hover {
    color: white;
    background: #cd87de url(/images/purple_ml.png) repeat-y 0px 0px;
}

#blogs ul li a:hover span {
    background: transparent url(/images/purple_mr.png) repeat-y right 0px;
}

#blog-list li {
    list-style: none;
    line-height: 1.8em;
}

#new-blog .field {
    width: 99%;
}

#blog .edit,
#blog .delete,
#blog-list .edit,
#blog-list .delete  {
    display: block;
    width: 24px;
    padding-top: 24px;
    overflow: hidden;
    float: right;
    height: 0px;
}

#blog-list .edit,
#blog-list .delete  {
    float: left;
}

#blog .edit,
#blog-list .edit {
    background: transparent url(/images/edit.gif) no-repeat 0px 0px;
}

#blog .delete,
#blog-list .delete {
    background: transparent url(/images/delete.gif) no-repeat 0px 0px;
}

/* ---> END blogs <--- */

#feedback label {
    float: left;
    display: block;
    width: 9em;
    padding-right: 0.3em;
    text-align: right;
}

#new-items #blogs,
#new-items #replies {
    width: 50%;
    float: left;
}

.half {
    width: 50%;
    float: left;
}

.admin-controls {
    padding: 0.5em;
    margin-bottom: 0.5em;
}

.admin-controls li {
    list-style: none;
    padding-left: 2em;
}

.report {
    border: dotted black 1px;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

/* ---> New Items on index page <--- */

#new .items,
#latest-posts {
    width: 17.9em;
    margin: 0 auto;
}

#new .items h2 {
    font-size: 1.2em;
}

#new .left {
    width: 18em;
    float: left;
}

#new .right {
    width: 23em;
    float: right;
}

#latest-posts .scroll {
    height: 44.1em;
    overflow: auto;
}

#latest-posts ul li {
    list-style: none;
    margin: 0.2em 0;
}

#latest-posts ul li.highlight {
    background: #dcd5de;
}

#latest-posts ul li small {
    display: block;
    text-align: right;
}

#latest-posts {
    width: 100%;
    margin-top: 0;
}

#new .wide {
    width: 35em;
}

/* ---> END New Items on index page <--- */

.copyright {
    background: #777777;
    color: white;
    text-align: center;
}

.copyright a {
    color: white;
}

.copyright a:hover {
    color: orange;
}