@charset "utf-8";
/* CSS Document */

body {
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
font-family: 'Tenor Sans', sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}


.oneColLiqCtrHdr #container {
	width: 960px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #container h1{ font-family: 'Tenor Sans', sans-serif; margin: 10px; font-size:1em; }
.oneColLiqCtrHdr #container h1 a:link{ text-decoration: none; color: #336699;}
.oneColLiqCtrHdr #container h1 a:hover{ text-decoration: none; color: #000033;}
.oneColLiqCtrHdr #container h1 a:visited{ text-decoration: none; color: #336699;}

.oneColLiqCtrHdr #header {
	background: url(images/header.jpg);
	height: 94px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#featured {
	margin: 15px 0;
	}

#box1 {width: 300px; float: left;}
#box2 {width: 300px; float: right;}
#box3 {width: 330px; float: left; margin: 0 0 0 15px;}
#box-latest { width: 645px; float: right; margin: 0 0 0 15px; padding: 0px 0 15px 0;}
#box-latest p { padding: 0 10px; font-size: 0.9em; line-height: 150%; }
#box-latest h1 a:link{ font-size: 1.5em;}
#box-latest a:link{ color: #0099CC; text-decoration: none;}
#box-latest a:hover{ color: #0066CC; text-decoration: none;}

#box1 .featured-content h1 { margin:0px; padding: 10px 0px; font-family: 'Tenor Sans', sans-serif; font-size: 1.5em;}
#box1 .featured-content { color: #333; padding: 10px; font-size: 0.7em; /*height: 250px;*/}
#box1 .featured-content-ad {color: #333; padding: 0px; font-size: 0.8em; height: 250px;}

.title-bar, .title-bar2 {background: #000000; color: #FFFFFF; padding:10px; font-size: 0.9em; cursor: pointer; font-weight: bold;}

.title-bar a:link {color: #FFFFFF; text-decoration: none; font-size:0.8em; background: url(images/rss.png) right no-repeat; padding-right: 20px;}
.title-bar a:hover {color: #3399FF; text-decoration: none; font-size:0.8em; background: url(images/rss.png) right no-repeat; padding-right: 20px;}


.title-bar:hover, .title-bar2 {cursor: pointer;}

.oneColLiqCtrHdr #featured-listing {
	text-align:center;
	height: 150px;
	margin: 0px auto;
	padding: 0px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#featured-listing img {border:0px;}

#featured-listing ul{margin:0px auto; padding:0px auto; list-style:none; display:inline;}
#featured-listing li{margin:0px; padding:0px; list-style:none; display:inline;}
#featured-listing li .featured-listing-title {font-size: 0.8em; margin: 10px; font-weight: bold;}
#featured-listing li .featured-listing-title a:link{ text-decoration: none; color: #336699;}
#featured-listing li .featured-listing-title a:hover{ text-decoration: none; color: #000033;}



.oneColLiqCtrHdr #featured-listing-title {
	height: 36px;
	background: url(images/featured-listing-title.jpg);
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr .featured-content { color: #333; padding:10px 0px; font-size: 0.7em;}

.oneColLiqCtrHdr .featured-content h1 { margin:0px; padding:0px; font-size: 1.5em;}

.oneColLiqCtrHdr .featured-content a:link {text-decoration: none; color: #336699;}
.oneColLiqCtrHdr .featured-content a:hover {text-decoration: none; color: #000033;}

.oneColLiqCtrHdr .featured-content ul { margin: 0px; padding: 0px;}

.oneColLiqCtrHdr .featured-content li { margin: 0px; padding: 5px 10px; list-style: none; border-bottom: 1px solid #99ccff; font-weight:bold; letter-spacing:1px;}

.oneColLiqCtrHdr .featured-content li small { font-weight: normal; letter-spacing: normal;}

.oneColLiqCtrHdr .featured-content li:hover { margin: 0px; padding: 5px 10px; list-style: none; border-bottom: 1px solid #99ccff; background: #ccffff;}

.oneColLiqCtrHdr .featured-content li a:link {  text-decoration: none; color: #336699;}

.oneColLiqCtrHdr .featured-content li a:hover {  text-decoration: none; color: #003366;}

.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	font-size: 0.8em;
}

.oneColLiqCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: 1px solid #ccc;
}
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.8em;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*-----SINGLE & CATEGORY SECTION---------------*/

#leftContent h2 {margin: 0px; padding:0px;  font-size: 2em; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000;
;}

#leftContent h2 a:link, #leftContent h3 a:link {margin: 0px; padding:0px; font-size: 1em; color: #000
; text-decoration: none; color: #336699;}

#leftContent h2 a:hover, #leftContent h3 a:hover { color:#000033; }

#leftContent a:link { text-decoration: underline; color: #336699; }
#leftContent a:hover { text-decoration:none; color: #000033; }

#leftContent {float:left; width: 600px; margin: 15px 0; padding: 0 10px;}

#leftContent img {border: 1px solid #ccc; padding: 5px; background: #efefef;}

#leftContent small, #leftContent .postmetadata {font-weight: normal; letter-spacing: normal; margin: 0px; padding:0px;}
#leftContent small a:link {font-weight: normal; letter-spacing: normal; text-decoration: none; color:#336699;}
#leftContent small a:hover {color:#000033;}

#leftContent .entry {font-size: 0.9em; margin: 0 0 25px 0;}
#leftContent .entry p { line-height: 150%;}

#leftContent ul {margin: 0px; padding:0px;}
#leftContent li {margin: 15px 15px; padding:0px; list-style: circle;}
#leftContent li img {margin: 15px 15px; }


/*====================================*/

#rightContent {float:right; width: 300px; margin: 15px 0;}

#rightContent ul {margin: 0px; padding: 0px;}

#rightContent ul li{ font-size: 0.8em; font-weight:bold; list-style:none; margin: 0px; padding: 5px 5px; border-bottom: 1px solid #99ccff; letter-spacing:1px;}

#rightContent ul li:hover{background: #ccffff; }

#rightContent ul li a:link { text-decoration:none; color: #336699; }

#rightContent ul li a:hover { text-decoration:none; color: #000033; }

#rightContent .title {background:#000; color: #FFFFFF; padding:10px; font-size: 0.9em; cursor: pointer; font-weight: bold;}


#sidebarBox {padding: 0px 0 0 10px; margin: 0px;}
#sidebarBox2 {padding: 0px 0 0 10px; margin: 15px 0px;}

#sidebarBox .title  {}

#sidebarBox .title a:link {color: #FFFFFF; text-decoration:none;}
#sidebarBox2 .title a:link {padding: 0px 0 0 10px; margin: 15px 0px;}

#other-item ul {margin: 5px 0px 25px 0; padding: 0px;}

#other-item ul li { font-size: 0.8em; font-weight:bold; list-style:none; margin: 0px; padding: 5px 0px; border-bottom: 1px solid #99ccff; letter-spacing:1px;}

#other-item ul li:hover{background: #ccffff;}
#other-item ul li a:link { text-decoration:none; color: #336699; }
#other-item ul li a:hover { text-decoration:none; color: #000033; }

/*------------------------------*/

#respond { width: 600px;}

#respond h3 { font-size: 0.9em; color: #336699; margin: 0px; padding: 10px 0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}

#comments { font-size: 0.9em; color: #336699; margin: 0px; padding: 10px 0px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}

.commentlist ul, .commentlist ol {margin:0px; padding:0px; list-style:none;}
.commentlist li {margin:5px 0px; padding: 10px; list-style: none; background-color: #f5f5f5; border-bottom: 1px solid #99ccff; font-size: 0.85em;}
.commentlist li:hover{background-color: #efefef;}

.commentmetadata { font-size: 0.7em; }
.commentmetadata a:link { color: #336699; text-decoration: none; }
.commentmetadata a:hover { color: #000033; }

.fn { font-size: 1em; font-style: normal; font-weight: bold; margin: 0px 0 0 5px; }
.fn a:link { color: #336699;  }
.fn a:hover { color: #000033;  }