@import url("corners.css");

label {
	width: 8em;
	vertical-align:top;
	margin-right:5px;
}

label.middle {
	vertical-align: middle;
}

a {
color:#00F1F4;
text-decoration:none;
}

.ui-widget-content a.errorlink {
	border-width:1px;
	border-bottom-style:dotted;
}

a:hover {
background-color:#888;
color:#DDD;
}

a:hover.nohover {
background-color:transparent;
}

.boy,a.male,.male,.m, div#onlineUsers a.male, div#onlineUsers span.male{
color:#0FF;
}

.girl,a.female,.female,.f, div#onlineUsers a.female, div#onlineUsers span.female{
color:#F9C;
}

h1 a#onlinelink {
	border-bottom:none;
}

div#onlineUsers a {
font-style:italic;
border-bottom:none;
}

div#onlinecount {
	font-size:.8em;
	color:gray;
}

/*-- Outer container --*/

html, body {
background-color:#333;
font-family:verdana, sans-serif;
}

#siteBox {
table-layout:fixed;
color:#FFF;
height:100%;
min-width:1000px;
max-width:1280px;
width:88%;
}

#header {
background:#000 url(/images/hdr.jpg) no-repeat bottom left;
float:left;
height:80px;
overflow:visible;
width:100%;
}

#contentmain {
background-color:#666;
float:left;
font-size:.8em;
padding:15px 0;
width:100%;
}

#contentLeft {
background:#444 url(/images/corner_sub_tr.gif) no-repeat top right;
float:left;
font-size:.85em;
overflow:hidden;
width:20%;
}

#contentRight {
background:#000 url(/images/corner_sub_tl.gif) no-repeat top left;
float:right;
width:78.8%;
}

#right {
padding:.75em;
}

#right {
width:96.5%;
}

#footer {
background:#000 url(/images/hdr.jpg) repeat-y top left;
color:#0AD;
float:left;
font-size:0.6em;
height:3em;
line-height:2.6em;
width:100%;
}

#footerLeft {
background:url(/images/corner_bl.gif) no-repeat bottom left;
float:left;
height:3em;
text-align:left;
width:53%;
}

#footerRight {
background:url(/images/corner_br.gif) no-repeat bottom right;
float:right;
height:3em;
overflow:visible;
padding-right:10px;
text-align:right;
width:45%;
}

.bottomCorner {
text-align:right;
}

.vBottom {
vertical-align:bottom;
}

#subfooter {
	color:gray;
	text-align:center;
	font-size:.7em;
	min-height:2em;
}

/*-- Global styles --*/

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.3em;
}

h1, h2 {
	margin: 2px;
}

hr {
border-color:grey;
border-style:dashed;
border-width:1px;
border-top:none;
border-left:none;
border-right:none;
margin-top:5px;
margin-bottom:3px;
}

ul {
font-size:0.8em;
margin-left:-2em;
padding-bottom:5px;
padding-top:5px;
}

ol li {
margin-left:-0.5em;
padding-right:1em;
}

img {
border:0 none;
margin:0;
padding:0;
}


/*-- Header styles --*/

img#logo {
cursor:pointer;
}

#header a,#header a:hover,#header a.active {
	width:auto;
}

#header a,#header a:hover,#header a.active {
background-color:#666;
border-left:1px solid #333;
color:#FFF;
float:right;
font-size:0.6em;
padding:5px 10px;
text-align:center;
text-decoration:none;
}

#header div.sublinks, #header div.sublinks a{
	display:block;
	text-align:left;
	float:none;
	min-width:6em;
	width:auto;
	z-index:2;
}

#header a:hover,#header a.active {
background-color:#333;
}

#header a.lastMenuItem {
background-image:url(/images/corner_tr.gif);
background-position:top right;
background-repeat:no-repeat;
border-right:0;
}

/*-- H-element styles --*/

#left h1, #left h2, #profile h1 {
border-bottom:1px solid #AAA;
clear:both;
color:#00F1F4;
display:block;
font-size:1em;
font-weight:700;
margin-bottom:.9em;
text-align:left;
}

#profile h1 {
    font-size:0.8em;
}

#right h1 {
    border-bottom: 1px solid gray;
}

/*-- Form styles --*/

form {
width:100%;
}

form label {
display: inline-block;
text-align: right;
}

form table label {
display: block;
text-align: right;
}

.full {
	width: 100%;
	display: block;
}

input, select {
margin-top:2px;
margin-bottom:2px;
}

input[type=checkbox] {
margin-right:0.5em;
}

textarea, input[type='text'] {
display:inline-block;
width:80%;
}

div#event input[type=text] {
	width:40%;
}

div#event input#datepicker {
	width:10em;
}

.box input[type=text], .box input[type=password] {
	width: 20em;
}

textarea{ 
height: 10em;
}

form > table {
    min-width: 500px;
}

._counter {
display:block;
text-align:right;
clear:both;
margin-right:0.5em;
}

/*-- Individual forms --*/

form#searchform {
	text-align: left;
}

form#searchform label {
	vertical-align:top;
	width:8em;
	padding-right:.5em;
}

form#searchform label, form#searchform span, form#searchform div, form#searchform input, form#searchform select {
	margin-top: 3px;
}

form#searchform br {
	line-height:.3em;
}

form#searchform input#distance {
	width: 3em;
}

#searchForums select, #searchForums input {
	font-size:.9em;
}

/*-- Table styles --*/

table.list tbody tr {
background-color:#1A1A1A;
}

table.list tbody tr.alt {
background-color:#292929;
}

table.list {
margin-left:2px;
width:100%;
line-height:1.3em;
}

.auto {
width:auto;
margin-left:auto;
margin-right:auto;
text-align: left;
}

table.list td {
padding:1px 4px;
}

table.list thead {
font-size:1em;
}

table.list tbody,.smalltext,#contentfooter {
font-size:.8em;
}

td.center, th {
text-align:center;
white-space:nowrap;
}

td.middle, td.middle img{
	vertical-align:middle;
}

td.description {
color:#888;
width:100%;
}

a.sublink {
	font-style:italic;
	color:#888;
}

a.sublink:hover {
	color:#FFF;
}

.list .description a.mainlink {
font-size:1.2em;
}

/*-- Styling classes --*/

.center, .notification {
text-align: center;
margin-left:auto;
margin-right:auto;
}

.box {
background-color:#222;
border-bottom:1px solid #555;
border-left:1px solid #080808;
border-right:1px solid #555;
border-top:1px solid #080808;
padding:5px;
clear:both;
}

div[class='center box'] {
	width: 100%;
}

table.box {
text-align:left;
}

.error {
color:#F33;
}

ul.error,ul.message {
font-size:1.2em;
font-weight:700;
list-style-type:none;
margin-left:-0.3em;
padding:1em;
text-align:center;
}

#tosupdate {
font-size:.8em;
text-align:right;
}

a.menulink, div.paginate a {
border:1px solid #383838;
color:#BBB;
display:inline-block;
font-size:.85em;
text-align:center;
text-decoration:none;
width:105px;
margin:2px;
cursor:pointer;
}

div.paginate a {
	margin:2px;
}

table.list a.menulink {
	width:auto;
}

.postinfo a.menulink {
	font-size:1em;
	float: right;
	display:inline-block;
}

a.menulink:hover {
background-color:#444;
border:solid 1px #AAA;
color:#FFF;
text-decoration:none;
}

.subtleback, .darkback, .newsitem, .searchitem {
background-color:#131313;
padding:4px;
}

.message label, .profileinfo label {
display:block;
font-weight:700;
text-align:right;
white-space:nowrap;
width: 10em;
}

.subtitle {
color:#999;
display:block;
font-size:0.8em;
letter-spacing:0.01em;
line-height:1.2em;
position:relative;
right:-1em;
}

.subtitle a {
color:inherit;
border-bottom: 1px dotted #666666;
}

.subtitle a:hover {
	color:silver;
}

/*-- Left Sidebar Styles --*/

#left #quicklogin {
text-align: center;
}

#left #quicklogin input {
margin-top:.5em;
}

#left #quicklogin input[type=text], #left #quicklogin input[type=password] {
font-size:1em;
width:10em;
}

#left p a, div#left div#quicklogin form a, #left ul a {
border-bottom:1px solid #888;
color:#FFF;
text-decoration:none;
position: relative;
}

#left a:hover {
background-color:#888;
color:#DDD;
}

#left ol li.current {
font-weight:700;
}

/*-- Right-content styles --*/

#right p {
text-align: justify;
}

/*-- Footer styles --*/

#footer a {
color:#0AD;
}

#footer a:hover {
color:#666;
}

/*-- Recaptcha --*/

#recaptcha_widget_div {
margin-left:2.9em;
margin-bottom:1em;
}

/*-- Forum styles --*/

.post {
background-color:#1A1A1A;
display:table;
margin-bottom:2px;
margin-top:5px;
width:100%;
}

.postauthor, div.bbcode_quote, div.bbcode_code {
background-color:#2B2F57;
border:1px inset #1B1F97;
display:table-cell;

margin-right:5px;
padding:5px;
width:20%;
color:#FFFFFF;
font-size:.8em;
}

.postauthor {
	min-width: 150px;
	width: 150px;
	max-width: 150px;
}

div.bbcode_code {
    border:1px outset gray;
    background-color: transparent;
}

div.bbcode_indent {
	margin-top: 1em;
}

.blogfooter .menulink, .comments .menulink {
	float:right;
}

div.bbcode_quote, div.bbcode_code {
    display: block;
    margin: 5px;
    width: 96.5%;
}

div.bbcode_code_head {
    display: none;
}

div.bbcode_quote_head {
    border-bottom-style: dotted;
    border-width:1px;
    border-color:gray;
    font-weight:200;
    padding-bottom:2px;
    margin-bottom:10px;
}

div.bbcode_quote_body {
    margin: 5px;
}

div.bbcode_code { 
    font-size: 10pt;
    font-family: monospace;
} 

.postauthor a, .postauthor .author {
    font-size:1.13em;
}

.author {
    margin-bottom: 5px;
}

.postinfo, .blogfooter {
border-bottom-style:solid;
border-color:#444;
border-width:1px;
font-size:.8em;
height: 1px;
padding-left:2px;
vertical-align:bottom;
}

.blogfooter {
	border-style:none;
border-top-style: dotted;
    color:#CCC;
}

.postbody {
vertical-align:super;
height:10em;
overflow:hidden;
}

.postinfo a {
	padding:0px;
}

.post .postcity a {
	font-size: 1em;
	color: #fff;
}

#quickreply {
	display:none;
	overflow:hidden;
}

#quickreply form {
	text-align: center;
	width:100%;
}

#quickreply div#quickcontain, .contain {
	margin:auto;
	width:80%;
}

#quickreply * textarea {
	width:100%;
	max-height:400px;
}

#quickreply input[type='text'] {
	display:inline-block;
	width:100%;
}

/*-- Mail styles --*/

#profilephoto a:hover,#photos a:hover,#partyattendees a:hover, a:hover.nohover {
background-color:transparent;
}

img.pendingapproval {
	opacity:0.4;
	filter:alpha(opacity=40);
}

#messageheader {
    line-height:1.3em;
    margin-bottom: 5px;
}

#messagephoto img {
    margin: 8px;
    float: right;
    clear: right;
}

#message label {
    display: inline-block;
    width: 5em;
    text-align: right;
    margin-right: 5px;
}

#messagebody {
    display: inline-block;
    overflow: hidden;
}

img.bbcode_img {
	width:auto;
	max-width:500px;
}

.signature img.bbcode_img {
	width:auto;
	max-width:50%;
}

/*-- Profile classes --*/

#profileinfo {
	display: inline-block;
	width:72%;
	vertical-align:top;
}

#profilephoto {
display: inline-block;
margin:0;
text-align:center;
vertical-align:middle;
width:25%;
font-size:.7em;
color:#7A7A7A;
}

#profileactions img {
	margin-right:2px;
	margin-left:2px;
}

.profile {
border:0;
margin:0;
padding:0;
}

.outline {
border:1px solid gray;
padding:3px;
}

#profile {
display:inline-table;
padding:1.2%;
width:97.6%;
}

#photos, #partyattendees {
margin-left:auto;
margin-right:auto;
display:block;
margin-bottom:5px;
overflow:auto;
overflow-y:hidden;
padding:5px;
text-align:center;
white-space:nowrap;
}

#managephotos {
	max-height:500px;
	overflow:auto;
	overflow-x:hidden;
}

#managephotos a:hover {
	background:transparent;
}

#comments {
display:block;
}

div.thumb {
margin-top:5px;
margin-bottom:5px;
max-height:125px;
overflow:hidden;
vertical-align:bottom;
}

table.searchitem div.thumb img {
	min-width:125px;
}

div.thumb img {
	vertical-align:top;
}

/*-- Pagination style --*/

div.paginate a {
	width: 2.5em;	
	margin: 0px;
	font-size:1em;
}

div[class='paginate outline'] {
	padding: 2px;
	display: inline-block;
}

div.pages, span.pagetotal {
	font-size:.85em;
}


div.pages {
	display:inline-block;
}

/*-- Search style --*/

table.searchitem {
	margin-bottom: 5px;
}

table.searchitem, table.searchitem td.searchinfo, table.searchitem td.aboutme {
	width:100%;
}

table.searchitem td.searchinfo {
	height: 1em;
}

table.searchitem div.thumb img {
	margin-right: 5px;
}

table.searchitem td {
	vertical-align: top;
}

td.edit {
	font-style:italic;
	font-size:0.7em;
	color:#888888;
	vertical-align:bottom;
	text-align:right;
}

td.signature {
	display: block;
	border-top:1px dashed gray;
	padding: 5px;
	font-size:.85em;
	overflow:hidden;
	color:silver;
}

td.signature, td.signature img {
	max-height:6em;
}

td.signature img {
	padding-right:10px;
	float:left;
}

td.nosig {
	border-style: none;
	margin:0px;
	padding:0px;
	visibility: collapse;
}

td.closed {
	font-style:italic;
}

span.likefunctions {
	color:gray;
}

/* -- Virtual kisses --*/

div.vkisses {
	margin: 3px;
}

div.vkiss {
	display:inline-block;
	text-align:center;
}

/* -- Home screen -- */

.recentactivity h2 {
	margin-bottom: 5px;
}

.recentactivity {
	width:100%;
	text-align:center;
}

.recentactivity > div {
	width:33%;
	vertical-align:top;
	display:table-cell;
}

.recentactivity div p.description {
	font-size:.8em;
}

#newsitems a{
	cursor:pointer;
	font-size:1.1em;
}

#newsitems a.ui-accordion-header {
	padding-left: 30px;
}

table.newsitem {
	border: inset 1px #333;
}

a.newsinfo {
	display:block;
	margin:5px;
}

#newsitems hr {
	margin:2px;
}

div.auto {
	display:inline-block;
	margin:auto;
}

.contain textarea {
	width:100%;
}

#recentposts.description, #recentposts p {
	text-align:left;
}

table#register {
	text-align:left;
}

table#register label {
	margin: 0px;
	width: 15em;
}

.vkiss {
	width:120px;
}

/*-- Comments --*/

#comments label {
	font-size:
}

/*-- Stats table --*/

table.statistics td {
	padding:0px;
	margin:0px;
}

#tabs {
	min-width:35em;
}

/*-- Banner --*/

#banner {
	width:472px;
	min-height:64px;
	display:block;
	position:relative;
	top:25px;
	float: right;
	clear: right;
	background-color:#666;
	border: 1px solid #666;
	padding-left:2px;
	padding-bottom:4px;
	padding-top:4px;
}

#banner a, #banner a:hover {
border: 0px;
padding: 0px;
}

#sidebar_button {
	text-align:center;
	margin:auto;
	margin-top:10px;
}

/*-- Sideboxes --*/

div.sidebox {
	background-color:#4C4C4C;
	padding:2px;
	padding-left:5px;
	border:outset 1px gray;
	margin-left: 8px;
	margin-right: 10px;
	margin-top:10px;
}

div.sidebox table, div.sidebox div {
	margin-bottom:5px;
}

/*-- Photo carousel --*/

#photocarousel {
	white-space:nowrap;
}

#photocarousel img {
	height: 200px;
}

/*-- Highlight --*/

.highlight { 
	color: #FFFFFF;
	font-weight:bold;
}

/*-- Ads --*/

#google_ads_div_banner_main {
	margin-left:3px;
}

/*-- Hide subfooter in FireFox --*/
@-moz-document domain(ravematch.com) {
	#subfooter {
		display:none;
	}
}