/* real CSS styles for well behaved browsers */
/* nikkipilkington.com */

/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);


/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

/* overrule basic.css styles */

#accessibility {
	position: absolute;
	visibility: hidden;
	top: -10000px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
	padding: 0px;
	background:#999999 url(http://www.nikkipilkington.com/images/shade1.gif) repeat-y top center;
	line-height: 1.5em;
}

a {
	color: #E78A01;
	text-decoration: none;
	font-weight: bold;
}
a img {
	text-decoration: none;
	border: none;
}
a:hover {
	color:#E78A01;
	text-decoration:underline;
	font-weight:bold;
}
a:visited {
	color:#E78A01;
	font-weight:bold;
}
#default .boxcontent h1 { font-size: 18px;}

h1 {
	font-size:24px;
	color:#000066;
	margin: 0 0 0.6em 0;
	font-weight: bold;
}

h1 a, h1 a:visited {color: #000066;}
h1 a:hover {color: #E78A01;}

h2 {
	font-weight:bold;
	margin: 0 0 0.8em 0;;
	font-size:20px;
}
h2 a, h2 a:visited {color: #000066;}
h2 a:hover {color: #E78A01;}


h3 {font-size: 16px; margin-bottom: 0.6em; font-weight: bold;}


h4 {
	font-weight:bold;
	margin: 0 0 0.8em 0;;
	font-size:14px;
}

p {
	margin-bottom: 0.8em;
}

li {
	list-style-position: inside;
}

ol, ul {
	margin: 0 0 0.7em 0;
}

strong {
	font-weight: bold;
}

/*	positioning	*/
.clear {
	clear: both;
}

.column {
	margin: 0 17px 17px 0;
	float: left;
}

.last {
	margin: 0 0 17px 0;
	float: left;
}

.span1 { width:65px; }
.span2 { width:147px; }
.span3 { width:229px; }
.span4 { width:311px; }
.span5 { width:393px; }
.span6 { width:475px; }
.span7 { width:557px; }
.span8 { width:639px; }
.span9 { width:721px; }
.span10 { width:803px; }
.span11 { width:885px; }
.span12 { width:967px; }
.full { width:986px; }

.fl {float: left;}
.fr {float: right;}

blockquote { margin-left: 10px; border-left: 2px solid #999999; padding-left: 10px;}

/* Maintainance */

#maintenance {
}

body#maintenance {
	background: none;
	margin: 75px 0 0 75px;
}

#leftcol {
	width: 461px;
	padding: 0 7px;
	margin: 0 17px 17px 0;
	float: left;
}
#rightcol {
	width: 461px;
	padding: 0px 7px;
	margin: 0px 0px 17px 0px;
	float: left;
}

#sitemap > li {
	font-size: 1.1em;}

img.left {
background: #fff;
border: 1px solid #ccc;
display: block;
margin: 0px 10px 5px 0px;
padding: 4px;
position: relative;
float: left;
}

img.right {
background: #fff;
border: 1px solid #ccc;
display: block;
margin: 0px 0px 5px 10px;
padding: 4px;
position: relative;
float: right;
}

#alter-text-size {
	color: #FFFFFF;
	position: relative;
	line-height: 20px;
	top: -20px;
	float: right;
	font-size: 10px;
	height: 20px
}

#alter-text-size a {color: #fff;}

#surround {
	width:986px;
	background-color:#FFFFFF;
	padding: 0px 0 20px 17px;
	margin: 0 auto;
	border-top: solid 20px #666666;
}
#header {
	background-color:#FFFFFF;
}

.logo {
	width:290px;
	float:left;
}

.logo h1 a {
	line-height: 120px;
}

#headlinks ol li {
	padding: 0px 4px 0px 4px;
	list-style: none;
}
#headlinks li {
	float: left;
	border-right: 1px solid #666666;
}
#headlinks {
	float:right;
	clear: right;
	min-width: 610px;
	text-transform:uppercase;
	text-align: right;
	margin-top:40px;
	color:#666666;
}
#headlinks a, #headlinks a:visited  {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}
#headlinks a:hover {
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
}
#links li, #links ul {
	color:#333333;
	text-transform: uppercase;
	text-decoration:none;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	float:left;
	list-style: none;
}
#links {
	float: left;
	clear: both;
}
#links a, #links a:visited {
	width:320px;
	line-height:25px;
	background: #f89503;
	display:block;
	text-align:center;
	float:left;
	text-decoration:none;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	color:#fff;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
#links a:hover {
        background: #000066;
	background-position:-360px;
	text-decoration:underline;
}

#content {
	clear: both;
	width: 986px;
}

#home-page-box {
	border: 1px solid #E18600;
	float: left;
	min-height: 450px;
	background-color:#EAEAEA;
	width: 309px;
	position: relative;
}

#third-boxes, .third-boxes {
	border: 1px solid #E18600;
	float: left;
	min-height: 300px;
	width: 309px;
	position: relative;
}

.boxheader {
	line-height: 24px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../images/boxhead.gif);
	text-align: center;
}
.boxcontent {
	font-size:12px;
	padding:10px;
}

#internet-marketing-articles .boxcontent {
	font-size:12px;
	padding:10px;
}

.imagebox {
	width:308px;
	height:158px;
	background-color:#FFFFFF;
	float:right;
	margin-top:20px;
	border:1px #E18600 solid;
	margin-left: 17px;
}
.clickformore {
	display: block;
	width:309px;
	line-height:20px;
	color:#FFFFFF;
	font-weight:bold;
	background-color: #999999;
	font-size: 11px;
	position:absolute;
	bottom: 0px;
	text-align: center;
}
.clickformore a {
	text-decoration:none;
	color:#FFFFFF;
}
.clickformore a:hover {
	text-decoration:underline;
}
.clickformore a:visited {
	text-decoration:none;
}

#ima-boxes .clickformore {
	display: block;
	width:473px;
	line-height:20px;
	color:#FFFFFF;
	font-weight:bold;
	background-color: #999999;
	font-size: 11px;
	position:absolute;
	bottom: 0px;
	text-align: center;
}

#content-block {
	width:473px;
	border: 1px solid #E18600;
	float: left;
	background-color: #EBEBEB;
}

#post {
	padding: 0 7px;
}

#ima-boxes {
	border: 1px solid #E18600;
	width:473px;
	float: left;
	margin: 0 17px 17px 0;
	height: 270px;
	position: relative;
	overflow: hidden;
}
#ima-boxes p {
	padding: 0 15px;
}
#ima-related {
	border-left: 2px solid #E18600;
	float: left;
	margin-left: 17px;
	padding: 0 0 23px 17px;
}

.ima-box-title li {
	list-style: none;
	margin: 0 0 15px 0;
}

.ima-box-title li.new {
	background: url(../images/new-sticker.gif) no-repeat left top;
	list-style: none;
	padding: 3px 0px 3px 25px;
}

.ima-box-title li a {
	color: #000066;
}

#content-block ul {
	float: left;
}

#content-block img {
	width:100px;
	padding: 10px;
	float: left;
}

#internet-marketing-articles #content ol li {
	padding: 0 0 13px 0}

#packages {
	clear: both;
}
#base-links {
	clear: both;
	margin: 0 auto;	
	width: 450px;
}

#pdf-file {
	padding-left: 40px;
	background: url(../images/PDF_icon_small.gif) top left no-repeat;
	line-height: 40px;
	display: block;
	}
#footer {
	width:985px;
	text-align:center;
	background-color:#666666;
	margin: 0 auto;
	clear: both;
}
#footer-inner {
	color:#FFFFFF;
	font-size:12px;
	padding: 18px 0px;
}

#offerhead {
	
	color:#990033;
	font-weight:bold;
	padding: 4px 8px;
	left: 511px;
	top: 14px;
	margin-top: 16px;
	float: right;
}

#offerhead a {color: #fff;}
#css {
	height:40px;
	width:80px;
	margin-top:20px;
}

#longleft, #longright {
	float:left;
	text-align:left;
}

p img {
	border: 0;
	text-align: center;
}

#imageright {
	width:auto;
	height:auto;
	float:left;
	margin-left:10px;
}
.pagecontent {
	width:438px;
	height:auto;
	padding-bottom:30px;
	border-bottom:1px dotted #FF6600;
	margin-bottom: 30px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
.pagecontenthead {
	height:120px;
	padding: 10px 0 0 0;
}
.pagecontenthead ul {
	padding: 0 0 0 10px;
}
.innerdiv {
	width:100%;
	line-height:24px;
	background-image: url(../images/boxhead.gif);
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-bottom: 10px;
}

.innerdiv  a, .innerdiv a:visited, .boxheader  a, .boxheader a:visited,
.innerdiv-new  a, .innerdiv-new a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	line-height:24px;

}
.innerdiv-new a:hover, .boxheader a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.innerdiv-new {
	width:100%;
	line-height:24px;
	background-image: url(../images/boxhead-new.gif);
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-bottom: 10px;
}
.boxleft {
	float:left;
	height:188px;
	margin-right: 40px;
}

form {
	padding: 10px;
}

.zemText, .zemTextarea {
	font-weight: normal;
	display:block;
font-size:12px;
margin:0.5em 0pt 0.2em;
text-align: left;
}

legend {
font-size: 15px;
font-weight: bold;
}

fieldset {
border-style:solid;
border-width:0pt;
padding-left:0px;
width:inherit;
display:block;
clear:both;
}

fieldset p {
line-height:1.5em;
}

#name, #email, #web {
background:#FFFFFF none repeat scroll 0%;
color:#333333;
font-size:11px;
padding:2px;
width:300px;
}

#message {
background:#FFFFFF none repeat scroll 0%;
display:block;
font-size:11px;
height:13em;
width:300px;
font-family: Arial, Helvetica, sans-serif;

}

#Message {
background:#FFFFFF none repeat scroll 0%;
display:block;
font-size:11px;
height:13em;
font-family: Arial, Helvetica, sans-serif;
}

#txpCommentInputForm label, .zemSelect {
display:block;
font-size:11px;
font-weight:bold;
margin:0.5em 0pt 0.2em;
text-align: left;
}

.zemSubmit {
	margin: 5px 0px;
	font-size:11px
}


#txpCommentInputForm .last-bit label {
display:inline;
}

#txpCommentInputForm, textarea {
margin:1em 0pt 0pt;
}
div.facebookbadge {

        display : inline;

        float : right;

        padding-bottom : 0px;

        padding-left : 20px;

        padding-right : 20px;

        padding-top : 0px;

        position : relative;

        text-align : right;

        z-index : 1;

}

div.twitterbadge {

        display : inline;

        float : left;

        padding-bottom : 0px;

        padding-left : 20px;

        padding-right : 20px;

        padding-top : 0px;

        position : relative;

        z-index : 1;

}


/* =NEWS
****************************************************************/

.news-entry {border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin-bottom: 25px;}

.comments-wrapper {width: 300px;}

span.more a {padding-bottom: 0.9em; display: block;}
.published {font-size: 10px;}

ul.cat_menu {margin-left: 20px;}
.cat_menu li {padding-bottom: 0.2em;}

.cat_menu a {color: #}

.comments li {list-style: none; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.comments li .small {font-size: 11px; font-style: italic;}

.tags { margin: 20px 0 10px 10px; border-left: 2px solid #999999; padding-left: 10px;}