/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0; }
 
/* Basic Styling */
a, a:link {
	background: transparent;
	color: #57203f;
	text-decoration: none; }
 
a:visited { color: #768e94; }
 
a:active {
	background: transparent;
	color: #2c4071;
	margin-top: 1px; }
 
a:hover { color: #3084c6; }
 
img {
	border: 0;
	vertical-align: top; }
 
body,html {
	background: #1f1d1d;
	color: #211f1f;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	text-align: center; }
 
div {
	text-align: left;
	vertical-align: top; }
 
.clear {
	clear: both;
	font-size: 0; }
 
hr {
	background: #b9c7cb;
	border-top: 1px solid #b8c8cc;
	border: 0px;
	height: 1px; }
 
p { padding: 10px 0px; }
 
textarea,input {
	background: #ffffff;
	border: 2px solid #b9c7cb;
	color: #1f1d1d;
	font-size: 12px;
	margin: 2px 0px;
	padding: 5px 8px; }
 
select,option {
	background: #ffffff;
	color: #000; }
 
ul { margin: 10px 0px; }
 
li {
	line-height: 20px;
	list-style: none; }
 
big { font-size: 16px; }
 
h1 {
	font-size: 16px;
	line-height: 20px;
	color: #181616;
	background: transparent;
	margin: 10px 0px; }
 
h2 {
	font-size: 14px;
	line-height: 18px;
	color: #768e94;
	background: transparent;
	margin: 10px 0px;
	font-weight: normal; }
 
h2 {
	font-weight: bold;
	color: #768e94;
	background: transparent;
	margin: 10px 0px; }
 
#wrapper {
	width: 960px;
	padding: 0px 1px 1px 1px;
	margin: 0 auto;
	background: #000000; }
 
/* Top Links */
#top {
	height: 30px;
	background: url(skins/namemylife/images/top.jpg) no-repeat top center;
	font-size: 10px;
	color: #ff4987;
	line-height: 30px;
	padding: 0px 27px; }
 
	#top a { color: #ff4987; }
 
		#top a.back { float: left; }
 
		#top a:hover {
			color: #ffffff;
			background: transparent; }
 
	#top ul {
		padding: 0px;
		margin: 0px;
		height: 30px;
		float: right; }
 
		#top ul li {
			list-style: none;
			float: left;
			height: 30px;
			line-height: 30px;
			vertical-align: middle;
			white-space: nowrap; }
 
			#top ul li img { margin-right: 8px; }
 
			#top ul li a { color: #efe0ff; }
 
				#top ul li a:hover {
					color: #ffffff;
					background: transparent; }
 
			#top ul li.blog { width: 70px; }
 
			#top ul li.twitter { width: 88px; }
 
			#top ul li.facebook { width: 106px; }
 
			#top ul li.faq { width: 76px; }
 
			#top ul li.bookmarks { width: 128px; }
 
/* Navigation & Logo */
#navigation {
	height: 110px;
	background: url(skins/namemylife/images/navigation.jpg) no-repeat top center;
	position: relative; }
 
	#navigation img {
		position: absolute;
		top: 30px;
		left: 28px; }
 
	#navigation ul {
		float: right;
		height: 110px;
		margin: 0px;
		padding: 0px; }
 
		#navigation ul li {
			float: left;
			height: 110px;
			line-height: 108px;
			font-size: 18px;
			margin: 0px 27px 0px 0px;
			list-style: none;
			padding: 0px;
			text-transform: lowercase; }
 
			#navigation ul li a { color: #9ae2ff; }
 
				#navigation ul li a:hover, #navigation ul li a.active {
					color: #ffffff;
					background: transparent; }
 
/* Main Content Area */
#content { background: #ffffff; }

#header { position: relative; }

	#header .cloud {
		width: 130px;
		height: 130px;
		position: absolute;
		top: 100px;
		right: 200px;
		cursor: pointer;  }
 
/* Left Column */
#column_left {
	width: 600px;
	float: left;
	margin: 17px 0px 17px 27px; }
 
/* Right Column */
#column_right {
	width: 283px;
	float: right;
	margin: 27px 27px 27px 0px; }
 
	#column_right img.button { margin-bottom: 24px; }
 
	#column_right iframe {
		border: none;
		overflow: hidden;
		width: 280px;
		height: 287px; }
 
/* Footer & Contact */
#footer {
	height: 110px;
	background: url(skins/namemylife/images/footer.jpg) no-repeat top center; }
 
	#footer ul {
		padding: 0px;
		margin: 0px;
		width: 25%;
		float: left;
		height: 110px; }
 
		#footer ul li {
			list-style: none;
			font-size: 10px;
			line-height: 20px;
			color: #ffffff;
			background: transparent;
			margin-left: 27px; }
 
			#footer ul li a {
				color: #ffffff;
				background: transparent; }
 
			#footer ul li.headline {
				font-size: 11px;
				font-weight: bold;
				margin: 13px 0px 3px 27px; }
 
	#footer ul#column_1 li.headline, #footer ul#column_2 li.headline { color: #ffb3d0; }
 
	#footer ul#column_3 li.headline { color: #b1ccff; }
 
	#footer ul#column_4 li.headline { color: #c5f3ff; }
 
/* Copyright Information & Bottom Navigation */
#copyright {
	height: 60px;
	background: transparent url(skins/namemylife/images/copyright.jpg) no-repeat top center;
	position: relative;
	font-size: 11px;
	color: #ffffff;
	padding-left: 27px; }
 
	#copyright ul {
		padding: 0px;
		margin: 0px;
		height: 21px;
		width: 617px;
		position: absolute;
		top: 20px;
		left: 142px; }
 
		#copyright ul li {
			list-style: none;
			margin: 0px;
			height: 21px;
			line-height: 20px;
			padding: 0px 12px;
			float: left; }
 
			#copyright ul li a { color: #ffb3d0; }
 
				#copyright ul li a:hover {
					background: transparent;
					color: #ffffff; }

#copyright span { line-height: 60px; }

 
	#copyright img#indiqo, #copyright img#indiqo:hover, #copyright img#indiqo:active {
		position: absolute !important;
		top: 16px  !important;
		right: 30px  !important; }
 
/* Inner Page */
#navigation.inner { background: url(skins/namemylife/images/inner.jpg) no-repeat top center; }
 
.number {
	width: 80px;
	text-align: center;
	padding: 12px 10px;
	font-size: 40px;
	font-weight: bold;
	float: left;
	color: #ccdade; }
 
.meaning {
	padding: 10px;
	float: left;
	width: 460px;
	background: #e9f2f5;
	margin-bottom: 10px; }
 
#faq li {
	list-style: none;
	padding: 6px 0px;
	border-bottom: 1px solid #e9f2f5; }
 
#faq .faq {
	padding: 10px 20px 16px 20px;
	background: #e9f2f5;
	margin-bottom: 10px; }
 
table#numerology, table#meanings {
	background: #e9f2f5;
	margin: 10px 0px;
	width: 100%; }
 
table#numerology td, table#meanings td {
	padding: 4px;
	text-align: center; }
 
table#meanings td.descr {
	background: #cee1e8;
	border-right: 1px solid #fff; }
 
table#numerology td.highlight {
	background: red;
	color: #fff; }
 
table#numerology tr.subhead td {
	font-weight: bold;
	border-bottom: 1px solid #fff; }
 
table#numerology td.head {
	background: #cee1e8;
	border-bottom: 1px solid #fff; }
 
table#numerology tr.foot td {
	background: #cee1e8;
	border-top: 1px solid #fff; }
 
table#numerology th { font-weight: bold; }
 
table#numerology td.red {
	background: transparent;
	color: red; }
 
table#numerology td.green { color: green; }
 
#column_right ul { border-top: 1px solid #e9f2f5; }
 
	#column_right ul li {
		list-style: none;
		padding: 6px 17px;
		border-bottom: 1px solid #e9f2f5; }
div#comments { padding: 0; }
 
	div#comments h3 {
		font-size: 16pt;
		text-transform: none;
		padding: 0; }
 
	div#comments ol { padding: 0; }
 
		div#comments ol li {
			list-style: none outside none;
			background: #ffffff;
			border: 1px solid #cfc5b4;
			height: auto !important;
			margin: 7px 0;
			min-height: 100px;
			overflow: hidden;
			font-style: normal; }
 
			div#comments ol li div.comment {
				padding: 10px;
				min-height: 100px;
				overflow: hidden; }
 
			div#comments ol li img.avatar {
				background-color: #fff;
				padding: 3px;
				border: 1px solid #cfc5b4; }
 
			div#comments ol li div.avatar-column {
				float: left;
				width: auto;
				height: auto; }
 
			div#comments ol li div.message-column {
				margin-left: 100px;
				width: auto; }
 
			div#comments ol li p {
				padding: 0;
				margin: 0; }
 
				div#comments ol li p.date {
					color: #666;
					margin: 0 0 10px 0;
					padding: 0; }
 
form#comment-form {
	background: #ffffff;
	border: 1px solid #cfc5b4;
	clear: both;
	margin: 5px 0;
	overflow: hidden;
	padding: 10px; }
 
	form#comment-form input {
		border: 1px solid #cfc5b4;
		padding: 4px;
		display: block;
		width: 300px;
		margin-bottom: 10px; }
 
	form#comment-form textarea {
		display: block;
		padding: 4px;
		width: 400px;
		height: 125px;
		margin-bottom: 10px; }
 
	form#comment-form input[type="submit"] { width: 150px; }
div #error_message {
	background: #ffeaef;
	border: 3px solid #ff829f;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
 
div #success_message {
	background: #eaf4ff;
	border: 3px solid #82c0ff;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
div.pagination {
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	text-align: left;
	height: 40px; }
 
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		text-decoration: none; }
 
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		font-weight: bold;
		background-color: #cfc5b4; }
 
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #dddddd; }
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */ }
 
	.sf-menu ul li { width: 100%; }
 
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li { position: relative; }
 
.sf-menu a { display: block; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: -22px;
	top: 0px; /* match top ul list item height */
	z-index: 99;
padding-top: 50px;
	float: none; }
 
.sf-menu li:hover ul li, .sf-menu li.sfHover ul li {
height: 29px;
line-height: 29px;
border-top: 1px solid #ffffff;
background: #293417;
color: #dbe5b7;
font-size: 11px;
font-weight: bold;
padding: 0px 7px;
text-transform: uppercase;
text-align: left;}

.sf-menu li:hover ul li:hover, .sf-menu li.sfHover ul li:hover {
background: #ffffff;
}

.sf-menu li:hover ul li:hover a, .sf-menu li.sfHover ul li:hover a { color: #374030; }

.sf-menu li:hover li ul, .sf-menu li.sfHover li ul, .sf-menu li li:hover li ul { top: -999em; }
 
.sf-menu li li:hover ul, .sf-menu li li.sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul {
	left: 0; /* match ul width */
	top: 0; }

.sf-menu li:hover ul li:hover ul, .sf-menu li.sfHover ul li:hover ul, .sf-menu ul ul ul {
	top: -51px;
        color: #dbe5b7; }

.sf-menu li:hover ul li:hover ul a, .sf-menu li.sfHover ul li:hover ul a, .sf-menu ul ul ul a {
        color: #dbe5b7; }
div.bbeditor {
	position: relative;
	width: auto;
	height: 24px;
	margin: 0;
	padding: 0; }
 
	div.bbeditor img {
		padding: 3px;
		border: 2px solid #cfc5b4;
		margin-right: 3px;
		background-color: #fff;
		cursor: pointer; }
 
div.bbcode_quote, div.bbcode_code {
	border: 1px solid #dadada;
	background-color: #ffffff;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px; }
 
div.bbcode_quote_head, div.bbcode_code_head {
	font-weight: bold;
	margin-bottom: 10px; }
 
div.bbcode_quote_body { font-style: italic !important; }
div.article_title {
	background: transparent;
	font-size: 16px;
	line-height: 1;
	padding-bottom: 15px; }
 
a.article_title_link {
	background: transparent;
	font-size: 16px;
	line-height: 1;
	font-style: normal;
	text-decoration: none; }
 
div.article_footer {
	position: relative;
	width: 100%;
	height: 50px; }
 
div.article_footer_left {
	position: absolute;
	width: auto;
	height: 50px;
	font-size: 12px;
	left: 0px; }
 
div.article_footer_right {
	position: absolute;
	width: auto;
	right: 0px; }
div#forum * {
	font-style: normal;
	text-align: left; }
 
div#forum {
	position: relative;
	height: auto;
	width: 100%; }
 
#forum div.clear { clear: both; }
 
#forum p {
	padding: 0;
	margin: 0; }
 
#forum table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 4px; }
 
	#forum table.forum-category { margin-bottom: 20px; }
 
	#forum table thead th {
		background-color: #2a3517;
		color: #fff;
		padding: 6px; }
 
		#forum table thead th.col-topic-count, #forum table thead th.col-post-count {
			width: 60px;
			text-align: center; }
 
		#forum table thead th.col-last-updated { width: 200px; }
 
	#forum table td {
		padding: 6px;
		border-bottom: 1px dashed #ccc; }
 
		#forum table td.col-topic-title img {
			width: 30px;
			height: 30px;
			float: left;
			margin-right: 10px; }
 
		#forum table td.col-forum-title a {
			float: left;
			font-size: 16px;
			text-decoration: none; }
 
		#forum table td.col-topic-title a {
			float: left;
			font-size: 14px;
			text-decoration: none; }
 
		#forum table td.col-topic-count, #forum table td.col-post-count {
			width: 60px;
			text-align: center; }
 
	#forum table tbody#posts tr:first-child { border-top: 1px dashed #ccc; }
 
	#forum table tr.topic { background-color: #fff; }
 
	#forum table tr.alt { background-color: #f5f6f9; }
 
	#forum table tr td.col-user-details {
		width: 225px;
		background-color: #f5f6f9;
		padding: 10px;
		height: 150px; }
 
		#forum table tr td.col-user-details small {
			font-size: 11px;
			font-family: verdana; }
 
		#forum table tr td.col-user-details img.avatar {
			width: 50px;
			height: 50px;
			padding: 3px;
			background-color: #fff;
			border: 1px solid #eee;
			float: left;
			margin-right: 10px; }
 
	#forum table tr td.col-post { padding: 10px; }
 
		#forum table tr td.col-post img.edit-post-link {
			float: right;
			padding-left: 5px;
			padding-bottom: 5px;
			cursor: pointer; }
 
		#forum table tr td.col-post textarea {
			width: 400px;
			height: 150px;
			display: block; }
 
#forum p.breadcrumb {
	position: relative;
	float: left;
	width: auto;
	height: 20px;
	padding: 0px;
	margin-bottom: 8px;
	font-size: 12px;
	font-style: normal; }
 
#forum h2 {
	background: none;
	color: #333;
	font-size: 22px;
	margin: 0;
	padding: 0;
	text-align: left;
	display: inline; }
 
	#forum h2.bold { font-weight: bold; }
 
#forum a.new-topic-link, #forum a.reply-link { float: right; }
 
#forum div#forum-footer {
	width: 100%;
	height: 50px;
	margin: 8px 0 8px 0; }
 
	#forum div#forum-footer div#topic-options {
		float: left;
		width: 300px;
		height: auto; }
 
		#forum div#forum-footer div#topic-options a { margin-right: 10px; }
 
	#forum div#forum-footer div.pagination { float: right; }
 
#forum div#new-topic-wrap, #forum div#new-post-wrap {
	position: relative;
	width: auto;
	height: auto;
	padding: 20px;
	background-color: #f5f6f9;
	margin: 0; }
 
#forum div#new-topic-wrap label, #forum div#new-post-wrap label {
	display: block;
	width: 416px;
	font-size: 12px;
	padding: 0;
	margin: 0; }
 
#forum #new-topic-wrap input[type="text"] {
	width: 400px;
	margin: 0 0 10px 0;
	padding: 8px; }
 
#forum #new-topic-wrap textarea, #forum #new-post-wrap textarea {
	width: 400px;
	height: 150px;
	display: block;
	padding: 8px;
	margin: 3px 0 10px 0; }
 
#forum #new-topic-wrap input[type="submit"], #forum #new-post-wrap input[type="submit"] {
	border: 1px solid #408bb6;
	padding: 8px 25px;
	background-color: #44B0EB;
	color: #fff;
	cursor: pointer; }
 
#forum #new-topic-wrap input[type="submit"]:hover, #forum #new-post-wrap input[type="submit"]:hover { background-color: #2e97d1; }
#image_gallery_image img {
	border: 1px solid #e9f2f5;
	padding: 4px; }
 
#image_gallery_sections img {
	border: 1px solid #e9f2f5;
	padding: 4px; }
 
#image_gallery_thumbnails img {
	border: 1px solid #e9f2f5;
	padding: 4px; }
div.rating_wrapper *{margin:0; border:0; padding:0; }
div.rating_wrapper {overflow:hidden; height:16px; margin-bottom: 8px; }
div.sp_rating{ font-family: Georgia, Times, serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block; }
  div.sp_rating div.rating{ float:left; padding-right:4px; }
  div.sp_rating div.base{ background:url(includes/images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; padding-right:4px; overflow:hidden; }
  div.sp_rating div.average{background:url(includes/images/ratings.gif) 0 -16px no-repeat; text-indent:-9999px; }
  div.sp_rating div.votes{ float:left; padding-right:4px;}
  div.sp_rating div.score{ background: url(includes/images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative; }
    div.sp_rating div.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em; }
    div.sp_rating a.score1 {width:20%; z-index:55; }
    div.sp_rating a.score2 {width:40%; z-index:54; }
    div.sp_rating a.score3 {width:60%; z-index:53; }
    div.sp_rating a.score4 {width:80%; z-index:52; }
    div.sp_rating a.score5 {width:100%; z-index:51; }
    div.sp_rating div.score a:hover{ background:url(includes/images/ratings.gif) bottom right no-repeat; }
  div.sp_rating div.rating_status {height:16px; width:100px; overflow:hidden; position:relative; }
  div.sp_rating div.rating_score_this{ height:100%; overflow:hidden; }
    div.sp_rating div.rating_score_this a{color:#44b0eb; }

div.latest_articles {
	margin-bottom: 4px;
}

/* User Registration plugin CSS */
div#p12_registration {
  margin-bottom: 5px;
  margin-top: 5px;
}
div#p12_registration form {
  background: transparent;
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
  padding: 5px;
  max-width: 400px;
}

div#p12_registration table {
  background: none;
  margin-bottom: 15px;
  padding: 15px;
}

div#p12_registration table td.registration-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

div#p12_registration table td.registration-detail {
    margin-bottom: 10px;
    padding: 10px;
}

/* -------------------------------------------------------------------
// markItUp!!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .markItUpButton1 a  {
  background-image:url(includes/images/markitup/bold.png);
}
.bbcode .markItUpButton2 a  {
  background-image:url(includes/images/markitup/italic.png);
}
.bbcode .markItUpButton3 a  {
  background-image:url(includes/images/markitup/underline.png);
}
.bbcode .markItUpButton4 a  {
  background-image:url(includes/images/markitup/picture.png);
}
.bbcode .markItUpButton5 a  {
  background-image:url(includes/images/markitup/link.png);
}
.bbcode .markItUpButton6 a {
  background-image:url(includes/images/markitup/colors.png);
}
.bbcode .markItUpButton6 ul {
  padding:1px;
  width:81px;
}
.bbcode .markItUpButton6  li {
  border:1px solid white;
  width:25px;
  height:25px;
  overflow:hidden;
  padding:0px;
  margin:0px;
  float:left;
}
.bbcode .markItUpButton6 ul a {
    width:25px;  height:25px;
}
.bbcode .markItUpButton6 ul a:hover {
    background-color:none;
}
.bbcode .markItUpButton6 .col1-1 a {
    background:yellow;
}
.bbcode .markItUpButton6 .col1-2 a {
    background:orange;
}
.bbcode .markItUpButton6 .col1-3 a {
    background:red;
}
.bbcode .markItUpButton6 .col2-1 a {
    background:blue;
}
.bbcode .markItUpButton6 .col2-2 a {
    background:purple;
}
.bbcode .markItUpButton6 .col2-3 a {
    background:green;
}
.bbcode .markItUpButton6 .col3-1 a {
    background:white;
}
.bbcode .markItUpButton6 .col3-2 a {
    background:gray;
}
.bbcode .markItUpButton6 .col3-3 a {
    background:black;
}
.bbcode .markItUpButton7 a  {
  background-image:url(includes/images/markitup/fonts.png);
}
.bbcode .markItUpButton8 a  {
  background-image:url(includes/images/markitup/list-bullet.png);
}
.bbcode .markItUpButton9 a  {
  background-image:url(includes/images/markitup/list-numeric.png);
}
.bbcode .markItUpButton10 a  {
  background-image:url(includes/images/markitup/list-item.png);
}
.bbcode .markItUpButton11 a  {
  background-image:url(includes/images/markitup/quotes.png);
}
.bbcode .markItUpButton12 a  {
  background-image:url(includes/images/markitup/code.png);
}
.bbcode .markItUpButton13 a  {
  background-image:url(includes/images/markitup/clean.png);
}
.bbcode .markItUpButton18 a {
  background-image:url(includes/images/markitup/preview.png);
  display: none;
}

/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .colors a {
  background-image:url(includes/images/markitup/colors.png);
}
  .bbcode .colors ul {
    width:81px;
    padding:1px;
  }
  .bbcode .colors  li {
    border:1px solid white;
    width:25px;  height:25px;
    overflow:hidden;
    padding:0px; margin:0px;
    float:left;
  }
  .bbcode .colors ul a {
    width:25px;  height:25px;
  }
  .bbcode .colors ul a:hover {
    background-color:none;
  }

  .bbcode .colors .col1-1 a {
    background:yellow;
  }
  .bbcode .colors .col1-2 a {
    background:orange;
  }
  .bbcode .colors .col1-3 a {
    background:red;
  }

  .bbcode .colors .col2-1 a {
    background:blue;
  }
  .bbcode .colors .col2-2 a {
    background:purple;
  }
  .bbcode .colors .col2-3 a {
    background:green;
  }

  .bbcode .colors .col3-1 a {
    background:white;
  }
  .bbcode .colors .col3-2 a {
    background:gray;
  }
  .bbcode .colors .col3-3 a {
    background:black;
  }

.bbcode .calculator a {
  background-image:url(includes/images/markitup/calculator.png);
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
  margin:0px; padding:0px;
  outline:none;
}

.markItUp a:link,
.markItUp a:visited {
  color:#000;
  text-decoration:none;
}
.markItUp  {
  width:98%;
  margin:5px 0 5px 0;
  border:5px solid #F5F5F5;
}
.markItUpContainer  {
  border:1px solid #3C769D;
  background:#FFF;
  padding:5px 5px 2px 5px;
  font:11px Arial, Helvetica, Verdana, sans-serif;
}
textarea.markItUpEditor {
  font:14px 'Lucida Console', Courier, monospace;
  /*padding: 4px;*/
  margin: 4px;
  border:1px solid #3C769D;
  clear:both;
  display:block;
  line-height:17px;
  overflow: scroll;
  width: inherited;
}
.markItUpPreviewFrame  {
  overflow:auto;
  background-color:#FFFFFF;
  border:1px solid #3C769D;
  width:99.9%;
  height:300px;
  margin:5px 0;
}
.markItUpFooter {
  width:100%;
  cursor:n-resize;
}
.markItUpResizeHandle {
  overflow:hidden;
  width:22px; height:5px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(includes/images/markitup/handle.png);
  cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul  {
  list-style-type: none !important;
}
.markItUpHeader ul li  {
  list-style:none !important;
  float:left;
  position:relative;
  margin: 2px !important;
  padding: 2px !important;
}
.markItUpHeader ul li:hover {
  background-color: #E0E0E0;
}
.markItUpHeader ul li ul {
  display:none;
  list-style-type: none;
}
.markItUpHeader ul li:hover > ul {
  list-style-type: none;
  display:block;
}
.markItUpHeader ul .markItUpDropMenu {
  background:transparent url(includes/images/markitup/menu.png) no-repeat 115% 50%;
  margin-right:5px;
  z-index: 1000;
}
.markItUpHeader ul .markItUpDropMenu li {
  margin-right:0px;
  list-style: none;
}
.markItUpHeader ul .markItUpSeparator {
  background:transparent url(includes/images/markitup/handle.png) repeat-y;
  margin:0 10px;
  width:1px;
  height:16px;
  overflow:hidden;
  background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
  width:auto; height:1px;
  margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
  display:none;
  position:absolute;
  list-style:none;
  top:18px; left:0px;
  background:#F5F5F5;
  border:1px solid #3C769D;
  height:inherit;
}
.markItUpHeader ul ul li {
  float:none;
  border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
  background:#F5F5F5 url(includes/images/markitup/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
  position:absolute;
  top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
  float:none;
}
.markItUpHeader ul a {
  display:block;
  width:16px; height:16px;
  text-indent:-10000px;
  background-repeat:no-repeat;
  padding:3px;
  margin:0px;
}
.markItUpHeader ul ul a {
  display:block;
  padding-left:0px;
  text-indent:0;
  width:120px;
  padding:5px 5px 5px 30px;
  background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
  color:#FFF;
  background-color:#3C769D;
}

li.markItUpButton {
  list-style:none;
  list-style-type: none;
}
div#p9_top_posters {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

div#p9_top_posters ul {
  padding: 0;
  margin: 0;
}

div#p9_top_posters ul li {
  list-style:none outside none;
  /* background:none repeat scroll 0 0 #F9F9F9; */
  /* border:1px solid #CFCFCF; */
  height:auto !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div#p9_top_posters ul li div.p9-outer {
  width: 100%;
}

div#p9_top_posters ul li img.avatar {
  background-color: #fff;
  border: 0;
  padding: 4px;
  border: 1px solid #eee;
}

div#p9_top_posters ul li div.p9-avatar {
  float: left;
  width: auto;
  height: auto;
}

div#p9_top_posters ul li div.p9-user {
  /*font-family: Helvetica,Arial,sans-serif !important;
  font-size: 14px;*/
  display: inline;
  float: left;
  font:inherit;
  padding: 4px;
  width: auto;
}

div#p9_top_posters ul li span {
  font:inherit;
  padding-top: 4px;
}
div#p9_top_posters ul li span.p9-count {
  color: #666;
  /* font-size: smaller; */
}

/* User Login Panel plugin CSS */
.login-panel {
  padding: 0px;
  margin: 0 0 8px 4px;
}

.login-panel div.login-avatar {
  clear: both;
  display: block;
}

.login-form { padding: 0; }
  .login-form input { width: 70px; }
  .login-form .login-div-user1 { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px;}
  .login-form .login-div-user2 { display: block; clear: right; }
  .login-form .login-div-pwd1  { display: inline; float: left; padding: 0px; vertical-align: middle; width: 80px; }
  .login-form .login-div-pwd2  { display: block; clear: right; }
  .login-form .login-div-remember { display: block; clear: both; padding: 0px; width: 100%; }
  .login-form .login-div-remember input { border: 0; padding: 4px; }
  .login-form .login-div-submit   { display: block; clear: both; padding: 0px; }
  .login-div-register { display: block; clear: both; padding: 6px; width: 100px; }
  .login-div-lostpwd { display: block; clear: both; padding: 6px; width: 100px; }

.login-form input[type="submit"] {
  background-color: #58B9EB;
  border: 1px solid #40A2D4;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 8px 2px 8px;
  margin: 4px 4px 8px 0px;
  width: auto;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.login-form input[type="submit"]:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}

.login-welcome {
  clear: right;
  display: block;
  font-size: 12px; font-weight: bold;
  padding: 0;
  margin-bottom: 8px;
}
/* Subdreamer User Profile plugin CSS */
div#user-profile {
  border: 0px;
}

form.usercp-form {
  background: transparent;
  border: 0;
  margin-bottom: 15px;
  padding: 5px 5px 5px 0px;
}

table.usercp-table {
  margin-bottom: 15px;
  padding: 15px;
}

table.usercp-table td.usercp-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

table.usercp-table td.usercp-detail {
    margin-bottom: 10px;
    padding: 10px;
}

div.ucp-groupheader {
  background-color: #e0e0e0;
  border: 1px solid #c0c0c0;
  font-size: 20px; font-weight: bold; background-color: #E0E0E0;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  padding: 5px;
  margin: 5px 1px 5px 5px;
}
#ucpForm { width: 100%; padding: 2px; }
#ucpForm fieldset legend { padding: 0.5em; }
#ucpForm fieldset div { padding: 4px; }
#ucpForm fieldset div label { display: inline-block; width: 200px; }
#ucpForm fieldset div input,
#ucpForm fieldset div select,
#ucpForm fieldset div textarea,
{ display: inline-block; line-size: 1px; margin-right: 8px; }
#ucpForm .ctrlHolder{ padding: 4px; border-bottom: 1px solid #efefef; }
#ucpForm .ctrlHolder.focused { background: #fffcdf; }
#ucpForm fieldset div label.error{ display: inline; color: red; }
#ucpForm .ucp_value_only { font-weight: bold; padding: 6px; }

#ucpForm button.primaryAction {
  background-color: #58B9EB;
  border: 1px solid #40A2D4;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Helvetica,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  margin: 6px;
  width: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#ucpForm button.primaryAction:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}
/* Hides the whole contact form until needed */
#contactForm {
  max-width: 550px;
  background: transparent;
	border:0;
	padding:2px 2px;
	display:block;
	}

/* Loading bar */
.bar {
  display:none;
  background:url(../images/ajax-loader.gif) no-repeat center;
  margin-top:50px;
  height:40px; width:230px;
}

/* Hides the confirmation message until needed */
#messageSent { display:none; }

/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:12px;
	line-height:10px;
  padding-left:6px;
	padding-bottom:2px;
}

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */
#contactForm textarea, #contactForm input {
	width: 80%;
	/* background:#6d6d6d url(../images/contact_input.png) repeat-x top; */
	border:1px solid #e9f2f5;
	height:15px;
	line-height:14px;
	font-size:12px;
	padding:2px 2px 0px;
	}
#contactForm input { height: 20px; line-height:15px; font-size: 13px; margin: 1px; padding: 2px; }
#contactForm textarea { height:114px; font-family: Arial, Geneva, sans-serif; }
#contactForm .submit {
	border:1px solid #e9f2f5;
	font-weight:bold;
	padding:7px 16px 7px 14px;
	height:37px; width:130px;
	cursor:pointer;
	margin-top:10px;
	}
#contactForm .submit:active { background: #cacaca; }
#contactForm label { padding-left: 4px; font-weight: bold; }
#contactForm p { padding-bottom: 4px; }

input.p6_error { background-color: #FFC0C0; }