/* <!-- */
    /* General styles */
				
				
	body, html {
	font:x-small/1.5em "Trebuchet MS", Verdana, Arial, Sans-serif;
	color:#333;
	font-size/* */:/**/small;
	font-size: /**/small;
	height:100.2%
}
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#ffffff url(http://79.170.44.118/phillip-lee.com/assets/maincloud.jpg) top center repeat-x;
	min-width:755px;    /* Minimum width of layout - remove line if not required *//* The min-width property does not work in old versions of Internet Explorer */
}
#outerwrapper {}

#wrapper {
	margin:0 auto;
	width:755px;
	padding:10px;
	background:#EDF0E9;
}
a {
	color:#499DDE;
}
a:hover {
	color:#9A1A6A ;
	text-decoration:none;
}





h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
/* Header styles */
    #header {
	clear:both;
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
.title {
	font-size:22px;
	font-weight:bold;
	padding:10px;
}
.title a {
	color:#fff;
	text-decoration:none;
}
.title a:hover {
	color:#fff;
	text-decoration:none;
}
#banner {
	background: url(images/blend_03.jpg);
	height:45px;
}
#header p, #header h1, #header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:755px;
	list-style:none;
	border-top:1px solid #fff;
	border-bottom:3px solid #333;
	margin: 0;
	padding: 0px 0px;
	background:#009DE0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	border-left:1px solid #fff;
	float:right;
	margin:0 0 0 1px;
	padding:6px 10px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	position:relative;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#333;
	color:#fff;
}
#header ul li a.active, #header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:755px;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column right menu settings */
	.rightmenu {
	background:#EDF0E9;
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-200px;
	position:relative;
	right:100%;
	background:#fff;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	border-top:5px solid #005489;
	padding-bottom:1em;
}
.rightmenu .col1 {
	margin:0 15px 0 215px;
	overflow:hidden;
}

.rightmenu .col2 {
	float:right;
	width:185px;
	position:relative;
	left:195px;
font-size:85%
}


#window {position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:755px;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */background:#C9CFC2;border-top:3px solid #000000;margin:0px 0px 10px 0px;}


.tabcol {background:#ffffff;width:245px;vertical-align:top;border-top:5px solid #005489 }
.tabspace {width:10px;vertical-align:top;}
.tabcol div {padding:5px 10px}

.homebox {background:#eeeeee;}


/* Footer styles */
	#footer {
	clear:both;
	float:left;
	margin:10px 0px 0px 0px;
	width:755px;
	background:#55901E;
}
#footer p {
	padding:10px;
	color:#fff;
	margin:0;
}
/* --> */
				
				
				
 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */  



 /*printer styles*/ 

 @media print {
/*hide the right column when printing*/ 

#twocols, #maincol {
	width:100%;
	float:none;
}
}


.col2 h3 {border-top:5px solid #0674A6; margin:10px 0px 10px 0px; padding:5px 0px 0px 0px; font-size:12px; }
.col2 ul {list-style:none;padding:0px 0px 0px 5px;margin:0px}


dt.blog { float:left; text-align:center; background:#dddddd; padding:5px;}
dt.blog span.day {font-size:1.3em}
dt.blog span.month {font-size:0.7em}
dd.blog { margin:0px 0px 10px 40px; }

dd.blog h2 a { text-decoration:none; font-size:120% }


.catcloud {margin:0px;padding:0px}
.catcloud li {display:inline;}
.catcloud li li {display:inline;}
img { margin:0px; padding:5px; background:#ffffff; border:1px solid #cccccc }
#map img {background:none}
img.noborder { margin:0px; padding:0px; background:#ffffff; border:0px }

blockquote { padding:0px 3px 3px 25px; background:url('../assets/blockquote.gif') top left no-repeat; font-style:italic; margin:0px 0px 0px 10px; line-height:20px; color:#999999; background-position: 0 .4em; }

div.pullquote { width:120px; float:right; margin:10px 0px 10px 10px; font-size:18px; font-weight:bold; background:#005489; color:#ffffff; padding:20px; line-height:30px; }

ul.post-meta {list-style:none;padding:0px;margin:0px;font-size:18px; font-weight:bold; }
ul.post-meta {padding:0px;margin:0px;}
.post-meta-key {display:none}
.mapp-poweredby {display:none;}
.tabcol ul {padding:0px 0px 0px 15px;}

.officialmap-post .date	{ display: none; }
.itemhead h2 {font-size:14px}
.backtomap {float:right}
 li.on a { border-top-color: #ffffff; border-left-color: #ffffff; color: #ffffff; background-color: #333333; }
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}

.b1f {height:1px;margin:0 5px;}

.b2f {height:1px;margin:0 3px;}

.b3f {height:1px;margin:0 2px;}

.b4f {height:2px;margin:0 1px;}
.tail {
	margin:0 auto;
	width:775px;
}
.greentail {
	margin:0 auto;
	width:755px;
height:10px
}
.greentail .b1f, .greentail .b2f, .greentail .b3f, .greentail .b4f {background:#55901E}
.tail .b1f, .tail .b2f, .tail .b3f, .tail .b4f {background:#EDF0E9}