/* CSS Document */
/* Blackmoon Theme */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
fieldset,img { border:0; }
ol,ul { list-style:none; }

body {
	margin:0;
	padding:0;
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#000 url( http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/blackmoon.jpg );
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
	font-size:90%;
        background-repeat: no-repeat;
        background-position: top center;
        font-family: arial, verdana, tahoma, sans-serif;
        text-align:center;
}
#fixed {
        margin:0 auto;
        width:1152px;  
        text-align:left;
}
h1, h2, h3, h4 {
	margin:.8em 0 .2em 0;
	padding:0;
        color:#76B3F1;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
        color:#76B3F1;
}
a {
	color:#369;
}
a:hover {
	color:#fff;
	text-decoration:none;
}
.picleft {
     margin: 10px;
     float: left; 
     clear:both;
}
.picright {
     margin: 10px;
     float: right; 
     clear:both;
}
#error_form h1 {
        color: #D00000;
}
/* ----- Header styles ----- */
#header {
        clear: both;
	float: left;
	width: 100%;
        height: 380px;
        text-align: center;
}
#header img {
        margin: 100px 0px 100px 0px;
}
/* ----- Nav Block Menu  ----- */
#navmenu-blue {
	clear: left;
	float: left;
	width: 100%;
	background: #80C8FF url(http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) repeat top left;
	overflow: hidden;
}
#navmenu-blue ul {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}
#navmenu-blue ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}
#navmenu-blue ul li a {
	display: block;
	margin: 0;
	padding: .4em .8em;
	color: #76B3F1;
	text-decoration: none;
	line-height: 1.3em;
}
#navmenu-blue ul li.active a {
	background: url( http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 75% repeat;
	font-weight: bold;
        color: #A79787;
}
#navmenu-blue ul li a:hover {
	background: url( http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 75% repeat;
        text-decoration: none;
        color: #fff;
}
/* ----- Column  Settings ----- */
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
        color: #76B3F1;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column blog style settings */
.blogstyle {
}
.blogstyle .colmid {
	right:25%;			/* width of the right column */
}
.blogstyle .colleft {
	right:25%;			/* width of the middle column */
}

.blogstyle .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:52%;			/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:56%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:60%;			/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.fullpage {
	text-align:center;
}
.fullpage .col1 {
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
}
/* 2 Column (right menu) settings */
.rightmenu {
}
.rightmenu .colleft {
	right:25%;			/* right column width */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
        text-align:center;
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* ----- Footer styles ----- */
#footer {
        clear:both;
        margin:auto;
        width:1152px;
}
#footer p {
        text-align:center;
}
#footer a {
        padding: 0px 20px 0px 20px;
}
#footer a:hover {
        color:#fff;
        text-decoration:none;
}
/* ----- Footer Nav Menu Block ----- */
.footernav {
        text-align: center;
        float: left;
        width: 950px;
        margin: 0px 0px 10px 50px;
        border: 2px solid #76B3F1;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
}
.footernav dl {
        float: left;
        margin: 20px 20px 20px 20px;
}
.footernav dt {
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 5px;
}
.footernav a {
        text-decoration: none;
}
.copyright {
        clear: both;
        text-align: conter;
}
/* ----- Welcome Box Style ----- */
#welcome-block {
	width: 100%;
	overflow: none;
}
.welcome-picture {
	float: left;
	padding: 30px 30px 30px 90px;
	margin: 0px;
}
.welcome-info {
	float: left;
	width: 60%;
	padding-left: 20px;
}
#welcome-block dt {
	float: left;
	clear: left;
	width: 40%;
}
#welcome-block dd {
	float: left;
	width: 40%;
}
/* ----- General Block Settings ----- */
.general_box {
	padding: 10px;
	border: 2px solid #76B3F1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
        text-align: center;
	overflow: hidden;
}
.general_box h3 {
        font-size: 2em;
        font-weight: bold;
	border: 0;
	padding: 5px;
	margin: -10px -10px 5px -10px;
}
.general_box a {
	text-decoration: none;
}
.general_box .block_list {
	font-size: 0.9em;
	padding-top: 5px;
	margin: 0;
}		
.general_box .block_list li {
	padding: 6px;
	margin: 0 -8px;
}
/* ----- Gallery Block Horizontal ----- */
.gallery-picture {
        width: 850px;
        margin:0 auto;
        text-align:center;
	border: 2px solid #76B3F1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}       
.gallery-picture h3 {
        margin:0;
        padding: 5px;
        font-size: 2em;
        font-weight:bold;
	border: 0;
}
.gallery-picture a {
        padding: 0px 20px 0px 20px;
	margin: 0px;
}
.gallery-picture .hfeed {
	padding: 10px 0px 10px 0px;
}
/* ----- Contact Page Style ----- */
#contact_outer {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#contact_main {
	border: 1px solid #76B3F1;
	padding: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 8px;
}
#contact_main .star {
	color: #FF0000;
}
#contact_main label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 100px;
	clear: both;
	margin-top: 13px;
	text-align: right;
	padding-right: 20px;
}
#contact_main label:first-child {
	margin-top: 10px;
}
#contact_main .input_text {
	float: left;
	width: 350px;
	font-size: 14px;
	padding: 2px;
	border: 1px solid #98aebc;
	margin-top: 10px;
}
#contact_main .input_submit {
	margin-left: 120px;
	margin-top: 10px;
}
#recaptcha_widget_div {
	clear: both;
	margin-left: 120px;
	margin-top: -10px;
}
#recaptcha_widget_div label {
	float: none !important;
}
/* ----- Guestbook Table Styles ----- */
.nw_table .row1{
        background-color: #181818;
}
.nw_table .row2{
        background-color: #080808 ;
}
body .category_block .maintitle {
        background: #f4f4f4;
        color: #333;
        padding:12px;
}
body .maintitle a {
	color: #e4e4e4;
}
body .category_block .maintitle a {
	color: #333;
}
ul.post_controls,
div.post_controls {
	background-color: transparent;
}
table.nw_table {
	line-height: 120%;
	border: 1px solid #fff;
	border-top: 0;
	/*table-layout: fixed;*/
}
.block_wrap table.nw_table {
        border: 0;
}
table.nw_table tr td {
	padding: 10px 8px 8px 8px;
	border-bottom: 1px solid #76B3F1;
	/*border-bottom: 2px solid #76B3F1;*/
}
table.nw_table th {
	font-weight: bold;
	padding: 5px 6px;
}
table.nw_table a {
	text-decoration: none;
}
table.nw_table a:hover,
body table.ipb_table th a {
	text-decoration: underline;
}
/* ----- Buttons Style ----- */
.topic_controls {
	min-height: 30px;
	margin-bottom: 5px;
}
.topic_share {
	font-size: 0.9em;
	padding: 3px;
	margin-top: 4px;
}
.topic_share li {
	float: left;
	margin: 0 5px;
}
.topic_buttons li {
	padding: 0;
	margin: 0px 10px 15px 0px;
	float: right;
}
.topic_buttons li a,
.topic_buttons li span {
	font-size: 0.9em;
	display: block;
	margin: auto 0px auto 6px;
	-moz-outline: 0;	
}
.topic_buttons li span {
	padding: 8px 12px 7px 3px;
}
.topic_buttons li a {
	padding: 7px 12px 6px 3px;
	color: #fff !important;
        text-decoration:none;
        background:#80C8FF url(http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 25% repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.topic_buttons li a img,
.topic_buttons li span img {
	margin: -1px 5px 1px 0;
}
.topic_buttons li a img.arrow {
        margin-right: -3px;
}
.topic_buttons li:hover {
        text-align: left;
}
.topic_buttons li:hover a {
        background:url( http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 75% repeat;
	color: A79787 !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}
.topic_buttons li.disabled {
	background: transparent url(http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png)  0 25% repeat;
}
.topic_buttons li.disabled span {
	background: transparent url(http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 25% repeat;
	color: #76B3F1;
}
.topic_buttons li.closed {
	background: transparent url(http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 25% repeat;
}
.topic_buttons li.closed span,
.topic_buttons li.closed a {
	background: transparent url(http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 25% repeat;
}
/* Pagination Page Buttoons */
ul.pagination {
	margin-left: 35px;
}
ul.pagination a,
ul.pagination li.active, 
ul.pagination li.pagejump,
ul.pagination li.total {
	text-decoration: none;
	padding: 1px 4px;
	display: block;
}
ul.pagination li {
        background:none repeat scroll 0 0 #FFFFFF;
	font-size: 0.8em;	
	margin: 5px ;
	float: left;
        border:1px solid #CFCFCF;
}
ul.pagination li.total,
ul.pagination li.active {
	background: none;
	border: 0;
	margin-left: 0px;
}
ul.pagination li.active {
	color: #A79787;
	font-size: 1em;
	font-weight: bold;
}
/* ----- facebook-twitter -----*/
.share_links {
	margin: 8px 8px 8px 8px;
	padding: 8px;
	clear: both;
}
/* ----- Website Buttons ----- */
.button {
	min-height: 30px;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}
.button ul {
        float: left; 
	position: relative;
	left: 50%;
}
.button li {
	padding: 0;
	margin: 0px 10px 15px 0px;
        float: left; 
        position:relative;
	right: 50%;
}
.button li a {
        background:url( http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) repeat scroll 0 25% #80C8FF;
        padding:7px 12px 6px 12px;
        text-decoration:none;
        display:block;
        font-size:0.9em;
        margin:auto 0 auto 6px;
        color: #76B3F1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button li:hover a {
        background:url( http://www.niftywolfie.co.uk/forum/ccs_files/blackmoon/bg.png) 0 75% repeat;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

/* --------------------- LIGHTBOX STYLES -------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 16000 !important; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(http://www.niftywolfie.co.uk/forum/ccs_files/lightbox/spacer.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.niftywolfie.co.uk/forum/ccs_files/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.niftywolfie.co.uk/forum/ccs_files/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
#overlay{ position: fixed; top: 0; left: 0; z-index: 15000 !important; width: 100%; height: 500px; background-color: #000; }