/*defaults*/
body 	{background:#bab0b1; color:#000000; margin:20px 0; padding:0; font-family: verdana, arial, "Times New Roman", serif; font-size:90%; }
p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#ef4023; text-decoration:none;}


/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px; }
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{background:url('http://online-buddies.com//images/Online-Buddies-Logo.gif') no-repeat; border-bottom:1px solid #DADADA; height: 94px; padding-bottom:10px; cursor: pointer; width: 100%;}
#navigation	{padding:10px 0; }
#header		{background:#DADADA url('/images/bg.jpg') no-repeat; padding:10px; height:200px; }
#content	{float:left; width:490px; padding: 20px 10px 0 0; line-height:140%; }
#news		{float:right; width:250px; padding:20px 0; line-height:120%; }
#whole		{ clear: both; padding:20px 10px 0 0; line-height:130%; }
.newsItem	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }
#footer		{clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #bab0b1; }
#copyright	{float:right; }


/*headings*/
.newsItem h3, .newsItem h1	{color:#ef4023; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
h1.blog, #content h1, #whole h1		{font-size:150%; font-weight:normal; line-height:130%; margin:0; padding:0 0 10px 0; }
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#ef4023; }


/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#ef4023; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */


.fieldLabels 
{
	display : block;
	font-weight : bold;
}

.xsmallField
{
	width : 40px;
}

.smallField
{
	width : 125px;
}

.medField
{
	width : 250px;
}

.largeField
{
	width : 350px;
}

textarea.medField
{
	height : 100px;
}

textarea.largeField
{
	height : 200px;
}

.fieldInstructions
{
	left:430px;
	top:20px;
	max-width:200px;
	z-index:25
}

.fieldItem
{
	padding: .5em 1em 1em 1em;
	margin: 0;
	position : relative;
	display : block;
	border : 1px solid #FFF;
}

.fieldError
{
	background-color : #FFDFDF;
}

.fieldSelected
{
	background: #eee;
	border: 1px solid #ddd;
}

.formHeader {
	font-weight: normal;
	border-bottom: 1px dotted #333;
	}

form h2 {
	margin: 0;
	padding: 0;
	font-size: 160%!important;
	}

.formHeader p {
	margin-top: 0;
	}

#fieldList {
		
	}
	
.cap  { 
	margin: .55em 0 0 0;
	padding: 0;
	font-size: 160%;
}

.error { color: red;} 

input, select, textarea { font-family: Arial, Helvetica, sans-serif!important; } 


.pretty {
	margin: 0;
}
.pretty p {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:#FCEAC4 none repeat scroll 0%;
	color:#5F4312;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	padding:5px;
	margin-bottom: 10px;
}
.pretty a { 
color:#5F4312;
text-decoration: none;
}
.pretty a:hover { 
color:#B37F22;
text-decoration: underline;
}

.jobul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
/*	text-indent: -1em;*/
	}
.jobul li { 
	margin: 8px 0;
}
.information { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	line-height: 100%;
	margin: 10px 0 15px 0;
	background-color: #FFFFCE; color: #1A1A00; 
	padding: 10px 15px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; } 
	
.information p { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	line-height: 110%;
}

optgroup {
	font-family: arial;
	font-style: normal;
	background-color: #cccccc;
	color: #000000;
}
option { 
	font-family: arial;
	background-color: #ffffff;
	color: #000000;
}
h1.blog { margin: 0; padding: 0; line-height: normal; } 
h3.blog { margin: 15px 0 5px;  line-height: normal; font-weight: normal;  color: #003366 } 
h3.blog a { text-decoration: none; color: #003366; }
.blog #topper { padding: 7px 12px; font-size: 9pt; background-color:#FFFFDD; }
.label label { font-weight: bold;color: #003366;} 
.bComment fieldset  { border: none; margin-bottom: 5px; } 
.bCommentTitle { margin: 8px 0 5px; background-color:#CCCCCC; padding: 3px 4px; }
.bCommentText { margin: 3px 0 5px 20px; }