/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/*@import url('examples/2c-r.css'); */

/* New css ****************************************************************/
@import url('http://www.hot-lemon.com/_code/blog0.css'); 

/* structure **************************************************************/

div#container {
float:left;
margin:0 -310px 0 0;
width:100%;
}

div#content {
margin:0 310px 0 0;
}

div.sidebar {
float:right;
display: inline;
overflow:hidden;
width:270px;}

div#intro {}
div#primary {clear:right;}
div#secondary {clear:right;}
div#tertiary {clear:right;}
div#quad {clear: right;}

/*#intro, #primary, #secondary, #tertiary, #quad {
	display: none;} */

div#footer {
clear:both;
width:100%;
}

#intro {margin: 30px 30px 10px 0px;}
#primary {margin: 30px 30px 10px 0px;}
#secondary {margin: 0px 30px 10px 0px;}
#tertiary {margin:0px 30px 10px 0px;}
#quad {margin:0px 30px 10px 0px;}
	

body {
  font-family: "Arial Unicode MS", Arial, "Arial Black";
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: center;
  font-size: 1em;
  background-position:center;
  background-position:top;
  background-repeat:no-repeat;  
  /*background-image:url(http://www.hot-lemon.com/_graphics/backgrounds/outer1.jpg); /* to be included in separate color file */
  }

#wrapper {
	width: 900px;
	margin: 20px auto;
	border: 1px solid #999999;
	text-align:left;
	background-position:top;
	background-repeat:no-repeat;
	overflow:auto;
	/*background-image:url(http://www.hot-lemon.com/_graphics/backgrounds/inner1.jpg); /* to be included in separate color file */
	}

#header {
	position:relative;
	height: 150px;
	background-position:top;
	background-repeat:no-repeat;
	/*background-image:url(http://www.hot-lemon.com/_graphics/backgrounds/banner1.jpg); /* to be included in separate color file */
	}
	#logo {position: absolute; top: 22px; left: 30px;}	
	#logo a img {border: none;}
	
/* main menu *****************************************************************************************/

	#menuBlock {
		border: 1px solid #003366;
		background-color: #003366;
		padding: 4px 0px 4px 0px;
		overflow: auto;
		height: 1%;}
		
		#telephone {
			float: left;
			display: inline;
			margin: 0px 0px 0px 30px;}
			
			#telephone h3 {margin: 0px 0px 0px 0px !important; color: #ffffff;}
		
		#email {			
			float: left;
			display: inline;
			margin: 0px 0px 0px 10px;}



#menuSwap {float: right; padding: 0px 0px 0px 0px; margin: 0px 28px 0px 0px; list-style:none;}
#menuSwap li {float:left; position:relative; margin: 0px 0px 0px 3px;}

#menuSwap li.menu1 {width:93px; height:28px; overflow:hidden;}
#menuSwap li.menu1 img {width:93px; height:28px; background:url(http://www.hot-lemon.com/_graphics/menu/main/blog-home.gif); border:0;}
#menuSwap li.menu1 a:hover img {background-position: 0px -50px;}

#menuSwap li.menu2 {width:185px; height:28px; overflow:hidden;}
#menuSwap li.menu2 img {width:185px; height:28px; background:url(http://www.hot-lemon.com/_graphics/menu/main/blog-hl-home.gif); border:0;}
#menuSwap li.menu2 a:hover img {background-position: 0px -50px;}

#menuSwap li.menu4 {width:95px; height:28px; overflow:hidden;}
#menuSwap li.menu4 img {width:95px; height:28px; background:url(http://www.hot-lemon.com/_graphics/menu/main/contact.gif); border:0;}
#menuSwap li.menu4 a:hover img {background-position: 0px -50px;}

#menuSwap li a {display:block; width:100%; height:28px; font: 15px/30px arial, sans-serif; color:#666666; text-decoration:none;}
#menuSwap li a:hover {color:#0080c0;}

/* ---email link------------------------------------------------ */

#emailer {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style:none;}
#emailer li {float:left; position:relative; margin: 0px 0px 0px 3px;}

#emailer li.menu1 {width:164px; height:28px; overflow:hidden;}
#emailer li.menu1 img {width:164px; height:28px; background:url(http://www.hot-lemon.com/_graphics/menu/main/email.gif); border:0;}
#emailer li.menu1 a:hover img {background-position: 0px -50px;}


#emailer li a {display:block; width:100%; height:28px; font: 15px/30px arial, sans-serif; color:#666666; text-decoration:none;}
#emailer li a:hover {color:#0080c0;}




/*content **********************************************************************************************/

	#container {
		overflow:auto;
		padding: 0px 0px 0px 0px;}

		#content {
			float: left;
			width: 550px;
			display: inline;
			margin: 30px 0px 20px 30px !important;}

		.entry-title {}
		.entry-date {
			margin: 5px 0px 5px 0px;
			font-size: 0.7em;
			color: #666666;}
		
		.entry-content {
			border: 1px solid #dedede;
			padding: 10px;
			background-color:#ffffff;}
		
		.entry-meta {
			color: #666666;
			margin: 5px 0px 5px 0px;
			padding: 2px 0px 2px 0px;
			font-size: 0.7em;
			border-top: 1px solid #dedede;
			border-bottom: 1px solid #dedede;}
		
			.entry-title a, .entry-meta a {
				text-decoration:none;}
				
			.entry-title a{
				color: #003366;}
			.entry-meta a {
				color: #444444;}
				
					.entry-title a:hover, .entry-meta a:hover {
						color: #003366;
						text-decoration:underline;}

		#comments-list {
			font-size: 0.85em;}
			
			#comments-list li {
				margin: 0px 0px 20px 0px;
				border-bottom: 1px solid #dedede;
				}
				
			#comments-list p {
			font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	
			}
		
		.comment-meta {
			color: #666666;
			margin: 5px 0px 5px 0px;
			padding: 2px 0px 2px 0px;
			border-top: 1px solid #dedede;
			border-bottom: 1px solid #dedede;
			font-size: 0.7em;}
			
/* Footer layout *******************************************************/

#footerHolder {
	border-top: 1px solid #003366;
	padding: 5px 0px 0px 0px;
	margin: 10px 30px 20px 30px;}

#footer {
	/*margin: 0px 0px 0px 0px;
	padding: 0px 30px 10px 30px;
	
	display: inline;
	overflow: auto;
	height: 1%; */
	}

	#footerAdd {
		float: left;
		width: 300px;
		margin: 10px 10px 10px 0px;
		display: inline;
		overflow: auto;}

	#footerCopy {
		float: left;
		width: 200px;
		margin: 10px 10px 10px 00px;
		display: inline;
		overflow: auto;}


	#footerValid {
		float: right;
		width: 200px;
		margin: 10px 10px 10px 10px;
		display: inline;
		overflow: auto;}
		


/* excludes ***********************************************************************

#pages ul {display: none;}
#pages h3 {display: none;} */
#access {display: none;}
#menu {display: none;}
#pages {display:none !important;}




/*typography **********************************************************************/

#titleH3tel {width: 130px; height: 25px;  position: relative;}
#titleH3tel span {background: url(http://www.hot-lemon.com/_graphics/titles/h3-tel.gif) no-repeat; position: absolute; width: 100%; height: 100%;}

#blog-title {width: 500px; height: 90px;  position: relative;}
#blog-title span {background: url(http://www.hot-lemon.com/_graphics/titles/indexBlogH1.gif) no-repeat; position: absolute; width: 100%; height: 100%;}

#blog-title a {display: none;}

#titleSidebarBlogH2 {width: 240px; height: 25px;  position: relative;}
#titleSidebarBlogH2 span {background: url(http://www.hot-lemon.com/_graphics/titles/sidebarBlogH2.gif) no-repeat; position: absolute; width: 100%; height: 100%;}

#titleSidebarSubH2 {width: 240px; height: 25px;  position: relative;}
#titleSidebarSubH2 span {background: url(http://www.hot-lemon.com/_graphics/titles/sidebarBlogSubH2.gif) no-repeat; position: absolute; width: 100%; height: 100%;}


#blog-title a {text-decoration:none; color: #003366;}
	#blog-title a:hover {text-decoration:none !important;}
#blog-description {
	margin: 0px 30px 10px 35px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #444444;}

h1, h2, h3, h4, h5 {color: #003366; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight:normal; }
p {margin: 5px 0px 10px 0px;}

h1 {margin: 0px 0px 5px 0px !important;}
h2, h3 {margin: 25px 0px 10px 0px;}
h4 {margin: 10px 0px 5px 0px !important;}

h1 {font-size: 2.8em !important;}
h2 {font-size: 1.4em !important;}
h3 {font-size: 1em !important;}
h4 {font-size: 1em !important;}

#content p {color: #444444; font-size: 0.85em;}
.entry-content h3 {margin: 0px 0px 15px 0px !important;; font-size: 1.4em !important;}
.entry-content h3 {margin: 10px 0px 10px 0px!important;; font-size: 1.1em !important;}

.sidebar h2 {margin: 0px 0px 10px 0px!important; padding: 0; font-size: 0.9em !important;}
.sidebar h3 {margin: 0px 0px 5px 0px !important; padding:0; font-size:0.9em !important;}

.xsnazzy p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 0.75em !important;
	color: #666666;}

#content a {
	text-decoration:none;
	color: #003366;}
	
	#content a:hover {
	text-decoration:underline;}

#footer p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 0.7em !important; 
	color: #999999;
	margin: 0px 0px 5px 0px !important;}
	
/* New */	

#content ul {margin: 10px 25px 10px 30px !important;}

#content li {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
	font-size: 13px !important;
	color: #555555;
	padding: 5px 0px 0px 0px !important;}


#content strong {
	color: #003366;}
	
	

/* side menu ********************************************************************************/

ul {margin: 0px;}
li {margin: 0px;}

.xoxo {
	list-style:none;
	margin: 0px;
	padding: 0px;
	}

/*#primary ul, #secondary ul { */
.xoxo ul {
	width: 210px !important;
	margin: 0px 0px 10px 15px !important;
	padding:0;
	list-style:none;
	font-size: 13px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
	/*border-top: 1px solid #dedede; */
	 }
	 
#primary li, #secondary li {
		 display: inline;
		 }
 
/*#primary a, #secondary a { */
.xoxo ul a {
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 3px 5px 4px 15px;
	margin: 0px;	
	background-image:url(http://www.hot-lemon.com/_graphics/menu/general/arrows.gif);
	background-repeat:no-repeat;
	background-position: 0px 7px;
	border-bottom: 1px solid #dedede;	
	}  

	/*#primary a:hover, #secondary a:hover{ */
.xoxo ul a:hover {
	color: #003366 !important;
	background-position: 0px -43px;
	} 
	
/* nav next and previous *******************************************************************/

#nav-above, #nav-below {
	overflow:auto;
	height: 1%}


.nav-previous a, .nav-next a {
margin: 0px 0px 0px 0px;
font-size:12px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
text-decoration:none;
padding: 3px 0px 3px 0px;
color:#666666;
}

.nav-previous a {
float: left;
color:#999999 !important;
}
	
.nav-next a {
float: right;
color:#999999 !important;

}

.nav-previous a:hover, .nav-next a:hover {
color: #003366 !important;}	

/* form *************************************************************************************/


.formcontainer {}
#commentform {}

.form-label {
	width: 100px;
	float: left;
	margin: 0px 10px 5px 30px;}
	
	.form-input {
		margin: 0px 0px 5px 0px		
	}
	
.form-submit {margin: 20px 0px 20px 30px;}

	/*

	.form-label {padding: 0px 10px 5px 20px; display: block!important;}
	.form-input { margin: 0px 10px 5px 20px; display: block!important;}
	
	.form-submit {margin: 0px 10px 5px 20px; display: block!important;}
	.form-option {}
	
	*/
	
	.formcontainer label {
	font-size: 0.8em;
	color: #666666;}
	
	.formcontainer input {
		font-size: 0.8em;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
		color: #003366;}
	
		.formcontainer textarea {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
		margin: 0px;
		font-size: 0.8em;
		width: 300px;
		color: #003366;}

/*form#commentform .form-label {
margin:1em 0 0;
} */

form#commentform span.required {
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}


/*Rounded boxes ***********************************************************************************/

.xsnazzy {
	width: 100%;
	background: transparent; 
	margin:0px 0px 0px 0px;}
	
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xb1a, .xb2a, .xb3a, .xb4a {display:block; overflow:hidden;}
.xb1a, .xb2a, .xb3a {height:1px;}
.xb2a, .xb3a, .xb4a {background: #efefef; border-left:1px solid #dedede; border-right:1px solid #dedede;}
.xb3a {background: #ffffff !important; }
.xb1a {margin:0 5px; background:#dedede;}
.xb2a {margin:0 3px; border-width:0 2px;}
.xb3a {margin:0 2px;}
.xb4a {height:2px; margin:0 1px;}


.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #dedede; border-right:1px solid #dedede;}
.xb1 {margin:0 5px; background:#dedede;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent, .xboxcontent1 {
			background-image:url(http://www.hot-lemon.com/_graphics/backgrounds/boxBackground.gif)!important;
			background-repeat:repeat-x !important;
			background-position:top;
			display:block;
			background-color:#FFF;
			
			border:0 solid #dedede; 
			border-width:0 1px;
			padding: 5px 10px 10px 10px;
			overflow:auto;
			height: 1%;}


			.socialHolder {
				overflow: auto;
				margin: 10px 0px 10px 6px;}

			.socialHolder1 {
				overflow: auto;
				margin: 30px 0px 0px 0px;
				}	

/* ---Social networking navigation------------------------------------------------ */

.iconSwap {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style:none;}
.iconSwap li {float:left; position:relative; margin: 0px 0px 0px 3px;}

.iconSwap li.icon1 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon1 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/delicious.gif); border:0;}
.iconSwap li.icon1 a:hover img {background-position: 0px -50px;}

.iconSwap li.icon2 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon2 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/digg.gif); border:0;}
.iconSwap li.icon2 a:hover img {background-position: 0px -50px;}

.iconSwap li.icon3 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon3 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/facebook.gif); border:0;}
.iconSwap li.icon3 a:hover img {background-position: 0px -50px;}

.iconSwap li.icon4 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon4 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/linked.gif); border:0;}
.iconSwap li.icon4 a:hover img {background-position: 0px -50px;}

.iconSwap li.icon5 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon5 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/reddit.gif); border:0;}
.iconSwap li.icon5 a:hover img {background-position: 0px -50px;}

.iconSwap li.icon6 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon6 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/stumble.gif); border:0;}
.iconSwap li.icon6 a:hover img {background-position: 0px -50px;}

.iconSwap li.icon7 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon7 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/twitter.gif); border:0;}
.iconSwap li.icon7 a:hover img {background-position: 0px -50px;}

.iconSwap li.icon8 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.icon8 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/icons/mail.gif); border:0;}
.iconSwap li.icon8 a:hover img {background-position: 0px -50px;}


.iconSwap li.colour1 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.colour1 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/colour/colour1.gif); border:0;}
.iconSwap li.colour1 a:hover img {background-position: 0px -50px;}

.iconSwap li.colour2 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.colour2 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/colour/colour2.gif); border:0;}
.iconSwap li.colour2 a:hover img {background-position: 0px -50px;}

.iconSwap li.colour3 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.colour3 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/colour/colour3.gif); border:0;}
.iconSwap li.colour3 a:hover img {background-position: 0px -50px;}

.iconSwap li.colour4 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.colour4 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/colour/colour4.gif); border:0;}
.iconSwap li.colour4 a:hover img {background-position: 0px -50px;}

.iconSwap li.colour5 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.colour5 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/colour/colour5.gif); border:0;}
.iconSwap li.colour5 a:hover img {background-position: 0px -50px;}

.iconSwap li.colour6 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.colour6 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/colour/colour6.gif); border:0;}
.iconSwap li.colour6 a:hover img {background-position: 0px -50px;}

.iconSwap li.colour7 {width:26px; height:26px; overflow:hidden;}
.iconSwap li.colour7 img {width:26px; height:26px; background:url(http://www.hot-lemon.com/_graphics/menu/colour/colour7.gif); border:0;}
.iconSwap li.colour7 a:hover img {background-position: 0px -50px;}

.iconSwap li a {display:block; width:100%; height:26px; font: 12px/12px arial, sans-serif; color:#666666; text-decoration:none;}
.iconSwap li a:hover {color:#0080c0;}



/* Pre-loaders *****************************************************************************/

#preloadImages {
	width: 0px;
	height: 0px;
	display: inline;

background-image:url(http://www.hot-lemon.com/_graphics/menu/colour/colour1.gif);
background-image:url(http://www.hot-lemon.com/_graphics/menu/colour/colour2.gif);
background-image:url(http://www.hot-lemon.com/_graphics/menu/colour/colour3.gif);
background-image:url(http://www.hot-lemon.com/_graphics/menu/colour/colour4.gif);
background-image:url(http://www.hot-lemon.com/_graphics/menu/colour/colour5.gif);
background-image:url(http://www.hot-lemon.com/_graphics/menu/colour/colour6.gif);
background-image:url(http://www.hot-lemon.com/_graphics/menu/colour/colour7.gif);	

}