/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body {
	background-image: url('http://www.seocrusade.com/images/bg_body.gif');
	background-color: #FFF;
	background-position: top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div
{
	border				: none;
	margin				: 0px;
	padding				: 0px;
}

/******************/
/* 3 Column Setup */
/******************/

.columns
	{
	margin				: 1px;
	margin-top			: -21px;
	color				: #000000;
	background-color	: #f7f7f7;
	}
.columns
	{
	margin-top			: -18px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 1px;
	}
/* */
/* empty required to get IE5 vback on track */
#empty{}

.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 200px;
	margin				: 0px;
	margin-top			: -11px;
	padding				: 0px;
	color				: #000000;
	}
.leftcolumn
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that the hack widths equals the value of .centercolumn's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 280px;
	margin				: 0px;
	padding				: 0px;
	z-index				: 3;
	color				: #000000;
	}


/* 
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width. 
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.centrecolumn
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	z-index				: 4;
	}
.centrecolumn
	{
	margin-right		: 0px;
	margin-top			: -1px;
	margin-bottom		: 0px;
	margin-left			: -25px;
	}
/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.centrecolumn
	{
	margin-right		: 280px;
	margin-left			: 200px;
	margin-top			: 29px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
	}
#empty{}
/*  */

/* */
/*\*/
.fake.centrecolumn
	{
	margin-right		: 1px;
	margin-left			: 1px;
	}
/* this bit resets for IE */
* html .centrecolumn
	{
	margin-right		: 280px;
	margin-left			: 200px;
	}
/* End of OmniWeb */

#footer
	{
	margin-top			: -11px;
	padding				: 12px;
	}
#footer
	{
/*/*/
	clear				: left;
	margin-top			: 0px;
/* */
	}


.headerpadding, .leftpadding, .centrepadding, .rightpadding
	{
	margin				: 0px;
	padding				: 10px;
	}
.centrepadding {
	height: 100%;
}
DIV.both {
clear: both;
}

/*******************/
/* Page formatting */
/*******************/

#main {
	background-image: url('http://www.seocrusade.com/images/bg_logo.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #F7F7F7;
	border: solid 1px #A0A0A0;
	border-width: 0 1px 1px 1px;
	margin: 0;
	padding: 0;
}
/***************/
/*  Header     */
/***************/

#header
{
	background: #F7F7F7 url('http://www.seocrusade.com/images/bg_logo.gif') top left repeat-x;
	padding: 0;
}

#logo {
	float:left;
	clear:right;
}

/*********************/
/*  Menu Formatting **/
/*********************/

#mainmenu
{
	background-image: url('http://www.seocrusade.com/images/bg_topnav.gif');
	height:19px;
	border-top: solid 1px #333399;
	border-bottom: solid 1px #333399;
}
#menu {
	margin: 0;
	padding: 0;
	text-align: center;
}
#menu ul
{
	margin:0px;
	padding:0px;
}
#menu li
{
	display: inline;
	margin:0px;
	padding:0px;
	padding-right:7px;
	float: left;
	text-align: center;
}

#menu a {
	display: block;
	padding: 0.2em;
	color: #333399;
	font-size: 12px;
	text-decoration: none;
}
#menu a:hover {
	color: #ff1010;
}

/*********/
/* Links */
/*********/
.centrecolumn A:link, .centrecolumn A:visited, .centrecolumn A:active {
	color: #0000ff;
	text-decoration: underline;
}
.centrecolumn A:hover {
	color: #05D80B;
	text-decoration: underline;
}
.centrecolumn h2 A:link, .centrecolumn h2 A:visited, .centrecolumn h2 A:active {
	color: #FFFFFF;
}
.centrecolumn h2 A:hover {
	color: #05D80B;
}

A:link {
	color: #08245b;
	text-decoration: none;
}

A:visited {
	color: #08245b;
	text-decoration: none;
}

A:active {
	color: red;
	text-decoration: none;
}

A:hover {
	color: #666666;
	text-decoration: underline;
}

/***********************************/
/*Standard paragraph tag formatting*/
/***********************************/

h1, .title {
	background-image:url(images/bg_hdr1.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #F8F8F8;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	direction: ltr;
	text-align: left;
	color: #ffffff;
	font-size: 16px;
	padding: 5px;
	margin: 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bg_hdr1.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #F8F8F8;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	direction: ltr;
	text-align: left;
	color: #ffffff;
	font-size: 12px;
	padding: 5px;
	margin: 0px;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

h3 {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin:6px 0px 0px 0px;
}
/******************/
/* Message styles */
/******************/

.item {
	color: #08245b;
}

.ok {
	color: green;
}

.warning {
	color: red
}
.error {
	color: red
}
.message {
	color: #08245b;
}
img
{
border:0px;
}

form
{
	margin: 0;
}

DIV.both {
clear: both;
}
/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 704px;
	height: 0;
	clear: both;
}

#container
{
	width: 78%;
	overflow: visible;
	float: left;
	padding: 4px 0 0 0;
	margin-right: -20%;
}
/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
/*.contenttitle h2
{
	clear: both;
	background: url(images/dot.gif) bottom repeat-x;
	font-size: 18px;
	padding: 0 0 6px 0;
	margin: 0;
}*/
.contentbody
{
	font-size:13px;
	text-align: justify;
	padding: 0 0 16px 0;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer
{
	float: right;
	width: 20%;
	padding: 2px 0 0 0;
}
.sidebar
{
	color: #21262A;
	margin: 0 6px 4px 0;
}



/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/***********/
/*  Footer */
/***********/

#footer
{
	background-image:url('http://www.seocrusade.com/images/bg_body.gif');
	padding: 4px;
	border-bottom: solid 2px #333399;
	border-top: solid 1px #333399;
	font-size: 9px;
	text-align:center;
	color: #000000;
}

#footer a, #footer a:visited {
	color: #333399;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #FF1010;
	text-decoration: none;
}

#footerlogo {
	float:left;
	clear:right;
}

#pagetools {
	padding:5px;
}

#footerlinks {
	text-align:right;
}
/***********/
/* Adverts */
/***********/

#advert {
	width:250px;
	height:400px;
	border: solid 1px #000000;
}

/*******************/
/* Section Bubbles */
/*******************/
.section {
	background-image:url('http://www.seocrusade.com/images/bg_body.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFF;
	margin:0px 0px 10px 0px;
	padding:3px 3px 3px 3px;
	border:solid 1px #333366;
}
.section ul, .section ol {
	list-style:none;
	margin:0px;
	padding:0px;
}
.section ul li h2, .section ol li h2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin:0px;
	padding:0px;
}
.section ul li h3, .section ol li h3 {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin:2px 0px;
	padding:0px;
}
.section ul li ul li {
	margin:0px 0px 0px 10px;
	padding:0px;
}
.sectiongoogle {
	background-color: #FFF;
	margin:0px 0px 10px 0px;
	padding:3px 3px 3px 3px;
	border:solid 1px #333366;
}