/*  
Theme Name: Ginger Ninja! v2
Description: The new Ginger Ninja! theme.
Version: 1.0
Author: Donny Burnside
Author URI: http://www.ginger-ninja.net/
*/

/* Generic Styling */

body {
	/*background:#2B8FC0;*/
	background:#000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* Sets default font size to 10px */
	color:#333;
	text-align:center;
	line-height:150%;
	}



img {
	border:0;
	}

/* Heading's */
h1 {
	font-size:2.0em;
	color:#000;
	line-height:100%;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:30px;
	}
h2 {
	font-size:1.50em;
	color:#000;
	text-decoration:underline;
	line-height:100%;
	font-weight:normal;
	margin-bottom:20px;
	
	}
h3 {
	font-size:1.25em;
	color:#000;
	line-height:100%;
	font-weight:normal;
	margin-bottom:20px;
	}

p { 
	line-height:150%;
	}

a {
	text-decoration:none;
	color:#0099CC;
	font-style:italic;
	}
a:hover {
	text-decoration:none;
	color:#000;
	}

/* Structure */

#wrapper, #container {
	margin:0 auto;
	width:950px;
	
	border: none;
	padding:0px;
	background:#FFFFFF;

	}

#advert {
	border-bottom:1px dotted #ccc;
	padding:10px 20px;
	text-align:left;
	color:#999;
	}
#mainbody {text-align:left;}

#navigation { width:220px; float:left; margin-left:10px; text-align:left;}

#navigation ul {
	list-style: none;
	margin: 0; padding: 0;
	margin-left:0px;
	margin-bottom:20px;
	}
#navigation li { 
	border-bottom:1px dotted #ccc;
	}

#navigation li a {
   display: block;
 
   /*background:#000033;*/
   color:#333333;
   padding: 10px 10px;
   text-decoration:none;
   font-weight:bold;
   text-transform:capitalise;
   font-size:12px;
}

#navigation li a:hover {
	color:#000000; 
	background:#f0f0f0;
	}

#navigation ul ul li a { 
	padding-left:25px; 
	color:#666666;
	}



a.nav {
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	color:#333;
	background:url(../../images/bluearrow.gif) right no-repeat;
	padding-right:30px;
	}
a.nav:hover {
	text-decoration:none;
	color:#000;
	background:url(../../images/whitearrow.gif) right no-repeat;
	padding-right:30px;
	}
	
	
.title {
	font-weight:bold;
	font-size:30px;
	letter-spacing:-1.5pt;
	
	color:#fff;
	}
	
.rock {
	color:#818099; 
	font-weight:bold; 
	font-size:24px; 
	letter-spacing:-1pt;
	}
.advert {
	color:#ccc; 
	font-size:12px; 
	font-weight:bold;
	}		
#top {
	margin-top:0px;
	 margin-bottom:0px;
	 background:#fff; 
	 }	

#header {
	height:250px;
	/*background:url(common/abacus3.jpg) bottom right no-repeat;*/
	position:relative;
	width: 900px;
	clear:both;
	top:-20px;
	}
	
#header2 {
	height:250px;
	/*background:url(common/abacus3.jpg) bottom right no-repeat;*/
	position:absolute;
	width: 900px;
	clear:both;
	
	}	
	
	

#menu {
	height:35px;
	line-height:35px;
	background:url(common/bg-menu.png) repeat-x;
	padding:0 10px;
	}
#sidebar {
	float:right;
	width:22%;
	
	margin:10px;
	/*background:#B0AEA8;*/
	color:#ccc;
	padding:10px;
	}
	
#content {
	width:100%;
	background:#FFFFFF;
	vertical-align:top;
	text-align:left;
	padding:10px;
	font-size:1.0em;
	
	}

#terms {
	
	background:#FFFFFF;
	vertical-align:top;
	text-align:left;
	padding:10px;
	font-size:1.0em;
	
	}	
#maincontent {
	color:#333333; 
	line-height:150%;}

#maincontent a { 
	border-bottom: 1px dashed #ccc;
	}	

#maincontent a:hover {}

#pagecontent {
	width:690px;
	float:right;
	padding:10px;
	text-align:left;
	}
#pagecontent ul {
	margin-left:15px; 
	padding-left:15px;
	}
#pagecontent ol {
	margin-left:15px; 
	padding-left:15px;
	}
#pagecontent img {
	padding:1px;
	}

#footer {
	margin:0 auto;
	color:#333333;
	padding:10px 25px;
	background:#e5e3d8;
	text-align:left;
	}


#footer h2 a {
	font-size:24px;
	color:#333;
	text-decoration:underline;
	
	line-height:100%;
}
#footer a {
	font-size:12px;
	color:#333;
	text-decoration:underline;
	
	/*background:url(common/isis-logo.jpg) right bottom no-repeat #fff;*/
	
	}  
#footnotes {
	background:#d8d8d8; 
	color:#333; 
	line-height:150%; 
	padding:15px; 
	border:10px solid #fff;
	}	

#footnotes a {
	color:#333;
	text-decoration:underline;
	}
#footnotes a:hover {
	text-decoration:underline;
	}

#footnotes td {
	padding:15px; 
	text-align:left; 
	width:30%; 
	vertical-align:top;
	}  
  

/* subpages */

a.subpages {
	display:block;
	height:20px;
	line-height:20px;
	color:#fff;
	padding-left:20px;
	background:url(../../images/site/white-arrow-on-p1.gif) left no-repeat;
	
	}

a:hover.subpages {
	color:#fff;
	background:url(../../images/site/white-arrow-on-p2.gif) left no-repeat #666699;
	}

	  
/* Entries */

.entry {
	
	
	text-align:justify;
	line-height:1.50em;
	padding:10px 0px;
	
	}
.entry-title {
	font-size:1.20em;
	font-weight:bold;
	letter-spacing:-1px;
	color:#333;
	padding:10px 0px;
	
	
	}
	.entry-content {
	
	padding:0px 10px;
	
	}
.home {	
	font-size:1.0em;
	}
.date {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	padding:5px 25px 5px 25px;
	
	}
.comments {
	margin-top:-1em;
	}
.comments a {
	color:#6CC7DC;
	background:url(common/icon-comment.png) no-repeat 0px 2px;
	padding-left:20px;
	padding-right:2px;
	}
.comments a:hover {
	color:#069;
	}


/* Menu */

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(common/bg-menu-hover.png) no-repeat center center;
	}

/* Sidebar */

#sidebar {
	float:right; 
	width:25%; 
	text-align:left; 
	padding:10px; 
	background:#f0f0f0;
	}

#sidebar ul {

	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	padding-left:0px;
	}
#sidebar li {
	
	}
#sidebar li a {
	display:block;
	padding:10px;
	color:#333;
	border-bottom:1px dashed #e0e0e0;
	}
#sidebar li a:hover {
	background:#e0e0e0;
	color:#000;
	}
	
#sidebar h2 {
	font-size:24px;
	color:#59554A; 
	letter-spacing:-1pt;
	}

#sidebar-bottom {
	height:240px;
	background:url(common/bg-sidebar-bottom2.gif) no-repeat top center;
	}

/* Footer */

#footer-valid {
	float:right;
	padding-top:168px;
	padding-right:38px;
	cursor:default;
	color:#666;
	}
#footer-valid a {
	color:#666;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#666;
	text-decoration:underline;
	}



	
.sidebarphone {font-family:Arial Black, Arial, Helvetica, sans-serif; font-size:24px; color:#fff; letter-spacing:-1pt;}
.sidebartitle{font-family:Arial Black, Arial, Helvetica, sans-serif; font-size:24px; color:59554A;}
.sidebartext {font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:14px; color:59554A;}
.footerphone {color:#FFFFFF;}	

/* Feed */
#feeds {}
#feeds ul {margin-left:10px; padding-left:10px;}

#feeds ul li a {color:#fff; text-decoration:none;}
#feeds ul li a:hover {color:#fff; text-decoration:underline;}
/*#feed {
	height:25px;
	width:126px;
	background:url(common/bg-feed.gif) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}
a.feed-button {
	display:block;
    width:100px;
    height:25px;
    background:url("common/button-feed.png") 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.feed-button {
	background-position:0 -25px;
	}
*/
/* Extra's */

#ad-top {
	width:480px;
	height:72px;
	background:url(common/bg-ad-top.png) no-repeat;
	padding:5px;
	}


#breadcrumb {height: 10px; padding: 0px 20px 0px 0px; margin-bottom: 20px;}
#breadcrumb a {text-decoration: underline;}
#breadcrumb a:hover {text-decoration: none;}

#calender {	margin: 0px 0px 10px 0px;}
#calender table {width: 100%;	height: 150px; text-align: center;}
#calender table td {width: 14%; padding: 3px 0px;}
#calender table .controls {font-weight: bold; color: #000;}
#calender table .controls a {text-decoration: underline;}
#calender table .controls a:hover {text-decoration: none;}
#calender table .title {background-color: #fff;}
#calender table .days td {background-color: #fafafa;}
#calender table .days a {text-decoration: underline;}
#calender table .days a:hover {text-decoration: none;}
#calender table td.empty {background-color: #fafafa;}
#calender table td.article {background-color: #ddd;}
#calender table td.article_event {background-color: #eee;}
#calender table td.event {background-color: #999;}
#calender table td.event a, #calender table td.article a, #calender table td.article_event a {color: #FFFFFF; text-decoration: underline;}
#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover {color: #FFFFFF; text-decoration: none;}
	
#notification {background-color: #FFFDFB; height: 100%; padding: 15% 10%; text-align: center;}
#notification h1 {margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728c40; text-transform: uppercase;}
#notification a {color: #4F5F34; text-decoration: underline;}
#notification a:hover {color: #4F5F34; text-decoration: none;}

#screenshot {background-image:url(Common/Screenshot-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px auto; padding: 5px; text-align: center; text-align: center; color: #FFFFFF; overflow: visible;}
#screenshot img {background-color: #EFEFD6; border: 1px solid #542700; margin: 6px; padding: 3px;}

.article {}
.article .details {margin: 0px 0px 0px 25px; padding: 0; list-style: none;}
.article .details li {margin: 0px 5px 10px 0px; display: inline;}
.article p {margin: 15px 0px 0px 25px;}
.article img {padding: 3px; margin: 3px;}
.article .introduction {border-bottom: 1px solid #E4E4E4; line-height: 20px; font-size: 115%; padding: 10px 25px 10px 25px;}
.article .link {font-size: 110%; text-align: right;}
.article .gallery {}
.article .gallery img {border: 1px solid #EEEEEE; padding: 3px; margin: 3px;}


#comments {margin-bottom: 20px;}
#comments .details {margin-bottom: 10px;}
#comments .details dt {background-image: url(Icons/Avatar.jpg); background-position: top left; background-repeat: no-repeat; float: left; height: 55px; width: 55px; margin-right: 5px;}
#comments .details dd {margin: 0;}

.comment {padding: 5px 0px; clear: both;}
.whisper {background-color: #E4E4E4; padding: 5px 5px; clear: both;}

form {margin: 0; padding: 0;}
form #comment {width: 100%; height: 125px;}
form #whisper {margin-left: 0px;}
form #keywords {width: 32%;}
form #date {width: 32%;}
form #category {width: 32%;}

#paging {text-align: right;}
#paging a {padding: 0px 5px;}

.event {}
.event h1 {}
.event h2 {}
.event h3 {}
.event .details	{margin: 0;	padding: 0;}
.event .details li {margin-right: 5px; list-style: none; display: inline;}

.clear {clear: both;}

.bordertl {background:url(../../images/site/tl.jpg) top left no-repeat; height:10px; width:10px;}
.bordertr {background:url(../../images/site/tr.jpg) top right no-repeat; height:10px; width:10px;}
.borderbl {background:url(../../images/site/bl.jpg) bottom left no-repeat; height:10px; width:10px;}
.borderbr {background:url(../../images/site/br.jpg) bottom right no-repeat; height:10px; width:10px;}

#portfolio img {padding:5px; border:0;}

.area { width:60px; height:60px; border:2px solid #fff; background:#d8d8d8; color:#999999; }
.area2 { width:40px; height:40px; border:none; text-align:center; font-size:12px; color:#fff;}
.plot { width:15px; height:15px; }
.plottaken { width:15px; height:15px; border:2px solid #fff; background:#cc0000; color:#999999; }

#adverts { width:250px; float:right; padding:10px; }

.advert { margin-bottom:10px; width:100%; padding:15px; background:#999966; color:#ffffff; }

.incarrow {background:url(../../images/smallarrow.gif) top left no-repeat; padding-left:15px;}


.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font-size:10px; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

.gallerysummary {background:#f0f0f0; text-align:center; padding:10px; margin:10px;}

a.gallerysummary img {border:0;}

.landinglist ul { margin-left:0; padding-left:0; list-style-type:none; font-weight:bold;}

.landinglist ul li {background: url(http://www.lilfordhall.com/Uploads/Image/greentick.png) left no-repeat; padding:0 10px 10px 30px;}

.landinglist2 ul { margin-left:0; padding-left:0; list-style-type:none; font-weight:normal;}

.landinglist2 ul li {background: url(http://www.lilfordhall.com/Uploads/Image/greentick.png) left no-repeat; padding:0 10px 10px 30px; margin-bottom:40px;}

.buynowbutton { margin:10px; padding:15px; font-size:16px; font-weight:bold; letter-spacing:1pt; background:#CCCC00; color:#FFFFFF;}



.squirenav ul
{ margin-left:0; padding-left:0; background:#CCCCCC; padding:10px; margin-bottom:10px;}

.squirenav li
{
display: inline;
list-style-type: none;
padding:10px 20px 10px 10px;
}

.squirenav li a {font-weight:bold; text-decoration:underline;}


#SOLContainer {width:1000px; background:#FFFFFF;}
#SOLtop {position:relative; }

#SOLBackground img{
position:absolute;
left:50px;
top:40px;
z-index:1;
}

#SOLTitle img{
position:absolute;
left:30px;
top:0px;
z-index:100;
}

#SOLLegalTitle img{
position:absolute;
left:50px;
top:450px;
z-index:5;
}

#SOLCertificate img{
position:absolute;
left:40px;
top:320px;
z-index:10;
}



#SOLwhatsincluded {
position:absolute;
left:450px;
top:150px;
z-index:50;
width:550px;
color:#000000;
background:url(../../Uploads/Image/squire/infobg.png);
text-align:left;
padding:10px;
}

#SOLwhatsincluded ul {margin-left:20px; padding-left:20px;}

#SOLwhatsincluded ul li {list-style-image:url(../../Uploads/Image/squire/greentick.png)}



.tick {
	background:url(/Uploads/Image/tick.gif) no-repeat; 
	padding-left:45px; 
	height:40px; 
	vertical-align:middle;
	}	
	
	
.PlotNoteYes {position:relative;}
/*.PlotNote ul { margin-left:0; padding-left:0; width:170px; margin-right:10px;}

.PlotNote ul li {list-style-type:none; }

.PlotNote ul li a {display:block; padding:5px; color:#666; text-decoration:none; border-bottom:1px dotted #ccc;}
*/
.PlotNoteYes a span {display: none;}

.PlotNoteYes a:hover {}

.PlotNoteYes a:hover span {display:block;
   position: absolute; left: -55px; top:-65px; width: 130px;
   background:url(../../images/plotnote.png) bottom center no-repeat; 
   padding: 10px 10px 20px 10px; z-index: 100;
   color: #fff; 
   font: 12px Arial, sans-serif; text-align: left; line-height:150%;}
   
.PlotNoteNo {position:relative;}
/*.PlotNote ul { margin-left:0; padding-left:0; width:170px; margin-right:10px;}

.PlotNote ul li {list-style-type:none; }

.PlotNote ul li a {display:block; padding:5px; color:#666; text-decoration:none; border-bottom:1px dotted #ccc;}
*/
.PlotNoteNo a span {display: none;}

.PlotNoteNo a:hover {}

.PlotNoteNo a:hover span {display:block;
   position: absolute; left: -55px; top:-118px; width: 130px;
   background:url(../../images/plotnote.png) bottom center no-repeat; 
   padding: 10px 10px 20px 10px; z-index: 100;
   color: #fff; 
   font: 12px Arial, sans-serif; text-align: left; line-height:150%;}
   
   
 .availablearearight {font-size:18px; font-weight:bold; font-style:italic; line-height:100%; text-align:right;}
 .availablearealeft {font-size:18px; font-weight:bold; font-style:italic; line-height:100%;} 
 
 .availablearrowright {float:right; padding:10px; background:url(../../images/BTN.gif); font-size:18px; color:#fff; font-weight:bold; margin-left:10px; }
 .availablearrowleft {float:left; padding:10px; background:url(../../images/BTN.gif); font-size:18px; color:#fff; font-weight:bold; margin-right:10px;}